@optiaxiom/globals 0.4.2 → 0.4.4
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/index.d.ts +11 -2
- package/dist/theme-css.js +1 -1
- package/dist/tokens/colors.js +5 -1
- package/dist/tokens/size.js +1 -0
- package/package.json +3 -3
package/dist/index.d.ts
CHANGED
|
@@ -41,9 +41,11 @@ declare const theme: MapLeafNodes<{
|
|
|
41
41
|
readonly "bg.accent.pressed": "#002894";
|
|
42
42
|
readonly "bg.accent.subtle": "#F0F3FF";
|
|
43
43
|
readonly "bg.default": "#FFFFFF";
|
|
44
|
+
readonly "bg.default.hovered": "#091E420A";
|
|
44
45
|
readonly "bg.default.inverse": "#2E3442";
|
|
45
46
|
readonly "bg.default.inverse.hovered": "#1C212B";
|
|
46
47
|
readonly "bg.default.inverse.pressed": "#1C2029";
|
|
48
|
+
readonly "bg.default.pressed": "#091E4214";
|
|
47
49
|
readonly "bg.error": "#CC1616";
|
|
48
50
|
readonly "bg.error.hovered": "#B21313";
|
|
49
51
|
readonly "bg.error.light": "#FFB4B4";
|
|
@@ -56,7 +58,7 @@ declare const theme: MapLeafNodes<{
|
|
|
56
58
|
readonly "bg.overlay": "#091E4252";
|
|
57
59
|
readonly "bg.page": "#F9FAFC";
|
|
58
60
|
readonly "bg.secondary": "#F5F6FA";
|
|
59
|
-
readonly "bg.secondary.hovered": "#
|
|
61
|
+
readonly "bg.secondary.hovered": "#F5F6FA";
|
|
60
62
|
readonly "bg.success": "#038047";
|
|
61
63
|
readonly "bg.success.hovered": "#24663E";
|
|
62
64
|
readonly "bg.success.light": "#A5E1C3";
|
|
@@ -246,6 +248,7 @@ declare const theme: MapLeafNodes<{
|
|
|
246
248
|
readonly "4": "4px";
|
|
247
249
|
readonly "6": "6px";
|
|
248
250
|
readonly "8": "8px";
|
|
251
|
+
readonly "10": "10px";
|
|
249
252
|
readonly "12": "12px";
|
|
250
253
|
readonly "16": "16px";
|
|
251
254
|
readonly "20": "20px";
|
|
@@ -393,9 +396,11 @@ declare const tokens: {
|
|
|
393
396
|
readonly "bg.accent.pressed": "#002894";
|
|
394
397
|
readonly "bg.accent.subtle": "#F0F3FF";
|
|
395
398
|
readonly "bg.default": "#FFFFFF";
|
|
399
|
+
readonly "bg.default.hovered": "#091E420A";
|
|
396
400
|
readonly "bg.default.inverse": "#2E3442";
|
|
397
401
|
readonly "bg.default.inverse.hovered": "#1C212B";
|
|
398
402
|
readonly "bg.default.inverse.pressed": "#1C2029";
|
|
403
|
+
readonly "bg.default.pressed": "#091E4214";
|
|
399
404
|
readonly "bg.error": "#CC1616";
|
|
400
405
|
readonly "bg.error.hovered": "#B21313";
|
|
401
406
|
readonly "bg.error.light": "#FFB4B4";
|
|
@@ -408,7 +413,7 @@ declare const tokens: {
|
|
|
408
413
|
readonly "bg.overlay": "#091E4252";
|
|
409
414
|
readonly "bg.page": "#F9FAFC";
|
|
410
415
|
readonly "bg.secondary": "#F5F6FA";
|
|
411
|
-
readonly "bg.secondary.hovered": "#
|
|
416
|
+
readonly "bg.secondary.hovered": "#F5F6FA";
|
|
412
417
|
readonly "bg.success": "#038047";
|
|
413
418
|
readonly "bg.success.hovered": "#24663E";
|
|
414
419
|
readonly "bg.success.light": "#A5E1C3";
|
|
@@ -598,6 +603,7 @@ declare const tokens: {
|
|
|
598
603
|
readonly "4": "4px";
|
|
599
604
|
readonly "6": "6px";
|
|
600
605
|
readonly "8": "8px";
|
|
606
|
+
readonly "10": "10px";
|
|
601
607
|
readonly "12": "12px";
|
|
602
608
|
readonly "16": "16px";
|
|
603
609
|
readonly "20": "20px";
|
|
@@ -682,9 +688,11 @@ declare const tokensDark: {
|
|
|
682
688
|
readonly "bg.accent.pressed": "#002CCC";
|
|
683
689
|
readonly "bg.accent.subtle": "#000B33";
|
|
684
690
|
readonly "bg.default": "#1C2029";
|
|
691
|
+
readonly "bg.default.hovered": "#F9FAFC0F";
|
|
685
692
|
readonly "bg.default.inverse": "#E9EDF5";
|
|
686
693
|
readonly "bg.default.inverse.hovered": "#CACFDC";
|
|
687
694
|
readonly "bg.default.inverse.pressed": "#B8BECB";
|
|
695
|
+
readonly "bg.default.pressed": "#F9FAFC1F";
|
|
688
696
|
readonly "bg.error": "#CC1616";
|
|
689
697
|
readonly "bg.error.hovered": "#F64F4F";
|
|
690
698
|
readonly "bg.error.light": "#911D1D";
|
|
@@ -911,6 +919,7 @@ declare const tokensDark: {
|
|
|
911
919
|
readonly "4": "4px";
|
|
912
920
|
readonly "6": "6px";
|
|
913
921
|
readonly "8": "8px";
|
|
922
|
+
readonly "10": "10px";
|
|
914
923
|
readonly "12": "12px";
|
|
915
924
|
readonly "16": "16px";
|
|
916
925
|
readonly "20": "20px";
|
package/dist/theme-css.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
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)','avatar.bg.neutral':'var(--ax-colors-avatar-bg-neutral)','avatar.bg.purple':'var(--ax-colors-avatar-bg-purple)','avatar.fg.neutral':'var(--ax-colors-avatar-fg-neutral)','avatar.fg.purple':'var(--ax-colors-avatar-fg-purple)','bg.accent':'var(--ax-colors-bg-accent)','bg.accent.hovered':'var(--ax-colors-bg-accent-hovered)','bg.accent.light':'var(--ax-colors-bg-accent-light)','bg.accent.pressed':'var(--ax-colors-bg-accent-pressed)','bg.accent.subtle':'var(--ax-colors-bg-accent-subtle)','bg.default':'var(--ax-colors-bg-default)','bg.default.inverse':'var(--ax-colors-bg-default-inverse)','bg.default.inverse.hovered':'var(--ax-colors-bg-default-inverse-hovered)','bg.default.inverse.pressed':'var(--ax-colors-bg-default-inverse-pressed)','bg.error':'var(--ax-colors-bg-error)','bg.error.hovered':'var(--ax-colors-bg-error-hovered)','bg.error.light':'var(--ax-colors-bg-error-light)','bg.error.pressed':'var(--ax-colors-bg-error-pressed)','bg.error.subtle':'var(--ax-colors-bg-error-subtle)','bg.error.subtlest':'var(--ax-colors-bg-error-subtlest)','bg.information':'var(--ax-colors-bg-information)','bg.information.light':'var(--ax-colors-bg-information-light)','bg.information.subtle':'var(--ax-colors-bg-information-subtle)','bg.overlay':'var(--ax-colors-bg-overlay)','bg.page':'var(--ax-colors-bg-page)','bg.secondary':'var(--ax-colors-bg-secondary)','bg.secondary.hovered':'var(--ax-colors-bg-secondary-hovered)','bg.success':'var(--ax-colors-bg-success)','bg.success.hovered':'var(--ax-colors-bg-success-hovered)','bg.success.light':'var(--ax-colors-bg-success-light)','bg.success.subtle':'var(--ax-colors-bg-success-subtle)','bg.tertiary':'var(--ax-colors-bg-tertiary)','bg.tertiary.hovered':'var(--ax-colors-bg-tertiary-hovered)','bg.warning':'var(--ax-colors-bg-warning)','bg.warning.hovered':'var(--ax-colors-bg-warning-hovered)','bg.warning.light':'var(--ax-colors-bg-warning-light)','bg.warning.subtle':'var(--ax-colors-bg-warning-subtle)','border.accent':'var(--ax-colors-border-accent)','border.active':'var(--ax-colors-border-active)','border.active.hovered':'var(--ax-colors-border-active-hovered)','border.default':'var(--ax-colors-border-default)','border.default.hovered':'var(--ax-colors-border-default-hovered)','border.disabled':'var(--ax-colors-border-disabled)','border.error':'var(--ax-colors-border-error)','border.focus':'var(--ax-colors-border-focus)','border.focus.error':'var(--ax-colors-border-focus-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':'var(--ax-colors-fg-accent)','fg.accent.hovered':'var(--ax-colors-fg-accent-hovered)','fg.accent.strong':'var(--ax-colors-fg-accent-strong)','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.error.hovered':'var(--ax-colors-fg-error-hovered)','fg.error.light':'var(--ax-colors-fg-error-light)','fg.error.strong':'var(--ax-colors-fg-error-strong)','fg.information':'var(--ax-colors-fg-information)','fg.information.light':'var(--ax-colors-fg-information-light)','fg.information.strong':'var(--ax-colors-fg-information-strong)','fg.secondary':'var(--ax-colors-fg-secondary)','fg.success':'var(--ax-colors-fg-success)','fg.success.hovered':'var(--ax-colors-fg-success-hovered)','fg.success.light':'var(--ax-colors-fg-success-light)','fg.success.strong':'var(--ax-colors-fg-success-strong)','fg.tertiary':'var(--ax-colors-fg-tertiary)','fg.warning':'var(--ax-colors-fg-warning)','fg.warning.hovered':'var(--ax-colors-fg-warning-hovered)','fg.warning.inverse':'var(--ax-colors-fg-warning-inverse)','fg.warning.light':'var(--ax-colors-fg-warning-light)','fg.warning.strong':'var(--ax-colors-fg-warning-strong)','fg.white':'var(--ax-colors-fg-white)','link.fg.default':'var(--ax-colors-link-fg-default)','link.fg.default.hovered':'var(--ax-colors-link-fg-default-hovered)','link.fg.inverse':'var(--ax-colors-link-fg-inverse)','link.fg.subtle':'var(--ax-colors-link-fg-subtle)','link.fg.visited':'var(--ax-colors-link-fg-visited)','spinner.bg.default':'var(--ax-colors-spinner-bg-default)','spinner.bg.inverse':'var(--ax-colors-spinner-bg-inverse)','spinner.fg.default':'var(--ax-colors-spinner-fg-default)','spinner.fg.inverse':'var(--ax-colors-spinner-fg-inverse)'},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)','2xs':'var(--ax-size-2xs)',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)','2xl':'var(--ax-size-2xl)','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)',tooltip:'var(--ax-zIndex-tooltip)'}};
|
|
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)','avatar.bg.neutral':'var(--ax-colors-avatar-bg-neutral)','avatar.bg.purple':'var(--ax-colors-avatar-bg-purple)','avatar.fg.neutral':'var(--ax-colors-avatar-fg-neutral)','avatar.fg.purple':'var(--ax-colors-avatar-fg-purple)','bg.accent':'var(--ax-colors-bg-accent)','bg.accent.hovered':'var(--ax-colors-bg-accent-hovered)','bg.accent.light':'var(--ax-colors-bg-accent-light)','bg.accent.pressed':'var(--ax-colors-bg-accent-pressed)','bg.accent.subtle':'var(--ax-colors-bg-accent-subtle)','bg.default':'var(--ax-colors-bg-default)','bg.default.hovered':'var(--ax-colors-bg-default-hovered)','bg.default.inverse':'var(--ax-colors-bg-default-inverse)','bg.default.inverse.hovered':'var(--ax-colors-bg-default-inverse-hovered)','bg.default.inverse.pressed':'var(--ax-colors-bg-default-inverse-pressed)','bg.default.pressed':'var(--ax-colors-bg-default-pressed)','bg.error':'var(--ax-colors-bg-error)','bg.error.hovered':'var(--ax-colors-bg-error-hovered)','bg.error.light':'var(--ax-colors-bg-error-light)','bg.error.pressed':'var(--ax-colors-bg-error-pressed)','bg.error.subtle':'var(--ax-colors-bg-error-subtle)','bg.error.subtlest':'var(--ax-colors-bg-error-subtlest)','bg.information':'var(--ax-colors-bg-information)','bg.information.light':'var(--ax-colors-bg-information-light)','bg.information.subtle':'var(--ax-colors-bg-information-subtle)','bg.overlay':'var(--ax-colors-bg-overlay)','bg.page':'var(--ax-colors-bg-page)','bg.secondary':'var(--ax-colors-bg-secondary)','bg.secondary.hovered':'var(--ax-colors-bg-secondary-hovered)','bg.success':'var(--ax-colors-bg-success)','bg.success.hovered':'var(--ax-colors-bg-success-hovered)','bg.success.light':'var(--ax-colors-bg-success-light)','bg.success.subtle':'var(--ax-colors-bg-success-subtle)','bg.tertiary':'var(--ax-colors-bg-tertiary)','bg.tertiary.hovered':'var(--ax-colors-bg-tertiary-hovered)','bg.warning':'var(--ax-colors-bg-warning)','bg.warning.hovered':'var(--ax-colors-bg-warning-hovered)','bg.warning.light':'var(--ax-colors-bg-warning-light)','bg.warning.subtle':'var(--ax-colors-bg-warning-subtle)','border.accent':'var(--ax-colors-border-accent)','border.active':'var(--ax-colors-border-active)','border.active.hovered':'var(--ax-colors-border-active-hovered)','border.default':'var(--ax-colors-border-default)','border.default.hovered':'var(--ax-colors-border-default-hovered)','border.disabled':'var(--ax-colors-border-disabled)','border.error':'var(--ax-colors-border-error)','border.focus':'var(--ax-colors-border-focus)','border.focus.error':'var(--ax-colors-border-focus-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':'var(--ax-colors-fg-accent)','fg.accent.hovered':'var(--ax-colors-fg-accent-hovered)','fg.accent.strong':'var(--ax-colors-fg-accent-strong)','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.error.hovered':'var(--ax-colors-fg-error-hovered)','fg.error.light':'var(--ax-colors-fg-error-light)','fg.error.strong':'var(--ax-colors-fg-error-strong)','fg.information':'var(--ax-colors-fg-information)','fg.information.light':'var(--ax-colors-fg-information-light)','fg.information.strong':'var(--ax-colors-fg-information-strong)','fg.secondary':'var(--ax-colors-fg-secondary)','fg.success':'var(--ax-colors-fg-success)','fg.success.hovered':'var(--ax-colors-fg-success-hovered)','fg.success.light':'var(--ax-colors-fg-success-light)','fg.success.strong':'var(--ax-colors-fg-success-strong)','fg.tertiary':'var(--ax-colors-fg-tertiary)','fg.warning':'var(--ax-colors-fg-warning)','fg.warning.hovered':'var(--ax-colors-fg-warning-hovered)','fg.warning.inverse':'var(--ax-colors-fg-warning-inverse)','fg.warning.light':'var(--ax-colors-fg-warning-light)','fg.warning.strong':'var(--ax-colors-fg-warning-strong)','fg.white':'var(--ax-colors-fg-white)','link.fg.default':'var(--ax-colors-link-fg-default)','link.fg.default.hovered':'var(--ax-colors-link-fg-default-hovered)','link.fg.inverse':'var(--ax-colors-link-fg-inverse)','link.fg.subtle':'var(--ax-colors-link-fg-subtle)','link.fg.visited':'var(--ax-colors-link-fg-visited)','spinner.bg.default':'var(--ax-colors-spinner-bg-default)','spinner.bg.inverse':'var(--ax-colors-spinner-bg-inverse)','spinner.fg.default':'var(--ax-colors-spinner-fg-default)','spinner.fg.inverse':'var(--ax-colors-spinner-fg-inverse)'},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)','10':'var(--ax-size-10)','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)','2xs':'var(--ax-size-2xs)',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)','2xl':'var(--ax-size-2xl)','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)',tooltip:'var(--ax-zIndex-tooltip)'}};
|
|
2
2
|
|
|
3
3
|
export { theme };
|
package/dist/tokens/colors.js
CHANGED
|
@@ -118,9 +118,11 @@ const colors = {
|
|
|
118
118
|
"bg.accent.pressed": colorPalette["brand.700"],
|
|
119
119
|
"bg.accent.subtle": colorPalette["brand.50"],
|
|
120
120
|
"bg.default": colorPalette["neutral.00"],
|
|
121
|
+
"bg.default.hovered": colorPalette["neutral.1200/4"],
|
|
121
122
|
"bg.default.inverse": colorPalette["neutral.800"],
|
|
122
123
|
"bg.default.inverse.hovered": colorPalette["neutral.900"],
|
|
123
124
|
"bg.default.inverse.pressed": colorPalette["neutral.1000"],
|
|
125
|
+
"bg.default.pressed": colorPalette["neutral.1200/8"],
|
|
124
126
|
"bg.error": colorPalette["red.500"],
|
|
125
127
|
"bg.error.hovered": colorPalette["red.600"],
|
|
126
128
|
"bg.error.light": colorPalette["red.200"],
|
|
@@ -133,7 +135,7 @@ const colors = {
|
|
|
133
135
|
"bg.overlay": colorPalette["neutral.1200/32"],
|
|
134
136
|
"bg.page": colorPalette["neutral.50"],
|
|
135
137
|
"bg.secondary": colorPalette["neutral.75"],
|
|
136
|
-
"bg.secondary.hovered": colorPalette["neutral.
|
|
138
|
+
"bg.secondary.hovered": colorPalette["neutral.75"],
|
|
137
139
|
"bg.success": colorPalette["green.600"],
|
|
138
140
|
"bg.success.hovered": colorPalette["green.700"],
|
|
139
141
|
"bg.success.light": colorPalette["green.200"],
|
|
@@ -205,9 +207,11 @@ const colorsDark = {
|
|
|
205
207
|
"bg.accent.pressed": colorPalette["brand.600"],
|
|
206
208
|
"bg.accent.subtle": colorPalette["brand.900"],
|
|
207
209
|
"bg.default": colorPalette["neutral.1000"],
|
|
210
|
+
"bg.default.hovered": colorPalette["neutral.50/6"],
|
|
208
211
|
"bg.default.inverse": colorPalette["neutral.100"],
|
|
209
212
|
"bg.default.inverse.hovered": colorPalette["neutral.200"],
|
|
210
213
|
"bg.default.inverse.pressed": colorPalette["neutral.300"],
|
|
214
|
+
"bg.default.pressed": colorPalette["neutral.50/12"],
|
|
211
215
|
"bg.error": colorPalette["red.500"],
|
|
212
216
|
"bg.error.hovered": colorPalette["red.400"],
|
|
213
217
|
"bg.error.light": colorPalette["red.700"],
|
package/dist/tokens/size.js
CHANGED
package/package.json
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
"url": "https://github.com/optimizely-axiom/optiaxiom.git"
|
|
8
8
|
},
|
|
9
9
|
"type": "module",
|
|
10
|
-
"version": "0.4.
|
|
10
|
+
"version": "0.4.4",
|
|
11
11
|
"files": [
|
|
12
12
|
"dist/**",
|
|
13
13
|
"LICENSE"
|
|
@@ -29,10 +29,10 @@
|
|
|
29
29
|
"dependencies": {
|
|
30
30
|
"@fontsource-variable/fira-code": "^5.1.0",
|
|
31
31
|
"@radix-ui/react-context": "^1.1.1",
|
|
32
|
-
"inter-ui": "^4.0
|
|
32
|
+
"inter-ui": "^4.1.0"
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|
|
35
|
-
"@vanilla-extract/css": "^1.16.
|
|
35
|
+
"@vanilla-extract/css": "^1.16.1",
|
|
36
36
|
"@optiaxiom/shared": "^0.0.0"
|
|
37
37
|
},
|
|
38
38
|
"peerDependencies": {
|