@atom-learning/components 2.63.0 → 2.64.0
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 +99 -0
- package/dist/components/accordion/AccordionContent.d.ts +99 -0
- package/dist/components/accordion/AccordionItem.d.ts +99 -0
- package/dist/components/accordion/AccordionTrigger.d.ts +99 -0
- package/dist/components/action-icon/ActionIcon.d.ts +99 -0
- package/dist/components/alert-dialog/AlertDialog.d.ts +99 -0
- package/dist/components/alert-dialog/AlertDialogContent.d.ts +99 -0
- package/dist/components/avatar/Avatar.d.ts +198 -0
- package/dist/components/badge/Badge.d.ts +198 -0
- package/dist/components/banner/BannerContainer.d.ts +198 -0
- package/dist/components/banner/banner-regular/BannerRegularContent.d.ts +198 -0
- package/dist/components/box/Box.d.ts +99 -0
- package/dist/components/button/Button.d.ts +99 -0
- package/dist/components/calendar/Day.d.ts +99 -0
- package/dist/components/carousel/CarouselPagination.d.ts +99 -0
- package/dist/components/carousel/CarouselSlide.d.ts +99 -0
- package/dist/components/carousel/CarouselSlider.d.ts +99 -0
- package/dist/components/checkbox/Checkbox.d.ts +99 -0
- package/dist/components/chip/Chip.d.ts +693 -0
- package/dist/components/chip-dismissible-group/ChipDismissibleGroupItem.d.ts +396 -0
- package/dist/components/chip-toggle-group/ChipToggleGroupItem.d.ts +396 -0
- package/dist/components/chip-toggle-group/ChipToggleGroupRoot.d.ts +198 -0
- package/dist/components/combobox/Combobox.d.ts +99 -0
- package/dist/components/combobox/ComboboxInput.d.ts +99 -0
- package/dist/components/combobox/ComboboxList.d.ts +99 -0
- package/dist/components/combobox/ComboboxOption.d.ts +99 -0
- package/dist/components/combobox/ComboboxPopover.d.ts +99 -0
- package/dist/components/data-table/DataTableLoading.d.ts +99 -0
- package/dist/components/data-table/pagination/Pagination.d.ts +99 -0
- package/dist/components/dialog/Dialog.d.ts +99 -0
- package/dist/components/dialog/DialogBackground.d.ts +198 -0
- package/dist/components/dialog/DialogClose.d.ts +99 -0
- package/dist/components/dialog/DialogContent.d.ts +99 -0
- package/dist/components/divider/Divider.d.ts +99 -0
- package/dist/components/dropdown-menu/DropdownMenu.d.ts +99 -0
- package/dist/components/dropdown-menu/DropdownMenuContent.d.ts +99 -0
- package/dist/components/dropdown-menu/DropdownMenuItem.d.ts +99 -0
- package/dist/components/dropdown-menu/DropdownMenuSeparator.d.ts +99 -0
- package/dist/components/dropdown-menu/DropdownMenuTrigger.d.ts +99 -0
- package/dist/components/empty-state/EmptyState.d.ts +198 -0
- package/dist/components/empty-state/EmptyStateBody.d.ts +198 -0
- package/dist/components/empty-state/EmptyStateImage.d.ts +198 -0
- package/dist/components/empty-state/EmptyStateTitle.d.ts +99 -0
- package/dist/components/flex/Flex.d.ts +99 -0
- package/dist/components/form/Form.d.ts +99 -0
- package/dist/components/grid/Grid.d.ts +99 -0
- package/dist/components/heading/Heading.d.ts +99 -0
- package/dist/components/icon/Icon.d.ts +99 -0
- package/dist/components/image/Image.d.ts +99 -0
- package/dist/components/inline-message/InlineMessage.d.ts +198 -0
- package/dist/components/input/Input.d.ts +99 -0
- package/dist/components/label/Label.d.ts +99 -0
- package/dist/components/link/Link.d.ts +99 -0
- package/dist/components/list/List.d.ts +198 -0
- package/dist/components/markdown-content/components/MarkdownEmphasis.d.ts +99 -0
- package/dist/components/navigation/NavigationMenu.d.ts +99 -0
- package/dist/components/navigation/NavigationMenuDropdownItem.d.ts +198 -0
- package/dist/components/notification-badge/NotificationBadge.d.ts +198 -0
- package/dist/components/pagination/PaginationNextButton.d.ts +198 -0
- package/dist/components/pagination/PaginationPreviousButton.d.ts +198 -0
- package/dist/components/popover/Popover.d.ts +99 -0
- package/dist/components/popover/PopoverContent.d.ts +99 -0
- package/dist/components/progress-bar/ProgressBar.d.ts +99 -0
- package/dist/components/radio-button/RadioButton.d.ts +99 -0
- package/dist/components/radio-button/RadioButtonGroup.d.ts +99 -0
- package/dist/components/radio-card/RadioCard.d.ts +99 -0
- package/dist/components/section-message/SectionMessage.d.ts +693 -0
- package/dist/components/select/Select.d.ts +99 -0
- package/dist/components/sidedrawer/SidedrawerAccordion/SidedrawerAccordionContent.d.ts +99 -0
- package/dist/components/sidedrawer/SidedrawerAccordion/SidedrawerAccordionItem.d.ts +99 -0
- package/dist/components/sidedrawer/SidedrawerAccordion/SidedrawerAccordionRoot.d.ts +99 -0
- package/dist/components/sidedrawer/SidedrawerAccordion/SidedrawerAccordionTrigger.d.ts +99 -0
- package/dist/components/sidedrawer/SidedrawerContent.d.ts +99 -0
- package/dist/components/sidedrawer/SidedrawerFooter.d.ts +99 -0
- package/dist/components/sidedrawer/SidedrawerHeader.d.ts +99 -0
- package/dist/components/sidedrawer/SidedrawerOverlay.d.ts +99 -0
- package/dist/components/sidedrawer/SidedrawerTrigger.d.ts +99 -0
- package/dist/components/slider/Slider.d.ts +99 -0
- package/dist/components/sortable/Handle.d.ts +198 -0
- package/dist/components/stack/Stack.d.ts +99 -0
- package/dist/components/stack-content/StackContent.d.ts +99 -0
- package/dist/components/stepper/StepperStepBullet.d.ts +198 -0
- package/dist/components/stepper/StepperStepContainer.d.ts +198 -0
- package/dist/components/stepper/StepperStepLabel.d.ts +198 -0
- package/dist/components/switch/Switch.d.ts +99 -0
- package/dist/components/table/Table.d.ts +99 -0
- package/dist/components/table/TableBody.d.ts +99 -0
- package/dist/components/table/TableCell.d.ts +99 -0
- package/dist/components/table/TableFooter.d.ts +99 -0
- package/dist/components/table/TableFooterCell.d.ts +99 -0
- package/dist/components/table/TableHeader.d.ts +99 -0
- package/dist/components/table/TableHeaderCell.d.ts +99 -0
- package/dist/components/table/TableRow.d.ts +198 -0
- package/dist/components/tabs/Tabs.d.ts +99 -0
- package/dist/components/tabs/TabsContent.d.ts +99 -0
- package/dist/components/tabs/TabsTrigger.d.ts +99 -0
- package/dist/components/tabs/TabsTriggerList.d.ts +99 -0
- package/dist/components/tabs/TabsTriggerList.js +1 -1
- package/dist/components/tabs/TabsTriggerList.js.map +1 -1
- package/dist/components/text/Text.d.ts +99 -0
- package/dist/components/textarea/Textarea.d.ts +99 -0
- package/dist/components/tile/Tile.d.ts +99 -0
- package/dist/components/tile/TileGroup.d.ts +99 -0
- package/dist/components/tile-interactive/TileInteractive.d.ts +198 -0
- package/dist/components/tile-toggle-group/TileToggleGroupItem.d.ts +297 -0
- package/dist/components/tile-toggle-group/TileToggleGroupRoot.d.ts +198 -0
- package/dist/components/toast/Toast.d.ts +99 -0
- package/dist/components/toggle-group/ToggleGroupButton.d.ts +198 -0
- package/dist/components/toggle-group/ToggleGroupItem.d.ts +198 -0
- package/dist/components/toggle-group/ToggleGroupRoot.d.ts +99 -0
- package/dist/components/toggle-group/index.d.ts +495 -0
- package/dist/components/tooltip/TooltipContent.d.ts +99 -0
- package/dist/components/top-bar/TopBar.d.ts +99 -0
- package/dist/components/top-bar/TopBarBrand.d.ts +297 -0
- package/dist/components/video/Video.d.ts +198 -0
- package/dist/docgen.json +1 -1
- package/dist/experiments/color-scheme/ColorScheme.d.ts +99 -0
- package/dist/experiments/color-scheme/stitches.colorscheme.config.d.ts +112 -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 +1089 -0
- package/dist/utilities/create-theme-variants/createThemeVariants.d.ts +99 -0
- package/dist/utilities/no-overflow-wrapper/NoOverflowWrapper.d.ts +198 -0
- package/package.json +4 -4
|
@@ -67,6 +67,102 @@ declare const StyledColorScheme: import("@stitches/react/types/styled-component"
|
|
|
67
67
|
purple1000: any;
|
|
68
68
|
purple1100: any;
|
|
69
69
|
purple1200: any;
|
|
70
|
+
cyan100: any;
|
|
71
|
+
cyan200: any;
|
|
72
|
+
cyan300: any;
|
|
73
|
+
cyan400: any;
|
|
74
|
+
cyan500: any;
|
|
75
|
+
cyan600: any;
|
|
76
|
+
cyan700: any;
|
|
77
|
+
cyan800: any;
|
|
78
|
+
cyan900: any;
|
|
79
|
+
cyan1000: any;
|
|
80
|
+
cyan1100: any;
|
|
81
|
+
cyan1200: any;
|
|
82
|
+
green100: any;
|
|
83
|
+
green200: any;
|
|
84
|
+
green300: any;
|
|
85
|
+
green400: any;
|
|
86
|
+
green500: any;
|
|
87
|
+
green600: any;
|
|
88
|
+
green700: any;
|
|
89
|
+
green800: any;
|
|
90
|
+
green900: any;
|
|
91
|
+
green1000: any;
|
|
92
|
+
green1100: any;
|
|
93
|
+
green1200: any;
|
|
94
|
+
magenta100: any;
|
|
95
|
+
magenta200: any;
|
|
96
|
+
magenta300: any;
|
|
97
|
+
magenta400: any;
|
|
98
|
+
magenta500: any;
|
|
99
|
+
magenta600: any;
|
|
100
|
+
magenta700: any;
|
|
101
|
+
magenta800: any;
|
|
102
|
+
magenta900: any;
|
|
103
|
+
magenta1000: any;
|
|
104
|
+
magenta1100: any;
|
|
105
|
+
magenta1200: any;
|
|
106
|
+
red100: any;
|
|
107
|
+
red200: any;
|
|
108
|
+
red300: any;
|
|
109
|
+
red400: any;
|
|
110
|
+
red500: any;
|
|
111
|
+
red600: any;
|
|
112
|
+
red700: any;
|
|
113
|
+
red800: any;
|
|
114
|
+
red900: any;
|
|
115
|
+
red1000: any;
|
|
116
|
+
red1100: any;
|
|
117
|
+
red1200: any;
|
|
118
|
+
teal100: any;
|
|
119
|
+
teal200: any;
|
|
120
|
+
teal300: any;
|
|
121
|
+
teal400: any;
|
|
122
|
+
teal500: any;
|
|
123
|
+
teal600: any;
|
|
124
|
+
teal700: any;
|
|
125
|
+
teal800: any;
|
|
126
|
+
teal900: any;
|
|
127
|
+
teal1000: any;
|
|
128
|
+
teal1100: any;
|
|
129
|
+
teal1200: any;
|
|
130
|
+
orange100: any;
|
|
131
|
+
orange200: any;
|
|
132
|
+
orange300: any;
|
|
133
|
+
orange400: any;
|
|
134
|
+
orange500: any;
|
|
135
|
+
orange600: any;
|
|
136
|
+
orange700: any;
|
|
137
|
+
orange800: any;
|
|
138
|
+
orange900: any;
|
|
139
|
+
orange1000: any;
|
|
140
|
+
orange1100: any;
|
|
141
|
+
orange1200: any;
|
|
142
|
+
yellow100: any;
|
|
143
|
+
yellow200: any;
|
|
144
|
+
yellow300: any;
|
|
145
|
+
yellow400: any;
|
|
146
|
+
yellow500: any;
|
|
147
|
+
yellow600: any;
|
|
148
|
+
yellow700: any;
|
|
149
|
+
yellow800: any;
|
|
150
|
+
yellow900: any;
|
|
151
|
+
yellow1000: any;
|
|
152
|
+
yellow1100: any;
|
|
153
|
+
yellow1200: any;
|
|
154
|
+
lime100: any;
|
|
155
|
+
lime200: any;
|
|
156
|
+
lime300: any;
|
|
157
|
+
lime400: any;
|
|
158
|
+
lime500: any;
|
|
159
|
+
lime600: any;
|
|
160
|
+
lime700: any;
|
|
161
|
+
lime800: any;
|
|
162
|
+
lime900: any;
|
|
163
|
+
lime1000: any;
|
|
164
|
+
lime1100: any;
|
|
165
|
+
lime1200: any;
|
|
70
166
|
tonal50: any;
|
|
71
167
|
tonal100: any;
|
|
72
168
|
tonal200: any;
|
|
@@ -112,6 +208,9 @@ declare const StyledColorScheme: import("@stitches/react/types/styled-component"
|
|
|
112
208
|
subjectNonVerbalReasoning: any;
|
|
113
209
|
subjectCreativeWriting: any;
|
|
114
210
|
subjectExamSkills: any;
|
|
211
|
+
glBlueLight: any;
|
|
212
|
+
glBluePrimary: any;
|
|
213
|
+
glBlueDark: any;
|
|
115
214
|
};
|
|
116
215
|
space: {
|
|
117
216
|
"0": any;
|
|
@@ -21,6 +21,62 @@ export declare const bases: {
|
|
|
21
21
|
purple2: {
|
|
22
22
|
colorName: string;
|
|
23
23
|
};
|
|
24
|
+
cyan1: {
|
|
25
|
+
colorName: string;
|
|
26
|
+
color0: string;
|
|
27
|
+
};
|
|
28
|
+
cyan2: {
|
|
29
|
+
colorName: string;
|
|
30
|
+
};
|
|
31
|
+
green1: {
|
|
32
|
+
colorName: string;
|
|
33
|
+
color0: string;
|
|
34
|
+
};
|
|
35
|
+
green2: {
|
|
36
|
+
colorName: string;
|
|
37
|
+
};
|
|
38
|
+
magenta1: {
|
|
39
|
+
colorName: string;
|
|
40
|
+
color0: string;
|
|
41
|
+
};
|
|
42
|
+
magenta2: {
|
|
43
|
+
colorName: string;
|
|
44
|
+
};
|
|
45
|
+
red1: {
|
|
46
|
+
colorName: string;
|
|
47
|
+
color0: string;
|
|
48
|
+
};
|
|
49
|
+
red2: {
|
|
50
|
+
colorName: string;
|
|
51
|
+
};
|
|
52
|
+
teal1: {
|
|
53
|
+
colorName: string;
|
|
54
|
+
color0: string;
|
|
55
|
+
};
|
|
56
|
+
teal2: {
|
|
57
|
+
colorName: string;
|
|
58
|
+
};
|
|
59
|
+
orange1: {
|
|
60
|
+
colorName: string;
|
|
61
|
+
color0: string;
|
|
62
|
+
};
|
|
63
|
+
orange2: {
|
|
64
|
+
colorName: string;
|
|
65
|
+
};
|
|
66
|
+
yellow1: {
|
|
67
|
+
colorName: string;
|
|
68
|
+
color0: string;
|
|
69
|
+
};
|
|
70
|
+
yellow2: {
|
|
71
|
+
colorName: string;
|
|
72
|
+
};
|
|
73
|
+
lime1: {
|
|
74
|
+
colorName: string;
|
|
75
|
+
color0: string;
|
|
76
|
+
};
|
|
77
|
+
lime2: {
|
|
78
|
+
colorName: string;
|
|
79
|
+
};
|
|
24
80
|
};
|
|
25
81
|
export declare const accents: {
|
|
26
82
|
grey1: {
|
|
@@ -44,4 +100,60 @@ export declare const accents: {
|
|
|
44
100
|
purple2: {
|
|
45
101
|
colorName: string;
|
|
46
102
|
};
|
|
103
|
+
cyan1: {
|
|
104
|
+
colorName: string;
|
|
105
|
+
color0: string;
|
|
106
|
+
};
|
|
107
|
+
cyan2: {
|
|
108
|
+
colorName: string;
|
|
109
|
+
};
|
|
110
|
+
green1: {
|
|
111
|
+
colorName: string;
|
|
112
|
+
color0: string;
|
|
113
|
+
};
|
|
114
|
+
green2: {
|
|
115
|
+
colorName: string;
|
|
116
|
+
};
|
|
117
|
+
magenta1: {
|
|
118
|
+
colorName: string;
|
|
119
|
+
color0: string;
|
|
120
|
+
};
|
|
121
|
+
magenta2: {
|
|
122
|
+
colorName: string;
|
|
123
|
+
};
|
|
124
|
+
red1: {
|
|
125
|
+
colorName: string;
|
|
126
|
+
color0: string;
|
|
127
|
+
};
|
|
128
|
+
red2: {
|
|
129
|
+
colorName: string;
|
|
130
|
+
};
|
|
131
|
+
teal1: {
|
|
132
|
+
colorName: string;
|
|
133
|
+
color0: string;
|
|
134
|
+
};
|
|
135
|
+
teal2: {
|
|
136
|
+
colorName: string;
|
|
137
|
+
};
|
|
138
|
+
orange1: {
|
|
139
|
+
colorName: string;
|
|
140
|
+
color0: string;
|
|
141
|
+
};
|
|
142
|
+
orange2: {
|
|
143
|
+
colorName: string;
|
|
144
|
+
};
|
|
145
|
+
yellow1: {
|
|
146
|
+
colorName: string;
|
|
147
|
+
color0: string;
|
|
148
|
+
};
|
|
149
|
+
yellow2: {
|
|
150
|
+
colorName: string;
|
|
151
|
+
};
|
|
152
|
+
lime1: {
|
|
153
|
+
colorName: string;
|
|
154
|
+
color0: string;
|
|
155
|
+
};
|
|
156
|
+
lime2: {
|
|
157
|
+
colorName: string;
|
|
158
|
+
};
|
|
47
159
|
};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{createTheme as a}from"../../stitches.js";const
|
|
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 t=1;for(F;F<=11;F++)o[`${e}${F}`]=`$${l}${t*100}`,t++;return o};c["interactive-loContrast"]=a("interactive-loContrast",{colors:{interactiveForeground:"$foreground",interactive1:"$accent1",interactive2:"$accent2",interactive3:"$accent3"}}),c["interactive-hiContrast"]=a("interactive-hiContrast",{colors:{interactiveForeground:"$foreground7plus",interactive1:"$accent9",interactive2:"$accent10",interactive3:"$accent11"}});const m={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(m).forEach(([e,{colorName:l,color0:r=""}])=>{const o=`base-${e}`;c[o]=a(o,{colors:{foreground:"$grey1000",foreground7plus:"#FFFFFF",...n({prefix:"base",colorName:l,color0:r})}})})},N={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(o,{colors:n({prefix:"accent",colorName:l,color0:r})})})};i(),g();export{N as accents,m 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('interactive-loContrast', {\n colors: {\n interactiveForeground: '$foreground',\n interactive1: '$accent1',\n interactive2: '$accent2',\n interactive3: '$accent3'\n }\n})\n\ncolorSchemes['interactive-hiContrast'] = createTheme('interactive-hiContrast', {\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}\nconst generateBase = () => {\n Object.entries(bases).forEach(\n ([name, { colorName, color0 = '' }]: [string, TcolorSetup]) => {\n const themeName = `base-${name}`\n colorSchemes[themeName] = createTheme(themeName, {\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}\nconst generateAccent = () => {\n Object.entries(accents).forEach(\n ([name, { colorName, color0 = '' }]: [string, TcolorSetup]) => {\n const themeName = `accent-${name}`\n colorSchemes[themeName] = createTheme(themeName, {\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":"
|
|
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('interactive-loContrast', {\n colors: {\n interactiveForeground: '$foreground',\n interactive1: '$accent1',\n interactive2: '$accent2',\n interactive3: '$accent3'\n }\n})\n\ncolorSchemes['interactive-hiContrast'] = createTheme('interactive-hiContrast', {\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(themeName, {\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(themeName, {\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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"}
|