@atom-learning/components 3.28.0 → 4.0.0-beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/accordion/Accordion.d.ts +12 -0
- package/dist/components/accordion/AccordionContent.d.ts +12 -0
- package/dist/components/accordion/AccordionItem.d.ts +12 -0
- package/dist/components/accordion/AccordionTrigger.d.ts +24 -0
- package/dist/components/action-icon/ActionIcon.d.ts +12 -0
- package/dist/components/alert-dialog/AlertDialog.d.ts +24 -0
- package/dist/components/alert-dialog/AlertDialogContent.d.ts +12 -0
- package/dist/components/avatar/Avatar.d.ts +36 -0
- package/dist/components/badge/Badge.d.ts +72 -0
- package/dist/components/badge/BadgeIcon.d.ts +24 -0
- package/dist/components/badge/BadgeText.d.ts +24 -0
- package/dist/components/badge/stitches.badge.colorscheme.config.d.ts +11 -0
- package/dist/components/badge/stitches.badge.colorscheme.config.js +1 -1
- package/dist/components/badge/stitches.badge.colorscheme.config.js.map +1 -1
- package/dist/components/banner/BannerContainer.d.ts +24 -0
- package/dist/components/banner/banner-regular/BannerRegular.d.ts +96 -0
- package/dist/components/banner/banner-regular/BannerRegularContent.d.ts +24 -0
- package/dist/components/banner/banner-regular/BannerRegularDismiss.d.ts +24 -0
- package/dist/components/banner/banner-slim/BannerSlim.d.ts +84 -0
- package/dist/components/banner/banner-slim/BannerSlimContainer.d.ts +12 -0
- package/dist/components/banner/banner-slim/BannerSlimContent.d.ts +24 -0
- package/dist/components/banner/banner-slim/BannerSlimDismiss.d.ts +24 -0
- package/dist/components/box/Box.d.ts +12 -0
- package/dist/components/button/Button.d.ts +12 -0
- package/dist/components/calendar/Day.d.ts +12 -0
- package/dist/components/carousel/Carousel.d.ts +48 -0
- package/dist/components/carousel/CarouselPagination.d.ts +12 -0
- package/dist/components/carousel/CarouselSlide.d.ts +12 -0
- package/dist/components/carousel/CarouselSlider.d.ts +12 -0
- package/dist/components/checkbox/Checkbox.d.ts +12 -0
- package/dist/components/checkbox-group/CheckboxGroup.d.ts +36 -0
- package/dist/components/checkbox-tree/CheckboxTree.d.ts +48 -0
- package/dist/components/chip/Chip.d.ts +84 -0
- package/dist/components/chip-dismissible-group/ChipDismissibleGroupItem.d.ts +48 -0
- package/dist/components/chip-toggle-group/ChipToggleGroupItem.d.ts +48 -0
- package/dist/components/combobox/Combobox.d.ts +60 -0
- package/dist/components/combobox/ComboboxInput.d.ts +12 -0
- package/dist/components/combobox/ComboboxList.d.ts +12 -0
- package/dist/components/combobox/ComboboxOption.d.ts +12 -0
- package/dist/components/combobox/ComboboxPopover.d.ts +12 -0
- package/dist/components/data-table/DataTable.d.ts +132 -0
- package/dist/components/data-table/DataTableLoading.d.ts +12 -0
- package/dist/components/data-table/pagination/Pagination.d.ts +12 -0
- package/dist/components/dialog/Dialog.d.ts +84 -0
- package/dist/components/dialog/DialogBackground.d.ts +24 -0
- package/dist/components/dialog/DialogClose.d.ts +12 -0
- package/dist/components/dialog/DialogContent.d.ts +12 -0
- package/dist/components/dialog/DialogHeading.js +1 -1
- package/dist/components/dialog/DialogHeading.js.map +1 -1
- package/dist/components/divider/Divider.d.ts +12 -0
- package/dist/components/drawer/Drawer.d.ts +72 -0
- package/dist/components/drawer/DrawerContent.d.ts +12 -0
- package/dist/components/drawer/DrawerFooter.d.ts +12 -0
- package/dist/components/drawer/DrawerHeader.d.ts +12 -0
- package/dist/components/drawer/DrawerMain.d.ts +12 -0
- package/dist/components/drawer/DrawerOverlay.d.ts +12 -0
- package/dist/components/drawer/DrawerTrigger.d.ts +12 -0
- package/dist/components/dropdown-menu/DropdownMenu.d.ts +72 -0
- package/dist/components/dropdown-menu/DropdownMenuContent.d.ts +12 -0
- package/dist/components/dropdown-menu/DropdownMenuItem.d.ts +12 -0
- package/dist/components/dropdown-menu/DropdownMenuLinkItem.d.ts +12 -0
- package/dist/components/dropdown-menu/DropdownMenuSeparator.d.ts +12 -0
- package/dist/components/dropdown-menu/DropdownMenuTrigger.d.ts +12 -0
- package/dist/components/empty-state/EmptyState.d.ts +84 -0
- package/dist/components/empty-state/EmptyStateBody.d.ts +24 -0
- package/dist/components/empty-state/EmptyStateImage.d.ts +24 -0
- package/dist/components/empty-state/EmptyStateTitle.d.ts +12 -0
- package/dist/components/flex/Flex.d.ts +12 -0
- package/dist/components/form/Form.d.ts +12 -0
- package/dist/components/grid/Grid.d.ts +12 -0
- package/dist/components/heading/Heading.d.ts +12 -0
- package/dist/components/heading/Heading.js +1 -1
- package/dist/components/heading/Heading.js.map +1 -1
- package/dist/components/icon/Icon.d.ts +12 -0
- package/dist/components/image/Image.d.ts +12 -0
- package/dist/components/inline-message/InlineMessage.d.ts +24 -0
- package/dist/components/input/Input.d.ts +36 -0
- package/dist/components/label/Label.d.ts +12 -0
- package/dist/components/link/Link.d.ts +12 -0
- package/dist/components/list/List.d.ts +24 -0
- package/dist/components/markdown-content/components/MarkdownEmphasis.d.ts +12 -0
- package/dist/components/navigation/NavigationMenu.d.ts +84 -0
- package/dist/components/navigation/NavigationMenuDropdownContent.d.ts +12 -0
- package/dist/components/navigation/NavigationMenuDropdownItem.d.ts +24 -0
- package/dist/components/navigation/NavigationMenuDropdownTrigger.d.ts +12 -0
- package/dist/components/navigation/NavigationMenuLink.d.ts +12 -0
- package/dist/components/navigation-menu-vertical/NavigationMenuVertical.d.ts +132 -0
- package/dist/components/navigation-menu-vertical/NavigationMenuVerticalAccordionContent.d.ts +12 -0
- package/dist/components/navigation-menu-vertical/NavigationMenuVerticalAccordionTrigger.d.ts +12 -0
- package/dist/components/navigation-menu-vertical/NavigationMenuVerticalIcon.d.ts +24 -0
- package/dist/components/navigation-menu-vertical/NavigationMenuVerticalItem.d.ts +12 -0
- package/dist/components/navigation-menu-vertical/NavigationMenuVerticalLink.d.ts +12 -0
- package/dist/components/navigation-menu-vertical/NavigationMenuVerticalList.d.ts +12 -0
- package/dist/components/navigation-menu-vertical/NavigationMenuVerticalText.d.ts +24 -0
- package/dist/components/pagination/PaginationNextButton.d.ts +24 -0
- package/dist/components/pagination/PaginationPreviousButton.d.ts +24 -0
- package/dist/components/popover/Popover.d.ts +24 -0
- package/dist/components/popover/PopoverContent.d.ts +12 -0
- package/dist/components/progress-bar/ProgressBar.d.ts +12 -0
- package/dist/components/radio-button/RadioButton.d.ts +12 -0
- package/dist/components/radio-button/RadioButtonGroup.d.ts +12 -0
- package/dist/components/radio-button-field/RadioButtonField.d.ts +12 -0
- package/dist/components/radio-card/RadioCard.d.ts +12 -0
- package/dist/components/section-message/SectionMessage.d.ts +84 -0
- package/dist/components/select/Select.d.ts +12 -0
- package/dist/components/side-bar/SideBar.d.ts +96 -0
- package/dist/components/side-bar/SideBarComponents.d.ts +84 -0
- package/dist/components/slider/Slider.d.ts +12 -0
- package/dist/components/sortable/Handle.d.ts +24 -0
- package/dist/components/stack-content/StackContent.d.ts +12 -0
- package/dist/components/stepper/Stepper.d.ts +24 -0
- package/dist/components/stepper/StepperStepBullet.d.ts +24 -0
- package/dist/components/stepper/StepperStepContainer.d.ts +24 -0
- package/dist/components/stepper/StepperStepLabel.d.ts +24 -0
- package/dist/components/switch/Switch.d.ts +12 -0
- package/dist/components/table/Table.d.ts +96 -0
- package/dist/components/table/TableBody.d.ts +12 -0
- package/dist/components/table/TableCell.d.ts +12 -0
- package/dist/components/table/TableFooter.d.ts +12 -0
- package/dist/components/table/TableFooterCell.d.ts +12 -0
- package/dist/components/table/TableHeader.d.ts +12 -0
- package/dist/components/table/TableHeaderCell.d.ts +12 -0
- package/dist/components/table/TableRow.d.ts +12 -0
- package/dist/components/tabs/Tabs.d.ts +48 -0
- package/dist/components/tabs/TabsContent.d.ts +12 -0
- package/dist/components/tabs/TabsTrigger.d.ts +12 -0
- package/dist/components/tabs/TabsTriggerList.d.ts +24 -0
- package/dist/components/text/Text.d.ts +12 -0
- package/dist/components/textarea/Textarea.d.ts +12 -0
- package/dist/components/tile/Tile.d.ts +12 -0
- package/dist/components/tile/TileGroup.d.ts +12 -0
- package/dist/components/tile-interactive/TileInteractive.d.ts +24 -0
- package/dist/components/tile-toggle-group/TileToggleGroupItem.d.ts +36 -0
- package/dist/components/toast/Toast.d.ts +36 -0
- package/dist/components/toggle-group/ToggleGroupButton.d.ts +24 -0
- package/dist/components/toggle-group/ToggleGroupItem.d.ts +24 -0
- package/dist/components/toggle-group/ToggleGroupRoot.d.ts +12 -0
- package/dist/components/toggle-group/index.d.ts +72 -0
- package/dist/components/tooltip/Tooltip.d.ts +24 -0
- package/dist/components/tooltip/TooltipContent.d.ts +12 -0
- package/dist/components/top-bar/TopBar.d.ts +60 -0
- package/dist/components/top-bar/TopBarBrand.d.ts +36 -0
- package/dist/components/tree/Tree.d.ts +144 -0
- package/dist/components/tree/TreeCollapsible.d.ts +12 -0
- package/dist/components/tree/TreeCollapsibleContent.d.ts +12 -0
- package/dist/components/tree/TreeIcon.d.ts +24 -0
- package/dist/components/tree/TreeItemContent.d.ts +12 -0
- package/dist/components/tree/TreeListItem.d.ts +12 -0
- package/dist/components/video/Video.d.ts +12 -0
- package/dist/docgen.json +1 -1
- package/dist/experiments/color-scheme/ColorScheme.d.ts +12 -0
- package/dist/experiments/color-scheme/stitches.colorscheme.config.d.ts +14 -0
- package/dist/experiments/color-scheme/stitches.colorscheme.config.js +1 -1
- package/dist/experiments/color-scheme/stitches.colorscheme.config.js.map +1 -1
- package/dist/index.cjs.js +1 -1
- package/dist/index.cjs.js.map +1 -1
- package/dist/stitches.d.ts +132 -0
- package/dist/utilities/create-theme-variants/createThemeVariants.d.ts +12 -0
- package/dist/utilities/no-overflow-wrapper/NoOverflowWrapper.d.ts +24 -0
- package/package.json +4 -4
|
@@ -56,6 +56,18 @@ declare const StyledColorScheme: import("@stitches/react/types/styled-component"
|
|
|
56
56
|
blue1000: any;
|
|
57
57
|
blue1100: any;
|
|
58
58
|
blue1200: any;
|
|
59
|
+
pink100: any;
|
|
60
|
+
pink200: any;
|
|
61
|
+
pink300: any;
|
|
62
|
+
pink400: any;
|
|
63
|
+
pink500: any;
|
|
64
|
+
pink600: any;
|
|
65
|
+
pink700: any;
|
|
66
|
+
pink800: any;
|
|
67
|
+
pink900: any;
|
|
68
|
+
pink1000: any;
|
|
69
|
+
pink1100: any;
|
|
70
|
+
pink1200: any;
|
|
59
71
|
purple100: any;
|
|
60
72
|
purple200: any;
|
|
61
73
|
purple300: any;
|
|
@@ -21,6 +21,13 @@ export declare const bases: {
|
|
|
21
21
|
blue2: {
|
|
22
22
|
colorName: string;
|
|
23
23
|
};
|
|
24
|
+
pink1: {
|
|
25
|
+
colorName: string;
|
|
26
|
+
color0: string;
|
|
27
|
+
};
|
|
28
|
+
pink2: {
|
|
29
|
+
colorName: string;
|
|
30
|
+
};
|
|
24
31
|
purple1: {
|
|
25
32
|
colorName: string;
|
|
26
33
|
color0: string;
|
|
@@ -107,6 +114,13 @@ export declare const accents: {
|
|
|
107
114
|
blue2: {
|
|
108
115
|
colorName: string;
|
|
109
116
|
};
|
|
117
|
+
pink1: {
|
|
118
|
+
colorName: string;
|
|
119
|
+
color0: string;
|
|
120
|
+
};
|
|
121
|
+
pink2: {
|
|
122
|
+
colorName: string;
|
|
123
|
+
};
|
|
110
124
|
purple1: {
|
|
111
125
|
colorName: string;
|
|
112
126
|
color0: string;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{createTheme as a}from"../../stitches.js";const c={},n=({prefix:e,colorName:l,color0:r=""})=>{const o={};let F=1;r&&(o[`${e}${F}`]=r,F++);let m=1;for(F;F<=11;F++)o[`${e}${F}`]=`$${l}${m*100}`,m++;return o};c["interactive-loContrast"]=a({colors:{interactiveForeground:"$foreground",interactive1:"$accent1",interactive2:"$accent2",interactive3:"$accent3"}}),c["interactive-hiContrast"]=a({colors:{interactiveForeground:"$foreground7plus",interactive1:"$accent9",interactive2:"$accent10",interactive3:"$accent11"}});const t={primary1:{colorName:"primary",color0:"#FFFFFF"},primary2:{colorName:"primary"},grey1:{colorName:"grey",color0:"#FFFFFF"},grey2:{colorName:"grey"},blue1:{colorName:"blue",color0:"#FFFFFF"},blue2:{colorName:"blue"},purple1:{colorName:"purple",color0:"#FFFFFF"},purple2:{colorName:"purple"},cyan1:{colorName:"cyan",color0:"#FFFFFF"},cyan2:{colorName:"cyan"},green1:{colorName:"green",color0:"#FFFFFF"},green2:{colorName:"green"},magenta1:{colorName:"magenta",color0:"#FFFFFF"},magenta2:{colorName:"magenta"},red1:{colorName:"red",color0:"#FFFFFF"},red2:{colorName:"red"},teal1:{colorName:"teal",color0:"#FFFFFF"},teal2:{colorName:"teal"},orange1:{colorName:"orange",color0:"#FFFFFF"},orange2:{colorName:"orange"},yellow1:{colorName:"yellow",color0:"#FFFFFF"},yellow2:{colorName:"yellow"},lime1:{colorName:"lime",color0:"#FFFFFF"},lime2:{colorName:"lime"}},i=()=>{Object.entries(t).forEach(([e,{colorName:l,color0:r=""}])=>{const o=`base-${e}`;c[o]=a({colors:{foreground:"$grey1000",foreground7plus:"#FFFFFF",...n({prefix:"base",colorName:l,color0:r})}})})},N={primary1:{colorName:"primary",color0:"#FFFFFF"},primary2:{colorName:"primary"},grey1:{colorName:"grey",color0:"#FFFFFF"},grey2:{colorName:"grey"},blue1:{colorName:"blue",color0:"#FFFFFF"},blue2:{colorName:"blue"},purple1:{colorName:"purple",color0:"#FFFFFF"},purple2:{colorName:"purple"},cyan1:{colorName:"cyan",color0:"#FFFFFF"},cyan2:{colorName:"cyan"},green1:{colorName:"green",color0:"#FFFFFF"},green2:{colorName:"green"},magenta1:{colorName:"magenta",color0:"#FFFFFF"},magenta2:{colorName:"magenta"},red1:{colorName:"red",color0:"#FFFFFF"},red2:{colorName:"red"},teal1:{colorName:"teal",color0:"#FFFFFF"},teal2:{colorName:"teal"},orange1:{colorName:"orange",color0:"#FFFFFF"},orange2:{colorName:"orange"},yellow1:{colorName:"yellow",color0:"#FFFFFF"},yellow2:{colorName:"yellow"},lime1:{colorName:"lime",color0:"#FFFFFF"},lime2:{colorName:"lime"}},g=()=>{Object.entries(N).forEach(([e,{colorName:l,color0:r=""}])=>{const o=`accent-${e}`;c[o]=a({colors:n({prefix:"accent",colorName:l,color0:r})})})};i(),g();export{N as accents,t as bases,c as colorSchemes};
|
|
1
|
+
import{createTheme as a}from"../../stitches.js";const c={},n=({prefix:e,colorName:l,color0:r=""})=>{const o={};let F=1;r&&(o[`${e}${F}`]=r,F++);let m=1;for(F;F<=11;F++)o[`${e}${F}`]=`$${l}${m*100}`,m++;return o};c["interactive-loContrast"]=a({colors:{interactiveForeground:"$foreground",interactive1:"$accent1",interactive2:"$accent2",interactive3:"$accent3"}}),c["interactive-hiContrast"]=a({colors:{interactiveForeground:"$foreground7plus",interactive1:"$accent9",interactive2:"$accent10",interactive3:"$accent11"}});const t={primary1:{colorName:"primary",color0:"#FFFFFF"},primary2:{colorName:"primary"},grey1:{colorName:"grey",color0:"#FFFFFF"},grey2:{colorName:"grey"},blue1:{colorName:"blue",color0:"#FFFFFF"},blue2:{colorName:"blue"},pink1:{colorName:"pink",color0:"#FFFFFF"},pink2:{colorName:"pink"},purple1:{colorName:"purple",color0:"#FFFFFF"},purple2:{colorName:"purple"},cyan1:{colorName:"cyan",color0:"#FFFFFF"},cyan2:{colorName:"cyan"},green1:{colorName:"green",color0:"#FFFFFF"},green2:{colorName:"green"},magenta1:{colorName:"magenta",color0:"#FFFFFF"},magenta2:{colorName:"magenta"},red1:{colorName:"red",color0:"#FFFFFF"},red2:{colorName:"red"},teal1:{colorName:"teal",color0:"#FFFFFF"},teal2:{colorName:"teal"},orange1:{colorName:"orange",color0:"#FFFFFF"},orange2:{colorName:"orange"},yellow1:{colorName:"yellow",color0:"#FFFFFF"},yellow2:{colorName:"yellow"},lime1:{colorName:"lime",color0:"#FFFFFF"},lime2:{colorName:"lime"}},i=()=>{Object.entries(t).forEach(([e,{colorName:l,color0:r=""}])=>{const o=`base-${e}`;c[o]=a({colors:{foreground:"$grey1000",foreground7plus:"#FFFFFF",...n({prefix:"base",colorName:l,color0:r})}})})},N={primary1:{colorName:"primary",color0:"#FFFFFF"},primary2:{colorName:"primary"},grey1:{colorName:"grey",color0:"#FFFFFF"},grey2:{colorName:"grey"},blue1:{colorName:"blue",color0:"#FFFFFF"},blue2:{colorName:"blue"},pink1:{colorName:"pink",color0:"#FFFFFF"},pink2:{colorName:"pink"},purple1:{colorName:"purple",color0:"#FFFFFF"},purple2:{colorName:"purple"},cyan1:{colorName:"cyan",color0:"#FFFFFF"},cyan2:{colorName:"cyan"},green1:{colorName:"green",color0:"#FFFFFF"},green2:{colorName:"green"},magenta1:{colorName:"magenta",color0:"#FFFFFF"},magenta2:{colorName:"magenta"},red1:{colorName:"red",color0:"#FFFFFF"},red2:{colorName:"red"},teal1:{colorName:"teal",color0:"#FFFFFF"},teal2:{colorName:"teal"},orange1:{colorName:"orange",color0:"#FFFFFF"},orange2:{colorName:"orange"},yellow1:{colorName:"yellow",color0:"#FFFFFF"},yellow2:{colorName:"yellow"},lime1:{colorName:"lime",color0:"#FFFFFF"},lime2:{colorName:"lime"}},g=()=>{Object.entries(N).forEach(([e,{colorName:l,color0:r=""}])=>{const o=`accent-${e}`;c[o]=a({colors:n({prefix:"accent",colorName:l,color0:r})})})};i(),g();export{N as accents,t as bases,c as colorSchemes};
|
|
2
2
|
//# sourceMappingURL=stitches.colorscheme.config.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stitches.colorscheme.config.js","sources":["../../../src/experiments/color-scheme/stitches.colorscheme.config.ts"],"sourcesContent":["import { createTheme } from '~/stitches'\n\nexport const colorSchemes = {}\n\nconst generateColors = ({ prefix, colorName, color0 = '' }) => {\n const colors = {}\n let i = 1\n if (color0) {\n colors[`${prefix}${i}`] = color0\n i++\n }\n let k = 1\n for (i; i <= 11; i++) {\n colors[`${prefix}${i}`] = `$${colorName}${k * 100}`\n k++\n }\n return colors\n}\n\ncolorSchemes['interactive-loContrast'] = createTheme({\n colors: {\n interactiveForeground: '$foreground',\n interactive1: '$accent1',\n interactive2: '$accent2',\n interactive3: '$accent3'\n }\n})\n\ncolorSchemes['interactive-hiContrast'] = createTheme({\n colors: {\n interactiveForeground: '$foreground7plus',\n interactive1: '$accent9',\n interactive2: '$accent10',\n interactive3: '$accent11'\n }\n})\n\ntype TcolorSetup = {\n colorName: string\n color0?: string\n}\n\nexport const bases = {\n primary1: { colorName: 'primary', color0: '#FFFFFF' },\n primary2: { colorName: 'primary' },\n grey1: { colorName: 'grey', color0: '#FFFFFF' },\n grey2: { colorName: 'grey' },\n blue1: { colorName: 'blue', color0: '#FFFFFF' },\n blue2: { colorName: 'blue' },\n purple1: { colorName: 'purple', color0: '#FFFFFF' },\n purple2: { colorName: 'purple' },\n cyan1: { colorName: 'cyan', color0: '#FFFFFF' },\n cyan2: { colorName: 'cyan' },\n green1: { colorName: 'green', color0: '#FFFFFF' },\n green2: { colorName: 'green' },\n magenta1: { colorName: 'magenta', color0: '#FFFFFF' },\n magenta2: { colorName: 'magenta' },\n red1: { colorName: 'red', color0: '#FFFFFF' },\n red2: { colorName: 'red' },\n teal1: { colorName: 'teal', color0: '#FFFFFF' },\n teal2: { colorName: 'teal' },\n orange1: { colorName: 'orange', color0: '#FFFFFF' },\n orange2: { colorName: 'orange' },\n yellow1: { colorName: 'yellow', color0: '#FFFFFF' },\n yellow2: { colorName: 'yellow' },\n lime1: { colorName: 'lime', color0: '#FFFFFF' },\n lime2: { colorName: 'lime' }\n}\nconst generateBase = () => {\n Object.entries(bases).forEach(\n ([name, { colorName, color0 = '' }]: [string, TcolorSetup]) => {\n const themeName = `base-${name}`\n colorSchemes[themeName] = createTheme({\n colors: {\n foreground: '$grey1000',\n foreground7plus: '#FFFFFF',\n ...generateColors({ prefix: 'base', colorName, color0 })\n }\n })\n }\n )\n}\n\nexport const accents = {\n primary1: { colorName: 'primary', color0: '#FFFFFF' },\n primary2: { colorName: 'primary' },\n grey1: { colorName: 'grey', color0: '#FFFFFF' },\n grey2: { colorName: 'grey' },\n blue1: { colorName: 'blue', color0: '#FFFFFF' },\n blue2: { colorName: 'blue' },\n purple1: { colorName: 'purple', color0: '#FFFFFF' },\n purple2: { colorName: 'purple' },\n cyan1: { colorName: 'cyan', color0: '#FFFFFF' },\n cyan2: { colorName: 'cyan' },\n green1: { colorName: 'green', color0: '#FFFFFF' },\n green2: { colorName: 'green' },\n magenta1: { colorName: 'magenta', color0: '#FFFFFF' },\n magenta2: { colorName: 'magenta' },\n red1: { colorName: 'red', color0: '#FFFFFF' },\n red2: { colorName: 'red' },\n teal1: { colorName: 'teal', color0: '#FFFFFF' },\n teal2: { colorName: 'teal' },\n orange1: { colorName: 'orange', color0: '#FFFFFF' },\n orange2: { colorName: 'orange' },\n yellow1: { colorName: 'yellow', color0: '#FFFFFF' },\n yellow2: { colorName: 'yellow' },\n lime1: { colorName: 'lime', color0: '#FFFFFF' },\n lime2: { colorName: 'lime' }\n}\nconst generateAccent = () => {\n Object.entries(accents).forEach(\n ([name, { colorName, color0 = '' }]: [string, TcolorSetup]) => {\n const themeName = `accent-${name}`\n colorSchemes[themeName] = createTheme({\n colors: generateColors({ prefix: 'accent', colorName, color0 })\n })\n }\n )\n}\n\ngenerateBase()\ngenerateAccent()\n"],"names":["colorSchemes","generateColors","prefix","colorName","color0","colors","i","k","createTheme","bases","generateBase","name","themeName","accents","generateAccent"],"mappings":"gDAEa,MAAAA,EAAe,CAE5B,EAAMC,EAAiB,CAAC,CAAE,OAAAC,EAAQ,UAAAC,EAAW,OAAAC,EAAS,EAAG,IAAM,CAC7D,MAAMC,EAAS,
|
|
1
|
+
{"version":3,"file":"stitches.colorscheme.config.js","sources":["../../../src/experiments/color-scheme/stitches.colorscheme.config.ts"],"sourcesContent":["import { createTheme } from '~/stitches'\n\nexport const colorSchemes = {}\n\nconst generateColors = ({ prefix, colorName, color0 = '' }) => {\n const colors = {}\n let i = 1\n if (color0) {\n colors[`${prefix}${i}`] = color0\n i++\n }\n let k = 1\n for (i; i <= 11; i++) {\n colors[`${prefix}${i}`] = `$${colorName}${k * 100}`\n k++\n }\n return colors\n}\n\ncolorSchemes['interactive-loContrast'] = createTheme({\n colors: {\n interactiveForeground: '$foreground',\n interactive1: '$accent1',\n interactive2: '$accent2',\n interactive3: '$accent3'\n }\n})\n\ncolorSchemes['interactive-hiContrast'] = createTheme({\n colors: {\n interactiveForeground: '$foreground7plus',\n interactive1: '$accent9',\n interactive2: '$accent10',\n interactive3: '$accent11'\n }\n})\n\ntype TcolorSetup = {\n colorName: string\n color0?: string\n}\n\nexport const bases = {\n primary1: { colorName: 'primary', color0: '#FFFFFF' },\n primary2: { colorName: 'primary' },\n grey1: { colorName: 'grey', color0: '#FFFFFF' },\n grey2: { colorName: 'grey' },\n blue1: { colorName: 'blue', color0: '#FFFFFF' },\n blue2: { colorName: 'blue' },\n pink1: { colorName: 'pink', color0: '#FFFFFF' },\n pink2: { colorName: 'pink' },\n purple1: { colorName: 'purple', color0: '#FFFFFF' },\n purple2: { colorName: 'purple' },\n cyan1: { colorName: 'cyan', color0: '#FFFFFF' },\n cyan2: { colorName: 'cyan' },\n green1: { colorName: 'green', color0: '#FFFFFF' },\n green2: { colorName: 'green' },\n magenta1: { colorName: 'magenta', color0: '#FFFFFF' },\n magenta2: { colorName: 'magenta' },\n red1: { colorName: 'red', color0: '#FFFFFF' },\n red2: { colorName: 'red' },\n teal1: { colorName: 'teal', color0: '#FFFFFF' },\n teal2: { colorName: 'teal' },\n orange1: { colorName: 'orange', color0: '#FFFFFF' },\n orange2: { colorName: 'orange' },\n yellow1: { colorName: 'yellow', color0: '#FFFFFF' },\n yellow2: { colorName: 'yellow' },\n lime1: { colorName: 'lime', color0: '#FFFFFF' },\n lime2: { colorName: 'lime' }\n}\nconst generateBase = () => {\n Object.entries(bases).forEach(\n ([name, { colorName, color0 = '' }]: [string, TcolorSetup]) => {\n const themeName = `base-${name}`\n colorSchemes[themeName] = createTheme({\n colors: {\n foreground: '$grey1000',\n foreground7plus: '#FFFFFF',\n ...generateColors({ prefix: 'base', colorName, color0 })\n }\n })\n }\n )\n}\n\nexport const accents = {\n primary1: { colorName: 'primary', color0: '#FFFFFF' },\n primary2: { colorName: 'primary' },\n grey1: { colorName: 'grey', color0: '#FFFFFF' },\n grey2: { colorName: 'grey' },\n blue1: { colorName: 'blue', color0: '#FFFFFF' },\n blue2: { colorName: 'blue' },\n pink1: { colorName: 'pink', color0: '#FFFFFF' },\n pink2: { colorName: 'pink' },\n purple1: { colorName: 'purple', color0: '#FFFFFF' },\n purple2: { colorName: 'purple' },\n cyan1: { colorName: 'cyan', color0: '#FFFFFF' },\n cyan2: { colorName: 'cyan' },\n green1: { colorName: 'green', color0: '#FFFFFF' },\n green2: { colorName: 'green' },\n magenta1: { colorName: 'magenta', color0: '#FFFFFF' },\n magenta2: { colorName: 'magenta' },\n red1: { colorName: 'red', color0: '#FFFFFF' },\n red2: { colorName: 'red' },\n teal1: { colorName: 'teal', color0: '#FFFFFF' },\n teal2: { colorName: 'teal' },\n orange1: { colorName: 'orange', color0: '#FFFFFF' },\n orange2: { colorName: 'orange' },\n yellow1: { colorName: 'yellow', color0: '#FFFFFF' },\n yellow2: { colorName: 'yellow' },\n lime1: { colorName: 'lime', color0: '#FFFFFF' },\n lime2: { colorName: 'lime' }\n}\nconst generateAccent = () => {\n Object.entries(accents).forEach(\n ([name, { colorName, color0 = '' }]: [string, TcolorSetup]) => {\n const themeName = `accent-${name}`\n colorSchemes[themeName] = createTheme({\n colors: generateColors({ prefix: 'accent', colorName, color0 })\n })\n }\n )\n}\n\ngenerateBase()\ngenerateAccent()\n"],"names":["colorSchemes","generateColors","prefix","colorName","color0","colors","i","k","createTheme","bases","generateBase","name","themeName","accents","generateAccent"],"mappings":"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"}
|