@optiaxiom/globals 0.4.0 → 0.4.1

package/dist/index.d.ts

@@ -31,18 +31,10 @@ declare const theme: MapLeafNodes<{
     readonly colors: {
         readonly current: "currentColor";
         readonly transparent: "transparent";
-        readonly "avatar.bg.blue": "#2F7AEE";
-        readonly "avatar.bg.cyan": "#CFFAFE";
-        readonly "avatar.bg.green": "#038047";
-        readonly "avatar.bg.magenta": "#FAE8FF";
+        readonly "avatar.bg.neutral": "#E9EDF5";
         readonly "avatar.bg.purple": "#E5DCF4";
-        readonly "avatar.bg.yellow": "#FFC84B";
-        readonly "avatar.fg.blue": "#FFFFFF";
-        readonly "avatar.fg.cyan": "#0E7490";
-        readonly "avatar.fg.green": "#FFFFFF";
-        readonly "avatar.fg.magenta": "#A21CAF";
+        readonly "avatar.fg.neutral": "#4F576E";
         readonly "avatar.fg.purple": "#412470";
-        readonly "avatar.fg.yellow": "#1C212B";
         readonly "bg.accent": "#0037FF";
         readonly "bg.accent.hovered": "#002CCC";
         readonly "bg.accent.light": "#B3C3FF";
@@ -71,18 +63,19 @@ declare const theme: MapLeafNodes<{
         readonly "bg.success.subtle": "#D1F0E1";
         readonly "bg.tertiary": "#DADFEB";
         readonly "bg.tertiary.hovered": "#CACFDC";
-        readonly "bg.warning": "#F79008";
+        readonly "bg.warning": "#FFC84B";
         readonly "bg.warning.hovered": "#DC6903";
         readonly "bg.warning.light": "#FEDF88";
         readonly "bg.warning.subtle": "#FEF1C6";
         readonly "border.accent": "#0037FF";
-        readonly "border.active": "#868FA4";
-        readonly "border.active.hovered": "#626A81";
+        readonly "border.active": "#838DA4";
+        readonly "border.active.hovered": "#66708C";
         readonly "border.default": "#CACFDC";
-        readonly "border.default.hovered": "#868FA4";
+        readonly "border.default.hovered": "#838DA4";
         readonly "border.disabled": "#F5F6FA";
         readonly "border.error": "#CC1616";
         readonly "border.focus": "#2E66F7";
+        readonly "border.focus.error": "#F64F4F";
         readonly "border.secondary": "#DADFEB";
         readonly "border.success": "#03A65D";
         readonly "border.tertiary": "#E9EDF5";
@@ -92,7 +85,7 @@ declare const theme: MapLeafNodes<{
         readonly "fg.accent.strong": "#002894";
         readonly "fg.default": "#2E3442";
         readonly "fg.default.inverse": "#FFFFFF";
-        readonly "fg.disabled": "#091E4252";
+        readonly "fg.disabled": "#CACFDC";
         readonly "fg.error": "#CC1616";
         readonly "fg.error.hovered": "#B21313";
         readonly "fg.error.light": "#FC8B8B";
@@ -105,7 +98,7 @@ declare const theme: MapLeafNodes<{
         readonly "fg.success.hovered": "#038047";
         readonly "fg.success.light": "#7CD2A7";
         readonly "fg.success.strong": "#24663E";
-        readonly "fg.tertiary": "#626A81";
+        readonly "fg.tertiary": "#66708C";
         readonly "fg.warning": "#F79008";
         readonly "fg.warning.hovered": "#DC6903";
         readonly "fg.warning.inverse": "#2E3442";
@@ -116,7 +109,7 @@ declare const theme: MapLeafNodes<{
         readonly "link.fg.default.hovered": "#002CCC";
         readonly "link.fg.inverse": "#FFFFFF";
         readonly "link.fg.subtle": "#2E3442";
-        readonly "link.fg.visited": "#693AB6";
+        readonly "link.fg.visited": "#532E8F";
         readonly "spinner.bg.default": "#091E42";
         readonly "spinner.bg.inverse": "#F9FAFC";
         readonly "spinner.fg.default": "#2E3442";
@@ -390,18 +383,10 @@ declare const tokens: {
     readonly colors: {
         readonly current: "currentColor";
         readonly transparent: "transparent";
-        readonly "avatar.bg.blue": "#2F7AEE";
-        readonly "avatar.bg.cyan": "#CFFAFE";
-        readonly "avatar.bg.green": "#038047";
-        readonly "avatar.bg.magenta": "#FAE8FF";
+        readonly "avatar.bg.neutral": "#E9EDF5";
         readonly "avatar.bg.purple": "#E5DCF4";
-        readonly "avatar.bg.yellow": "#FFC84B";
-        readonly "avatar.fg.blue": "#FFFFFF";
-        readonly "avatar.fg.cyan": "#0E7490";
-        readonly "avatar.fg.green": "#FFFFFF";
-        readonly "avatar.fg.magenta": "#A21CAF";
+        readonly "avatar.fg.neutral": "#4F576E";
         readonly "avatar.fg.purple": "#412470";
-        readonly "avatar.fg.yellow": "#1C212B";
         readonly "bg.accent": "#0037FF";
         readonly "bg.accent.hovered": "#002CCC";
         readonly "bg.accent.light": "#B3C3FF";
@@ -430,18 +415,19 @@ declare const tokens: {
         readonly "bg.success.subtle": "#D1F0E1";
         readonly "bg.tertiary": "#DADFEB";
         readonly "bg.tertiary.hovered": "#CACFDC";
-        readonly "bg.warning": "#F79008";
+        readonly "bg.warning": "#FFC84B";
         readonly "bg.warning.hovered": "#DC6903";
         readonly "bg.warning.light": "#FEDF88";
         readonly "bg.warning.subtle": "#FEF1C6";
         readonly "border.accent": "#0037FF";
-        readonly "border.active": "#868FA4";
-        readonly "border.active.hovered": "#626A81";
+        readonly "border.active": "#838DA4";
+        readonly "border.active.hovered": "#66708C";
         readonly "border.default": "#CACFDC";
-        readonly "border.default.hovered": "#868FA4";
+        readonly "border.default.hovered": "#838DA4";
         readonly "border.disabled": "#F5F6FA";
         readonly "border.error": "#CC1616";
         readonly "border.focus": "#2E66F7";
+        readonly "border.focus.error": "#F64F4F";
         readonly "border.secondary": "#DADFEB";
         readonly "border.success": "#03A65D";
         readonly "border.tertiary": "#E9EDF5";
@@ -451,7 +437,7 @@ declare const tokens: {
         readonly "fg.accent.strong": "#002894";
         readonly "fg.default": "#2E3442";
         readonly "fg.default.inverse": "#FFFFFF";
-        readonly "fg.disabled": "#091E4252";
+        readonly "fg.disabled": "#CACFDC";
         readonly "fg.error": "#CC1616";
         readonly "fg.error.hovered": "#B21313";
         readonly "fg.error.light": "#FC8B8B";
@@ -464,7 +450,7 @@ declare const tokens: {
         readonly "fg.success.hovered": "#038047";
         readonly "fg.success.light": "#7CD2A7";
         readonly "fg.success.strong": "#24663E";
-        readonly "fg.tertiary": "#626A81";
+        readonly "fg.tertiary": "#66708C";
         readonly "fg.warning": "#F79008";
         readonly "fg.warning.hovered": "#DC6903";
         readonly "fg.warning.inverse": "#2E3442";
@@ -475,7 +461,7 @@ declare const tokens: {
         readonly "link.fg.default.hovered": "#002CCC";
         readonly "link.fg.inverse": "#FFFFFF";
         readonly "link.fg.subtle": "#2E3442";
-        readonly "link.fg.visited": "#693AB6";
+        readonly "link.fg.visited": "#532E8F";
         readonly "spinner.bg.default": "#091E42";
         readonly "spinner.bg.inverse": "#F9FAFC";
         readonly "spinner.fg.default": "#2E3442";
@@ -686,18 +672,10 @@ declare const tokensDark: {
     readonly colors: {
         readonly current: "currentColor";
         readonly transparent: "transparent";
-        readonly "avatar.bg.blue": "#2F7AEE";
-        readonly "avatar.bg.cyan": "#083344";
-        readonly "avatar.bg.green": "#082415";
-        readonly "avatar.bg.magenta": "#4A044E";
-        readonly "avatar.bg.purple": "#261542";
-        readonly "avatar.bg.yellow": "#4E1D09";
-        readonly "avatar.fg.blue": "#C6DBFA";
-        readonly "avatar.fg.cyan": "#99F0F9";
-        readonly "avatar.fg.green": "#A5E1C3";
-        readonly "avatar.fg.magenta": "#F5D0FE";
-        readonly "avatar.fg.purple": "#C4B1E2";
-        readonly "avatar.fg.yellow": "#FEDF88";
+        readonly "avatar.bg.neutral": "#2E3442";
+        readonly "avatar.bg.purple": "#331C59";
+        readonly "avatar.fg.neutral": "#E9EDF5";
+        readonly "avatar.fg.purple": "#E5DCF4";
         readonly "bg.accent": "#2E66F7";
         readonly "bg.accent.hovered": "#2E66F7";
         readonly "bg.accent.light": "#001666";
@@ -732,12 +710,13 @@ declare const tokensDark: {
         readonly "bg.warning.subtle": "#4E1D09";
         readonly "border.accent": "#6A8FFC";
         readonly "border.active": "#4F576E";
-        readonly "border.active.hovered": "#626A81";
-        readonly "border.default": "#626A81";
-        readonly "border.default.hovered": "#868FA4";
+        readonly "border.active.hovered": "#66708C";
+        readonly "border.default": "#66708C";
+        readonly "border.default.hovered": "#838DA4";
         readonly "border.disabled": "#2E3442";
         readonly "border.error": "#FFB4B4";
         readonly "border.focus": "#6A8FFC";
+        readonly "border.focus.error": "#FC8B8B";
         readonly "border.secondary": "#4F576E";
         readonly "border.success": "#03A65D";
         readonly "border.tertiary": "#2E3442";
@@ -760,22 +739,22 @@ declare const tokensDark: {
         readonly "fg.success.hovered": "#038047";
         readonly "fg.success.light": "#7CD2A7";
         readonly "fg.success.strong": "#A5E1C3";
-        readonly "fg.tertiary": "#868FA4";
+        readonly "fg.tertiary": "#838DA4";
         readonly "fg.warning": "#FFC84B";
         readonly "fg.warning.hovered": "#DC6903";
         readonly "fg.warning.inverse": "#2E3442";
         readonly "fg.warning.light": "#FFC84B";
         readonly "fg.warning.strong": "#FEDF88";
         readonly "fg.white": "#FFFFFF";
-        readonly "link.fg.default": "#FFFFFF";
-        readonly "link.fg.default.hovered": "#FFFFFF";
+        readonly "link.fg.default": "#2E66F7";
+        readonly "link.fg.default.hovered": "#B3C3FF";
         readonly "link.fg.inverse": "#FFFFFF";
-        readonly "link.fg.subtle": "#FFFFFF";
-        readonly "link.fg.visited": "#FFFFFF";
+        readonly "link.fg.subtle": "#2E3442";
+        readonly "link.fg.visited": "#693AB6";
         readonly "spinner.bg.default": "#F9FAFC";
         readonly "spinner.bg.inverse": "#F9FAFC";
-        readonly "spinner.fg.default": "#FFFFFF";
-        readonly "spinner.fg.inverse": "#FFFFFF";
+        readonly "spinner.fg.default": "#CACFDC";
+        readonly "spinner.fg.inverse": "#2E3442";
     };
     readonly borderRadius: {
         readonly xs: "2px";

package/dist/theme-css.js

@@ -1,3 +1,3 @@
-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.blue':'var(--ax-colors-avatar-bg-blue)','avatar.bg.cyan':'var(--ax-colors-avatar-bg-cyan)','avatar.bg.green':'var(--ax-colors-avatar-bg-green)','avatar.bg.magenta':'var(--ax-colors-avatar-bg-magenta)','avatar.bg.purple':'var(--ax-colors-avatar-bg-purple)','avatar.bg.yellow':'var(--ax-colors-avatar-bg-yellow)','avatar.fg.blue':'var(--ax-colors-avatar-fg-blue)','avatar.fg.cyan':'var(--ax-colors-avatar-fg-cyan)','avatar.fg.green':'var(--ax-colors-avatar-fg-green)','avatar.fg.magenta':'var(--ax-colors-avatar-fg-magenta)','avatar.fg.purple':'var(--ax-colors-avatar-fg-purple)','avatar.fg.yellow':'var(--ax-colors-avatar-fg-yellow)','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.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)'}};
+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)'}};
 
 export { theme };

package/dist/tokens/colors.js

@@ -1,13 +1,16 @@
 const colorPalette = {
+  "blue.50": "#D9E7FC",
   "blue.100": "#C6DBFA",
   "blue.200": "#A1C2F7",
   "blue.300": "#7BAAF4",
+  "blue.400": "#5592F1",
   "blue.500": "#2F7AEE",
   "blue.600": "#115DD4",
   "blue.700": "#0D46A0",
   "blue.800": "#09306D",
   "blue.900": "#051939",
   "brand.50": "#F0F3FF",
+  "brand.100": "#CDD8FC",
   "brand.200": "#B3C3FF",
   "brand.300": "#6A8FFC",
   "brand.400": "#2E66F7",
@@ -16,10 +19,17 @@ const colorPalette = {
   "brand.700": "#002894",
   "brand.800": "#001666",
   "brand.900": "#000B33",
+  "cyan.50": "#ECFEFF",
   "cyan.100": "#CFFAFE",
   "cyan.200": "#99F0F9",
+  "cyan.300": "#67E8F9",
+  "cyan.400": "#22D3EE",
+  "cyan.500": "#06B6D4",
+  "cyan.600": "#0891B2",
   "cyan.700": "#0E7490",
+  "cyan.800": "#155E75",
   "cyan.900": "#083344",
+  "green.50": "#E9F7F1",
   "green.100": "#D1F0E1",
   "green.200": "#A5E1C3",
   "green.300": "#7CD2A7",
@@ -29,9 +39,15 @@ const colorPalette = {
   "green.700": "#24663E",
   "green.800": "#17492B",
   "green.900": "#082415",
+  "magenta.50": "#FDF4FF",
   "magenta.100": "#FAE8FF",
   "magenta.200": "#F5D0FE",
+  "magenta.300": "#F0ABFC",
+  "magenta.400": "#D765E9",
+  "magenta.500": "#C026D3",
   "magenta.600": "#A21CAF",
+  "magenta.700": "#86198F",
+  "magenta.800": "#701A75",
   "magenta.900": "#4A044E",
   "neutral.00": "#FFFFFF",
   "neutral.50": "#F9FAFC",
@@ -40,8 +56,8 @@ const colorPalette = {
   "neutral.150": "#DADFEB",
   "neutral.200": "#CACFDC",
   "neutral.300": "#B8BECB",
-  "neutral.500": "#868FA4",
-  "neutral.600": "#626A81",
+  "neutral.500": "#838DA4",
+  "neutral.600": "#66708C",
   "neutral.700": "#4F576E",
   "neutral.800": "#2E3442",
   "neutral.900": "#1C212B",
@@ -51,15 +67,22 @@ const colorPalette = {
   "neutral.50/6": "#F9FAFC0F",
   "neutral.50/12": "#F9FAFC1F",
   "neutral.50/18": "#F9FAFC2E",
+  "neutral.50/22": "#F9FAFC38",
   "neutral.50/32": "#F9FAFC52",
   "neutral.1200/4": "#091E420A",
   "neutral.1200/8": "#091E4214",
   "neutral.1200/16": "#091E4229",
+  "neutral.1200/22": "#091E4238",
   "neutral.1200/32": "#091E4252",
+  "purple.50": "#F1ECF8",
   "purple.100": "#E5DCF4",
   "purple.200": "#C4B1E2",
+  "purple.300": "#9570D1",
+  "purple.400": "#7E51C8",
   "purple.500": "#693AB6",
+  "purple.600": "#532E8F",
   "purple.700": "#412470",
+  "purple.800": "#331C59",
   "purple.900": "#261542",
   "red.50": "#FFF7F7",
   "red.100": "#FFD7D7",
@@ -71,6 +94,7 @@ const colorPalette = {
   "red.700": "#911D1D",
   "red.800": "#601313",
   "red.900": "#300A0A",
+  "yellow.50": "#FFFAEA",
   "yellow.100": "#FEF1C6",
   "yellow.200": "#FEDF88",
   "yellow.300": "#FFC84B",
@@ -84,18 +108,10 @@ const colorPalette = {
 const colors = {
   current: "currentColor",
   transparent: "transparent",
-  "avatar.bg.blue": colorPalette["blue.500"],
-  "avatar.bg.cyan": colorPalette["cyan.100"],
-  "avatar.bg.green": colorPalette["green.600"],
-  "avatar.bg.magenta": colorPalette["magenta.100"],
+  "avatar.bg.neutral": colorPalette["neutral.100"],
   "avatar.bg.purple": colorPalette["purple.100"],
-  "avatar.bg.yellow": colorPalette["yellow.300"],
-  "avatar.fg.blue": colorPalette["neutral.00"],
-  "avatar.fg.cyan": colorPalette["cyan.700"],
-  "avatar.fg.green": colorPalette["neutral.00"],
-  "avatar.fg.magenta": colorPalette["magenta.600"],
+  "avatar.fg.neutral": colorPalette["neutral.700"],
   "avatar.fg.purple": colorPalette["purple.700"],
-  "avatar.fg.yellow": colorPalette["neutral.900"],
   "bg.accent": colorPalette["brand.500"],
   "bg.accent.hovered": colorPalette["brand.600"],
   "bg.accent.light": colorPalette["brand.200"],
@@ -124,7 +140,7 @@ const colors = {
   "bg.success.subtle": colorPalette["green.100"],
   "bg.tertiary": colorPalette["neutral.150"],
   "bg.tertiary.hovered": colorPalette["neutral.200"],
-  "bg.warning": colorPalette["yellow.500"],
+  "bg.warning": colorPalette["yellow.300"],
   "bg.warning.hovered": colorPalette["yellow.600"],
   "bg.warning.light": colorPalette["yellow.200"],
   "bg.warning.subtle": colorPalette["yellow.100"],
@@ -136,6 +152,7 @@ const colors = {
   "border.disabled": colorPalette["neutral.75"],
   "border.error": colorPalette["red.500"],
   "border.focus": colorPalette["brand.400"],
+  "border.focus.error": colorPalette["red.400"],
   "border.secondary": colorPalette["neutral.150"],
   "border.success": colorPalette["green.500"],
   "border.tertiary": colorPalette["neutral.100"],
@@ -145,7 +162,7 @@ const colors = {
   "fg.accent.strong": colorPalette["brand.700"],
   "fg.default": colorPalette["neutral.800"],
   "fg.default.inverse": colorPalette["neutral.00"],
-  "fg.disabled": colorPalette["neutral.1200/32"],
+  "fg.disabled": colorPalette["neutral.200"],
   "fg.error": colorPalette["red.500"],
   "fg.error.hovered": colorPalette["red.600"],
   "fg.error.light": colorPalette["red.300"],
@@ -169,7 +186,7 @@ const colors = {
   "link.fg.default.hovered": colorPalette["brand.600"],
   "link.fg.inverse": colorPalette["neutral.00"],
   "link.fg.subtle": colorPalette["neutral.800"],
-  "link.fg.visited": colorPalette["purple.500"],
+  "link.fg.visited": colorPalette["purple.600"],
   "spinner.bg.default": colorPalette["neutral.1200"],
   "spinner.bg.inverse": colorPalette["neutral.50"],
   "spinner.fg.default": colorPalette["neutral.800"],
@@ -178,18 +195,10 @@ const colors = {
 const colorsDark = {
   current: "currentColor",
   transparent: "transparent",
-  "avatar.bg.blue": colorPalette["blue.500"],
-  "avatar.bg.cyan": colorPalette["cyan.900"],
-  "avatar.bg.green": colorPalette["green.900"],
-  "avatar.bg.magenta": colorPalette["magenta.900"],
-  "avatar.bg.purple": colorPalette["purple.900"],
-  "avatar.bg.yellow": colorPalette["yellow.900"],
-  "avatar.fg.blue": colorPalette["blue.100"],
-  "avatar.fg.cyan": colorPalette["cyan.200"],
-  "avatar.fg.green": colorPalette["green.200"],
-  "avatar.fg.magenta": colorPalette["magenta.200"],
-  "avatar.fg.purple": colorPalette["purple.200"],
-  "avatar.fg.yellow": colorPalette["yellow.200"],
+  "avatar.bg.neutral": colorPalette["neutral.800"],
+  "avatar.bg.purple": colorPalette["purple.800"],
+  "avatar.fg.neutral": colorPalette["neutral.100"],
+  "avatar.fg.purple": colorPalette["purple.100"],
   "bg.accent": colorPalette["brand.400"],
   "bg.accent.hovered": colorPalette["brand.400"],
   "bg.accent.light": colorPalette["brand.800"],
@@ -230,6 +239,7 @@ const colorsDark = {
   "border.disabled": colorPalette["neutral.800"],
   "border.error": colorPalette["red.200"],
   "border.focus": colorPalette["brand.300"],
+  "border.focus.error": colorPalette["red.300"],
   "border.secondary": colorPalette["neutral.700"],
   "border.success": colorPalette["green.500"],
   "border.tertiary": colorPalette["neutral.800"],
@@ -259,15 +269,15 @@ const colorsDark = {
   "fg.warning.light": colorPalette["yellow.300"],
   "fg.warning.strong": colorPalette["yellow.200"],
   "fg.white": colorPalette["neutral.00"],
-  "link.fg.default": colorPalette["neutral.00"],
-  "link.fg.default.hovered": colorPalette["neutral.00"],
+  "link.fg.default": colorPalette["brand.400"],
+  "link.fg.default.hovered": colorPalette["brand.200"],
   "link.fg.inverse": colorPalette["neutral.00"],
-  "link.fg.subtle": colorPalette["neutral.00"],
-  "link.fg.visited": colorPalette["neutral.00"],
+  "link.fg.subtle": colorPalette["neutral.800"],
+  "link.fg.visited": colorPalette["purple.500"],
   "spinner.bg.default": colorPalette["neutral.50"],
   "spinner.bg.inverse": colorPalette["neutral.50"],
-  "spinner.fg.default": colorPalette["neutral.00"],
-  "spinner.fg.inverse": colorPalette["neutral.00"]
+  "spinner.fg.default": colorPalette["neutral.200"],
+  "spinner.fg.inverse": colorPalette["neutral.800"]
 };
 
 export { colorPalette, colors, colorsDark };

package/package.json

@@ -7,7 +7,7 @@
     "url": "https://github.com/optimizely-axiom/optiaxiom.git"
   },
   "type": "module",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "files": [
     "dist/**",
     "LICENSE"