@atom-learning/components 3.10.1 → 3.11.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.
Files changed (238) hide show
  1. package/CHANGELOG.md +13 -2
  2. package/dist/components/accordion/Accordion.d.ts +19 -7
  3. package/dist/components/accordion/AccordionContent.d.ts +19 -7
  4. package/dist/components/accordion/AccordionItem.d.ts +19 -7
  5. package/dist/components/accordion/AccordionTrigger.d.ts +19 -7
  6. package/dist/components/action-icon/ActionIcon.d.ts +20 -8
  7. package/dist/components/action-icon/ActionIcon.js +1 -1
  8. package/dist/components/action-icon/ActionIcon.js.map +1 -1
  9. package/dist/components/alert-dialog/AlertDialog.d.ts +19 -7
  10. package/dist/components/alert-dialog/AlertDialogContent.d.ts +19 -7
  11. package/dist/components/alert-dialog/alert-context/AlertDialogIcon.js +1 -1
  12. package/dist/components/alert-dialog/alert-context/AlertDialogIcon.js.map +1 -1
  13. package/dist/components/avatar/Avatar.d.ts +38 -14
  14. package/dist/components/avatar/Avatar.js +1 -1
  15. package/dist/components/avatar/Avatar.js.map +1 -1
  16. package/dist/components/badge/Badge.d.ts +38 -14
  17. package/dist/components/badge/BadgeIcon.d.ts +38 -14
  18. package/dist/components/badge/BadgeText.d.ts +38 -14
  19. package/dist/components/badge/stitches.badge.colorscheme.config.js +1 -1
  20. package/dist/components/badge/stitches.badge.colorscheme.config.js.map +1 -1
  21. package/dist/components/banner/BannerContainer.d.ts +38 -14
  22. package/dist/components/banner/banner-regular/BannerRegularActions.js +1 -1
  23. package/dist/components/banner/banner-regular/BannerRegularContent.d.ts +38 -14
  24. package/dist/components/banner/banner-regular/BannerRegularDismiss.d.ts +40 -16
  25. package/dist/components/banner/banner-slim/BannerSlimContainer.d.ts +19 -7
  26. package/dist/components/banner/banner-slim/BannerSlimContent.d.ts +38 -14
  27. package/dist/components/banner/banner-slim/BannerSlimDismiss.d.ts +40 -16
  28. package/dist/components/box/Box.d.ts +19 -7
  29. package/dist/components/button/Button.d.ts +20 -8
  30. package/dist/components/button/Button.js +1 -1
  31. package/dist/components/button/Button.js.map +1 -1
  32. package/dist/components/calendar/Day.d.ts +19 -7
  33. package/dist/components/calendar/Day.js +1 -1
  34. package/dist/components/calendar/Day.js.map +1 -1
  35. package/dist/components/carousel/CarouselArrows.js +1 -1
  36. package/dist/components/carousel/CarouselArrows.js.map +1 -1
  37. package/dist/components/carousel/CarouselPagination.d.ts +19 -7
  38. package/dist/components/carousel/CarouselPagination.js +1 -1
  39. package/dist/components/carousel/CarouselPagination.js.map +1 -1
  40. package/dist/components/carousel/CarouselSlide.d.ts +19 -7
  41. package/dist/components/carousel/CarouselSlider.d.ts +19 -7
  42. package/dist/components/checkbox/Checkbox.d.ts +19 -7
  43. package/dist/components/checkbox/Checkbox.js +1 -1
  44. package/dist/components/checkbox/Checkbox.js.map +1 -1
  45. package/dist/components/checkbox-group/CheckboxGroup.d.ts +57 -21
  46. package/dist/components/checkbox-tree/CheckboxTree.d.ts +76 -28
  47. package/dist/components/chip/Chip.d.ts +95 -35
  48. package/dist/components/chip/Chip.js +1 -1
  49. package/dist/components/chip/Chip.js.map +1 -1
  50. package/dist/components/chip-dismissible-group/ChipDismissibleGroupItem.d.ts +76 -28
  51. package/dist/components/chip-toggle-group/ChipToggleGroupItem.d.ts +76 -28
  52. package/dist/components/chip-toggle-group/ChipToggleGroupItem.js +1 -1
  53. package/dist/components/chip-toggle-group/ChipToggleGroupItem.js.map +1 -1
  54. package/dist/components/chip-toggle-group/ChipToggleGroupRoot.d.ts +38 -14
  55. package/dist/components/combobox/Combobox.d.ts +19 -7
  56. package/dist/components/combobox/ComboboxInput.d.ts +19 -7
  57. package/dist/components/combobox/ComboboxInput.js +1 -1
  58. package/dist/components/combobox/ComboboxInput.js.map +1 -1
  59. package/dist/components/combobox/ComboboxList.d.ts +19 -7
  60. package/dist/components/combobox/ComboboxOption.d.ts +19 -7
  61. package/dist/components/combobox/ComboboxOption.js +1 -1
  62. package/dist/components/combobox/ComboboxOption.js.map +1 -1
  63. package/dist/components/combobox/ComboboxPopover.d.ts +19 -7
  64. package/dist/components/create-password-field/CreatePasswordField.js +1 -1
  65. package/dist/components/data-table/DataTableBulkActions.js +1 -1
  66. package/dist/components/data-table/DataTableBulkActions.js.map +1 -1
  67. package/dist/components/data-table/DataTableLoading.d.ts +19 -7
  68. package/dist/components/data-table/DataTableRow.js +1 -1
  69. package/dist/components/data-table/DataTableRow.js.map +1 -1
  70. package/dist/components/data-table/pagination/Pagination.d.ts +19 -7
  71. package/dist/components/dialog/Dialog.d.ts +19 -7
  72. package/dist/components/dialog/DialogBackground.d.ts +38 -14
  73. package/dist/components/dialog/DialogClose.d.ts +19 -7
  74. package/dist/components/dialog/DialogContent.d.ts +19 -7
  75. package/dist/components/divider/Divider.d.ts +19 -7
  76. package/dist/components/drawer/Drawer.d.ts +116 -44
  77. package/dist/components/drawer/DrawerContent.d.ts +19 -7
  78. package/dist/components/drawer/DrawerContent.js +1 -1
  79. package/dist/components/drawer/DrawerContent.js.map +1 -1
  80. package/dist/components/drawer/DrawerFooter.d.ts +19 -7
  81. package/dist/components/drawer/DrawerHeader.d.ts +19 -7
  82. package/dist/components/drawer/DrawerMain.d.ts +19 -7
  83. package/dist/components/drawer/DrawerOverlay.d.ts +19 -7
  84. package/dist/components/drawer/DrawerTrigger.d.ts +19 -7
  85. package/dist/components/dropdown-menu/DropdownMenu.d.ts +19 -7
  86. package/dist/components/dropdown-menu/DropdownMenuContent.d.ts +19 -7
  87. package/dist/components/dropdown-menu/DropdownMenuItem.d.ts +19 -7
  88. package/dist/components/dropdown-menu/DropdownMenuItem.js +1 -1
  89. package/dist/components/dropdown-menu/DropdownMenuItem.js.map +1 -1
  90. package/dist/components/dropdown-menu/DropdownMenuSeparator.d.ts +19 -7
  91. package/dist/components/dropdown-menu/DropdownMenuTrigger.d.ts +19 -7
  92. package/dist/components/empty-state/EmptyState.d.ts +38 -14
  93. package/dist/components/empty-state/EmptyStateBody.d.ts +38 -14
  94. package/dist/components/empty-state/EmptyStateImage.d.ts +38 -14
  95. package/dist/components/empty-state/EmptyStateTitle.d.ts +19 -7
  96. package/dist/components/flex/Flex.d.ts +19 -7
  97. package/dist/components/form/Form.d.ts +19 -7
  98. package/dist/components/form/Form.js +1 -1
  99. package/dist/components/grid/Grid.d.ts +19 -7
  100. package/dist/components/heading/Heading.d.ts +19 -7
  101. package/dist/components/icon/Icon.d.ts +19 -7
  102. package/dist/components/image/Image.d.ts +19 -7
  103. package/dist/components/inline-message/InlineMessage.config.js +1 -1
  104. package/dist/components/inline-message/InlineMessage.config.js.map +1 -1
  105. package/dist/components/inline-message/InlineMessage.d.ts +38 -14
  106. package/dist/components/input/Input.d.ts +19 -7
  107. package/dist/components/input/Input.js +1 -1
  108. package/dist/components/input/Input.js.map +1 -1
  109. package/dist/components/label/Label.d.ts +19 -7
  110. package/dist/components/link/Link.d.ts +19 -7
  111. package/dist/components/link/Link.js +1 -1
  112. package/dist/components/link/Link.js.map +1 -1
  113. package/dist/components/list/List.d.ts +38 -14
  114. package/dist/components/list/List.js +1 -1
  115. package/dist/components/list/List.js.map +1 -1
  116. package/dist/components/markdown-content/components/MarkdownEmphasis.d.ts +19 -7
  117. package/dist/components/navigation/NavigationMenu.d.ts +19 -7
  118. package/dist/components/navigation/NavigationMenu.styles.js +1 -1
  119. package/dist/components/navigation/NavigationMenu.styles.js.map +1 -1
  120. package/dist/components/navigation/NavigationMenuDropdownContent.d.ts +19 -7
  121. package/dist/components/navigation/NavigationMenuDropdownItem.d.ts +38 -14
  122. package/dist/components/navigation/NavigationMenuLink.js +1 -1
  123. package/dist/components/navigation/NavigationMenuLink.js.map +1 -1
  124. package/dist/components/navigation/stitches.navigationMenu.colorscheme.config.js +1 -1
  125. package/dist/components/navigation/stitches.navigationMenu.colorscheme.config.js.map +1 -1
  126. package/dist/components/navigation-menu-vertical/NavigationMenuVertical.d.ts +19 -7
  127. package/dist/components/navigation-menu-vertical/NavigationMenuVerticalAccordionContent.d.ts +19 -7
  128. package/dist/components/navigation-menu-vertical/NavigationMenuVerticalAccordionTrigger.d.ts +19 -7
  129. package/dist/components/navigation-menu-vertical/NavigationMenuVerticalIcon.d.ts +38 -14
  130. package/dist/components/navigation-menu-vertical/NavigationMenuVerticalItem.d.ts +19 -7
  131. package/dist/components/navigation-menu-vertical/NavigationMenuVerticalLink.d.ts +19 -7
  132. package/dist/components/navigation-menu-vertical/NavigationMenuVerticalList.d.ts +19 -7
  133. package/dist/components/navigation-menu-vertical/NavigationMenuVerticalText.d.ts +38 -14
  134. package/dist/components/notification-badge/NotificationBadge.d.ts +38 -14
  135. package/dist/components/notification-badge/NotificationBadge.js +1 -1
  136. package/dist/components/notification-badge/NotificationBadge.js.map +1 -1
  137. package/dist/components/pagination/Pagination.js +1 -1
  138. package/dist/components/pagination/Pagination.js.map +1 -1
  139. package/dist/components/pagination/PaginationNextButton.d.ts +40 -16
  140. package/dist/components/pagination/PaginationPreviousButton.d.ts +40 -16
  141. package/dist/components/popover/Popover.d.ts +19 -7
  142. package/dist/components/popover/PopoverContent.d.ts +19 -7
  143. package/dist/components/progress-bar/ProgressBar.d.ts +20 -8
  144. package/dist/components/progress-bar/ProgressBar.js +1 -1
  145. package/dist/components/progress-bar/ProgressBar.js.map +1 -1
  146. package/dist/components/radio-button/RadioButton.d.ts +19 -7
  147. package/dist/components/radio-button/RadioButton.js +1 -1
  148. package/dist/components/radio-button/RadioButton.js.map +1 -1
  149. package/dist/components/radio-button/RadioButtonGroup.d.ts +19 -7
  150. package/dist/components/radio-card/RadioCard.d.ts +19 -7
  151. package/dist/components/radio-card/RadioCard.js +1 -1
  152. package/dist/components/radio-card/RadioCard.js.map +1 -1
  153. package/dist/components/section-message/SectionMessage.d.ts +136 -52
  154. package/dist/components/section-message/SectionMessage.js +1 -1
  155. package/dist/components/section-message/SectionMessage.js.map +1 -1
  156. package/dist/components/select/Select.d.ts +19 -7
  157. package/dist/components/select/Select.js +1 -1
  158. package/dist/components/select/Select.js.map +1 -1
  159. package/dist/components/side-bar/SideBar.d.ts +152 -56
  160. package/dist/components/side-bar/SideBarComponents.d.ts +133 -49
  161. package/dist/components/slider/Slider.d.ts +19 -7
  162. package/dist/components/slider/Slider.js +1 -1
  163. package/dist/components/slider/Slider.js.map +1 -1
  164. package/dist/components/sortable/Handle.d.ts +40 -16
  165. package/dist/components/stack/Stack.d.ts +19 -7
  166. package/dist/components/stack-content/StackContent.d.ts +19 -7
  167. package/dist/components/stepper/StepperStepBullet.d.ts +38 -14
  168. package/dist/components/stepper/StepperStepBullet.js +1 -1
  169. package/dist/components/stepper/StepperStepBullet.js.map +1 -1
  170. package/dist/components/stepper/StepperStepContainer.d.ts +38 -14
  171. package/dist/components/stepper/StepperStepContainer.js +1 -1
  172. package/dist/components/stepper/StepperStepContainer.js.map +1 -1
  173. package/dist/components/stepper/StepperStepLabel.d.ts +38 -14
  174. package/dist/components/stepper/StepperStepLabel.js +1 -1
  175. package/dist/components/stepper/StepperStepLabel.js.map +1 -1
  176. package/dist/components/switch/Switch.d.ts +19 -7
  177. package/dist/components/switch/Switch.js +1 -1
  178. package/dist/components/switch/Switch.js.map +1 -1
  179. package/dist/components/table/Table.d.ts +19 -7
  180. package/dist/components/table/TableBody.d.ts +19 -7
  181. package/dist/components/table/TableCell.d.ts +19 -7
  182. package/dist/components/table/TableFooter.d.ts +19 -7
  183. package/dist/components/table/TableFooterCell.d.ts +19 -7
  184. package/dist/components/table/TableHeader.d.ts +19 -7
  185. package/dist/components/table/TableHeader.js +1 -1
  186. package/dist/components/table/TableHeader.js.map +1 -1
  187. package/dist/components/table/TableHeaderCell.d.ts +19 -7
  188. package/dist/components/table/TableRow.d.ts +38 -14
  189. package/dist/components/tabs/Tabs.d.ts +19 -7
  190. package/dist/components/tabs/TabsContent.d.ts +19 -7
  191. package/dist/components/tabs/TabsTrigger.d.ts +19 -7
  192. package/dist/components/tabs/TabsTriggerList.d.ts +19 -7
  193. package/dist/components/tabs/TabsTriggerList.js +1 -1
  194. package/dist/components/tabs/TabsTriggerList.js.map +1 -1
  195. package/dist/components/text/Text.d.ts +20 -8
  196. package/dist/components/textarea/Textarea.d.ts +19 -7
  197. package/dist/components/textarea/Textarea.js +1 -1
  198. package/dist/components/textarea/Textarea.js.map +1 -1
  199. package/dist/components/tile/Tile.d.ts +19 -7
  200. package/dist/components/tile/Tile.js +1 -1
  201. package/dist/components/tile/Tile.js.map +1 -1
  202. package/dist/components/tile/TileGroup.d.ts +19 -7
  203. package/dist/components/tile-interactive/TileInteractive.d.ts +38 -14
  204. package/dist/components/tile-toggle-group/TileToggleGroupItem.d.ts +57 -21
  205. package/dist/components/tile-toggle-group/TileToggleGroupRoot.d.ts +38 -14
  206. package/dist/components/toast/Toast.d.ts +64 -28
  207. package/dist/components/toast/Toast.js +1 -1
  208. package/dist/components/toast/Toast.js.map +1 -1
  209. package/dist/components/toggle-group/ToggleGroupButton.d.ts +38 -14
  210. package/dist/components/toggle-group/ToggleGroupItem.d.ts +38 -14
  211. package/dist/components/toggle-group/ToggleGroupItem.js +1 -1
  212. package/dist/components/toggle-group/ToggleGroupItem.js.map +1 -1
  213. package/dist/components/toggle-group/ToggleGroupRoot.d.ts +19 -7
  214. package/dist/components/toggle-group/index.d.ts +95 -35
  215. package/dist/components/tooltip/TooltipContent.d.ts +19 -7
  216. package/dist/components/top-bar/TopBar.d.ts +19 -7
  217. package/dist/components/top-bar/TopBarBrand.d.ts +57 -21
  218. package/dist/components/tree/Tree.d.ts +228 -84
  219. package/dist/components/tree/TreeCollapsible.d.ts +19 -7
  220. package/dist/components/tree/TreeCollapsibleContent.d.ts +38 -14
  221. package/dist/components/tree/TreeIcon.d.ts +38 -14
  222. package/dist/components/tree/TreeItemContent.d.ts +19 -7
  223. package/dist/components/tree/TreeListItem.d.ts +19 -7
  224. package/dist/components/video/Video.d.ts +38 -14
  225. package/dist/docgen.json +1 -1
  226. package/dist/experiments/color-scheme/ColorScheme.d.ts +19 -7
  227. package/dist/experiments/color-scheme/stitches.colorscheme.config.d.ts +14 -0
  228. package/dist/experiments/color-scheme/stitches.colorscheme.config.js +1 -1
  229. package/dist/experiments/color-scheme/stitches.colorscheme.config.js.map +1 -1
  230. package/dist/index.cjs.js +1 -1
  231. package/dist/index.cjs.js.map +1 -1
  232. package/dist/stitches.d.ts +209 -77
  233. package/dist/stitches.js +1 -1
  234. package/dist/stitches.js.map +1 -1
  235. package/dist/utilities/create-theme-variants/createThemeVariants.d.ts +20 -8
  236. package/dist/utilities/create-theme-variants/createThemeVariants.js.map +1 -1
  237. package/dist/utilities/no-overflow-wrapper/NoOverflowWrapper.d.ts +38 -14
  238. 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
