@optiaxiom/react 0.1.0-next.17 → 0.1.0-next.18

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 (168) hide show
  1. package/dist/PopoverContent-Cyo4iBvE.d.ts +367 -0
  2. package/dist/assets/src/accordion-content/AccordionContent.css.ts.vanilla-BZ7bzZP9.css +25 -0
  3. package/dist/assets/src/accordion-trigger/{AccordionTrigger.css.ts.vanilla-Bk2yaB9b.css → AccordionTrigger.css.ts.vanilla-DdXgiCqZ.css} +6 -6
  4. package/dist/assets/src/alert/Alert.css.ts.vanilla-AC1zWh3i.css +43 -0
  5. package/dist/assets/src/alert-dialog-content/{AlertDialogContent.css.ts.vanilla-udVSBh-F.css → AlertDialogContent.css.ts.vanilla-D0aMZ0w8.css} +7 -7
  6. package/dist/assets/src/alert-dialog-description/AlertDialogDescription.css.ts.vanilla-BkEgo6PX.css +6 -0
  7. package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-DscsPTsD.css +6 -0
  8. package/dist/assets/src/avatar/Avatar.css.ts.vanilla-DVYtuHQ1.css +24 -0
  9. package/dist/assets/src/badge/Badge.css.ts.vanilla-ClkJ_u5F.css +47 -0
  10. package/dist/assets/src/box/{Box.css.ts.vanilla-DqlsipSp.css → Box.css.ts.vanilla-DzdICr9X.css} +23 -23
  11. package/dist/assets/src/button/Button.css.ts.vanilla-BTd9lTdf.css +141 -0
  12. package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-BUlH2nOp.css +23 -0
  13. package/dist/assets/src/code/Code.css.ts.vanilla-B52uQ9L0.css +7 -0
  14. package/dist/assets/src/command-item/{CommandItem.css.ts.vanilla-ByJWH0yk.css → CommandItem.css.ts.vanilla-6tivpdOm.css} +5 -5
  15. package/dist/assets/src/command-list/{CommandList.css.ts.vanilla-Cz8lB2er.css → CommandList.css.ts.vanilla-cJSL04GG.css} +3 -3
  16. package/dist/assets/src/control-base/ControlBase.css.ts.vanilla-DNWFGycD.css +41 -0
  17. package/dist/assets/src/dialog-body/DialogBody.css.ts.vanilla-DMj_Dytg.css +6 -0
  18. package/dist/assets/src/dialog-content/{DialogContent.css.ts.vanilla-CzC-Pm9R.css → DialogContent.css.ts.vanilla-dM4h8lLR.css} +8 -8
  19. package/dist/assets/src/drawer/{Drawer.css.ts.vanilla-CjtQhy6h.css → Drawer.css.ts.vanilla-BfBPQjk-.css} +8 -8
  20. package/dist/assets/src/hover-card-content/{HoverCardContent.css.ts.vanilla-D8stDT3z.css → HoverCardContent.css.ts.vanilla-B31ykq1Q.css} +3 -3
  21. package/dist/assets/src/indicator/Indicator.css.ts.vanilla-CEMQKt4r.css +31 -0
  22. package/dist/assets/src/input-base/{InputBase.css.ts.vanilla-BhhkBhKO.css → InputBase.css.ts.vanilla-JlIy9jXM.css} +15 -15
  23. package/dist/assets/src/kbd/Kbd.css.ts.vanilla-yOmbCTVp.css +9 -0
  24. package/dist/assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css +4 -0
  25. package/dist/assets/src/link/{Link.css.ts.vanilla-B50afo8G.css → Link.css.ts.vanilla-Bf2IIs3j.css} +12 -12
  26. package/dist/assets/src/menu-content-base/{MenuContentBase.css.ts.vanilla-DVkYjEHI.css → MenuContentBase.css.ts.vanilla-DthVhVaj.css} +3 -3
  27. package/dist/assets/src/menu-item-base/MenuItemBase.css.ts.vanilla-TYpr7a-c.css +33 -0
  28. package/dist/assets/src/pagination/Pagination.css.ts.vanilla-CyYG5Rqz.css +6 -0
  29. package/dist/assets/src/pill/{Pill.css.ts.vanilla-C2eOQi2i.css → Pill.css.ts.vanilla-CzA0GbOu.css} +4 -4
  30. package/dist/assets/src/popover-content/{PopoverContent.css.ts.vanilla-B1oQBmKn.css → PopoverContent.css.ts.vanilla-CKx6WAG_.css} +3 -3
  31. package/dist/assets/src/radio-group-item/RadioGroupItem.css.ts.vanilla-9txO00eX.css +9 -0
  32. package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-DCMuvBgL.css +6 -0
  33. package/dist/assets/src/separator/{Separator.css.ts.vanilla-BNAE0XuM.css → Separator.css.ts.vanilla-_Evw8coN.css} +10 -10
  34. package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-Cd--tSTW.css +6 -0
  35. package/dist/assets/src/sprinkles/{sprinkles.css.ts.vanilla-CVGm5rFP.css → sprinkles.css.ts.vanilla-CWInbvhm.css} +2297 -2261
  36. package/dist/assets/src/switch/Switch.css.ts.vanilla-CK-3AKAY.css +26 -0
  37. package/dist/assets/src/table/Table.css.ts.vanilla-CTGILY5k.css +9 -0
  38. package/dist/assets/src/table-body/TableBody.css.ts.vanilla-CKsWc1SR.css +6 -0
  39. package/dist/assets/src/table-cell/{TableCell.css.ts.vanilla-Rz8j_7xh.css → TableCell.css.ts.vanilla-WQWUwMeZ.css} +4 -4
  40. package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-B3DRJBru.css +6 -0
  41. package/dist/assets/src/table-row/TableRow.css.ts.vanilla-iSWH_OkR.css +4 -0
  42. package/dist/assets/src/tabs/Tabs.css.ts.vanilla-ROhQXYmq.css +9 -0
  43. package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-C2E7_0fo.css +23 -0
  44. package/dist/assets/src/tabs-trigger/{TabsTrigger.css.ts.vanilla-MxzOgYAm.css → TabsTrigger.css.ts.vanilla-BNJjgHvC.css} +10 -10
  45. package/dist/assets/src/text/{Text.css.ts.vanilla-DQhdIgmY.css → Text.css.ts.vanilla-BvzD3lMf.css} +8 -8
  46. package/dist/assets/src/textarea/Textarea.css.ts.vanilla-8uk_9UJz.css +9 -0
  47. package/dist/assets/src/toast/Toast.css.ts.vanilla-Cmr5JjvD.css +89 -0
  48. package/dist/assets/src/toast-provider/{ToastProvider.css.ts.vanilla-WsywbHOO.css → ToastProvider.css.ts.vanilla-U5IpQ-47.css} +9 -9
  49. package/dist/assets/src/transition/{Transition.css.ts.vanilla-COAIGiKV.css → Transition.css.ts.vanilla-Cb0oRAnj.css} +16 -16
  50. package/dist/index.d.ts +56 -1225
  51. package/dist/index.js +1 -3
  52. package/dist/package.json.js +1 -1
  53. package/dist/src/accordion-content/AccordionContent-css.js +3 -3
  54. package/dist/src/accordion-trigger/AccordionTrigger-css.js +4 -4
  55. package/dist/src/accordion-trigger/AccordionTrigger.js +3 -3
  56. package/dist/src/alert/Alert-css.js +4 -4
  57. package/dist/src/alert-dialog-content/AlertDialogContent-css.js +4 -4
  58. package/dist/src/alert-dialog-description/AlertDialogDescription-css.js +3 -3
  59. package/dist/src/alert-dialog-footer/AlertDialogFooter-css.js +3 -3
  60. package/dist/src/avatar/Avatar-css.js +4 -4
  61. package/dist/src/avatar-group/AvatarGroup-css.js +3 -3
  62. package/dist/src/badge/Badge-css.js +3 -3
  63. package/dist/src/box/Box-css.js +3 -3
  64. package/dist/src/button/Button-css.js +9 -9
  65. package/dist/src/button/Button.js +7 -7
  66. package/dist/src/button-group/ButtonGroup-css.js +3 -3
  67. package/dist/src/checkbox/Checkbox-css.js +6 -6
  68. package/dist/src/code/Code-css.js +3 -3
  69. package/dist/src/command-footer/CommandFooter-css.js +1 -1
  70. package/dist/src/command-item/CommandItem-css.js +3 -3
  71. package/dist/src/command-list/CommandList-css.js +3 -3
  72. package/dist/src/control-base/ControlBase-css.js +6 -6
  73. package/dist/src/dialog-body/DialogBody-css.js +3 -3
  74. package/dist/src/dialog-content/DialogContent-css.js +5 -5
  75. package/dist/src/dialog-footer/DialogFooter-css.js +1 -1
  76. package/dist/src/drawer/Drawer-css.js +5 -5
  77. package/dist/src/dropdown-menu-sub-trigger/DropdownMenuSubTrigger.js +1 -1
  78. package/dist/src/hover-card-content/HoverCardContent-css.js +3 -3
  79. package/dist/src/hover-card-content/HoverCardContent.js +1 -1
  80. package/dist/src/indicator/Indicator-css.js +5 -5
  81. package/dist/src/input/Input-css.js +3 -3
  82. package/dist/src/input/Input.js +5 -5
  83. package/dist/src/input-base/InputBase-css.js +4 -4
  84. package/dist/src/input-base/InputBase.js +6 -6
  85. package/dist/src/kbd/Kbd-css.js +3 -3
  86. package/dist/src/layers/layers-css.js +3 -3
  87. package/dist/src/link/Link-css.js +4 -4
  88. package/dist/src/menu-content-base/MenuContentBase-css.js +3 -3
  89. package/dist/src/menu-item-base/MenuItemBase-css.js +3 -3
  90. package/dist/src/menu-item-base/MenuItemBase.js +4 -4
  91. package/dist/src/pagination/Pagination-css.js +3 -3
  92. package/dist/src/pill/Pill-css.js +3 -3
  93. package/dist/src/pill/Pill.js +4 -4
  94. package/dist/src/popover-content/PopoverContent-css.js +3 -3
  95. package/dist/src/popover-content/PopoverContent.js +1 -1
  96. package/dist/src/radio-group-item/RadioGroupItem-css.js +5 -5
  97. package/dist/src/search-input/SearchInput-css.js +4 -4
  98. package/dist/src/search-input/SearchInput.js +3 -3
  99. package/dist/src/separator/Separator-css.js +3 -3
  100. package/dist/src/skeleton/Skeleton-css.js +3 -3
  101. package/dist/src/sprinkles/sprinkles-css.js +3 -3
  102. package/dist/src/switch/Switch-css.js +6 -6
  103. package/dist/src/table/Table-css.js +4 -4
  104. package/dist/src/table-body/TableBody-css.js +3 -3
  105. package/dist/src/table-cell/TableCell-css.js +4 -4
  106. package/dist/src/table-header-cell/TableHeaderCell-css.js +3 -3
  107. package/dist/src/table-row/TableRow-css.js +3 -3
  108. package/dist/src/tabs/Tabs-css.js +3 -3
  109. package/dist/src/tabs-list/TabsList-css.js +3 -3
  110. package/dist/src/tabs-trigger/TabsTrigger-css.js +4 -4
  111. package/dist/src/tabs-trigger/TabsTrigger.js +6 -6
  112. package/dist/src/text/Text-css.js +3 -3
  113. package/dist/src/textarea/Textarea-css.js +4 -4
  114. package/dist/src/theme-provider/ThemeProvider.js +1 -2
  115. package/dist/src/toast/Toast-css.js +5 -5
  116. package/dist/src/toast-provider/ToastProvider-css.js +3 -3
  117. package/dist/src/toast-provider/ToastProvider.js +2 -1
  118. package/dist/src/tooltip/Tooltip.js +1 -1
  119. package/dist/src/transition/Transition-css.js +3 -3
  120. package/dist/src/utils/conditions.js +1 -1
  121. package/dist/unstable.d.ts +29 -29
  122. package/package.json +5 -2
  123. package/dist/PopoverContent-CUYQy-H8.d.ts +0 -367
  124. package/dist/assets/src/accordion-content/AccordionContent.css.ts.vanilla-QcDygVUH.css +0 -25
  125. package/dist/assets/src/alert/Alert.css.ts.vanilla-B3AEqy5O.css +0 -43
  126. package/dist/assets/src/alert-dialog-description/AlertDialogDescription.css.ts.vanilla-DdaPS89z.css +0 -6
  127. package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-DKs7HPxd.css +0 -6
  128. package/dist/assets/src/avatar/Avatar.css.ts.vanilla-CuVCdu8f.css +0 -24
  129. package/dist/assets/src/badge/Badge.css.ts.vanilla-CosWUw11.css +0 -47
  130. package/dist/assets/src/button/Button.css.ts.vanilla-D07KX5O9.css +0 -141
  131. package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-BjiyKHvy.css +0 -23
  132. package/dist/assets/src/code/Code.css.ts.vanilla-sldVXFhO.css +0 -7
  133. package/dist/assets/src/control-base/ControlBase.css.ts.vanilla-C8TB4dNA.css +0 -41
  134. package/dist/assets/src/dialog-body/DialogBody.css.ts.vanilla-DMVvlk-j.css +0 -6
  135. package/dist/assets/src/indicator/Indicator.css.ts.vanilla-CsGJ0-lJ.css +0 -31
  136. package/dist/assets/src/kbd/Kbd.css.ts.vanilla-BNbTnAS8.css +0 -9
  137. package/dist/assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css +0 -4
  138. package/dist/assets/src/menu-item-base/MenuItemBase.css.ts.vanilla-BofvfwxR.css +0 -33
  139. package/dist/assets/src/pagination/Pagination.css.ts.vanilla-CZDsjjh5.css +0 -6
  140. package/dist/assets/src/radio-group-item/RadioGroupItem.css.ts.vanilla-B7bA3BdJ.css +0 -9
  141. package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-C9G4HY4I.css +0 -6
  142. package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-alpjtld8.css +0 -6
  143. package/dist/assets/src/switch/Switch.css.ts.vanilla-tFWcFr8e.css +0 -26
  144. package/dist/assets/src/table/Table.css.ts.vanilla-Bx68WftP.css +0 -9
  145. package/dist/assets/src/table-body/TableBody.css.ts.vanilla-Ph5KkB2m.css +0 -6
  146. package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-C-OGwLLn.css +0 -6
  147. package/dist/assets/src/table-row/TableRow.css.ts.vanilla-DMfjFOjy.css +0 -4
  148. package/dist/assets/src/tabs/Tabs.css.ts.vanilla-DfcLiW_8.css +0 -9
  149. package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-CTiqdNYM.css +0 -23
  150. package/dist/assets/src/textarea/Textarea.css.ts.vanilla-BldcNjGl.css +0 -9
  151. package/dist/assets/src/toast/Toast.css.ts.vanilla-s1odg-lj.css +0 -89
  152. package/dist/src/theme/theme-css.js +0 -3
  153. package/dist/src/tokens/borderRadius.js +0 -13
  154. package/dist/src/tokens/borderWidth.js +0 -8
  155. package/dist/src/tokens/boxShadow.js +0 -11
  156. package/dist/src/tokens/colors.js +0 -253
  157. package/dist/src/tokens/fontFamily.js +0 -6
  158. package/dist/src/tokens/fontSize.js +0 -50
  159. package/dist/src/tokens/index.js +0 -37
  160. package/dist/src/tokens/letterSpacing.js +0 -10
  161. package/dist/src/tokens/lineHeight.js +0 -8
  162. package/dist/src/tokens/margins.js +0 -25
  163. package/dist/src/tokens/maxSize.js +0 -13
  164. package/dist/src/tokens/rem.js +0 -3
  165. package/dist/src/tokens/screens.js +0 -9
  166. package/dist/src/tokens/size.js +0 -53
  167. package/dist/src/tokens/spacing.js +0 -25
  168. package/dist/src/tokens/zIndex.js +0 -13
