Skip to content

Commit

Permalink
feat(v3): remove social media colors (#8249)
Browse files Browse the repository at this point in the history
  • Loading branch information
@Omikorin
Omikorin committed Feb 2, 2024
1 parent a89c598 commit 6cef997
Show file tree
Hide file tree
Showing 31 changed files with 31 additions and 160 deletions.
13 changes: 0 additions & 13 deletions packages/components/src/button/button.stories.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,10 +6,8 @@ import {
FaArrowRight,
FaChevronDown,
FaEnvelope,
FaFacebook,
FaPhone,
FaSearch,
FaTwitter,
} from "react-icons/fa"
import { MdBuild, MdCall } from "react-icons/md"
import { BeatLoader } from "react-spinners"
Expand Down Expand Up @@ -245,17 +243,6 @@ export const WithVerticalAttachedButtons = () => (
</ButtonGroup>
)

export const WithSocialButton = () => (
<Stack direction="row">
<Button colorScheme="facebook" leftIcon={<FaFacebook />}>
Facebook
</Button>
<Button colorScheme="twitter" leftIcon={<FaTwitter />}>
Twitter
</Button>
</Stack>
)

const motionConfig = {
initial: false,
transition: {
Expand Down
2 changes: 1 addition & 1 deletion packages/props-docs/generated/alert.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
"addRole": { "type": "boolean", "defaultValue": false, "required": false },
"colorScheme": {
"defaultValue": "blue",
"type": "\"whiteAlpha\" | \"blackAlpha\" | \"gray\" | \"red\" | \"orange\" | \"yellow\" | \"green\" | \"teal\" | \"blue\" | \"cyan\" | \"purple\" | \"pink\" | \"linkedin\" | \"facebook\" | \"messenger\" | \"whatsapp\" | \"twitter\" | \"telegram\"",
"type": "\"whiteAlpha\" | \"blackAlpha\" | \"gray\" | \"red\" | \"orange\" | \"yellow\" | \"green\" | \"teal\" | \"blue\" | \"cyan\" | \"purple\" | \"pink\"",
"required": false,
"description": "The visual color appearance of the component"
},
Expand Down
2 changes: 1 addition & 1 deletion packages/props-docs/generated/avatar.json
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
{
"Avatar": {
"colorScheme": {
"type": "\"whiteAlpha\" | \"blackAlpha\" | \"gray\" | \"red\" | \"orange\" | \"yellow\" | \"green\" | \"teal\" | \"blue\" | \"cyan\" | \"purple\" | \"pink\" | \"linkedin\" | \"facebook\" | \"messenger\" | \"whatsapp\" | \"twitter\" | \"telegram\"",
"type": "\"whiteAlpha\" | \"blackAlpha\" | \"gray\" | \"red\" | \"orange\" | \"yellow\" | \"green\" | \"teal\" | \"blue\" | \"cyan\" | \"purple\" | \"pink\"",
"required": false,
"description": "The visual color appearance of the component"
},
Expand Down
2 changes: 1 addition & 1 deletion packages/props-docs/generated/badge.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
"Badge": {
"colorScheme": {
"defaultValue": "gray",
"type": "\"whiteAlpha\" | \"blackAlpha\" | \"gray\" | \"red\" | \"orange\" | \"yellow\" | \"green\" | \"teal\" | \"blue\" | \"cyan\" | \"purple\" | \"pink\" | \"linkedin\" | \"facebook\" | \"messenger\" | \"whatsapp\" | \"twitter\" | \"telegram\"",
"type": "\"whiteAlpha\" | \"blackAlpha\" | \"gray\" | \"red\" | \"orange\" | \"yellow\" | \"green\" | \"teal\" | \"blue\" | \"cyan\" | \"purple\" | \"pink\"",
"required": false,
"description": "The visual color appearance of the component"
},
Expand Down
2 changes: 1 addition & 1 deletion packages/props-docs/generated/button.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
"Button": {
"colorScheme": {
"defaultValue": "gray",
"type": "\"whiteAlpha\" | \"blackAlpha\" | \"gray\" | \"red\" | \"orange\" | \"yellow\" | \"green\" | \"teal\" | \"blue\" | \"cyan\" | \"purple\" | \"pink\" | \"linkedin\" | \"facebook\" | \"messenger\" | \"whatsapp\" | \"twitter\" | \"telegram\"",
"type": "\"whiteAlpha\" | \"blackAlpha\" | \"gray\" | \"red\" | \"orange\" | \"yellow\" | \"green\" | \"teal\" | \"blue\" | \"cyan\" | \"purple\" | \"pink\"",
"required": false,
"description": "The visual color appearance of the component"
},
Expand Down
2 changes: 1 addition & 1 deletion packages/props-docs/generated/card.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
"description": "The flex alignment of the card"
},
"colorScheme": {
"type": "\"whiteAlpha\" | \"blackAlpha\" | \"gray\" | \"red\" | \"orange\" | \"yellow\" | \"green\" | \"teal\" | \"blue\" | \"cyan\" | \"purple\" | \"pink\" | \"linkedin\" | \"facebook\" | \"messenger\" | \"whatsapp\" | \"twitter\" | \"telegram\"",
"type": "\"whiteAlpha\" | \"blackAlpha\" | \"gray\" | \"red\" | \"orange\" | \"yellow\" | \"green\" | \"teal\" | \"blue\" | \"cyan\" | \"purple\" | \"pink\"",
"required": false,
"description": "The visual color appearance of the component"
},
Expand Down
2 changes: 1 addition & 1 deletion packages/props-docs/generated/checkbox.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@
},
"colorScheme": {
"defaultValue": "blue",
"type": "\"whiteAlpha\" | \"blackAlpha\" | \"gray\" | \"red\" | \"orange\" | \"yellow\" | \"green\" | \"teal\" | \"blue\" | \"cyan\" | \"purple\" | \"pink\" | \"linkedin\" | \"facebook\" | \"messenger\" | \"whatsapp\" | \"twitter\" | \"telegram\"",
"type": "\"whiteAlpha\" | \"blackAlpha\" | \"gray\" | \"red\" | \"orange\" | \"yellow\" | \"green\" | \"teal\" | \"blue\" | \"cyan\" | \"purple\" | \"pink\"",
"required": false,
"description": "The visual color appearance of the component"
},
Expand Down
2 changes: 1 addition & 1 deletion packages/props-docs/generated/close-button.json
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
{
"CloseButton": {
"colorScheme": {
"type": "\"whiteAlpha\" | \"blackAlpha\" | \"gray\" | \"red\" | \"orange\" | \"yellow\" | \"green\" | \"teal\" | \"blue\" | \"cyan\" | \"purple\" | \"pink\" | \"linkedin\" | \"facebook\" | \"messenger\" | \"whatsapp\" | \"twitter\" | \"telegram\"",
"type": "\"whiteAlpha\" | \"blackAlpha\" | \"gray\" | \"red\" | \"orange\" | \"yellow\" | \"green\" | \"teal\" | \"blue\" | \"cyan\" | \"purple\" | \"pink\"",
"required": false,
"description": "The visual color appearance of the component"
},
Expand Down
2 changes: 1 addition & 1 deletion packages/props-docs/generated/code.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
"Code": {
"colorScheme": {
"defaultValue": "gray",
"type": "\"whiteAlpha\" | \"blackAlpha\" | \"gray\" | \"red\" | \"orange\" | \"yellow\" | \"green\" | \"teal\" | \"blue\" | \"cyan\" | \"purple\" | \"pink\" | \"linkedin\" | \"facebook\" | \"messenger\" | \"whatsapp\" | \"twitter\" | \"telegram\"",
"type": "\"whiteAlpha\" | \"blackAlpha\" | \"gray\" | \"red\" | \"orange\" | \"yellow\" | \"green\" | \"teal\" | \"blue\" | \"cyan\" | \"purple\" | \"pink\"",
"required": false,
"description": "The visual color appearance of the component"
},
Expand Down
2 changes: 1 addition & 1 deletion packages/props-docs/generated/divider.json
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
{
"Divider": {
"colorScheme": {
"type": "\"whiteAlpha\" | \"blackAlpha\" | \"gray\" | \"red\" | \"orange\" | \"yellow\" | \"green\" | \"teal\" | \"blue\" | \"cyan\" | \"purple\" | \"pink\" | \"linkedin\" | \"facebook\" | \"messenger\" | \"whatsapp\" | \"twitter\" | \"telegram\"",
"type": "\"whiteAlpha\" | \"blackAlpha\" | \"gray\" | \"red\" | \"orange\" | \"yellow\" | \"green\" | \"teal\" | \"blue\" | \"cyan\" | \"purple\" | \"pink\"",
"required": false,
"description": "The visual color appearance of the component"
},
Expand Down
2 changes: 1 addition & 1 deletion packages/props-docs/generated/input.json
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
{
"Input": {
"colorScheme": {
"type": "\"whiteAlpha\" | \"blackAlpha\" | \"gray\" | \"red\" | \"orange\" | \"yellow\" | \"green\" | \"teal\" | \"blue\" | \"cyan\" | \"purple\" | \"pink\" | \"linkedin\" | \"facebook\" | \"messenger\" | \"whatsapp\" | \"twitter\" | \"telegram\"",
"type": "\"whiteAlpha\" | \"blackAlpha\" | \"gray\" | \"red\" | \"orange\" | \"yellow\" | \"green\" | \"teal\" | \"blue\" | \"cyan\" | \"purple\" | \"pink\"",
"required": false,
"description": "The visual color appearance of the component"
},
Expand Down
4 changes: 2 additions & 2 deletions packages/props-docs/generated/modal.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -165,7 +165,7 @@
"description": "If `true`, the modal will close when the overlay is clicked"
},
"colorScheme": {
"type": "\"whiteAlpha\" | \"blackAlpha\" | \"gray\" | \"red\" | \"orange\" | \"yellow\" | \"green\" | \"teal\" | \"blue\" | \"cyan\" | \"purple\" | \"pink\" | \"linkedin\" | \"facebook\" | \"messenger\" | \"whatsapp\" | \"twitter\" | \"telegram\"",
"type": "\"whiteAlpha\" | \"blackAlpha\" | \"gray\" | \"red\" | \"orange\" | \"yellow\" | \"green\" | \"teal\" | \"blue\" | \"cyan\" | \"purple\" | \"pink\"",
"required": false,
"description": "The visual color appearance of the component"
},
Expand Down Expand Up @@ -311,7 +311,7 @@
"description": "If `true`, the modal will close when the overlay is clicked"
},
"colorScheme": {
"type": "\"whiteAlpha\" | \"blackAlpha\" | \"gray\" | \"red\" | \"orange\" | \"yellow\" | \"green\" | \"teal\" | \"blue\" | \"cyan\" | \"purple\" | \"pink\" | \"linkedin\" | \"facebook\" | \"messenger\" | \"whatsapp\" | \"twitter\" | \"telegram\"",
"type": "\"whiteAlpha\" | \"blackAlpha\" | \"gray\" | \"red\" | \"orange\" | \"yellow\" | \"green\" | \"teal\" | \"blue\" | \"cyan\" | \"purple\" | \"pink\"",
"required": false,
"description": "The visual color appearance of the component"
},
Expand Down
2 changes: 1 addition & 1 deletion packages/props-docs/generated/number-input.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@
"description": "This controls the value update when you blur out of the input.\n- If `true` and the value is greater than `max`, the value will be reset to `max`\n- Else, the value remains the same."
},
"colorScheme": {
"type": "\"whiteAlpha\" | \"blackAlpha\" | \"gray\" | \"red\" | \"orange\" | \"yellow\" | \"green\" | \"teal\" | \"blue\" | \"cyan\" | \"purple\" | \"pink\" | \"linkedin\" | \"facebook\" | \"messenger\" | \"whatsapp\" | \"twitter\" | \"telegram\"",
"type": "\"whiteAlpha\" | \"blackAlpha\" | \"gray\" | \"red\" | \"orange\" | \"yellow\" | \"green\" | \"teal\" | \"blue\" | \"cyan\" | \"purple\" | \"pink\"",
"required": false,
"description": "The visual color appearance of the component"
},
Expand Down
2 changes: 1 addition & 1 deletion packages/props-docs/generated/pin-input.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@
"description": "If `true`, the pin input receives focus on mount"
},
"colorScheme": {
"type": "\"whiteAlpha\" | \"blackAlpha\" | \"gray\" | \"red\" | \"orange\" | \"yellow\" | \"green\" | \"teal\" | \"blue\" | \"cyan\" | \"purple\" | \"pink\" | \"linkedin\" | \"facebook\" | \"messenger\" | \"whatsapp\" | \"twitter\" | \"telegram\"",
"type": "\"whiteAlpha\" | \"blackAlpha\" | \"gray\" | \"red\" | \"orange\" | \"yellow\" | \"green\" | \"teal\" | \"blue\" | \"cyan\" | \"purple\" | \"pink\"",
"required": false,
"description": "The visual color appearance of the component"
},
Expand Down
2 changes: 1 addition & 1 deletion packages/props-docs/generated/progress.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -75,7 +75,7 @@
"Progress": {
"colorScheme": {
"defaultValue": "blue",
"type": "\"whiteAlpha\" | \"blackAlpha\" | \"gray\" | \"red\" | \"orange\" | \"yellow\" | \"green\" | \"teal\" | \"blue\" | \"cyan\" | \"purple\" | \"pink\" | \"linkedin\" | \"facebook\" | \"messenger\" | \"whatsapp\" | \"twitter\" | \"telegram\"",
"type": "\"whiteAlpha\" | \"blackAlpha\" | \"gray\" | \"red\" | \"orange\" | \"yellow\" | \"green\" | \"teal\" | \"blue\" | \"cyan\" | \"purple\" | \"pink\"",
"required": false,
"description": "The visual color appearance of the component"
},
Expand Down
2 changes: 1 addition & 1 deletion packages/props-docs/generated/radio.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@
},
"colorScheme": {
"defaultValue": "blue",
"type": "\"whiteAlpha\" | \"blackAlpha\" | \"gray\" | \"red\" | \"orange\" | \"yellow\" | \"green\" | \"teal\" | \"blue\" | \"cyan\" | \"purple\" | \"pink\" | \"linkedin\" | \"facebook\" | \"messenger\" | \"whatsapp\" | \"twitter\" | \"telegram\"",
"type": "\"whiteAlpha\" | \"blackAlpha\" | \"gray\" | \"red\" | \"orange\" | \"yellow\" | \"green\" | \"teal\" | \"blue\" | \"cyan\" | \"purple\" | \"pink\"",
"required": false,
"description": "The visual color appearance of the component"
},
Expand Down
2 changes: 1 addition & 1 deletion packages/props-docs/generated/select.json
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
{
"Select": {
"colorScheme": {
"type": "\"whiteAlpha\" | \"blackAlpha\" | \"gray\" | \"red\" | \"orange\" | \"yellow\" | \"green\" | \"teal\" | \"blue\" | \"cyan\" | \"purple\" | \"pink\" | \"linkedin\" | \"facebook\" | \"messenger\" | \"whatsapp\" | \"twitter\" | \"telegram\"",
"type": "\"whiteAlpha\" | \"blackAlpha\" | \"gray\" | \"red\" | \"orange\" | \"yellow\" | \"green\" | \"teal\" | \"blue\" | \"cyan\" | \"purple\" | \"pink\"",
"required": false,
"description": "The visual color appearance of the component"
},
Expand Down
2 changes: 1 addition & 1 deletion packages/props-docs/generated/slider.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -140,7 +140,7 @@
},
"colorScheme": {
"defaultValue": "blue",
"type": "\"whiteAlpha\" | \"blackAlpha\" | \"gray\" | \"red\" | \"orange\" | \"yellow\" | \"green\" | \"teal\" | \"blue\" | \"cyan\" | \"purple\" | \"pink\" | \"linkedin\" | \"facebook\" | \"messenger\" | \"whatsapp\" | \"twitter\" | \"telegram\"",
"type": "\"whiteAlpha\" | \"blackAlpha\" | \"gray\" | \"red\" | \"orange\" | \"yellow\" | \"green\" | \"teal\" | \"blue\" | \"cyan\" | \"purple\" | \"pink\"",
"required": false,
"description": "The visual color appearance of the component"
},
Expand Down
2 changes: 1 addition & 1 deletion packages/props-docs/generated/spinner.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
"description": "The color of the spinner"
},
"colorScheme": {
"type": "\"whiteAlpha\" | \"blackAlpha\" | \"gray\" | \"red\" | \"orange\" | \"yellow\" | \"green\" | \"teal\" | \"blue\" | \"cyan\" | \"purple\" | \"pink\" | \"linkedin\" | \"facebook\" | \"messenger\" | \"whatsapp\" | \"twitter\" | \"telegram\"",
"type": "\"whiteAlpha\" | \"blackAlpha\" | \"gray\" | \"red\" | \"orange\" | \"yellow\" | \"green\" | \"teal\" | \"blue\" | \"cyan\" | \"purple\" | \"pink\"",
"required": false,
"description": "The visual color appearance of the component"
},
Expand Down
2 changes: 1 addition & 1 deletion packages/props-docs/generated/stat.json
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
{
"Stat": {
"colorScheme": {
"type": "\"whiteAlpha\" | \"blackAlpha\" | \"gray\" | \"red\" | \"orange\" | \"yellow\" | \"green\" | \"teal\" | \"blue\" | \"cyan\" | \"purple\" | \"pink\" | \"linkedin\" | \"facebook\" | \"messenger\" | \"whatsapp\" | \"twitter\" | \"telegram\"",
"type": "\"whiteAlpha\" | \"blackAlpha\" | \"gray\" | \"red\" | \"orange\" | \"yellow\" | \"green\" | \"teal\" | \"blue\" | \"cyan\" | \"purple\" | \"pink\"",
"required": false,
"description": "The visual color appearance of the component"
},
Expand Down
2 changes: 1 addition & 1 deletion packages/props-docs/generated/stepper.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@
},
"colorScheme": {
"defaultValue": "blue",
"type": "\"whiteAlpha\" | \"blackAlpha\" | \"gray\" | \"red\" | \"orange\" | \"yellow\" | \"green\" | \"teal\" | \"blue\" | \"cyan\" | \"purple\" | \"pink\" | \"linkedin\" | \"facebook\" | \"messenger\" | \"whatsapp\" | \"twitter\" | \"telegram\"",
"type": "\"whiteAlpha\" | \"blackAlpha\" | \"gray\" | \"red\" | \"orange\" | \"yellow\" | \"green\" | \"teal\" | \"blue\" | \"cyan\" | \"purple\" | \"pink\"",
"required": false,
"description": "The visual color appearance of the component"
},
Expand Down
2 changes: 1 addition & 1 deletion packages/props-docs/generated/switch.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@
},
"colorScheme": {
"defaultValue": "blue",
"type": "\"whiteAlpha\" | \"blackAlpha\" | \"gray\" | \"red\" | \"orange\" | \"yellow\" | \"green\" | \"teal\" | \"blue\" | \"cyan\" | \"purple\" | \"pink\" | \"linkedin\" | \"facebook\" | \"messenger\" | \"whatsapp\" | \"twitter\" | \"telegram\"",
"type": "\"whiteAlpha\" | \"blackAlpha\" | \"gray\" | \"red\" | \"orange\" | \"yellow\" | \"green\" | \"teal\" | \"blue\" | \"cyan\" | \"purple\" | \"pink\"",
"required": false,
"description": "The visual color appearance of the component"
},
Expand Down
2 changes: 1 addition & 1 deletion packages/props-docs/generated/table.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
"Table": {
"colorScheme": {
"defaultValue": "gray",
"type": "\"whiteAlpha\" | \"blackAlpha\" | \"gray\" | \"red\" | \"orange\" | \"yellow\" | \"green\" | \"teal\" | \"blue\" | \"cyan\" | \"purple\" | \"pink\" | \"linkedin\" | \"facebook\" | \"messenger\" | \"whatsapp\" | \"twitter\" | \"telegram\"",
"type": "\"whiteAlpha\" | \"blackAlpha\" | \"gray\" | \"red\" | \"orange\" | \"yellow\" | \"green\" | \"teal\" | \"blue\" | \"cyan\" | \"purple\" | \"pink\"",
"required": false,
"description": "The visual color appearance of the component"
},
Expand Down
2 changes: 1 addition & 1 deletion packages/props-docs/generated/tabs.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@
"Tabs": {
"colorScheme": {
"defaultValue": "blue",
"type": "\"whiteAlpha\" | \"blackAlpha\" | \"gray\" | \"red\" | \"orange\" | \"yellow\" | \"green\" | \"teal\" | \"blue\" | \"cyan\" | \"purple\" | \"pink\" | \"linkedin\" | \"facebook\" | \"messenger\" | \"whatsapp\" | \"twitter\" | \"telegram\"",
"type": "\"whiteAlpha\" | \"blackAlpha\" | \"gray\" | \"red\" | \"orange\" | \"yellow\" | \"green\" | \"teal\" | \"blue\" | \"cyan\" | \"purple\" | \"pink\"",
"required": false,
"description": "The visual color appearance of the component"
},
Expand Down
2 changes: 1 addition & 1 deletion packages/props-docs/generated/tag.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@
"Tag": {
"colorScheme": {
"defaultValue": "gray",
"type": "\"whiteAlpha\" | \"blackAlpha\" | \"gray\" | \"red\" | \"orange\" | \"yellow\" | \"green\" | \"teal\" | \"blue\" | \"cyan\" | \"purple\" | \"pink\" | \"linkedin\" | \"facebook\" | \"messenger\" | \"whatsapp\" | \"twitter\" | \"telegram\"",
"type": "\"whiteAlpha\" | \"blackAlpha\" | \"gray\" | \"red\" | \"orange\" | \"yellow\" | \"green\" | \"teal\" | \"blue\" | \"cyan\" | \"purple\" | \"pink\"",
"required": false,
"description": "The visual color appearance of the component"
},
Expand Down
2 changes: 1 addition & 1 deletion packages/props-docs/generated/textarea.json
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
{
"Textarea": {
"colorScheme": {
"type": "\"whiteAlpha\" | \"blackAlpha\" | \"gray\" | \"red\" | \"orange\" | \"yellow\" | \"green\" | \"teal\" | \"blue\" | \"cyan\" | \"purple\" | \"pink\" | \"linkedin\" | \"facebook\" | \"messenger\" | \"whatsapp\" | \"twitter\" | \"telegram\"",
"type": "\"whiteAlpha\" | \"blackAlpha\" | \"gray\" | \"red\" | \"orange\" | \"yellow\" | \"green\" | \"teal\" | \"blue\" | \"cyan\" | \"purple\" | \"pink\"",
"required": false,
"description": "The visual color appearance of the component"
},
Expand Down
2 changes: 1 addition & 1 deletion packages/props-docs/generated/typography.json
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
{
"Heading": {
"colorScheme": {
"type": "\"whiteAlpha\" | \"blackAlpha\" | \"gray\" | \"red\" | \"orange\" | \"yellow\" | \"green\" | \"teal\" | \"blue\" | \"cyan\" | \"purple\" | \"pink\" | \"linkedin\" | \"facebook\" | \"messenger\" | \"whatsapp\" | \"twitter\" | \"telegram\"",
"type": "\"whiteAlpha\" | \"blackAlpha\" | \"gray\" | \"red\" | \"orange\" | \"yellow\" | \"green\" | \"teal\" | \"blue\" | \"cyan\" | \"purple\" | \"pink\"",
"required": false,
"description": "The visual color appearance of the component"
},
Expand Down
78 changes: 0 additions & 78 deletions packages/theme/src/foundations/colors.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -159,84 +159,6 @@ const colors = {
800: "#702459",
900: "#521B41",
},

linkedin: {
50: "#E8F4F9",
100: "#CFEDFB",
200: "#9BDAF3",
300: "#68C7EC",
400: "#34B3E4",
500: "#00A0DC",
600: "#008CC9",
700: "#0077B5",
800: "#005E93",
900: "#004471",
},

facebook: {
50: "#E8F4F9",
100: "#D9DEE9",
200: "#B7C2DA",
300: "#6482C0",
400: "#4267B2",
500: "#385898",
600: "#314E89",
700: "#29487D",
800: "#223B67",
900: "#1E355B",
},

messenger: {
50: "#D0E6FF",
100: "#B9DAFF",
200: "#A2CDFF",
300: "#7AB8FF",
400: "#2E90FF",
500: "#0078FF",
600: "#0063D1",
700: "#0052AC",
800: "#003C7E",
900: "#002C5C",
},

whatsapp: {
50: "#dffeec",
100: "#b9f5d0",
200: "#90edb3",
300: "#65e495",
400: "#3cdd78",
500: "#22c35e",
600: "#179848",
700: "#0c6c33",
800: "#01421c",
900: "#001803",
},

twitter: {
50: "#E5F4FD",
100: "#C8E9FB",
200: "#A8DCFA",
300: "#83CDF7",
400: "#57BBF5",
500: "#1DA1F2",
600: "#1A94DA",
700: "#1681BF",
800: "#136B9E",
900: "#0D4D71",
},

telegram: {
50: "#E3F2F9",
100: "#C5E4F3",
200: "#A2D4EC",
300: "#7AC1E4",
400: "#47A9DA",
500: "#0088CC",
600: "#007AB8",
700: "#006BA1",
800: "#005885",
900: "#003F5E",
},
}

export default colors
6 changes: 3 additions & 3 deletions website/configs/sandpack-contents/component-theming/icon-button.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -40,16 +40,16 @@ export default function App() {
<IconButton
variant="ghost"
size="xl"
colorScheme="whatsapp"
colorScheme="green"
aria-label="WhatsApp icon"
icon={<Icon as={FaWhatsapp} />}
/>
<IconButton
size="xl"
variant="link"
colorScheme="telegram"
aria-label="WhatsApp icon"
colorScheme="cyan"
aria-label="Telegram icon"
icon={<Icon as={FaTelegram} />}
/>
Expand Down

1 comment on commit 6cef997

@tomdoeslinux
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Why?

Please sign in to comment.