@optiaxiom/globals 0.2.0-next.2 → 0.2.0

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 (6) hide show
  1. package/dist/index.d.ts +326 -299
  2. package/dist/theme-css.js +1 -1
  3. package/dist/toaster.js +9 -5
  4. package/dist/tokens/colors.js +164 -168
  5. package/dist/tokens/zIndex.js +2 -1
  6. 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)','blue.50':'var(--ax-colors-blue-50)','blue.100':'var(--ax-colors-blue-100)','blue.200':'var(--ax-colors-blue-200)','blue.300':'var(--ax-colors-blue-300)','blue.400':'var(--ax-colors-blue-400)','blue.500':'var(--ax-colors-blue-500)','blue.600':'var(--ax-colors-blue-600)','blue.700':'var(--ax-colors-blue-700)','blue.800':'var(--ax-colors-blue-800)','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)','cyan.50':'var(--ax-colors-cyan-50)','cyan.100':'var(--ax-colors-cyan-100)','cyan.200':'var(--ax-colors-cyan-200)','cyan.300':'var(--ax-colors-cyan-300)','cyan.400':'var(--ax-colors-cyan-400)','cyan.500':'var(--ax-colors-cyan-500)','cyan.600':'var(--ax-colors-cyan-600)','cyan.700':'var(--ax-colors-cyan-700)','cyan.800':'var(--ax-colors-cyan-800)','cyan.900':'var(--ax-colors-cyan-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.100':'var(--ax-colors-magenta-100)','magenta.200':'var(--ax-colors-magenta-200)','magenta.300':'var(--ax-colors-magenta-300)','magenta.400':'var(--ax-colors-magenta-400)','magenta.500':'var(--ax-colors-magenta-500)','magenta.600':'var(--ax-colors-magenta-600)','magenta.700':'var(--ax-colors-magenta-700)','magenta.800':'var(--ax-colors-magenta-800)','magenta.900':'var(--ax-colors-magenta-900)','neutral.00':'var(--ax-colors-neutral-00)','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/12':'var(--ax-colors-neutral-50-12)','neutral.50/18':'var(--ax-colors-neutral-50-18)','neutral.50/22':'var(--ax-colors-neutral-50-22)','neutral.50/32':'var(--ax-colors-neutral-50-32)','neutral.1200/4':'var(--ax-colors-neutral-1200-4)','neutral.1200/8':'var(--ax-colors-neutral-1200-8)','neutral.1200/16':'var(--ax-colors-neutral-1200-16)','neutral.1200/22':'var(--ax-colors-neutral-1200-22)','neutral.1200/32':'var(--ax-colors-neutral-1200-32)','purple.50':'var(--ax-colors-purple-50)','purple.100':'var(--ax-colors-purple-100)','purple.200':'var(--ax-colors-purple-200)','purple.300':'var(--ax-colors-purple-300)','purple.400':'var(--ax-colors-purple-400)','purple.500':'var(--ax-colors-purple-500)','purple.600':'var(--ax-colors-purple-600)','purple.700':'var(--ax-colors-purple-700)','purple.800':'var(--ax-colors-purple-800)','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)','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.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.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.strong':'var(--ax-colors-fg-error-strong)','fg.information':'var(--ax-colors-fg-information)','fg.information.strong':'var(--ax-colors-fg-information-strong)','fg.link':'var(--ax-colors-fg-link)','fg.link.hovered':'var(--ax-colors-fg-link-hovered)','fg.link.visited':'var(--ax-colors-fg-link-visited)','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.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.strong':'var(--ax-colors-fg-warning-strong)','fg.white':'var(--ax-colors-fg-white)'},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)',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,17 +1,16 @@