@@ -1,89 +0,0 @@
1
- @keyframes dxa49m {
2
- from {
3
- opacity: 1;
4
- }
5
- }
6
- @keyframes umc0qr {
7
- from {
8
- translate: var(--_1v0jhgp);
9
- }
10
- to {
11
- translate: 0;
12
- }
13
- }
14
- @keyframes bwrui9 {
15
- from {
16
- opacity: 1;
17
- translate: var(--radix-toast-swipe-end-x) var(--radix-toast-swipe-end-y);
18
- }
19
- to {
20
- translate: var(--_1v0jhgp);
21
- }
22
- }
23
- @layer optiaxiom._1srm0cz;
24
- @layer optiaxiom._1srm0cz {
25
- ._6zniuy:focus-visible {
26
- outline: 2px solid var(--ax-colors-outline-brand);
27
- outline-offset: 1px;
28
- }
29
- ._6zniuy[data-state="closed"] {
30
- animation: dxa49m 100ms ease-in;
31
- opacity: 0;
32
- }
33
- ._6zniuy[data-state="closed"] ~ ._6zniuy {
34
- transition: translate 100ms ease-in 100ms;
35
- }
36
- ._6zniuy[data-state="open"] {
37
- animation: umc0qr 150ms cubic-bezier(0.16, 1, 0.3, 1);
38
- }
39
- ._6zniuy[data-swipe="cancel"] {
40
- transition: translate 150ms ease;
41
- translate: 0;
42
- }
43
- ._6zniuy[data-swipe="end"] {
44
- animation: bwrui9 100ms ease-out;
45
- opacity: 0;
46
- }
47
- ._6zniuy[data-swipe="move"] {
48
- translate: var(--radix-toast-swipe-move-x) var(--radix-toast-swipe-move-y);
49
- }
50
- ._6zniuy[data-swipe-direction="down"] {
51
- --_1v0jhgp: 0 calc(100% + var(--ax-spacing-24));
52
- }
53
- ._6zniuy[data-swipe-direction="left"] {
54
- --_1v0jhgp: calc(-100% - var(--ax-spacing-24)) 0;
55
- }
56
- ._6zniuy[data-swipe-direction="right"] {
57
- --_1v0jhgp: calc(100% + var(--ax-spacing-24)) 0;
58
- }
59
- ._6zniuy[data-swipe-direction="up"] {
60
- --_1v0jhgp: 0 calc(-100% - var(--ax-spacing-24));
61
- }
62
- [data-position^="bottom"] ._6zniuy:first-child {
63
- margin-bottom: auto;
64
- }
65
- [data-position^="bottom"] ._6zniuy[data-state="closed"] ~ ._6zniuy {
66
- translate: 0 calc(100% + var(--ax-spacing-md));
67
- }
68
- [data-position^="top"] ._6zniuy:last-child {
69
- margin-top: auto;
70
- }
71
- [data-position^="top"] ._6zniuy[data-state="closed"] ~ ._6zniuy {
72
- translate: 0 calc(-100% - var(--ax-spacing-md));
73
- }
74
- ._15e91g4 {
75
- --_1wkg3av: var(--ax-colors-red-300);
76
- }
77
- ._7ym6zd {
78
- --_1wkg3av: var(--ax-colors-fg-default-inverse);
79
- }
80
- .fuc6wg {
81
- --_1wkg3av: var(--ax-colors-green-400);
82
- }
83
- .g8vnet {
84
- --_1wkg3av: var(--ax-colors-yellow-300);
85
- }
86
- ._1mwaah2 {
87
- color: var(--_1wkg3av);
88
- }
89
- }
@@ -1,3 +0,0 @@
1
- var theme = {borderRadius:{xs:'var(--ax-borderRadius-xs)',sm:'var(--ax-borderRadius-sm)',md:'var(--ax-borderRadius-md)',lg:'var(--ax-borderRadius-lg)',xl:'var(--ax-borderRadius-xl)',full:'var(--ax-borderRadius-full)',none:'var(--ax-borderRadius-none)'},borderWidth:{'0':'var(--ax-borderWidth-0)','1':'var(--ax-borderWidth-1)','2':'var(--ax-borderWidth-2)','4':'var(--ax-borderWidth-4)'},boxShadow:{xs:'var(--ax-boxShadow-xs)',sm:'var(--ax-boxShadow-sm)',md:'var(--ax-boxShadow-md)',lg:'var(--ax-boxShadow-lg)',xl:'var(--ax-boxShadow-xl)',inner:'var(--ax-boxShadow-inner)',none:'var(--ax-boxShadow-none)'},colors:{current:'var(--ax-colors-current)',transparent:'var(--ax-colors-transparent)',black:'var(--ax-colors-black)',white:'var(--ax-colors-white)','aqua.50':'var(--ax-colors-aqua-50)','aqua.200':'var(--ax-colors-aqua-200)','aqua.500':'var(--ax-colors-aqua-500)','aqua.600':'var(--ax-colors-aqua-600)','blue.50':'var(--ax-colors-blue-50)','blue.200':'var(--ax-colors-blue-200)','blue.500':'var(--ax-colors-blue-500)','blue.600':'var(--ax-colors-blue-600)','blue.900':'var(--ax-colors-blue-900)','brand.50':'var(--ax-colors-brand-50)','brand.100':'var(--ax-colors-brand-100)','brand.200':'var(--ax-colors-brand-200)','brand.300':'var(--ax-colors-brand-300)','brand.400':'var(--ax-colors-brand-400)','brand.500':'var(--ax-colors-brand-500)','brand.600':'var(--ax-colors-brand-600)','brand.700':'var(--ax-colors-brand-700)','brand.800':'var(--ax-colors-brand-800)','brand.900':'var(--ax-colors-brand-900)','dark.50':'var(--ax-colors-dark-50)','dark.200':'var(--ax-colors-dark-200)','dark.500':'var(--ax-colors-dark-500)','dark.600':'var(--ax-colors-dark-600)','gray.50':'var(--ax-colors-gray-50)','gray.100':'var(--ax-colors-gray-100)','gray.200':'var(--ax-colors-gray-200)','gray.300':'var(--ax-colors-gray-300)','gray.400':'var(--ax-colors-gray-400)','gray.500':'var(--ax-colors-gray-500)','gray.600':'var(--ax-colors-gray-600)','gray.700':'var(--ax-colors-gray-700)','gray.800':'var(--ax-colors-gray-800)','gray.900':'var(--ax-colors-gray-900)','green.50':'var(--ax-colors-green-50)','green.100':'var(--ax-colors-green-100)','green.200':'var(--ax-colors-green-200)','green.300':'var(--ax-colors-green-300)','green.400':'var(--ax-colors-green-400)','green.500':'var(--ax-colors-green-500)','green.600':'var(--ax-colors-green-600)','green.700':'var(--ax-colors-green-700)','green.800':'var(--ax-colors-green-800)','green.900':'var(--ax-colors-green-900)','magenta.50':'var(--ax-colors-magenta-50)','magenta.200':'var(--ax-colors-magenta-200)','magenta.500':'var(--ax-colors-magenta-500)','magenta.600':'var(--ax-colors-magenta-600)','neutral.50':'var(--ax-colors-neutral-50)','neutral.75':'var(--ax-colors-neutral-75)','neutral.100':'var(--ax-colors-neutral-100)','neutral.150':'var(--ax-colors-neutral-150)','neutral.200':'var(--ax-colors-neutral-200)','neutral.300':'var(--ax-colors-neutral-300)','neutral.500':'var(--ax-colors-neutral-500)','neutral.600':'var(--ax-colors-neutral-600)','neutral.700':'var(--ax-colors-neutral-700)','neutral.800':'var(--ax-colors-neutral-800)','neutral.900':'var(--ax-colors-neutral-900)','neutral.1000':'var(--ax-colors-neutral-1000)','neutral.1100':'var(--ax-colors-neutral-1100)','neutral.1200':'var(--ax-colors-neutral-1200)','neutral.50/6':'var(--ax-colors-neutral-50-6)','neutral.50/32':'var(--ax-colors-neutral-50-32)','neutral.1200/4':'var(--ax-colors-neutral-1200-4)','neutral.1200/12':'var(--ax-colors-neutral-1200-12)','neutral.1200/18':'var(--ax-colors-neutral-1200-18)','neutral.1200/22':'var(--ax-colors-neutral-1200-22)','neutral.1200/32':'var(--ax-colors-neutral-1200-32)','orange.50':'var(--ax-colors-orange-50)','orange.200':'var(--ax-colors-orange-200)','orange.500':'var(--ax-colors-orange-500)','orange.600':'var(--ax-colors-orange-600)','purple.50':'var(--ax-colors-purple-50)','purple.200':'var(--ax-colors-purple-200)','purple.500':'var(--ax-colors-purple-500)','purple.600':'var(--ax-colors-purple-600)','purple.900':'var(--ax-colors-purple-900)','red.50':'var(--ax-colors-red-50)','red.100':'var(--ax-colors-red-100)','red.200':'var(--ax-colors-red-200)','red.300':'var(--ax-colors-red-300)','red.400':'var(--ax-colors-red-400)','red.500':'var(--ax-colors-red-500)','red.600':'var(--ax-colors-red-600)','red.700':'var(--ax-colors-red-700)','red.800':'var(--ax-colors-red-800)','red.900':'var(--ax-colors-red-900)','slate.50':'var(--ax-colors-slate-50)','slate.100':'var(--ax-colors-slate-100)','slate.200':'var(--ax-colors-slate-200)','slate.300':'var(--ax-colors-slate-300)','slate.400':'var(--ax-colors-slate-400)','slate.500':'var(--ax-colors-slate-500)','slate.600':'var(--ax-colors-slate-600)','slate.700':'var(--ax-colors-slate-700)','slate.800':'var(--ax-colors-slate-800)','slate.900':'var(--ax-colors-slate-900)','slate.950':'var(--ax-colors-slate-950)','yellow.50':'var(--ax-colors-yellow-50)','yellow.100':'var(--ax-colors-yellow-100)','yellow.200':'var(--ax-colors-yellow-200)','yellow.300':'var(--ax-colors-yellow-300)','yellow.400':'var(--ax-colors-yellow-400)','yellow.500':'var(--ax-colors-yellow-500)','yellow.600':'var(--ax-colors-yellow-600)','yellow.700':'var(--ax-colors-yellow-700)','yellow.800':'var(--ax-colors-yellow-800)','yellow.900':'var(--ax-colors-yellow-900)','bg.brand':'var(--ax-colors-bg-brand)','bg.brand.solid':'var(--ax-colors-bg-brand-solid)','bg.brand.solid.hover':'var(--ax-colors-bg-brand-solid-hover)','bg.disabled':'var(--ax-colors-bg-disabled)','bg.discovery':'var(--ax-colors-bg-discovery)','bg.error':'var(--ax-colors-bg-error)','bg.error.solid':'var(--ax-colors-bg-error-solid)','bg.error.solid.hover':'var(--ax-colors-bg-error-solid-hover)','bg.information':'var(--ax-colors-bg-information)','bg.information.solid':'var(--ax-colors-bg-information-solid)','bg.input.disabled':'var(--ax-colors-bg-input-disabled)','bg.neutral':'var(--ax-colors-bg-neutral)','bg.neutral.inverse':'var(--ax-colors-bg-neutral-inverse)','bg.neutral.inverse.hover':'var(--ax-colors-bg-neutral-inverse-hover)','bg.neutral.solid':'var(--ax-colors-bg-neutral-solid)','bg.neutral.solid.hover':'var(--ax-colors-bg-neutral-solid-hover)','bg.success':'var(--ax-colors-bg-success)','bg.success.solid':'var(--ax-colors-bg-success-solid)','bg.success.solid.hover':'var(--ax-colors-bg-success-solid-hover)','bg.warning':'var(--ax-colors-bg-warning)','bg.warning.solid':'var(--ax-colors-bg-warning-solid)','bg.warning.solid.hover':'var(--ax-colors-bg-warning-solid-hover)','border.active':'var(--ax-colors-border-active)','border.active.hover':'var(--ax-colors-border-active-hover)','border.brand':'var(--ax-colors-border-brand)','border.default':'var(--ax-colors-border-default)','border.disabled':'var(--ax-colors-border-disabled)','border.error':'var(--ax-colors-border-error)','border.secondary':'var(--ax-colors-border-secondary)','border.success':'var(--ax-colors-border-success)','border.tertiary':'var(--ax-colors-border-tertiary)','border.warning':'var(--ax-colors-border-warning)','fg.accent.blue':'var(--ax-colors-fg-accent-blue)','fg.accent.magenta':'var(--ax-colors-fg-accent-magenta)','fg.accent.purple':'var(--ax-colors-fg-accent-purple)','fg.accent.red':'var(--ax-colors-fg-accent-red)','fg.brand':'var(--ax-colors-fg-brand)','fg.default':'var(--ax-colors-fg-default)','fg.default.inverse':'var(--ax-colors-fg-default-inverse)','fg.disabled':'var(--ax-colors-fg-disabled)','fg.error':'var(--ax-colors-fg-error)','fg.information':'var(--ax-colors-fg-information)','fg.link':'var(--ax-colors-fg-link)','fg.link.hover':'var(--ax-colors-fg-link-hover)','fg.link.visited':'var(--ax-colors-fg-link-visited)','fg.secondary':'var(--ax-colors-fg-secondary)','fg.success':'var(--ax-colors-fg-success)','fg.tertiary':'var(--ax-colors-fg-tertiary)','fg.warning':'var(--ax-colors-fg-warning)','outline.brand':'var(--ax-colors-outline-brand)',overlay:'var(--ax-colors-overlay)',surface:'var(--ax-colors-surface)'},fontFamily:{mono:'var(--ax-fontFamily-mono)',sans:'var(--ax-fontFamily-sans)'},fontSize:{xs:{fontSize:'var(--ax-fontSize-xs-fontSize)',lineHeight:'var(--ax-fontSize-xs-lineHeight)'},sm:{fontSize:'var(--ax-fontSize-sm-fontSize)',lineHeight:'var(--ax-fontSize-sm-lineHeight)'},md:{fontSize:'var(--ax-fontSize-md-fontSize)',lineHeight:'var(--ax-fontSize-md-lineHeight)'},lg:{fontSize:'var(--ax-fontSize-lg-fontSize)',lineHeight:'var(--ax-fontSize-lg-lineHeight)'},xl:{fontSize:'var(--ax-fontSize-xl-fontSize)',lineHeight:'var(--ax-fontSize-xl-lineHeight)'},'2xl':{fontSize:'var(--ax-fontSize-2xl-fontSize)',lineHeight:'var(--ax-fontSize-2xl-lineHeight)'},'3xl':{fontSize:'var(--ax-fontSize-3xl-fontSize)',lineHeight:'var(--ax-fontSize-3xl-lineHeight)'},'4xl':{fontSize:'var(--ax-fontSize-4xl-fontSize)',lineHeight:'var(--ax-fontSize-4xl-lineHeight)'},'5xl':{fontSize:'var(--ax-fontSize-5xl-fontSize)',lineHeight:'var(--ax-fontSize-5xl-lineHeight)'},'6xl':{fontSize:'var(--ax-fontSize-6xl-fontSize)',lineHeight:'var(--ax-fontSize-6xl-lineHeight)'},'7xl':{fontSize:'var(--ax-fontSize-7xl-fontSize)',lineHeight:'var(--ax-fontSize-7xl-lineHeight)'}},letterSpacing:{tighter:'var(--ax-letterSpacing-tighter)',tight:'var(--ax-letterSpacing-tight)',normal:'var(--ax-letterSpacing-normal)',wide:'var(--ax-letterSpacing-wide)',wider:'var(--ax-letterSpacing-wider)',widest:'var(--ax-letterSpacing-widest)'},lineHeight:{none:'var(--ax-lineHeight-none)',tight:'var(--ax-lineHeight-tight)',normal:'var(--ax-lineHeight-normal)',loose:'var(--ax-lineHeight-loose)'},margins:{'0':'var(--ax-margins-0)','2':'var(--ax-margins-2)','4':'var(--ax-margins-4)','6':'var(--ax-margins-6)','8':'var(--ax-margins-8)','10':'var(--ax-margins-10)','12':'var(--ax-margins-12)','16':'var(--ax-margins-16)','20':'var(--ax-margins-20)','24':'var(--ax-margins-24)','32':'var(--ax-margins-32)','48':'var(--ax-margins-48)','64':'var(--ax-margins-64)','80':'var(--ax-margins-80)',xs:'var(--ax-margins-xs)',sm:'var(--ax-margins-sm)',md:'var(--ax-margins-md)',lg:'var(--ax-margins-lg)',xl:'var(--ax-margins-xl)','-xs':'var(--ax-margins--xs)','-sm':'var(--ax-margins--sm)','-md':'var(--ax-margins--md)','-lg':'var(--ax-margins--lg)','-xl':'var(--ax-margins--xl)','-2':'var(--ax-margins--2)','-4':'var(--ax-margins--4)','-6':'var(--ax-margins--6)','-8':'var(--ax-margins--8)','-10':'var(--ax-margins--10)','-12':'var(--ax-margins--12)','-16':'var(--ax-margins--16)','-24':'var(--ax-margins--24)','-32':'var(--ax-margins--32)','-48':'var(--ax-margins--48)','-64':'var(--ax-margins--64)','-80':'var(--ax-margins--80)'},maxSize:{xs:'var(--ax-maxSize-xs)',sm:'var(--ax-maxSize-sm)',md:'var(--ax-maxSize-md)',lg:'var(--ax-maxSize-lg)',xl:'var(--ax-maxSize-xl)','2xl':'var(--ax-maxSize-2xl)',full:'var(--ax-maxSize-full)'},screens:{sm:'var(--ax-screens-sm)',md:'var(--ax-screens-md)',lg:'var(--ax-screens-lg)'},size:{'0':'var(--ax-size-0)','1':'var(--ax-size-1)','2':'var(--ax-size-2)','4':'var(--ax-size-4)','6':'var(--ax-size-6)','8':'var(--ax-size-8)','12':'var(--ax-size-12)','16':'var(--ax-size-16)','20':'var(--ax-size-20)','24':'var(--ax-size-24)','32':'var(--ax-size-32)','40':'var(--ax-size-40)','48':'var(--ax-size-48)','56':'var(--ax-size-56)','64':'var(--ax-size-64)','80':'var(--ax-size-80)','96':'var(--ax-size-96)','112':'var(--ax-size-112)','128':'var(--ax-size-128)','144':'var(--ax-size-144)','160':'var(--ax-size-160)','176':'var(--ax-size-176)','192':'var(--ax-size-192)','208':'var(--ax-size-208)','224':'var(--ax-size-224)','240':'var(--ax-size-240)','256':'var(--ax-size-256)','288':'var(--ax-size-288)','320':'var(--ax-size-320)','384':'var(--ax-size-384)',xs:'var(--ax-size-xs)',sm:'var(--ax-size-sm)',md:'var(--ax-size-md)',lg:'var(--ax-size-lg)',xl:'var(--ax-size-xl)','5xl':'var(--ax-size-5xl)','1/2':'var(--ax-size-1-2)','1/3':'var(--ax-size-1-3)','2/3':'var(--ax-size-2-3)','1/4':'var(--ax-size-1-4)','2/4':'var(--ax-size-2-4)','3/4':'var(--ax-size-3-4)',auto:'var(--ax-size-auto)',fit:'var(--ax-size-fit)',full:'var(--ax-size-full)',max:'var(--ax-size-max)',min:'var(--ax-size-min)'},spacing:{'0':'var(--ax-spacing-0)','2':'var(--ax-spacing-2)','4':'var(--ax-spacing-4)','6':'var(--ax-spacing-6)','8':'var(--ax-spacing-8)','10':'var(--ax-spacing-10)','12':'var(--ax-spacing-12)','16':'var(--ax-spacing-16)','20':'var(--ax-spacing-20)','24':'var(--ax-spacing-24)','32':'var(--ax-spacing-32)','48':'var(--ax-spacing-48)','64':'var(--ax-spacing-64)','80':'var(--ax-spacing-80)',xs:'var(--ax-spacing-xs)',sm:'var(--ax-spacing-sm)',md:'var(--ax-spacing-md)',lg:'var(--ax-spacing-lg)',xl:'var(--ax-spacing-xl)'},zIndex:{'0':'var(--ax-zIndex-0)','10':'var(--ax-zIndex-10)','20':'var(--ax-zIndex-20)','30':'var(--ax-zIndex-30)','40':'var(--ax-zIndex-40)','50':'var(--ax-zIndex-50)',auto:'var(--ax-zIndex-auto)',popover:'var(--ax-zIndex-popover)',toast:'var(--ax-zIndex-toast)'}};
2
-
3
- export { theme };
@@ -1,13 +0,0 @@
1
- import { rem } from './rem.js';
2
-
3
- const borderRadius = {
4
- xs: rem("2px"),
5
- sm: rem("4px"),
6
- md: rem("6px"),
7
- lg: rem("8px"),
8
- xl: rem("12px"),
9
- full: "9999px",
10
- none: "0"
11
- };
12
-
13
- export { borderRadius };
@@ -1,8 +0,0 @@
1
- const borderWidth = {
2
- "0": "0",
3
- "1": "1px",
4
- "2": "2px",
5
- "4": "4px"
6
- };
7
-
8
- export { borderWidth };
@@ -1,11 +0,0 @@
1
- const boxShadow = {
2
- xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
3
- sm: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
4
- md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
5
- lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
6
- xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
7
- inner: "inset 0 0 6px 0 rgb(0 0 0 / 0.1);",
8
- none: "0 0 #0000"
9
- };
10
-
11
- export { boxShadow };
@@ -1,253 +0,0 @@
1
- const colorPalette = {
2
- current: "currentColor",
3
- transparent: "transparent",
4
- black: "#000000",
5
- white: "#FFFFFF",
6
- "aqua.50": "#E5F7FB",
7
- "aqua.200": "#9AE5EF",
8
- "aqua.500": "#00BDD6",
9
- "aqua.600": "#007A8A",
10
- "blue.50": "#E7F3FE",
11
- "blue.200": "#A8D5FA",
12
- "blue.500": "#2094F3",
13
- "blue.600": "#1668AC",
14
- "blue.900": "#1C2B41",
15
- "brand.50": "#F0F3FF",
16
- "brand.100": "#CDD8FC",
17
- "brand.200": "#B3C3FF",
18
- "brand.300": "#6A8FFC",
19
- "brand.400": "#2E66F7",
20
- "brand.500": "#0037FF",
21
- "brand.600": "#002CCC",
22
- "brand.700": "#002894",
23
- "brand.800": "#001666",
24
- "brand.900": "#000B33",
25
- "dark.50": "#d9d9d9",
26
- "dark.200": "#9e9e9e",
27
- "dark.500": "#707070",
28
- "dark.600": "#080736",
29
- "gray.50": "#f9fafb",
30
- "gray.100": "#f3f4f6",
31
- "gray.200": "#e5e7eb",
32
- "gray.300": "#d1d5db",
33
- "gray.400": "#9ca3af",
34
- "gray.500": "#6b7280",
35
- "gray.600": "#4b5563",
36
- "gray.700": "#374151",
37
- "gray.800": "#1f2937",
38
- "gray.900": "#111827",
39
- "green.50": "#E9F7F1",
40
- "green.100": "#D1F0E1",
41
- "green.200": "#A5E1C3",
42
- "green.300": "#7CD2A7",
43
- "green.400": "#5AC58A",
44
- "green.500": "#03A65D",
45
- "green.600": "#038047",
46
- "green.700": "#24663E",
47
- "green.800": "#17492B",
48
- "green.900": "#082415",
49
- "magenta.50": "#F8E7F5",
50
- "magenta.200": "#E39CD6",
51
- "magenta.500": "#B80597",
52
- "magenta.600": "#81046A",
53
- "neutral.50": "#F9FAFC",
54
- "neutral.75": "#F5F6FA",
55
- "neutral.100": "#E9EDF5",
56
- "neutral.150": "#DADFEB",
57
- "neutral.200": "#CACFDC",
58
- "neutral.300": "#b8becb",
59
- "neutral.500": "#868FA4",
60
- "neutral.600": "#626A81",
61
- "neutral.700": "#4F576E",
62
- "neutral.800": "#2E3442",
63
- "neutral.900": "#262B37",
64
- "neutral.1000": "#1C2029",
65
- "neutral.1100": "#171A23",
66
- "neutral.1200": "#091E42",
67
- "neutral.50/6": "#F9FAFC0F",
68
- "neutral.50/32": "#F9FAFC52",
69
- "neutral.1200/4": "#091E420A",
70
- "neutral.1200/12": "#091E421F",
71
- "neutral.1200/18": "#091E422E",
72
- "neutral.1200/22": "#091E4238",
73
- "neutral.1200/32": "#091E4252",
74
- "orange.50": "#fff5e5",
75
- "orange.200": "#ffd699",
76
- "orange.500": "#ff9900",
77
- "orange.600": "#a36200",
78
- "purple.50": "#F1ECF8",
79
- "purple.200": "#C4B1E2",
80
- "purple.500": "#693AB6",
81
- "purple.600": "#4A297F",
82
- "purple.900": "#2B273F",
83
- "red.50": "#FFF7F7",
84
- "red.100": "#FCD6D6",
85
- "red.200": "#F9ACAC",
86
- "red.300": "#FC8B8B",
87
- "red.400": "#E31818",
88
- "red.500": "#CC1616",
89
- "red.600": "#B21313",
90
- "red.700": "#911D1D",
91
- "red.800": "#601313",
92
- "red.900": "#300A0A",
93
- "slate.50": "#f8fafc",
94
- "slate.100": "#f1f5f9",
95
- "slate.200": "#e2e8f0",
96
- "slate.300": "#cbd5e1",
97
- "slate.400": "#94a3b8",
98
- "slate.500": "#64748b",
99
- "slate.600": "#475569",
100
- "slate.700": "#334155",
101
- "slate.800": "#1e293b",
102
- "slate.900": "#0f172a",
103
- "slate.950": "#020617",
104
- "yellow.50": "#FFFAEA",
105
- "yellow.100": "#FEF1C6",
106
- "yellow.200": "#FEDF88",
107
- "yellow.300": "#FFC84B",
108
- "yellow.400": "#FDB022",
109
- "yellow.500": "#F79008",
110
- "yellow.600": "#DC6903",
111
- "yellow.700": "#B54707",
112
- "yellow.800": "#7A2E0D",
113
- "yellow.900": "#4E1D09"
114
- };
115
- const colors = {
116
- ...colorPalette,
117
- "bg.brand": colorPalette["brand.50"],
118
- "bg.brand.solid": colorPalette["brand.500"],
119
- "bg.brand.solid.hover": colorPalette["brand.600"],
120
- "bg.disabled": colorPalette["neutral.1200/18"],
121
- "bg.discovery": colorPalette["purple.50"],
122
- "bg.error": colorPalette["red.50"],
123
- "bg.error.solid": colorPalette["red.500"],
124
- "bg.error.solid.hover": colorPalette["red.600"],
125
- "bg.information": colorPalette["blue.50"],
126
- "bg.information.solid": colorPalette["blue.600"],
127
- "bg.input.disabled": colorPalette["neutral.1200/4"],
128
- "bg.neutral": colorPalette["neutral.75"],
129
- "bg.neutral.inverse": colorPalette["neutral.800"],
130
- "bg.neutral.inverse.hover": colorPalette["neutral.900"],
131
- "bg.neutral.solid": colorPalette["neutral.200"],
132
- "bg.neutral.solid.hover": colorPalette["neutral.300"],
133
- "bg.success": colorPalette["green.50"],
134
- "bg.success.solid": colorPalette["green.500"],
135
- "bg.success.solid.hover": colorPalette["green.600"],
136
- "bg.warning": colorPalette["yellow.50"],
137
- "bg.warning.solid": colorPalette["yellow.500"],
138
- "bg.warning.solid.hover": colorPalette["yellow.600"],
139
- "border.active": colorPalette["neutral.500"],
140
- "border.active.hover": colorPalette["neutral.600"],
141
- "border.brand": colorPalette["brand.500"],
142
- "border.default": colorPalette["neutral.200"],
143
- "border.disabled": colorPalette["neutral.75"],
144
- "border.error": colorPalette["red.500"],
145
- "border.secondary": colorPalette["neutral.150"],
146
- "border.success": colorPalette["green.500"],
147
- "border.tertiary": colorPalette["neutral.100"],
148
- "border.warning": colorPalette["yellow.500"],
149
- "fg.accent.blue": colorPalette["blue.500"],
150
- "fg.accent.magenta": colorPalette["magenta.600"],
151
- "fg.accent.purple": colorPalette["purple.600"],
152
- "fg.accent.red": colorPalette["red.500"],
153
- /**
154
- * Primary brand color useful for accented text, highlights, and subheadings
155
- */
156
- "fg.brand": colorPalette["brand.700"],
157
- /**
158
- * Primary text color for page headings
159
- */
160
- "fg.default": colorPalette["neutral.800"],
161
- /**
162
- * Primary text color when used on solid color bg
163
- */
164
- "fg.default.inverse": colorPalette["white"],
165
- /**
166
- * Disabled text color for more subtle, lower-contrast, and non-interactive text
167
- */
168
- "fg.disabled": colorPalette["neutral.1200/32"],
169
- /**
170
- * Error text color for danger and error states
171
- */
172
- "fg.error": colorPalette["red.700"],
173
- "fg.information": colorPalette["blue.600"],
174
- "fg.link": colorPalette["brand.500"],
175
- "fg.link.hover": colorPalette["brand.600"],
176
- "fg.link.visited": colorPalette["purple.500"],
177
- /**
178
- * Secondary text color for labels and section headings
179
- */
180
- "fg.secondary": colorPalette["neutral.700"],
181
- /**
182
- * Success text color
183
- */
184
- "fg.success": colorPalette["green.700"],
185
- /**
186
- * Tertiary text color for supporting, paragraph, and placeholder text
187
- */
188
- "fg.tertiary": colorPalette["neutral.600"],
189
- /**
190
- * Warning text color
191
- */
192
- "fg.warning": colorPalette["yellow.700"],
193
- "outline.brand": colorPalette["brand.300"],
194
- overlay: colorPalette["neutral.1200/32"],
195
- surface: colorPalette["white"]
196
- };
197
- const colorsDark = {
198
- ...colorPalette,
199
- "bg.brand": colorPalette["brand.50"],
200
- "bg.brand.solid": colorPalette["brand.500"],
201
- "bg.brand.solid.hover": colorPalette["brand.600"],
202
- "bg.disabled": colorPalette["neutral.1000"],
203
- "bg.discovery": colorPalette["purple.900"],
204
- "bg.error": colorPalette["red.50"],
205
- "bg.error.solid": colorPalette["red.500"],
206
- "bg.error.solid.hover": colorPalette["red.600"],
207
- "bg.information": colorPalette["blue.900"],
208
- "bg.information.solid": colorPalette["blue.600"],
209
- "bg.input.disabled": colorPalette["neutral.1200/4"],
210
- "bg.neutral": colorPalette["slate.800"],
211
- "bg.neutral.inverse": colorPalette["neutral.100"],
212
- "bg.neutral.inverse.hover": colorPalette["neutral.200"],
213
- "bg.neutral.solid": colorPalette["neutral.100"],
214
- "bg.neutral.solid.hover": colorPalette["neutral.800"],
215
- "bg.success": colorPalette["green.900"],
216
- "bg.success.solid": colorPalette["green.500"],
217
- "bg.success.solid.hover": colorPalette["green.600"],
218
- "bg.warning": colorPalette["yellow.50"],
219
- "bg.warning.solid": colorPalette["yellow.500"],
220
- "bg.warning.solid.hover": colorPalette["yellow.600"],
221
- "border.active": colorPalette["neutral.500"],
222
- "border.active.hover": colorPalette["neutral.600"],
223
- "border.brand": colorPalette["brand.500"],
224
- "border.default": colorPalette["gray.800"],
225
- "border.disabled": colorPalette["neutral.75"],
226
- "border.error": colorPalette["red.500"],
227
- "border.secondary": colorPalette["neutral.150"],
228
- "border.success": colorPalette["green.500"],
229
- "border.tertiary": colorPalette["neutral.900"],
230
- "border.warning": colorPalette["yellow.500"],
231
- "fg.accent.blue": colorPalette["blue.200"],
232
- "fg.accent.magenta": colorPalette["magenta.200"],
233
- "fg.accent.purple": colorPalette["purple.200"],
234
- "fg.accent.red": colorPalette["red.200"],
235
- "fg.brand": colorPalette["brand.500"],
236
- "fg.default": colorPalette["gray.100"],
237
- "fg.default.inverse": colorPalette["neutral.900"],
238
- "fg.disabled": colorPalette["neutral.500"],
239
- "fg.error": colorPalette["red.500"],
240
- "fg.information": colorPalette["blue.600"],
241
- "fg.link": colorPalette["white"],
242
- "fg.link.hover": colorPalette["white"],
243
- "fg.link.visited": colorPalette["purple.200"],
244
- "fg.secondary": colorPalette["slate.400"],
245
- "fg.success": colorPalette["green.200"],
246
- "fg.tertiary": colorPalette["neutral.600"],
247
- "fg.warning": colorPalette["yellow.500"],
248
- "outline.brand": colorPalette["brand.300"],
249
- overlay: colorPalette["neutral.50/32"],
250
- surface: colorPalette["gray.900"]
251
- };
252
-
253
- export { colors, colorsDark };
@@ -1,6 +0,0 @@
1
- const fontFamily = {
2
- mono: "Fira Code Variable, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace",
3
- sans: "InterVariable, system-ui, sans-serif"
4
- };
5
-
6
- export { fontFamily };
@@ -1,50 +0,0 @@
1
- import { rem } from './rem.js';
2
-
3
- const fontSize = {
4
- xs: {
5
- fontSize: rem("10px"),
6
- lineHeight: rem("14px")
7
- },
8
- sm: {
9
- fontSize: rem("12px"),
10
- lineHeight: rem("16px")
11
- },
12
- md: {
13
- fontSize: rem("14px"),
14
- lineHeight: rem("20px")
15
- },
16
- lg: {
17
- fontSize: rem("16px"),
18
- lineHeight: rem("24px")
19
- },
20
- xl: {
21
- fontSize: rem("18px"),
22
- lineHeight: rem("28px")
23
- },
24
- "2xl": {
25
- fontSize: rem("20px"),
26
- lineHeight: rem("28px")
27
- },
28
- "3xl": {
29
- fontSize: rem("24px"),
30
- lineHeight: rem("32px")
31
- },
32
- "4xl": {
33
- fontSize: rem("30px"),
34
- lineHeight: rem("36px")
35
- },
36
- "5xl": {
37
- fontSize: rem("36px"),
38
- lineHeight: rem("40px")
39
- },
40
- "6xl": {
41
- fontSize: rem("48px"),
42
- lineHeight: "1"
43
- },
44
- "7xl": {
45
- fontSize: rem("60px"),
46
- lineHeight: "1"
47
- }
48
- };
49
-
50
- export { fontSize };
@@ -1,37 +0,0 @@
1
- import { borderRadius } from './borderRadius.js';
2
- import { borderWidth } from './borderWidth.js';
3
- import { boxShadow } from './boxShadow.js';
4
- import { colors, colorsDark } from './colors.js';
5
- import { fontFamily } from './fontFamily.js';
6
- import { fontSize } from './fontSize.js';
7
- import { letterSpacing } from './letterSpacing.js';
8
- import { lineHeight } from './lineHeight.js';
9
- import { margins } from './margins.js';
10
- import { maxSize } from './maxSize.js';
11
- import { screens } from './screens.js';
12
- import { size } from './size.js';
13
- import { spacing } from './spacing.js';
14
- import { zIndex } from './zIndex.js';
15
-
16
- const tokens = {
17
- borderRadius,
18
- borderWidth,
19
- boxShadow,
20
- colors,
21
- fontFamily,
22
- fontSize,
23
- letterSpacing,
24
- lineHeight,
25
- margins,
26
- maxSize,
27
- screens,
28
- size,
29
- spacing,
30
- zIndex
31
- };
32
- const tokensDark = {
33
- ...tokens,
34
- colors: colorsDark
35
- };
36
-
37
- export { tokens, tokensDark };
@@ -1,10 +0,0 @@
1
- const letterSpacing = {
2
- tighter: "-0.05em",
3
- tight: "-0.025em",
4
- normal: "0",
5
- wide: "0.025em",
6
- wider: "0.05em",
7
- widest: "0.1em"
8
- };
9
-
10
- export { letterSpacing };
@@ -1,8 +0,0 @@
1
- const lineHeight = {
2
- none: "1",
3
- tight: "1.25",
4
- normal: "1.5",
5
- loose: "2"
6
- };
7
-
8
- export { lineHeight };
@@ -1,25 +0,0 @@
1
- import { rem } from './rem.js';
2
- import { spacing } from './spacing.js';
3
-
4
- const margins = {
5
- ...spacing,
6
- "-xs": rem("-8px"),
7
- "-sm": rem("-12px"),
8
- "-md": rem("-16px"),
9
- "-lg": rem("-24px"),
10
- "-xl": rem("-32px"),
11
- "-2": rem("-2px"),
12
- "-4": rem("-4px"),
13
- "-6": rem("-6px"),
14
- "-8": rem("-8px"),
15
- "-10": rem("-10px"),
16
- "-12": rem("-12px"),
17
- "-16": rem("-16px"),
18
- "-24": rem("-24px"),
19
- "-32": rem("-32px"),
20
- "-48": rem("-48px"),
21
- "-64": rem("-64px"),
22
- "-80": rem("-80px")
23
- };
24
-
25
- export { margins };
@@ -1,13 +0,0 @@
1
- import { rem } from './rem.js';
2
-
3
- const maxSize = {
4
- xs: rem("320px"),
5
- sm: rem("384px"),
6
- md: rem("448px"),
7
- lg: rem("512px"),
8
- xl: rem("576px"),
9
- "2xl": rem("672px"),
10
- full: "100%"
11
- };
12
-
13
- export { maxSize };
@@ -1,3 +0,0 @@
1
- const rem = (px) => `${parseFloat((parseFloat(px.slice(0, -2)) / 16).toFixed(3))}rem`;
2
-
3
- export { rem };
@@ -1,9 +0,0 @@
1
- import { rem } from './rem.js';
2
-
3
- const screens = {
4
- sm: rem("600px"),
5
- md: rem("900px"),
6
- lg: rem("1200px")
7
- };
8
-
9
- export { screens };
@@ -1,53 +0,0 @@
1
- import { rem } from './rem.js';
2
-
3
- const size = {
4
- xs: rem("20px"),
5
- sm: rem("24px"),
6
- md: rem("32px"),
7
- lg: rem("40px"),
8
- xl: rem("48px"),
9
- "5xl": rem("80px"),
10
- "0": "0",
11
- "1": rem("1px"),
12
- "2": rem("2px"),
13
- "4": rem("4px"),
14
- "6": rem("6px"),
15
- "8": rem("8px"),
16
- "12": rem("12px"),
17
- "16": rem("16px"),
18
- "20": rem("20px"),
19
- "24": rem("24px"),
20
- "32": rem("32px"),
21
- "40": rem("40px"),
22
- "48": rem("48px"),
23
- "56": rem("56px"),
24
- "64": rem("64px"),
25
- "80": rem("80px"),
26
- "96": rem("96px"),
27
- "112": rem("112px"),
28
- "128": rem("128px"),
29
- "144": rem("144px"),
30
- "160": rem("160px"),
31
- "176": rem("176px"),
32
- "192": rem("192px"),
33
- "208": rem("208px"),
34
- "224": rem("224px"),
35
- "240": rem("240px"),
36
- "256": rem("256px"),
37
- "288": rem("288px"),
38
- "320": rem("320px"),
39
- "384": rem("384px"),
40
- "1/2": "50%",
41
- "1/3": "33.333333%",
42
- "2/3": "66.666666%",
43
- "1/4": "25%",
44
- "2/4": "50%",
45
- "3/4": "75%",
46
- auto: "auto",
47
- fit: "fit-content",
48
- full: "100%",
49
- max: "max-content",
50
- min: "min-content"
51
- };
52
-
53
- export { size };