- textForeground: any;
29
+ textBold: any;
30
+ textRegular: any;
30
31
  textSubtle: any;
31
- textPlaceholder: any;
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={},m=({prefix:e,colorName:l,color0:r=""})=>{const o={};let F=1;r&&(o[`${e}${F}`]=r,F++);let n=1;for(F;F<=11;F++)o[`${e}${F}`]=`$${l}${n*100}`,n++;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={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(t).forEach(([e,{colorName:l,color0:r=""}])=>{const o=`base-${e}`;c[o]=a({colors:{foreground:"$grey1000",foreground7plus:"#FFFFFF",...m({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"}},i=()=>{Object.entries(N).forEach(([e,{colorName:l,color0:r=""}])=>{const o=`accent-${e}`;c[o]=a({colors:m({prefix:"accent",colorName:l,color0:r})})})};g(),i();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"},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,CAAA,EACf,IAAIC,EAAI,EACJF,IACFC,EAAO,GAAGH,IAASI,KAAOF,EAC1BE,KAEF,IAAIC,EAAI,EACR,IAAKD,EAAGA,GAAK,GAAIA,IACfD,EAAO,GAAGH,IAASI,KAAO,IAAIH,IAAYI,EAAI,MAC9CA,IAEF,OAAOF,CACT,EAEAL,EAAa,0BAA4BQ,EAAY,CACnD,OAAQ,CACN,sBAAuB,cACvB,aAAc,WACd,aAAc,WACd,aAAc,UAChB,CACF,CAAC,EAEDR,EAAa,0BAA4BQ,EAAY,CACnD,OAAQ,CACN,sBAAuB,mBACvB,aAAc,WACd,aAAc,YACd,aAAc,WAChB,CACF,CAAC,EAOM,MAAMC,EAAQ,CACnB,MAAO,CAAE,UAAW,OAAQ,OAAQ,SAAU,EAC9C,MAAO,CAAE,UAAW,MAAO,EAC3B,MAAO,CAAE,UAAW,OAAQ,OAAQ,SAAU,EAC9C,MAAO,CAAE,UAAW,MAAO,EAC3B,QAAS,CAAE,UAAW,SAAU,OAAQ,SAAU,EAClD,QAAS,CAAE,UAAW,QAAS,EAC/B,MAAO,CAAE,UAAW,OAAQ,OAAQ,SAAU,EAC9C,MAAO,CAAE,UAAW,MAAO,EAC3B,OAAQ,CAAE,UAAW,QAAS,OAAQ,SAAU,EAChD,OAAQ,CAAE,UAAW,OAAQ,EAC7B,SAAU,CAAE,UAAW,UAAW,OAAQ,SAAU,EACpD,SAAU,CAAE,UAAW,SAAU,EACjC,KAAM,CAAE,UAAW,MAAO,OAAQ,SAAU,EAC5C,KAAM,CAAE,UAAW,KAAM,EACzB,MAAO,CAAE,UAAW,OAAQ,OAAQ,SAAU,EAC9C,MAAO,CAAE,UAAW,MAAO,EAC3B,QAAS,CAAE,UAAW,SAAU,OAAQ,SAAU,EAClD,QAAS,CAAE,UAAW,QAAS,EAC/B,QAAS,CAAE,UAAW,SAAU,OAAQ,SAAU,EAClD,QAAS,CAAE,UAAW,QAAS,EAC/B,MAAO,CAAE,UAAW,OAAQ,OAAQ,SAAU,EAC9C,MAAO,CAAE,UAAW,MAAO,CAC7B,EACMC,EAAe,IAAM,CACzB,OAAO,QAAQD,CAAK,EAAE,QACpB,CAAC,CAACE,EAAM,CAAE,UAAAR,EAAW,OAAAC,EAAS,EAAG,CAAC,IAA6B,CAC7D,MAAMQ,EAAY,QAAQD,IAC1BX,EAAaY,GAAaJ,EAAY,CACpC,OAAQ,CACN,WAAY,YACZ,gBAAiB,UACjB,GAAGP,EAAe,CAAE,OAAQ,OAAQ,UAAAE,EAAW,OAAAC,CAAO,CAAC,CACzD,CACF,CAAC,CACH,CACF,CACF,EAEaS,EAAU,CACrB,MAAO,CAAE,UAAW,OAAQ,OAAQ,SAAU,EAC9C,MAAO,CAAE,UAAW,MAAO,EAC3B,MAAO,CAAE,UAAW,OAAQ,OAAQ,SAAU,EAC9C,MAAO,CAAE,UAAW,MAAO,EAC3B,QAAS,CAAE,UAAW,SAAU,OAAQ,SAAU,EAClD,QAAS,CAAE,UAAW,QAAS,EAC/B,MAAO,CAAE,UAAW,OAAQ,OAAQ,SAAU,EAC9C,MAAO,CAAE,UAAW,MAAO,EAC3B,OAAQ,CAAE,UAAW,QAAS,OAAQ,SAAU,EAChD,OAAQ,CAAE,UAAW,OAAQ,EAC7B,SAAU,CAAE,UAAW,UAAW,OAAQ,SAAU,EACpD,SAAU,CAAE,UAAW,SAAU,EACjC,KAAM,CAAE,UAAW,MAAO,OAAQ,SAAU,EAC5C,KAAM,CAAE,UAAW,KAAM,EACzB,MAAO,CAAE,UAAW,OAAQ,OAAQ,SAAU,EAC9C,MAAO,CAAE,UAAW,MAAO,EAC3B,QAAS,CAAE,UAAW,SAAU,OAAQ,SAAU,EAClD,QAAS,CAAE,UAAW,QAAS,EAC/B,QAAS,CAAE,UAAW,SAAU,OAAQ,SAAU,EAClD,QAAS,CAAE,UAAW,QAAS,EAC/B,MAAO,CAAE,UAAW,OAAQ,OAAQ,SAAU,EAC9C,MAAO,CAAE,UAAW,MAAO,CAC7B,EACMC,EAAiB,IAAM,CAC3B,OAAO,QAAQD,CAAO,EAAE,QACtB,CAAC,CAACF,EAAM,CAAE,UAAAR,EAAW,OAAAC,EAAS,EAAG,CAAC,IAA6B,CAC7D,MAAMQ,EAAY,UAAUD,IAC5BX,EAAaY,GAAaJ,EAAY,CACpC,OAAQP,EAAe,CAAE,OAAQ,SAAU,UAAAE,EAAW,OAAAC,CAAO,CAAC,CAChE,CAAC,CACH,CACF,CACF,EAEAM,EAAa,EACbI,EAAe"}
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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"}