1
1
  const colorPalette = {
2
2
  current: "currentColor",
3
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",
4
+ "blue.50": "#EDF6FF",
5
+ "blue.100": "#D7ECFC",
6
+ "blue.200": "#AEDBFF",
7
+ "blue.300": "#85C4F7",
8
+ "blue.400": "#47A7F5",
12
9
  "blue.500": "#2094F3",
13
- "blue.600": "#1668AC",
14
- "blue.900": "#1C2B41",
10
+ "blue.600": "#0B77D0",
11
+ "blue.700": "#095EA4",
12
+ "blue.800": "#064274",
13
+ "blue.900": "#032541",
15
14
  "brand.50": "#F0F3FF",
16
15
  "brand.100": "#CDD8FC",
17
16
  "brand.200": "#B3C3FF",
@@ -22,20 +21,16 @@ const colorPalette = {
22
21
  "brand.700": "#002894",
23
22
  "brand.800": "#001666",
24
23
  "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",
24
+ "cyan.50": "#ECFEFF",
25
+ "cyan.100": "#CFFAFE",
26
+ "cyan.200": "#99F0F9",
27
+ "cyan.300": "#67E8F9",
28
+ "cyan.400": "#22D3EE",
29
+ "cyan.500": "#06B6D4",
30
+ "cyan.600": "#0891B2",
31
+ "cyan.700": "#0E7490",
32
+ "cyan.800": "#155E75",
33
+ "cyan.900": "#083344",
39
34
  "green.50": "#E9F7F1",
40
35
  "green.100": "#D1F0E1",
41
36
  "green.200": "#A5E1C3",
@@ -46,61 +41,61 @@ const colorPalette = {
46
41
  "green.700": "#24663E",
47
42
  "green.800": "#17492B",
48
43
  "green.900": "#082415",
49
- "magenta.50": "#F8E7F5",
50
- "magenta.200": "#E39CD6",
51
- "magenta.500": "#B80597",
52
- "magenta.600": "#81046A",
44
+ "magenta.50": "#FDF4FF",
45
+ "magenta.100": "#FAE8FF",
46
+ "magenta.200": "#F5D0FE",
47
+ "magenta.300": "#F0ABFC",
48
+ "magenta.400": "#D765E9",
49
+ "magenta.500": "#C026D3",
50
+ "magenta.600": "#A21CAF",
51
+ "magenta.700": "#86198F",
52
+ "magenta.800": "#701A75",
53
+ "magenta.900": "#4A044E",
54
+ "neutral.00": "#FFFFFF",
53
55
  "neutral.50": "#F9FAFC",
54
56
  "neutral.75": "#F5F6FA",
55
57
  "neutral.100": "#E9EDF5",
56
58
  "neutral.150": "#DADFEB",
57
59
  "neutral.200": "#CACFDC",
58
- "neutral.300": "#b8becb",
60
+ "neutral.300": "#B8BECB",
59
61
  "neutral.500": "#868FA4",
60
62
  "neutral.600": "#626A81",
61
63
  "neutral.700": "#4F576E",
62
64
  "neutral.800": "#2E3442",
63
- "neutral.900": "#262B37",
65
+ "neutral.900": "#1C212B",
64
66
  "neutral.1000": "#1C2029",
65
67
  "neutral.1100": "#171A23",
66
68
  "neutral.1200": "#091E42",
67
69
  "neutral.50/6": "#F9FAFC0F",
70
+ "neutral.50/12": "#F9FAFC1F",
71
+ "neutral.50/18": "#F9FAFC2E",
72
+ "neutral.50/22": "#F9FAFC38",
68
73
  "neutral.50/32": "#F9FAFC52",
69
74
  "neutral.1200/4": "#091E420A",
70
- "neutral.1200/12": "#091E421F",
71
- "neutral.1200/18": "#091E422E",
75
+ "neutral.1200/8": "#091E4214",
76
+ "neutral.1200/16": "#091E4229",
72
77
  "neutral.1200/22": "#091E4238",
73
78
  "neutral.1200/32": "#091E4252",
74
- "orange.50": "#fff5e5",
75
- "orange.200": "#ffd699",
76
- "orange.500": "#ff9900",
77
- "orange.600": "#a36200",
78
79
  "purple.50": "#F1ECF8",
80
+ "purple.100": "#E5DCF4",
79
81
  "purple.200": "#C4B1E2",
82
+ "purple.300": "#9570D1",
83
+ "purple.400": "#7E51C8",
80
84
  "purple.500": "#693AB6",
81
- "purple.600": "#4A297F",
82
- "purple.900": "#2B273F",
85
+ "purple.600": "#532E8F",
86
+ "purple.700": "#412470",
87
+ "purple.800": "#331C59",
88
+ "purple.900": "#261542",
83
89
  "red.50": "#FFF7F7",
84
- "red.100": "#FCD6D6",
85
- "red.200": "#F9ACAC",
90
+ "red.100": "#FFD7D7",
91
+ "red.200": "#FFB4B4",
86
92
  "red.300": "#FC8B8B",
87
- "red.400": "#E31818",
93
+ "red.400": "#F64F4F",
88
94
  "red.500": "#CC1616",
89
95
  "red.600": "#B21313",
90
96
  "red.700": "#911D1D",
91
97
  "red.800": "#601313",
92
98
  "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
99
  "yellow.50": "#FFFAEA",
105
100
  "yellow.100": "#FEF1C6",
106
101
  "yellow.200": "#FEDF88",
@@ -114,140 +109,141 @@ const colorPalette = {
114
109
  };
115
110
  const colors = {
116
111
  ...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"],
112
+ "bg.accent": colorPalette["brand.500"],
113
+ "bg.accent.hovered": colorPalette["brand.600"],
114
+ "bg.accent.light": colorPalette["brand.200"],
115
+ "bg.accent.pressed": colorPalette["brand.700"],
116
+ "bg.accent.subtle": colorPalette["brand.50"],
117
+ "bg.default": colorPalette["neutral.00"],
118
+ "bg.default.inverse": colorPalette["neutral.800"],
119
+ "bg.default.inverse.hovered": colorPalette["neutral.900"],
120
+ "bg.default.inverse.pressed": colorPalette["neutral.1000"],
121
+ "bg.error": colorPalette["red.500"],
122
+ "bg.error.hovered": colorPalette["red.600"],
123
+ "bg.error.light": colorPalette["red.200"],
124
+ "bg.error.pressed": colorPalette["red.700"],
125
+ "bg.error.subtle": colorPalette["red.100"],
126
+ "bg.information": colorPalette["blue.600"],
127
+ "bg.information.light": colorPalette["blue.200"],
128
+ "bg.information.subtle": colorPalette["blue.100"],
129
+ "bg.overlay": colorPalette["neutral.1200/32"],
130
+ "bg.page": colorPalette["neutral.50"],
131
+ "bg.secondary": colorPalette["neutral.75"],
132
+ "bg.secondary.hovered": colorPalette["neutral.1200/8"],
133
+ "bg.success": colorPalette["green.600"],
134
+ "bg.success.hovered": colorPalette["green.700"],
135
+ "bg.success.light": colorPalette["green.200"],
136
+ "bg.success.subtle": colorPalette["green.100"],
137
+ "bg.tertiary": colorPalette["neutral.150"],
138
+ "bg.tertiary.hovered": colorPalette["neutral.200"],
139
+ "bg.warning": colorPalette["yellow.500"],
140
+ "bg.warning.hovered": colorPalette["yellow.600"],
141
+ "bg.warning.light": colorPalette["yellow.200"],
142
+ "bg.warning.subtle": colorPalette["yellow.100"],
143
+ "border.accent": colorPalette["brand.500"],
139
144
  "border.active": colorPalette["neutral.500"],
140
- "border.active.hover": colorPalette["neutral.600"],
141
- "border.brand": colorPalette["brand.500"],
145
+ "border.active.hovered": colorPalette["neutral.600"],
142
146
  "border.default": colorPalette["neutral.200"],
147
+ "border.default.hovered": colorPalette["neutral.500"],
143
148
  "border.disabled": colorPalette["neutral.75"],
144
149
  "border.error": colorPalette["red.500"],
150
+ "border.focus": colorPalette["brand.400"],
145
151
  "border.secondary": colorPalette["neutral.150"],
146
152
  "border.success": colorPalette["green.500"],
147
153
  "border.tertiary": colorPalette["neutral.100"],
148
154
  "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
- */
155
+ "fg.accent": colorPalette["brand.500"],
156
+ "fg.accent.hovered": colorPalette["brand.600"],
157
+ "fg.accent.strong": colorPalette["brand.700"],
160
158
  "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
- */
159
+ "fg.default.inverse": colorPalette["neutral.00"],
168
160
  "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"],
161
+ "fg.error": colorPalette["red.500"],
162
+ "fg.error.hovered": colorPalette["red.600"],
163
+ "fg.error.strong": colorPalette["red.700"],
164
+ "fg.information": colorPalette["blue.500"],
165
+ "fg.information.strong": colorPalette["blue.700"],
174
166
  "fg.link": colorPalette["brand.500"],
175
- "fg.link.hover": colorPalette["brand.600"],
167
+ "fg.link.hovered": colorPalette["brand.600"],
176
168
  "fg.link.visited": colorPalette["purple.500"],
177
- /**
178
- * Secondary text color for labels and section headings
179
- */
180
169
  "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
- */
170
+ "fg.success": colorPalette["green.500"],
171
+ "fg.success.hovered": colorPalette["green.600"],
172
+ "fg.success.strong": colorPalette["green.700"],
188
173
  "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"]
174
+ "fg.warning": colorPalette["yellow.500"],
175
+ "fg.warning.hovered": colorPalette["yellow.600"],
176
+ "fg.warning.strong": colorPalette["yellow.700"],
177
+ "fg.white": colorPalette["neutral.00"]
196
178
  };
197
179
  const colorsDark = {
198
180
  ...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"],
181
+ "bg.accent": colorPalette["brand.400"],
182
+ "bg.accent.hovered": colorPalette["brand.400"],
183
+ "bg.accent.light": colorPalette["brand.800"],
184
+ "bg.accent.pressed": colorPalette["brand.600"],
185
+ "bg.accent.subtle": colorPalette["brand.900"],
186
+ "bg.default": colorPalette["neutral.1000"],
187
+ "bg.default.inverse": colorPalette["neutral.100"],
188
+ "bg.default.inverse.hovered": colorPalette["neutral.200"],
189
+ "bg.default.inverse.pressed": colorPalette["neutral.300"],
190
+ "bg.error": colorPalette["red.500"],
191
+ "bg.error.hovered": colorPalette["red.400"],
192
+ "bg.error.light": colorPalette["red.700"],
193
+ "bg.error.pressed": colorPalette["red.600"],
194
+ "bg.error.subtle": colorPalette["red.800"],
195
+ "bg.information": colorPalette["blue.600"],
196
+ "bg.information.light": colorPalette["blue.800"],
197
+ "bg.information.subtle": colorPalette["blue.900"],
198
+ "bg.overlay": colorPalette["neutral.50/32"],
199
+ "bg.page": colorPalette["neutral.1100"],
200
+ "bg.secondary": colorPalette["neutral.900"],
201
+ "bg.secondary.hovered": colorPalette["neutral.50/12"],
202
+ "bg.success": colorPalette["green.600"],
203
+ "bg.success.hovered": colorPalette["green.400"],
204
+ "bg.success.light": colorPalette["green.800"],
205
+ "bg.success.subtle": colorPalette["green.900"],
206
+ "bg.tertiary": colorPalette["neutral.700"],
207
+ "bg.tertiary.hovered": colorPalette["neutral.50/18"],
208
+ "bg.warning": colorPalette["yellow.500"],
209
+ "bg.warning.hovered": colorPalette["yellow.400"],
210
+ "bg.warning.light": colorPalette["yellow.800"],
211
+ "bg.warning.subtle": colorPalette["yellow.900"],
212
+ "border.accent": colorPalette["brand.300"],
213
+ "border.active": colorPalette["neutral.700"],
214
+ "border.active.hovered": colorPalette["neutral.600"],
215
+ "border.default": colorPalette["neutral.600"],
216
+ "border.default.hovered": colorPalette["neutral.500"],
217
+ "border.disabled": colorPalette["neutral.800"],
218
+ "border.error": colorPalette["red.200"],
219
+ "border.focus": colorPalette["brand.300"],
220
+ "border.secondary": colorPalette["neutral.700"],
228
221
  "border.success": colorPalette["green.500"],
229
- "border.tertiary": colorPalette["neutral.900"],
222
+ "border.tertiary": colorPalette["neutral.800"],
230
223
  "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"]
224
+ "fg.accent": colorPalette["brand.300"],
225
+ "fg.accent.hovered": colorPalette["brand.500"],
226
+ "fg.accent.strong": colorPalette["brand.400"],
227
+ "fg.default": colorPalette["neutral.75"],
228
+ "fg.default.inverse": colorPalette["neutral.800"],
229
+ "fg.disabled": colorPalette["neutral.50/32"],
230
+ "fg.error": colorPalette["red.300"],
231
+ "fg.error.hovered": colorPalette["red.600"],
232
+ "fg.error.strong": colorPalette["red.200"],
233
+ "fg.information": colorPalette["blue.300"],
234
+ "fg.information.strong": colorPalette["blue.200"],
235
+ "fg.link": colorPalette["brand.300"],
236
+ "fg.link.hovered": colorPalette["brand.500"],
237
+ "fg.link.visited": colorPalette["brand.300"],
238
+ "fg.secondary": colorPalette["neutral.200"],
239
+ "fg.success": colorPalette["green.300"],
240
+ "fg.success.hovered": colorPalette["green.600"],
241
+ "fg.success.strong": colorPalette["green.200"],
242
+ "fg.tertiary": colorPalette["neutral.500"],
243
+ "fg.warning": colorPalette["yellow.300"],
244
+ "fg.warning.hovered": colorPalette["yellow.600"],
245
+ "fg.warning.strong": colorPalette["yellow.200"],
246
+ "fg.white": colorPalette["neutral.00"]
251
247
  };
252
248
 
253
- export { colors, colorsDark };
249
+ export { colorPalette, colors, colorsDark };
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.0",
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": {