@atom-learning/components 3.10.1 → 3.11.1
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/CHANGELOG.md +2 -2
- package/dist/components/accordion/Accordion.d.ts +19 -7
- package/dist/components/accordion/AccordionContent.d.ts +19 -7
- package/dist/components/accordion/AccordionItem.d.ts +19 -7
- package/dist/components/accordion/AccordionTrigger.d.ts +19 -7
- package/dist/components/action-icon/ActionIcon.d.ts +20 -8
- package/dist/components/action-icon/ActionIcon.js +1 -1
- package/dist/components/action-icon/ActionIcon.js.map +1 -1
- package/dist/components/alert-dialog/AlertDialog.d.ts +19 -7
- package/dist/components/alert-dialog/AlertDialogContent.d.ts +19 -7
- package/dist/components/alert-dialog/alert-context/AlertDialogIcon.js +1 -1
- package/dist/components/alert-dialog/alert-context/AlertDialogIcon.js.map +1 -1
- package/dist/components/avatar/Avatar.d.ts +38 -14
- package/dist/components/avatar/Avatar.js +1 -1
- package/dist/components/avatar/Avatar.js.map +1 -1
- package/dist/components/badge/Badge.d.ts +38 -14
- package/dist/components/badge/BadgeIcon.d.ts +38 -14
- package/dist/components/badge/BadgeText.d.ts +38 -14
- 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 +38 -14
- package/dist/components/banner/banner-regular/BannerRegularActions.js +1 -1
- package/dist/components/banner/banner-regular/BannerRegularContent.d.ts +38 -14
- package/dist/components/banner/banner-regular/BannerRegularDismiss.d.ts +40 -16
- package/dist/components/banner/banner-slim/BannerSlimContainer.d.ts +19 -7
- package/dist/components/banner/banner-slim/BannerSlimContent.d.ts +38 -14
- package/dist/components/banner/banner-slim/BannerSlimDismiss.d.ts +40 -16
- package/dist/components/box/Box.d.ts +19 -7
- package/dist/components/button/Button.d.ts +20 -8
- package/dist/components/button/Button.js +1 -1
- package/dist/components/button/Button.js.map +1 -1
- package/dist/components/calendar/Day.d.ts +19 -7
- package/dist/components/calendar/Day.js +1 -1
- package/dist/components/calendar/Day.js.map +1 -1
- package/dist/components/carousel/CarouselArrows.js +1 -1
- package/dist/components/carousel/CarouselArrows.js.map +1 -1
- package/dist/components/carousel/CarouselPagination.d.ts +19 -7
- package/dist/components/carousel/CarouselPagination.js +1 -1
- package/dist/components/carousel/CarouselPagination.js.map +1 -1
- package/dist/components/carousel/CarouselSlide.d.ts +19 -7
- package/dist/components/carousel/CarouselSlider.d.ts +19 -7
- package/dist/components/checkbox/Checkbox.d.ts +19 -7
- package/dist/components/checkbox/Checkbox.js +1 -1
- package/dist/components/checkbox/Checkbox.js.map +1 -1
- package/dist/components/checkbox-group/CheckboxGroup.d.ts +57 -21
- package/dist/components/checkbox-tree/CheckboxTree.d.ts +76 -28
- package/dist/components/chip/Chip.d.ts +95 -35
- package/dist/components/chip/Chip.js +1 -1
- package/dist/components/chip/Chip.js.map +1 -1
- package/dist/components/chip-dismissible-group/ChipDismissibleGroupItem.d.ts +76 -28
- package/dist/components/chip-toggle-group/ChipToggleGroupItem.d.ts +76 -28
- package/dist/components/chip-toggle-group/ChipToggleGroupItem.js +1 -1
- package/dist/components/chip-toggle-group/ChipToggleGroupItem.js.map +1 -1
- package/dist/components/chip-toggle-group/ChipToggleGroupRoot.d.ts +38 -14
- package/dist/components/combobox/Combobox.d.ts +19 -7
- package/dist/components/combobox/ComboboxInput.d.ts +19 -7
- package/dist/components/combobox/ComboboxInput.js +1 -1
- package/dist/components/combobox/ComboboxInput.js.map +1 -1
- package/dist/components/combobox/ComboboxList.d.ts +19 -7
- package/dist/components/combobox/ComboboxOption.d.ts +19 -7
- package/dist/components/combobox/ComboboxOption.js +1 -1
- package/dist/components/combobox/ComboboxOption.js.map +1 -1
- package/dist/components/combobox/ComboboxPopover.d.ts +19 -7
- package/dist/components/create-password-field/CreatePasswordField.js +1 -1
- package/dist/components/data-table/DataTableBulkActions.js +1 -1
- package/dist/components/data-table/DataTableBulkActions.js.map +1 -1
- package/dist/components/data-table/DataTableLoading.d.ts +19 -7
- package/dist/components/data-table/DataTableRow.js +1 -1
- package/dist/components/data-table/DataTableRow.js.map +1 -1
- package/dist/components/data-table/pagination/Pagination.d.ts +19 -7
- package/dist/components/dialog/Dialog.d.ts +19 -7
- package/dist/components/dialog/DialogBackground.d.ts +38 -14
- package/dist/components/dialog/DialogClose.d.ts +19 -7
- package/dist/components/dialog/DialogContent.d.ts +19 -7
- package/dist/components/divider/Divider.d.ts +19 -7
- package/dist/components/drawer/Drawer.d.ts +116 -44
- package/dist/components/drawer/DrawerContent.d.ts +19 -7
- package/dist/components/drawer/DrawerContent.js +1 -1
- package/dist/components/drawer/DrawerContent.js.map +1 -1
- package/dist/components/drawer/DrawerFooter.d.ts +19 -7
- package/dist/components/drawer/DrawerHeader.d.ts +19 -7
- package/dist/components/drawer/DrawerMain.d.ts +19 -7
- package/dist/components/drawer/DrawerOverlay.d.ts +19 -7
- package/dist/components/drawer/DrawerTrigger.d.ts +19 -7
- package/dist/components/dropdown-menu/DropdownMenu.d.ts +19 -7
- package/dist/components/dropdown-menu/DropdownMenuContent.d.ts +19 -7
- package/dist/components/dropdown-menu/DropdownMenuItem.d.ts +19 -7
- package/dist/components/dropdown-menu/DropdownMenuItem.js +1 -1
- package/dist/components/dropdown-menu/DropdownMenuItem.js.map +1 -1
- package/dist/components/dropdown-menu/DropdownMenuSeparator.d.ts +19 -7
- package/dist/components/dropdown-menu/DropdownMenuTrigger.d.ts +19 -7
- package/dist/components/empty-state/EmptyState.d.ts +38 -14
- package/dist/components/empty-state/EmptyStateBody.d.ts +38 -14
- package/dist/components/empty-state/EmptyStateImage.d.ts +38 -14
- package/dist/components/empty-state/EmptyStateTitle.d.ts +19 -7
- package/dist/components/flex/Flex.d.ts +19 -7
- package/dist/components/form/Form.d.ts +19 -7
- package/dist/components/form/Form.js +1 -1
- package/dist/components/grid/Grid.d.ts +19 -7
- package/dist/components/heading/Heading.d.ts +19 -7
- package/dist/components/icon/Icon.d.ts +19 -7
- package/dist/components/image/Image.d.ts +19 -7
- package/dist/components/inline-message/InlineMessage.config.js +1 -1
- package/dist/components/inline-message/InlineMessage.config.js.map +1 -1
- package/dist/components/inline-message/InlineMessage.d.ts +38 -14
- package/dist/components/input/Input.d.ts +19 -7
- package/dist/components/input/Input.js +1 -1
- package/dist/components/input/Input.js.map +1 -1
- package/dist/components/label/Label.d.ts +19 -7
- package/dist/components/link/Link.d.ts +19 -7
- package/dist/components/link/Link.js +1 -1
- package/dist/components/link/Link.js.map +1 -1
- package/dist/components/list/List.d.ts +38 -14
- package/dist/components/list/List.js +1 -1
- package/dist/components/list/List.js.map +1 -1
- package/dist/components/markdown-content/components/MarkdownEmphasis.d.ts +19 -7
- package/dist/components/navigation/NavigationMenu.d.ts +19 -7
- package/dist/components/navigation/NavigationMenu.styles.js +1 -1
- package/dist/components/navigation/NavigationMenu.styles.js.map +1 -1
- package/dist/components/navigation/NavigationMenuDropdownContent.d.ts +19 -7
- package/dist/components/navigation/NavigationMenuDropdownItem.d.ts +38 -14
- package/dist/components/navigation/NavigationMenuLink.js +1 -1
- package/dist/components/navigation/NavigationMenuLink.js.map +1 -1
- package/dist/components/navigation/stitches.navigationMenu.colorscheme.config.js +1 -1
- package/dist/components/navigation/stitches.navigationMenu.colorscheme.config.js.map +1 -1
- package/dist/components/navigation-menu-vertical/NavigationMenuVertical.d.ts +19 -7
- package/dist/components/navigation-menu-vertical/NavigationMenuVerticalAccordionContent.d.ts +19 -7
- package/dist/components/navigation-menu-vertical/NavigationMenuVerticalAccordionTrigger.d.ts +19 -7
- package/dist/components/navigation-menu-vertical/NavigationMenuVerticalIcon.d.ts +38 -14
- package/dist/components/navigation-menu-vertical/NavigationMenuVerticalItem.d.ts +19 -7
- package/dist/components/navigation-menu-vertical/NavigationMenuVerticalLink.d.ts +19 -7
- package/dist/components/navigation-menu-vertical/NavigationMenuVerticalList.d.ts +19 -7
- package/dist/components/navigation-menu-vertical/NavigationMenuVerticalText.d.ts +38 -14
- package/dist/components/notification-badge/NotificationBadge.d.ts +38 -14
- package/dist/components/notification-badge/NotificationBadge.js +1 -1
- package/dist/components/notification-badge/NotificationBadge.js.map +1 -1
- package/dist/components/pagination/Pagination.js +1 -1
- package/dist/components/pagination/Pagination.js.map +1 -1
- package/dist/components/pagination/PaginationNextButton.d.ts +40 -16
- package/dist/components/pagination/PaginationPreviousButton.d.ts +40 -16
- package/dist/components/popover/Popover.d.ts +19 -7
- package/dist/components/popover/PopoverContent.d.ts +19 -7
- package/dist/components/progress-bar/ProgressBar.d.ts +20 -8
- package/dist/components/progress-bar/ProgressBar.js +1 -1
- package/dist/components/progress-bar/ProgressBar.js.map +1 -1
- package/dist/components/radio-button/RadioButton.d.ts +19 -7
- package/dist/components/radio-button/RadioButton.js +1 -1
- package/dist/components/radio-button/RadioButton.js.map +1 -1
- package/dist/components/radio-button/RadioButtonGroup.d.ts +19 -7
- package/dist/components/radio-card/RadioCard.d.ts +19 -7
- package/dist/components/radio-card/RadioCard.js +1 -1
- package/dist/components/radio-card/RadioCard.js.map +1 -1
- package/dist/components/section-message/SectionMessage.d.ts +136 -52
- package/dist/components/section-message/SectionMessage.js +1 -1
- package/dist/components/section-message/SectionMessage.js.map +1 -1
- package/dist/components/select/Select.d.ts +19 -7
- package/dist/components/select/Select.js +1 -1
- package/dist/components/select/Select.js.map +1 -1
- package/dist/components/side-bar/SideBar.d.ts +152 -56
- package/dist/components/side-bar/SideBarComponents.d.ts +133 -49
- package/dist/components/slider/Slider.d.ts +19 -7
- package/dist/components/slider/Slider.js +1 -1
- package/dist/components/slider/Slider.js.map +1 -1
- package/dist/components/sortable/Handle.d.ts +40 -16
- package/dist/components/stack/Stack.d.ts +19 -7
- package/dist/components/stack-content/StackContent.d.ts +19 -7
- package/dist/components/stepper/StepperStepBullet.d.ts +38 -14
- package/dist/components/stepper/StepperStepBullet.js +1 -1
- package/dist/components/stepper/StepperStepBullet.js.map +1 -1
- package/dist/components/stepper/StepperStepContainer.d.ts +38 -14
- package/dist/components/stepper/StepperStepContainer.js +1 -1
- package/dist/components/stepper/StepperStepContainer.js.map +1 -1
- package/dist/components/stepper/StepperStepLabel.d.ts +38 -14
- package/dist/components/stepper/StepperStepLabel.js +1 -1
- package/dist/components/stepper/StepperStepLabel.js.map +1 -1
- package/dist/components/switch/Switch.d.ts +19 -7
- package/dist/components/switch/Switch.js +1 -1
- package/dist/components/switch/Switch.js.map +1 -1
- package/dist/components/table/Table.d.ts +19 -7
- package/dist/components/table/TableBody.d.ts +19 -7
- package/dist/components/table/TableCell.d.ts +19 -7
- package/dist/components/table/TableFooter.d.ts +19 -7
- package/dist/components/table/TableFooterCell.d.ts +19 -7
- package/dist/components/table/TableHeader.d.ts +19 -7
- package/dist/components/table/TableHeader.js +1 -1
- package/dist/components/table/TableHeader.js.map +1 -1
- package/dist/components/table/TableHeaderCell.d.ts +19 -7
- package/dist/components/table/TableRow.d.ts +38 -14
- package/dist/components/tabs/Tabs.d.ts +19 -7
- package/dist/components/tabs/TabsContent.d.ts +19 -7
- package/dist/components/tabs/TabsTrigger.d.ts +19 -7
- package/dist/components/tabs/TabsTriggerList.d.ts +19 -7
- package/dist/components/tabs/TabsTriggerList.js +1 -1
- package/dist/components/tabs/TabsTriggerList.js.map +1 -1
- package/dist/components/text/Text.d.ts +20 -8
- package/dist/components/textarea/Textarea.d.ts +19 -7
- package/dist/components/textarea/Textarea.js +1 -1
- package/dist/components/textarea/Textarea.js.map +1 -1
- package/dist/components/tile/Tile.d.ts +19 -7
- package/dist/components/tile/Tile.js +1 -1
- package/dist/components/tile/Tile.js.map +1 -1
- package/dist/components/tile/TileGroup.d.ts +19 -7
- package/dist/components/tile-interactive/TileInteractive.d.ts +38 -14
- package/dist/components/tile-toggle-group/TileToggleGroupItem.d.ts +57 -21
- package/dist/components/tile-toggle-group/TileToggleGroupRoot.d.ts +38 -14
- package/dist/components/toast/Toast.d.ts +64 -28
- package/dist/components/toast/Toast.js +1 -1
- package/dist/components/toast/Toast.js.map +1 -1
- package/dist/components/toggle-group/ToggleGroupButton.d.ts +38 -14
- package/dist/components/toggle-group/ToggleGroupItem.d.ts +38 -14
- package/dist/components/toggle-group/ToggleGroupItem.js +1 -1
- package/dist/components/toggle-group/ToggleGroupItem.js.map +1 -1
- package/dist/components/toggle-group/ToggleGroupRoot.d.ts +19 -7
- package/dist/components/toggle-group/index.d.ts +95 -35
- package/dist/components/tooltip/TooltipContent.d.ts +19 -7
- package/dist/components/top-bar/TopBar.d.ts +19 -7
- package/dist/components/top-bar/TopBarBrand.d.ts +57 -21
- package/dist/components/tree/Tree.d.ts +228 -84
- package/dist/components/tree/TreeCollapsible.d.ts +19 -7
- package/dist/components/tree/TreeCollapsibleContent.d.ts +38 -14
- package/dist/components/tree/TreeIcon.d.ts +38 -14
- package/dist/components/tree/TreeItemContent.d.ts +19 -7
- package/dist/components/tree/TreeListItem.d.ts +19 -7
- package/dist/components/video/Video.d.ts +38 -14
- package/dist/docgen.json +1 -1
- package/dist/experiments/color-scheme/ColorScheme.d.ts +19 -7
- 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 +209 -77
- package/dist/stitches.js +1 -1
- package/dist/stitches.js.map +1 -1
- package/dist/utilities/create-theme-variants/createThemeVariants.d.ts +20 -8
- package/dist/utilities/create-theme-variants/createThemeVariants.js.map +1 -1
- package/dist/utilities/no-overflow-wrapper/NoOverflowWrapper.d.ts +38 -14
- package/package.json +4 -4
|
@@ -26,9 +26,10 @@ declare const StyledColorScheme: import("@stitches/react/types/styled-component"
|
|
|
26
26
|
hover: string;
|
|
27
27
|
}, {
|
|
28
28
|
colors: {
|
|
29
|
-
|
|
29
|
+
textBold: any;
|
|
30
|
+
textRegular: any;
|
|
30
31
|
textSubtle: any;
|
|
31
|
-
|
|
32
|
+
textMinimal: any;
|
|
32
33
|
background: any;
|
|
33
34
|
backgroundAccent: any;
|
|
34
35
|
grey100: any;
|
|
@@ -175,11 +176,6 @@ declare const StyledColorScheme: import("@stitches/react/types/styled-component"
|
|
|
175
176
|
alpha200: any;
|
|
176
177
|
alpha250: any;
|
|
177
178
|
alpha600: any;
|
|
178
|
-
primaryLight: any;
|
|
179
|
-
primary: any;
|
|
180
|
-
primaryMid: any;
|
|
181
|
-
primaryDark: any;
|
|
182
|
-
secondary: any;
|
|
183
179
|
brandRed: any;
|
|
184
180
|
brandRedAccent: any;
|
|
185
181
|
brandGreen: any;
|
|
@@ -188,6 +184,10 @@ declare const StyledColorScheme: import("@stitches/react/types/styled-component"
|
|
|
188
184
|
brandPurpleAccent: any;
|
|
189
185
|
brandYellow: any;
|
|
190
186
|
brandYellowAccent: any;
|
|
187
|
+
infoLight: any;
|
|
188
|
+
info: any;
|
|
189
|
+
infoMid: any;
|
|
190
|
+
infoDark: any;
|
|
191
191
|
successLight: any;
|
|
192
192
|
success: any;
|
|
193
193
|
successMid: any;
|
|
@@ -211,6 +211,18 @@ declare const StyledColorScheme: import("@stitches/react/types/styled-component"
|
|
|
211
211
|
glBlueLight: any;
|
|
212
212
|
glBluePrimary: any;
|
|
213
213
|
glBlueDark: any;
|
|
214
|
+
primary100: any;
|
|
215
|
+
primary200: any;
|
|
216
|
+
primary300: any;
|
|
217
|
+
primary400: any;
|
|
218
|
+
primary500: any;
|
|
219
|
+
primary600: any;
|
|
220
|
+
primary700: any;
|
|
221
|
+
primary800: any;
|
|
222
|
+
primary900: any;
|
|
223
|
+
primary1000: any;
|
|
224
|
+
primary1100: any;
|
|
225
|
+
primary1200: any;
|
|
214
226
|
};
|
|
215
227
|
space: {
|
|
216
228
|
"0": any;
|
|
@@ -1,5 +1,12 @@
|
|
|
1
1
|
export declare const colorSchemes: {};
|
|
2
2
|
export declare const bases: {
|
|
3
|
+
primary1: {
|
|
4
|
+
colorName: string;
|
|
5
|
+
color0: string;
|
|
6
|
+
};
|
|
7
|
+
primary2: {
|
|
8
|
+
colorName: string;
|
|
9
|
+
};
|
|
3
10
|
grey1: {
|
|
4
11
|
colorName: string;
|
|
5
12
|
color0: string;
|
|
@@ -79,6 +86,13 @@ export declare const bases: {
|
|
|
79
86
|
};
|
|
80
87
|
};
|
|
81
88
|
export declare const accents: {
|
|
89
|
+
primary1: {
|
|
90
|
+
colorName: string;
|
|
91
|
+
color0: string;
|
|
92
|
+
};
|
|
93
|
+
primary2: {
|
|
94
|
+
colorName: string;
|
|
95
|
+
};
|
|
82
96
|
grey1: {
|
|
83
97
|
colorName: string;
|
|
84
98
|
color0: string;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{createTheme as a}from"../../stitches.js";const c={},
|
|
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};
|
|
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 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 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 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":"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"}
|