@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.
- package/dist/PopoverContent-Cyo4iBvE.d.ts +367 -0
- package/dist/assets/src/accordion-content/AccordionContent.css.ts.vanilla-BZ7bzZP9.css +25 -0
- package/dist/assets/src/accordion-trigger/{AccordionTrigger.css.ts.vanilla-Bk2yaB9b.css → AccordionTrigger.css.ts.vanilla-DdXgiCqZ.css} +6 -6
- package/dist/assets/src/alert/Alert.css.ts.vanilla-AC1zWh3i.css +43 -0
- package/dist/assets/src/alert-dialog-content/{AlertDialogContent.css.ts.vanilla-udVSBh-F.css → AlertDialogContent.css.ts.vanilla-D0aMZ0w8.css} +7 -7
- package/dist/assets/src/alert-dialog-description/AlertDialogDescription.css.ts.vanilla-BkEgo6PX.css +6 -0
- package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-DscsPTsD.css +6 -0
- package/dist/assets/src/avatar/Avatar.css.ts.vanilla-DVYtuHQ1.css +24 -0
- package/dist/assets/src/badge/Badge.css.ts.vanilla-ClkJ_u5F.css +47 -0
- package/dist/assets/src/box/{Box.css.ts.vanilla-DqlsipSp.css → Box.css.ts.vanilla-DzdICr9X.css} +23 -23
- package/dist/assets/src/button/Button.css.ts.vanilla-BTd9lTdf.css +141 -0
- package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-BUlH2nOp.css +23 -0
- package/dist/assets/src/code/Code.css.ts.vanilla-B52uQ9L0.css +7 -0
- package/dist/assets/src/command-item/{CommandItem.css.ts.vanilla-ByJWH0yk.css → CommandItem.css.ts.vanilla-6tivpdOm.css} +5 -5
- package/dist/assets/src/command-list/{CommandList.css.ts.vanilla-Cz8lB2er.css → CommandList.css.ts.vanilla-cJSL04GG.css} +3 -3
- package/dist/assets/src/control-base/ControlBase.css.ts.vanilla-DNWFGycD.css +41 -0
- package/dist/assets/src/dialog-body/DialogBody.css.ts.vanilla-DMj_Dytg.css +6 -0
- package/dist/assets/src/dialog-content/{DialogContent.css.ts.vanilla-CzC-Pm9R.css → DialogContent.css.ts.vanilla-dM4h8lLR.css} +8 -8
- package/dist/assets/src/drawer/{Drawer.css.ts.vanilla-CjtQhy6h.css → Drawer.css.ts.vanilla-BfBPQjk-.css} +8 -8
- package/dist/assets/src/hover-card-content/{HoverCardContent.css.ts.vanilla-D8stDT3z.css → HoverCardContent.css.ts.vanilla-B31ykq1Q.css} +3 -3
- package/dist/assets/src/indicator/Indicator.css.ts.vanilla-CEMQKt4r.css +31 -0
- package/dist/assets/src/input-base/{InputBase.css.ts.vanilla-BhhkBhKO.css → InputBase.css.ts.vanilla-JlIy9jXM.css} +15 -15
- package/dist/assets/src/kbd/Kbd.css.ts.vanilla-yOmbCTVp.css +9 -0
- package/dist/assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css +4 -0
- package/dist/assets/src/link/{Link.css.ts.vanilla-B50afo8G.css → Link.css.ts.vanilla-Bf2IIs3j.css} +12 -12
- package/dist/assets/src/menu-content-base/{MenuContentBase.css.ts.vanilla-DVkYjEHI.css → MenuContentBase.css.ts.vanilla-DthVhVaj.css} +3 -3
- package/dist/assets/src/menu-item-base/MenuItemBase.css.ts.vanilla-TYpr7a-c.css +33 -0
- package/dist/assets/src/pagination/Pagination.css.ts.vanilla-CyYG5Rqz.css +6 -0
- package/dist/assets/src/pill/{Pill.css.ts.vanilla-C2eOQi2i.css → Pill.css.ts.vanilla-CzA0GbOu.css} +4 -4
- package/dist/assets/src/popover-content/{PopoverContent.css.ts.vanilla-B1oQBmKn.css → PopoverContent.css.ts.vanilla-CKx6WAG_.css} +3 -3
- package/dist/assets/src/radio-group-item/RadioGroupItem.css.ts.vanilla-9txO00eX.css +9 -0
- package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-DCMuvBgL.css +6 -0
- package/dist/assets/src/separator/{Separator.css.ts.vanilla-BNAE0XuM.css → Separator.css.ts.vanilla-_Evw8coN.css} +10 -10
- package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-Cd--tSTW.css +6 -0
- package/dist/assets/src/sprinkles/{sprinkles.css.ts.vanilla-CVGm5rFP.css → sprinkles.css.ts.vanilla-CWInbvhm.css} +2297 -2261
- package/dist/assets/src/switch/Switch.css.ts.vanilla-CK-3AKAY.css +26 -0
- package/dist/assets/src/table/Table.css.ts.vanilla-CTGILY5k.css +9 -0
- package/dist/assets/src/table-body/TableBody.css.ts.vanilla-CKsWc1SR.css +6 -0
- package/dist/assets/src/table-cell/{TableCell.css.ts.vanilla-Rz8j_7xh.css → TableCell.css.ts.vanilla-WQWUwMeZ.css} +4 -4
- package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-B3DRJBru.css +6 -0
- package/dist/assets/src/table-row/TableRow.css.ts.vanilla-iSWH_OkR.css +4 -0
- package/dist/assets/src/tabs/Tabs.css.ts.vanilla-ROhQXYmq.css +9 -0
- package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-C2E7_0fo.css +23 -0
- package/dist/assets/src/tabs-trigger/{TabsTrigger.css.ts.vanilla-MxzOgYAm.css → TabsTrigger.css.ts.vanilla-BNJjgHvC.css} +10 -10
- package/dist/assets/src/text/{Text.css.ts.vanilla-DQhdIgmY.css → Text.css.ts.vanilla-BvzD3lMf.css} +8 -8
- package/dist/assets/src/textarea/Textarea.css.ts.vanilla-8uk_9UJz.css +9 -0
- package/dist/assets/src/toast/Toast.css.ts.vanilla-Cmr5JjvD.css +89 -0
- package/dist/assets/src/toast-provider/{ToastProvider.css.ts.vanilla-WsywbHOO.css → ToastProvider.css.ts.vanilla-U5IpQ-47.css} +9 -9
- package/dist/assets/src/transition/{Transition.css.ts.vanilla-COAIGiKV.css → Transition.css.ts.vanilla-Cb0oRAnj.css} +16 -16
- package/dist/index.d.ts +56 -1225
- package/dist/index.js +1 -3
- package/dist/package.json.js +1 -1
- package/dist/src/accordion-content/AccordionContent-css.js +3 -3
- package/dist/src/accordion-trigger/AccordionTrigger-css.js +4 -4
- package/dist/src/accordion-trigger/AccordionTrigger.js +3 -3
- package/dist/src/alert/Alert-css.js +4 -4
- package/dist/src/alert-dialog-content/AlertDialogContent-css.js +4 -4
- package/dist/src/alert-dialog-description/AlertDialogDescription-css.js +3 -3
- package/dist/src/alert-dialog-footer/AlertDialogFooter-css.js +3 -3
- package/dist/src/avatar/Avatar-css.js +4 -4
- package/dist/src/avatar-group/AvatarGroup-css.js +3 -3
- package/dist/src/badge/Badge-css.js +3 -3
- package/dist/src/box/Box-css.js +3 -3
- package/dist/src/button/Button-css.js +9 -9
- package/dist/src/button/Button.js +7 -7
- package/dist/src/button-group/ButtonGroup-css.js +3 -3
- package/dist/src/checkbox/Checkbox-css.js +6 -6
- package/dist/src/code/Code-css.js +3 -3
- package/dist/src/command-footer/CommandFooter-css.js +1 -1
- package/dist/src/command-item/CommandItem-css.js +3 -3
- package/dist/src/command-list/CommandList-css.js +3 -3
- package/dist/src/control-base/ControlBase-css.js +6 -6
- package/dist/src/dialog-body/DialogBody-css.js +3 -3
- package/dist/src/dialog-content/DialogContent-css.js +5 -5
- package/dist/src/dialog-footer/DialogFooter-css.js +1 -1
- package/dist/src/drawer/Drawer-css.js +5 -5
- package/dist/src/dropdown-menu-sub-trigger/DropdownMenuSubTrigger.js +1 -1
- package/dist/src/hover-card-content/HoverCardContent-css.js +3 -3
- package/dist/src/hover-card-content/HoverCardContent.js +1 -1
- package/dist/src/indicator/Indicator-css.js +5 -5
- package/dist/src/input/Input-css.js +3 -3
- package/dist/src/input/Input.js +5 -5
- package/dist/src/input-base/InputBase-css.js +4 -4
- package/dist/src/input-base/InputBase.js +6 -6
- package/dist/src/kbd/Kbd-css.js +3 -3
- package/dist/src/layers/layers-css.js +3 -3
- package/dist/src/link/Link-css.js +4 -4
- package/dist/src/menu-content-base/MenuContentBase-css.js +3 -3
- package/dist/src/menu-item-base/MenuItemBase-css.js +3 -3
- package/dist/src/menu-item-base/MenuItemBase.js +4 -4
- package/dist/src/pagination/Pagination-css.js +3 -3
- package/dist/src/pill/Pill-css.js +3 -3
- package/dist/src/pill/Pill.js +4 -4
- package/dist/src/popover-content/PopoverContent-css.js +3 -3
- package/dist/src/popover-content/PopoverContent.js +1 -1
- package/dist/src/radio-group-item/RadioGroupItem-css.js +5 -5
- package/dist/src/search-input/SearchInput-css.js +4 -4
- package/dist/src/search-input/SearchInput.js +3 -3
- package/dist/src/separator/Separator-css.js +3 -3
- package/dist/src/skeleton/Skeleton-css.js +3 -3
- package/dist/src/sprinkles/sprinkles-css.js +3 -3
- package/dist/src/switch/Switch-css.js +6 -6
- package/dist/src/table/Table-css.js +4 -4
- package/dist/src/table-body/TableBody-css.js +3 -3
- package/dist/src/table-cell/TableCell-css.js +4 -4
- package/dist/src/table-header-cell/TableHeaderCell-css.js +3 -3
- package/dist/src/table-row/TableRow-css.js +3 -3
- package/dist/src/tabs/Tabs-css.js +3 -3
- package/dist/src/tabs-list/TabsList-css.js +3 -3
- package/dist/src/tabs-trigger/TabsTrigger-css.js +4 -4
- package/dist/src/tabs-trigger/TabsTrigger.js +6 -6
- package/dist/src/text/Text-css.js +3 -3
- package/dist/src/textarea/Textarea-css.js +4 -4
- package/dist/src/theme-provider/ThemeProvider.js +1 -2
- package/dist/src/toast/Toast-css.js +5 -5
- package/dist/src/toast-provider/ToastProvider-css.js +3 -3
- package/dist/src/toast-provider/ToastProvider.js +2 -1
- package/dist/src/tooltip/Tooltip.js +1 -1
- package/dist/src/transition/Transition-css.js +3 -3
- package/dist/src/utils/conditions.js +1 -1
- package/dist/unstable.d.ts +29 -29
- package/package.json +5 -2
- package/dist/PopoverContent-CUYQy-H8.d.ts +0 -367
- package/dist/assets/src/accordion-content/AccordionContent.css.ts.vanilla-QcDygVUH.css +0 -25
- package/dist/assets/src/alert/Alert.css.ts.vanilla-B3AEqy5O.css +0 -43
- package/dist/assets/src/alert-dialog-description/AlertDialogDescription.css.ts.vanilla-DdaPS89z.css +0 -6
- package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-DKs7HPxd.css +0 -6
- package/dist/assets/src/avatar/Avatar.css.ts.vanilla-CuVCdu8f.css +0 -24
- package/dist/assets/src/badge/Badge.css.ts.vanilla-CosWUw11.css +0 -47
- package/dist/assets/src/button/Button.css.ts.vanilla-D07KX5O9.css +0 -141
- package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-BjiyKHvy.css +0 -23
- package/dist/assets/src/code/Code.css.ts.vanilla-sldVXFhO.css +0 -7
- package/dist/assets/src/control-base/ControlBase.css.ts.vanilla-C8TB4dNA.css +0 -41
- package/dist/assets/src/dialog-body/DialogBody.css.ts.vanilla-DMVvlk-j.css +0 -6
- package/dist/assets/src/indicator/Indicator.css.ts.vanilla-CsGJ0-lJ.css +0 -31
- package/dist/assets/src/kbd/Kbd.css.ts.vanilla-BNbTnAS8.css +0 -9
- package/dist/assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css +0 -4
- package/dist/assets/src/menu-item-base/MenuItemBase.css.ts.vanilla-BofvfwxR.css +0 -33
- package/dist/assets/src/pagination/Pagination.css.ts.vanilla-CZDsjjh5.css +0 -6
- package/dist/assets/src/radio-group-item/RadioGroupItem.css.ts.vanilla-B7bA3BdJ.css +0 -9
- package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-C9G4HY4I.css +0 -6
- package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-alpjtld8.css +0 -6
- package/dist/assets/src/switch/Switch.css.ts.vanilla-tFWcFr8e.css +0 -26
- package/dist/assets/src/table/Table.css.ts.vanilla-Bx68WftP.css +0 -9
- package/dist/assets/src/table-body/TableBody.css.ts.vanilla-Ph5KkB2m.css +0 -6
- package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-C-OGwLLn.css +0 -6
- package/dist/assets/src/table-row/TableRow.css.ts.vanilla-DMfjFOjy.css +0 -4
- package/dist/assets/src/tabs/Tabs.css.ts.vanilla-DfcLiW_8.css +0 -9
- package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-CTiqdNYM.css +0 -23
- package/dist/assets/src/textarea/Textarea.css.ts.vanilla-BldcNjGl.css +0 -9
- package/dist/assets/src/toast/Toast.css.ts.vanilla-s1odg-lj.css +0 -89
- package/dist/src/theme/theme-css.js +0 -3
- package/dist/src/tokens/borderRadius.js +0 -13
- package/dist/src/tokens/borderWidth.js +0 -8
- package/dist/src/tokens/boxShadow.js +0 -11
- package/dist/src/tokens/colors.js +0 -253
- package/dist/src/tokens/fontFamily.js +0 -6
- package/dist/src/tokens/fontSize.js +0 -50
- package/dist/src/tokens/index.js +0 -37
- package/dist/src/tokens/letterSpacing.js +0 -10
- package/dist/src/tokens/lineHeight.js +0 -8
- package/dist/src/tokens/margins.js +0 -25
- package/dist/src/tokens/maxSize.js +0 -13
- package/dist/src/tokens/rem.js +0 -3
- package/dist/src/tokens/screens.js +0 -9
- package/dist/src/tokens/size.js +0 -53
- package/dist/src/tokens/spacing.js +0 -25
- 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,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,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 };
|
package/dist/src/tokens/index.js
DELETED
|
@@ -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,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 };
|
package/dist/src/tokens/rem.js
DELETED
package/dist/src/tokens/size.js
DELETED
|
@@ -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 };
|