@optiaxiom/globals 0.2.0-next.2 → 0.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/index.d.ts +270 -483
  2. package/dist/theme-css.js +1 -1
  3. package/dist/toaster.js +9 -5
  4. package/dist/tokens/colors.js +200 -180
  5. package/dist/tokens/size.js +1 -0
  6. package/dist/tokens/zIndex.js +2 -1
  7. package/package.json +3 -3
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)',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)'}};
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.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)','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/toaster.js CHANGED
@@ -12,13 +12,17 @@ const createToaster = () => {
12
12
  }
13
13
  };
14
14
  return {
15
- store: {
16
- getServerSnapshot: () => EMPTY,
17
- getSnapshot: () => snapshot,
18
- subscribe: (callback) => {
15
+ store: [
16
+ (callback) => {
19
17
  listeners.add(callback);
20
18
  return () => listeners.delete(callback);
21
- }
19
+ },
20
+ () => snapshot,
21
+ () => EMPTY
22
+ ],
23
+ clear: () => {
24
+ snapshot = [];
25
+ emit();
22
26
  },
23
27
  create: (toast) => {
24
28
  const id2 = genId();
package/dist/tokens/colors.js CHANGED
@@ -1,19 +1,13 @@
1
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",
2
+ "blue.100": "#C6DBFA",
3
+ "blue.200": "#A1C2F7",
4
+ "blue.300": "#7BAAF4",
5
+ "blue.500": "#2F7AEE",
6
+ "blue.600": "#115DD4",
7
+ "blue.700": "#0D46A0",
8
+ "blue.800": "#09306D",
9
+ "blue.900": "#051939",
15
10
  "brand.50": "#F0F3FF",
16
- "brand.100": "#CDD8FC",
17
11
  "brand.200": "#B3C3FF",
18
12
  "brand.300": "#6A8FFC",
19
13
  "brand.400": "#2E66F7",
@@ -22,21 +16,10 @@ const colorPalette = {
22
16
  "brand.700": "#002894",
23
17
  "brand.800": "#001666",
24
18
  "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",
19
+ "cyan.100": "#CFFAFE",
20
+ "cyan.200": "#99F0F9",
21
+ "cyan.700": "#0E7490",
22
+ "cyan.900": "#083344",
40
23
  "green.100": "#D1F0E1",
41
24
  "green.200": "#A5E1C3",
42
25
  "green.300": "#7CD2A7",
@@ -46,62 +29,48 @@ const colorPalette = {
46
29
  "green.700": "#24663E",
47
30
  "green.800": "#17492B",
48
31
  "green.900": "#082415",
49
- "magenta.50": "#F8E7F5",
50
- "magenta.200": "#E39CD6",
51
- "magenta.500": "#B80597",
52
- "magenta.600": "#81046A",
32
+ "magenta.100": "#FAE8FF",
33
+ "magenta.200": "#F5D0FE",
34
+ "magenta.600": "#A21CAF",
35
+ "magenta.900": "#4A044E",
36
+ "neutral.00": "#FFFFFF",
53
37
  "neutral.50": "#F9FAFC",
54
38
  "neutral.75": "#F5F6FA",
55
39
  "neutral.100": "#E9EDF5",
56
40
  "neutral.150": "#DADFEB",
57
41
  "neutral.200": "#CACFDC",
58
- "neutral.300": "#b8becb",
42
+ "neutral.300": "#B8BECB",
59
43
  "neutral.500": "#868FA4",
60
44
  "neutral.600": "#626A81",
61
45
  "neutral.700": "#4F576E",
62
46
  "neutral.800": "#2E3442",
63
- "neutral.900": "#262B37",
47
+ "neutral.900": "#1C212B",
64
48
  "neutral.1000": "#1C2029",
65
49
  "neutral.1100": "#171A23",
66
50
  "neutral.1200": "#091E42",
67
51
  "neutral.50/6": "#F9FAFC0F",
52
+ "neutral.50/12": "#F9FAFC1F",
53
+ "neutral.50/18": "#F9FAFC2E",
68
54
  "neutral.50/32": "#F9FAFC52",
69
55
  "neutral.1200/4": "#091E420A",
70
- "neutral.1200/12": "#091E421F",
71
- "neutral.1200/18": "#091E422E",
72
- "neutral.1200/22": "#091E4238",
56
+ "neutral.1200/8": "#091E4214",
57
+ "neutral.1200/16": "#091E4229",
73
58
  "neutral.1200/32": "#091E4252",
74
- "orange.50": "#fff5e5",
75
- "orange.200": "#ffd699",
76
- "orange.500": "#ff9900",
77
- "orange.600": "#a36200",
78
- "purple.50": "#F1ECF8",
59
+ "purple.100": "#E5DCF4",
79
60
  "purple.200": "#C4B1E2",
80
61
  "purple.500": "#693AB6",
81
- "purple.600": "#4A297F",
82
- "purple.900": "#2B273F",
62
+ "purple.700": "#412470",
63
+ "purple.900": "#261542",
83
64
  "red.50": "#FFF7F7",
84
- "red.100": "#FCD6D6",
85
- "red.200": "#F9ACAC",
65
+ "red.100": "#FFD7D7",
66
+ "red.200": "#FFB4B4",
86
67
  "red.300": "#FC8B8B",
87
- "red.400": "#E31818",
68
+ "red.400": "#F64F4F",
88
69
  "red.500": "#CC1616",
89
70
  "red.600": "#B21313",
90
71
  "red.700": "#911D1D",
91
72
  "red.800": "#601313",
92
73
  "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
74
  "yellow.100": "#FEF1C6",
106
75
  "yellow.200": "#FEDF88",
107
76
  "yellow.300": "#FFC84B",
@@ -113,141 +82,192 @@ const colorPalette = {
113
82
  "yellow.900": "#4E1D09"
114
83
  };
115
84
  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"],
85
+ current: "currentColor",
86
+ transparent: "transparent",
87
+ "avatar.bg.blue": colorPalette["blue.500"],
88
+ "avatar.bg.cyan": colorPalette["cyan.100"],
89
+ "avatar.bg.green": colorPalette["green.600"],
90
+ "avatar.bg.magenta": colorPalette["magenta.100"],
91
+ "avatar.bg.purple": colorPalette["purple.100"],
92
+ "avatar.bg.yellow": colorPalette["yellow.300"],
93
+ "avatar.fg.blue": colorPalette["neutral.00"],
94
+ "avatar.fg.cyan": colorPalette["cyan.700"],
95
+ "avatar.fg.green": colorPalette["neutral.00"],
96
+ "avatar.fg.magenta": colorPalette["magenta.600"],
97
+ "avatar.fg.purple": colorPalette["purple.700"],
98
+ "avatar.fg.yellow": colorPalette["neutral.900"],
99
+ "bg.accent": colorPalette["brand.500"],
100
+ "bg.accent.hovered": colorPalette["brand.600"],
101
+ "bg.accent.light": colorPalette["brand.200"],
102
+ "bg.accent.pressed": colorPalette["brand.700"],
103
+ "bg.accent.subtle": colorPalette["brand.50"],
104
+ "bg.default": colorPalette["neutral.00"],
105
+ "bg.default.inverse": colorPalette["neutral.800"],
106
+ "bg.default.inverse.hovered": colorPalette["neutral.900"],
107
+ "bg.default.inverse.pressed": colorPalette["neutral.1000"],
108
+ "bg.error": colorPalette["red.500"],
109
+ "bg.error.hovered": colorPalette["red.600"],
110
+ "bg.error.light": colorPalette["red.200"],
111
+ "bg.error.pressed": colorPalette["red.700"],
112
+ "bg.error.subtle": colorPalette["red.100"],
113
+ "bg.error.subtlest": colorPalette["red.50"],
114
+ "bg.information": colorPalette["blue.600"],
115
+ "bg.information.light": colorPalette["blue.200"],
116
+ "bg.information.subtle": colorPalette["blue.100"],
117
+ "bg.overlay": colorPalette["neutral.1200/32"],
118
+ "bg.page": colorPalette["neutral.50"],
119
+ "bg.secondary": colorPalette["neutral.75"],
120
+ "bg.secondary.hovered": colorPalette["neutral.1200/8"],
121
+ "bg.success": colorPalette["green.600"],
122
+ "bg.success.hovered": colorPalette["green.700"],
123
+ "bg.success.light": colorPalette["green.200"],
124
+ "bg.success.subtle": colorPalette["green.100"],
125
+ "bg.tertiary": colorPalette["neutral.150"],
126
+ "bg.tertiary.hovered": colorPalette["neutral.200"],
127
+ "bg.warning": colorPalette["yellow.500"],
128
+ "bg.warning.hovered": colorPalette["yellow.600"],
129
+ "bg.warning.light": colorPalette["yellow.200"],
130
+ "bg.warning.subtle": colorPalette["yellow.100"],
131
+ "border.accent": colorPalette["brand.500"],
139
132
  "border.active": colorPalette["neutral.500"],
140
- "border.active.hover": colorPalette["neutral.600"],
141
- "border.brand": colorPalette["brand.500"],
133
+ "border.active.hovered": colorPalette["neutral.600"],
142
134
  "border.default": colorPalette["neutral.200"],
135
+ "border.default.hovered": colorPalette["neutral.500"],
143
136
  "border.disabled": colorPalette["neutral.75"],
144
137
  "border.error": colorPalette["red.500"],
138
+ "border.focus": colorPalette["brand.400"],
145
139
  "border.secondary": colorPalette["neutral.150"],
146
140
  "border.success": colorPalette["green.500"],
147
141
  "border.tertiary": colorPalette["neutral.100"],
148
142
  "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
- */
143
+ "fg.accent": colorPalette["brand.500"],
144
+ "fg.accent.hovered": colorPalette["brand.600"],
145
+ "fg.accent.strong": colorPalette["brand.700"],
160
146
  "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
- */
147
+ "fg.default.inverse": colorPalette["neutral.00"],
168
148
  "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
- */
149
+ "fg.error": colorPalette["red.500"],
150
+ "fg.error.hovered": colorPalette["red.600"],
151
+ "fg.error.light": colorPalette["red.300"],
152
+ "fg.error.strong": colorPalette["red.700"],
153
+ "fg.information": colorPalette["blue.500"],
154
+ "fg.information.light": colorPalette["blue.300"],
155
+ "fg.information.strong": colorPalette["blue.700"],
180
156
  "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
- */
157
+ "fg.success": colorPalette["green.500"],
158
+ "fg.success.hovered": colorPalette["green.600"],
159
+ "fg.success.light": colorPalette["green.300"],
160
+ "fg.success.strong": colorPalette["green.700"],
188
161
  "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"]
162
+ "fg.warning": colorPalette["yellow.500"],
163
+ "fg.warning.hovered": colorPalette["yellow.600"],
164
+ "fg.warning.inverse": colorPalette["neutral.800"],
165
+ "fg.warning.light": colorPalette["yellow.300"],
166
+ "fg.warning.strong": colorPalette["yellow.700"],
167
+ "fg.white": colorPalette["neutral.00"],
168
+ "link.fg.default": colorPalette["brand.500"],
169
+ "link.fg.default.hovered": colorPalette["brand.600"],
170
+ "link.fg.inverse": colorPalette["neutral.00"],
171
+ "link.fg.subtle": colorPalette["neutral.800"],
172
+ "link.fg.visited": colorPalette["purple.500"],
173
+ "spinner.bg.default": colorPalette["neutral.1200"],
174
+ "spinner.bg.inverse": colorPalette["neutral.50"],
175
+ "spinner.fg.default": colorPalette["neutral.800"],
176
+ "spinner.fg.inverse": colorPalette["neutral.200"]
196
177
  };
197
178
  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"],
179
+ current: "currentColor",
180
+ transparent: "transparent",
181
+ "avatar.bg.blue": colorPalette["blue.500"],
182
+ "avatar.bg.cyan": colorPalette["cyan.900"],
183
+ "avatar.bg.green": colorPalette["green.900"],
184
+ "avatar.bg.magenta": colorPalette["magenta.900"],
185
+ "avatar.bg.purple": colorPalette["purple.900"],
186
+ "avatar.bg.yellow": colorPalette["yellow.900"],
187
+ "avatar.fg.blue": colorPalette["blue.100"],
188
+ "avatar.fg.cyan": colorPalette["cyan.200"],
189
+ "avatar.fg.green": colorPalette["green.200"],
190
+ "avatar.fg.magenta": colorPalette["magenta.200"],
191
+ "avatar.fg.purple": colorPalette["purple.200"],
192
+ "avatar.fg.yellow": colorPalette["yellow.200"],
193
+ "bg.accent": colorPalette["brand.400"],
194
+ "bg.accent.hovered": colorPalette["brand.400"],
195
+ "bg.accent.light": colorPalette["brand.800"],
196
+ "bg.accent.pressed": colorPalette["brand.600"],
197
+ "bg.accent.subtle": colorPalette["brand.900"],
198
+ "bg.default": colorPalette["neutral.1000"],
199
+ "bg.default.inverse": colorPalette["neutral.100"],
200
+ "bg.default.inverse.hovered": colorPalette["neutral.200"],
201
+ "bg.default.inverse.pressed": colorPalette["neutral.300"],
202
+ "bg.error": colorPalette["red.500"],
203
+ "bg.error.hovered": colorPalette["red.400"],
204
+ "bg.error.light": colorPalette["red.700"],
205
+ "bg.error.pressed": colorPalette["red.600"],
206
+ "bg.error.subtle": colorPalette["red.800"],
207
+ "bg.error.subtlest": colorPalette["red.900"],
208
+ "bg.information": colorPalette["blue.600"],
209
+ "bg.information.light": colorPalette["blue.800"],
210
+ "bg.information.subtle": colorPalette["blue.900"],
211
+ "bg.overlay": colorPalette["neutral.50/32"],
212
+ "bg.page": colorPalette["neutral.1100"],
213
+ "bg.secondary": colorPalette["neutral.900"],
214
+ "bg.secondary.hovered": colorPalette["neutral.50/12"],
215
+ "bg.success": colorPalette["green.600"],
216
+ "bg.success.hovered": colorPalette["green.400"],
217
+ "bg.success.light": colorPalette["green.800"],
218
+ "bg.success.subtle": colorPalette["green.900"],
219
+ "bg.tertiary": colorPalette["neutral.700"],
220
+ "bg.tertiary.hovered": colorPalette["neutral.50/18"],
221
+ "bg.warning": colorPalette["yellow.500"],
222
+ "bg.warning.hovered": colorPalette["yellow.400"],
223
+ "bg.warning.light": colorPalette["yellow.800"],
224
+ "bg.warning.subtle": colorPalette["yellow.900"],
225
+ "border.accent": colorPalette["brand.300"],
226
+ "border.active": colorPalette["neutral.700"],
227
+ "border.active.hovered": colorPalette["neutral.600"],
228
+ "border.default": colorPalette["neutral.600"],
229
+ "border.default.hovered": colorPalette["neutral.500"],
230
+ "border.disabled": colorPalette["neutral.800"],
231
+ "border.error": colorPalette["red.200"],
232
+ "border.focus": colorPalette["brand.300"],
233
+ "border.secondary": colorPalette["neutral.700"],
228
234
  "border.success": colorPalette["green.500"],
229
- "border.tertiary": colorPalette["neutral.900"],
235
+ "border.tertiary": colorPalette["neutral.800"],
230
236
  "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"]
237
+ "fg.accent": colorPalette["brand.300"],
238
+ "fg.accent.hovered": colorPalette["brand.500"],
239
+ "fg.accent.strong": colorPalette["brand.400"],
240
+ "fg.default": colorPalette["neutral.75"],
241
+ "fg.default.inverse": colorPalette["neutral.800"],
242
+ "fg.disabled": colorPalette["neutral.50/32"],
243
+ "fg.error": colorPalette["red.300"],
244
+ "fg.error.hovered": colorPalette["red.600"],
245
+ "fg.error.light": colorPalette["red.300"],
246
+ "fg.error.strong": colorPalette["red.200"],
247
+ "fg.information": colorPalette["blue.300"],
248
+ "fg.information.light": colorPalette["blue.300"],
249
+ "fg.information.strong": colorPalette["blue.200"],
250
+ "fg.secondary": colorPalette["neutral.200"],
251
+ "fg.success": colorPalette["green.300"],
252
+ "fg.success.hovered": colorPalette["green.600"],
253
+ "fg.success.light": colorPalette["green.300"],
254
+ "fg.success.strong": colorPalette["green.200"],
255
+ "fg.tertiary": colorPalette["neutral.500"],
256
+ "fg.warning": colorPalette["yellow.300"],
257
+ "fg.warning.hovered": colorPalette["yellow.600"],
258
+ "fg.warning.inverse": colorPalette["neutral.800"],
259
+ "fg.warning.light": colorPalette["yellow.300"],
260
+ "fg.warning.strong": colorPalette["yellow.200"],
261
+ "fg.white": colorPalette["neutral.00"],
262
+ "link.fg.default": colorPalette["neutral.00"],
263
+ "link.fg.default.hovered": colorPalette["neutral.00"],
264
+ "link.fg.inverse": colorPalette["neutral.00"],
265
+ "link.fg.subtle": colorPalette["neutral.00"],
266
+ "link.fg.visited": colorPalette["neutral.00"],
267
+ "spinner.bg.default": colorPalette["neutral.50"],
268
+ "spinner.bg.inverse": colorPalette["neutral.50"],
269
+ "spinner.fg.default": colorPalette["neutral.00"],
270
+ "spinner.fg.inverse": colorPalette["neutral.00"]
251
271
  };
252
272
 
253
- export { colors, colorsDark };
273
+ export { colorPalette, colors, colorsDark };
package/dist/tokens/size.js CHANGED
@@ -1,6 +1,7 @@
1
1
  import { rem } from './rem.js';
2
2
 
3
3
  const size = {
4
+ "2xs": rem("16px"),
4
5
  xs: rem("20px"),
5
6
  sm: rem("24px"),
6
7
  md: rem("32px"),
package/dist/tokens/zIndex.js CHANGED
@@ -7,7 +7,8 @@ const zIndex = {
7
7
  "50": "50",
8
8
  auto: "auto",
9
9
  popover: "3000",
10
- toast: "3010"
10
+ toast: "3010",
11
+ tooltip: "10000"
11
12
  };
12
13
 
13
14
  export { zIndex };
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.2.0-next.2",
10
+ "version": "0.2.1",
11
11
  "files": [
12
12
  "dist/**",
13
13
  "LICENSE"
@@ -27,11 +27,11 @@
27
27
  ],
28
28
  "types": "dist/index.d.ts",
29
29
  "dependencies": {
30
- "@fontsource-variable/fira-code": "^5.0.20",
30
+ "@fontsource-variable/fira-code": "^5.1.0",
31
31
  "inter-ui": "^4.0.2"
32
32
  },
33
33
  "devDependencies": {
34
- "@vanilla-extract/css": "^1.15.5",
34
+ "@vanilla-extract/css": "^1.16.0",
35
35
  "@optiaxiom/shared": "^0.0.0"
36
36
  },
37
37
  "peerDependencies": {