@optiaxiom/globals 1.1.8 → 3.0.0-next.0

package/dist/cjs/fonts.js

@@ -1,5 +1,6 @@
 'use strict';
 
-require('@fontsource-variable/fira-code/index.css');
-require('inter-ui/inter-variable.css');
+require('@fontsource-variable/roboto');
+require('@fontsource-variable/roboto-condensed');
+require('@fontsource-variable/roboto-mono');
 

package/dist/cjs/index.js

@@ -63,7 +63,7 @@ const unstable_SuggestionContext = SuggestionContext;
 const unstable_SurfaceProvider = SurfaceProvider;
 const unstable_useSurfaceContext = useSurfaceContext;
 
-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)'},boxShadow:{sm:'var(--ax-boxShadow-sm)',md:'var(--ax-boxShadow-md)',lg:'var(--ax-boxShadow-lg)'},colors:{'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.avatar.neutral':'var(--ax-colors-bg-avatar-neutral)','bg.avatar.purple':'var(--ax-colors-bg-avatar-purple)','bg.default':'var(--ax-colors-bg-default)','bg.default.hovered':'var(--ax-colors-bg-default-hovered)','bg.default.inverse':'var(--ax-colors-bg-default-inverse)','bg.default.inverse.hovered':'var(--ax-colors-bg-default-inverse-hovered)','bg.default.inverse.pressed':'var(--ax-colors-bg-default-inverse-pressed)','bg.default.pressed':'var(--ax-colors-bg-default-pressed)','bg.error':'var(--ax-colors-bg-error)','bg.error.hovered':'var(--ax-colors-bg-error-hovered)','bg.error.light':'var(--ax-colors-bg-error-light)','bg.error.pressed':'var(--ax-colors-bg-error-pressed)','bg.error.subtle':'var(--ax-colors-bg-error-subtle)','bg.error.subtlest':'var(--ax-colors-bg-error-subtlest)','bg.information':'var(--ax-colors-bg-information)','bg.information.light':'var(--ax-colors-bg-information-light)','bg.information.subtle':'var(--ax-colors-bg-information-subtle)','bg.overlay':'var(--ax-colors-bg-overlay)','bg.page':'var(--ax-colors-bg-page)','bg.secondary':'var(--ax-colors-bg-secondary)','bg.secondary.hovered':'var(--ax-colors-bg-secondary-hovered)','bg.spinner.default':'var(--ax-colors-bg-spinner-default)','bg.spinner.inverse':'var(--ax-colors-bg-spinner-inverse)','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.control':'var(--ax-colors-border-control)','border.control.hovered':'var(--ax-colors-border-control-hovered)','border.default':'var(--ax-colors-border-default)','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.avatar.neutral':'var(--ax-colors-fg-avatar-neutral)','fg.avatar.purple':'var(--ax-colors-fg-avatar-purple)','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.link.default':'var(--ax-colors-fg-link-default)','fg.link.default.hovered':'var(--ax-colors-fg-link-default-hovered)','fg.link.inverse':'var(--ax-colors-fg-link-inverse)','fg.link.subtle':'var(--ax-colors-fg-link-subtle)','fg.link.visited':'var(--ax-colors-fg-link-visited)','fg.secondary':'var(--ax-colors-fg-secondary)','fg.spinner.default':'var(--ax-colors-fg-spinner-default)','fg.spinner.inverse':'var(--ax-colors-fg-spinner-inverse)','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)'},duration:{sm:'var(--ax-duration-sm)',md:'var(--ax-duration-md)',lg:'var(--ax-duration-lg)'},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)'}},maxSize:{xs:'var(--ax-maxSize-xs)',sm:'var(--ax-maxSize-sm)',md:'var(--ax-maxSize-md)',lg:'var(--ax-maxSize-lg)'},screens:{sm:'var(--ax-screens-sm)',md:'var(--ax-screens-md)'},size:{'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)','3xl':'var(--ax-size-3xl)'},zIndex:{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)'},boxShadow:{sm:'var(--ax-boxShadow-sm)',md:'var(--ax-boxShadow-md)',lg:'var(--ax-boxShadow-lg)',xl:'var(--ax-boxShadow-xl)'},colors:{'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.avatar.neutral':'var(--ax-colors-bg-avatar-neutral)','bg.avatar.purple':'var(--ax-colors-bg-avatar-purple)','bg.default':'var(--ax-colors-bg-default)','bg.default.hovered':'var(--ax-colors-bg-default-hovered)','bg.default.inverse':'var(--ax-colors-bg-default-inverse)','bg.default.inverse.hovered':'var(--ax-colors-bg-default-inverse-hovered)','bg.default.inverse.pressed':'var(--ax-colors-bg-default-inverse-pressed)','bg.default.pressed':'var(--ax-colors-bg-default-pressed)','bg.error':'var(--ax-colors-bg-error)','bg.error.hovered':'var(--ax-colors-bg-error-hovered)','bg.error.light':'var(--ax-colors-bg-error-light)','bg.error.pressed':'var(--ax-colors-bg-error-pressed)','bg.error.subtle':'var(--ax-colors-bg-error-subtle)','bg.error.subtlest':'var(--ax-colors-bg-error-subtlest)','bg.information':'var(--ax-colors-bg-information)','bg.information.light':'var(--ax-colors-bg-information-light)','bg.information.subtle':'var(--ax-colors-bg-information-subtle)','bg.overlay':'var(--ax-colors-bg-overlay)','bg.page':'var(--ax-colors-bg-page)','bg.secondary':'var(--ax-colors-bg-secondary)','bg.secondary.hovered':'var(--ax-colors-bg-secondary-hovered)','bg.spinner.default':'var(--ax-colors-bg-spinner-default)','bg.spinner.inverse':'var(--ax-colors-bg-spinner-inverse)','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.control':'var(--ax-colors-border-control)','border.control.hovered':'var(--ax-colors-border-control-hovered)','border.default':'var(--ax-colors-border-default)','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.avatar.neutral':'var(--ax-colors-fg-avatar-neutral)','fg.avatar.purple':'var(--ax-colors-fg-avatar-purple)','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.link.default':'var(--ax-colors-fg-link-default)','fg.link.default.hovered':'var(--ax-colors-fg-link-default-hovered)','fg.link.inverse':'var(--ax-colors-fg-link-inverse)','fg.link.subtle':'var(--ax-colors-fg-link-subtle)','fg.link.visited':'var(--ax-colors-fg-link-visited)','fg.secondary':'var(--ax-colors-fg-secondary)','fg.spinner.default':'var(--ax-colors-fg-spinner-default)','fg.spinner.inverse':'var(--ax-colors-fg-spinner-inverse)','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)'},duration:{sm:'var(--ax-duration-sm)',md:'var(--ax-duration-md)',lg:'var(--ax-duration-lg)'},fontFamily:{heading:'var(--ax-fontFamily-heading)',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)'}},maxSize:{xs:'var(--ax-maxSize-xs)',sm:'var(--ax-maxSize-sm)',md:'var(--ax-maxSize-md)',lg:'var(--ax-maxSize-lg)'},screens:{sm:'var(--ax-screens-sm)',md:'var(--ax-screens-md)'},size:{'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)','3xl':'var(--ax-size-3xl)'},zIndex:{popover:'var(--ax-zIndex-popover)',toast:'var(--ax-zIndex-toast)',tooltip:'var(--ax-zIndex-tooltip)'}};
 
 const [ToastProviderProvider, useToastProviderContext] = reactContext.createContext("@optiaxiom/react/ToastProvider");
 
@@ -141,83 +141,93 @@ const rem = (px) => `${parseFloat((parseFloat(px.slice(0, -2)) / 16).toFixed(3))
 
 const borderRadius = {
   xs: rem("2px"),
-  sm: rem("4px"),
-  md: rem("6px"),
-  lg: rem("8px"),
-  xl: rem("12px"),
+  sm: rem("6px"),
+  md: rem("8px"),
+  lg: rem("12px"),
+  xl: rem("16px"),
   full: "9999px"
 };
 
 const boxShadow = {
   sm: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
   md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
-  lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)"
+  lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
+  xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)"
 };
 
 const palette = {
-  "blue.100": "#C6DBFA",
-  "blue.200": "#A1C2F7",
-  "blue.300": "#7BAAF4",
-  "blue.500": "#2F7AEE",
-  "blue.600": "#115DD4",
-  "blue.700": "#0D46A0",
-  "blue.800": "#09306D",
-  "blue.900": "#051939",
-  "brand.50": "#F0F3FF",
-  "brand.200": "#B3C3FF",
-  "brand.300": "#6A8FFC",
-  "brand.400": "#2E66F7",
-  "brand.500": "#0037FF",
-  "brand.600": "#002CCC",
-  "brand.700": "#002894",
-  "brand.800": "#001666",
-  "brand.900": "#000B33",
-  "green.100": "#D1F0E1",
-  "green.200": "#A5E1C3",
-  "green.300": "#7CD2A7",
-  "green.400": "#5AC58A",
-  "green.500": "#03A65D",
-  "green.600": "#038047",
-  "green.700": "#24663E",
-  "green.800": "#17492B",
-  "green.900": "#082415",
+  "brand.50": "#EEFFD9",
+  "brand.100": "#D3FF9D",
+  "brand.150": "#CEFF93",
+  "brand.200": "#C5FF7E",
+  "brand.250": "#BFFF70",
+  "brand.300": "#ABFF44",
+  "brand.400": "#99F141",
+  "brand.500": "#7DDD3D",
+  "brand.600": "#3AB533",
+  "brand.700": "#38735D",
+  "brand.800": "#203526",
+  "brand.900": "#197050",
+  "brand.1000": "#0D3A29",
+  "green.50": "#DEF2EB",
+  "green.100": "#BCD5CC",
+  "green.200": "#A4C7BA",
+  "green.300": "#86EFAC",
+  "green.400": "#80B09F",
+  "green.500": "#5F9B85",
+  "green.600": "#388367",
+  "green.700": "#197050",
+  "green.800": "#1E3329",
+  "green.900": "#114C36",
+  "teal.50": "#E2F5F5",
+  "teal.100": "#93C5FD",
+  "teal.200": "#91DBDA",
+  "teal.300": "#60B4BE",
+  "teal.400": "#409AAB",
+  "teal.500": "#197A94",
+  "teal.600": "#036988",
+  "teal.700": "#1E3140",
+  "teal.800": "#01303E",
   "neutral.00": "#FFFFFF",
-  "neutral.50": "#F9FAFC",
-  "neutral.75": "#F5F6FA",
-  "neutral.100": "#E9EDF5",
-  "neutral.150": "#DADFEB",
-  "neutral.200": "#CACFDC",
-  "neutral.300": "#B8BECB",
-  "neutral.500": "#838DA4",
-  "neutral.600": "#66708C",
-  "neutral.700": "#4F576E",
-  "neutral.800": "#2E3442",
-  "neutral.900": "#1C212B",
-  "neutral.1000": "#1C2029",
-  "neutral.1100": "#171A23",
-  "neutral.1200": "#091E42",
-  "neutral.50/6": "#F9FAFC0F",
+  "neutral.50": "#F9FCF8",
+  "neutral.75": "#EFF6E9",
+  "neutral.100": "#EBF4E4",
+  "neutral.200": "#D8E4CB",
+  "neutral.300": "#B2BD9E",
+  "neutral.500": "#A1AC8D",
+  "neutral.600": "#717863",
+  "neutral.700": "#455341",
+  "neutral.800": "#323A32",
+  "neutral.900": "#252825",
+  "neutral.1000": "#1C271D",
+  "neutral.1100": "#08251A",
+  "neutral.50/4": "#F9FAFC0A",
   "neutral.50/12": "#F9FAFC1F",
   "neutral.50/18": "#F9FAFC2E",
   "neutral.50/32": "#F9FAFC52",
-  "neutral.1200/4": "#091E420A",
-  "neutral.1200/8": "#091E4214",
-  "neutral.1200/32": "#091E4252",
-  "purple.100": "#E5DCF4",
-  "purple.500": "#693AB6",
-  "purple.600": "#532E8F",
-  "purple.700": "#412470",
-  "red.50": "#FFF7F7",
-  "red.100": "#FFD7D7",
-  "red.200": "#FFB4B4",
-  "red.300": "#FC8B8B",
-  "red.400": "#F64F4F",
-  "red.500": "#CC1616",
-  "red.600": "#B21313",
-  "red.700": "#911D1D",
-  "red.800": "#601313",
-  "red.900": "#300A0A",
-  "yellow.100": "#FEF1C6",
+  "neutral.1100/4": "#08251A0A",
+  "neutral.1100/32": "#08251A52",
+  "purple.50": "#EDE9FE",
+  "purple.100": "#7C3AED",
+  "purple.200": "#6D28D9",
+  "purple.300": "#5B21B6",
+  "pink.50": "#FFF1F5",
+  "pink.100": "#FFDFE8",
+  "pink.200": "#FFC1D3",
+  "pink.250": "#FCA5A5",
+  "pink.300": "#FF99B6",
+  "pink.400": "#E284A0",
+  "pink.500": "#A95A77",
+  "pink.600": "#A85C5C",
+  "pink.700": "#904A4A",
+  "pink.800": "#8F4764",
+  "pink.900": "#803F3F",
+  "pink.1000": "#5D2E41",
+  "pink.1100": "#593030",
+  "pink.1200": "#3E2D2D",
+  "pink.1300": "#372C2C",
+  "yellow.50": "#FEF1C6",
+  "yellow.100": "#FCD34D",
   "yellow.200": "#FEDF88",
   "yellow.300": "#FFC84B",
   "yellow.400": "#FDB022",
@@ -225,99 +235,99 @@ const palette = {
   "yellow.600": "#DC6903",
   "yellow.700": "#B54707",
   "yellow.800": "#7A2E0D",
-  "yellow.900": "#4E1D09"
+  "yellow.900": "#3A2D1A"
 };
 const ld = (a, b) => `light-dark(${a}, ${b})`;
 const colors = {
-  "bg.accent": ld(palette["brand.500"], palette["brand.400"]),
-  "bg.accent.hovered": ld(palette["brand.600"], palette["brand.400"]),
-  "bg.accent.light": ld(palette["brand.200"], palette["brand.800"]),
-  "bg.accent.pressed": ld(palette["brand.700"], palette["brand.600"]),
-  "bg.accent.subtle": ld(palette["brand.50"], palette["brand.900"]),
-  "bg.avatar.neutral": ld(palette["neutral.100"], palette["neutral.800"]),
-  "bg.avatar.purple": ld(palette["purple.100"], palette["purple.700"]),
-  "bg.default": ld(palette["neutral.00"], palette["neutral.1000"]),
-  "bg.default.hovered": ld(palette["neutral.1200/4"], palette["neutral.50/6"]),
-  "bg.default.inverse": ld(palette["neutral.800"], palette["neutral.100"]),
+  "bg.accent": ld(palette["brand.300"], palette["brand.300"]),
+  "bg.accent.hovered": ld(palette["brand.400"], palette["brand.200"]),
+  "bg.accent.light": ld(palette["brand.150"], palette["brand.700"]),
+  "bg.accent.pressed": ld(palette["brand.500"], palette["brand.100"]),
+  "bg.accent.subtle": ld(palette["brand.50"], palette["brand.800"]),
+  "bg.avatar.neutral": ld(palette["neutral.100"], palette["neutral.1100"]),
+  "bg.avatar.purple": ld(palette["purple.50"], palette["purple.100"]),
+  "bg.default": ld(palette["neutral.00"], palette["neutral.900"]),
+  "bg.default.hovered": ld(palette["neutral.50"], palette["neutral.50/4"]),
+  "bg.default.inverse": ld(palette["neutral.1100"], palette["neutral.100"]),
   "bg.default.inverse.hovered": ld(
-    palette["neutral.900"],
+    palette["neutral.1100"],
     palette["neutral.200"]
   ),
   "bg.default.inverse.pressed": ld(
-    palette["neutral.1000"],
+    palette["neutral.1100"],
     palette["neutral.300"]
   ),
-  "bg.default.pressed": ld(palette["neutral.1200/8"], palette["neutral.50/12"]),
-  "bg.error": ld(palette["red.500"], palette["red.500"]),
-  "bg.error.hovered": ld(palette["red.600"], palette["red.400"]),
-  "bg.error.light": ld(palette["red.200"], palette["red.700"]),
-  "bg.error.pressed": ld(palette["red.700"], palette["red.600"]),
-  "bg.error.subtle": ld(palette["red.100"], palette["red.800"]),
-  "bg.error.subtlest": ld(palette["red.50"], palette["red.900"]),
-  "bg.information": ld(palette["blue.600"], palette["blue.600"]),
-  "bg.information.light": ld(palette["blue.200"], palette["blue.800"]),
-  "bg.information.subtle": ld(palette["blue.100"], palette["blue.900"]),
-  "bg.overlay": ld(palette["neutral.1200/32"], palette["neutral.50/32"]),
-  "bg.page": ld(palette["neutral.50"], palette["neutral.1100"]),
-  "bg.secondary": ld(palette["neutral.75"], palette["neutral.900"]),
-  "bg.secondary.hovered": ld(palette["neutral.75"], palette["neutral.50/12"]),
-  "bg.spinner.default": ld(palette["neutral.1200"], palette["neutral.50"]),
-  "bg.spinner.inverse": ld(palette["neutral.50"], palette["neutral.50"]),
+  "bg.default.pressed": ld(palette["neutral.75"], palette["neutral.800"]),
+  "bg.error": ld(palette["pink.500"], palette["pink.900"]),
+  "bg.error.hovered": ld(palette["pink.800"], palette["pink.700"]),
+  "bg.error.light": ld(palette["pink.200"], palette["pink.1100"]),
+  "bg.error.pressed": ld(palette["pink.1000"], palette["pink.600"]),
+  "bg.error.subtle": ld(palette["pink.100"], palette["pink.1200"]),
+  "bg.error.subtlest": ld(palette["pink.50"], palette["pink.1300"]),
+  "bg.information": ld(palette["teal.600"], palette["teal.600"]),
+  "bg.information.light": ld(palette["teal.200"], palette["teal.800"]),
+  "bg.information.subtle": ld(palette["teal.50"], palette["teal.700"]),
+  "bg.overlay": ld(palette["neutral.1100/32"], palette["neutral.50/32"]),
+  "bg.page": ld(palette["neutral.50"], palette["neutral.900"]),
+  "bg.secondary": ld(palette["neutral.75"], palette["neutral.800"]),
+  "bg.secondary.hovered": ld(palette["neutral.100"], palette["neutral.50/12"]),
+  "bg.spinner.default": ld(palette["neutral.1100/4"], palette["neutral.50/4"]),
+  "bg.spinner.inverse": ld(palette["neutral.50/4"], palette["neutral.1100/4"]),
   "bg.success": ld(palette["green.600"], palette["green.600"]),
   "bg.success.hovered": ld(palette["green.700"], palette["green.400"]),
-  "bg.success.light": ld(palette["green.200"], palette["green.800"]),
-  "bg.success.subtle": ld(palette["green.100"], palette["green.900"]),
-  "bg.tertiary": ld(palette["neutral.150"], palette["neutral.700"]),
-  "bg.tertiary.hovered": ld(palette["neutral.200"], palette["neutral.50/18"]),
+  "bg.success.light": ld(palette["green.100"], palette["green.900"]),
+  "bg.success.subtle": ld(palette["green.50"], palette["green.800"]),
+  "bg.tertiary": ld(palette["neutral.200"], palette["neutral.700"]),
+  "bg.tertiary.hovered": ld(palette["neutral.300"], palette["neutral.700"]),
   "bg.warning": ld(palette["yellow.300"], palette["yellow.500"]),
   "bg.warning.hovered": ld(palette["yellow.600"], palette["yellow.400"]),
   "bg.warning.light": ld(palette["yellow.200"], palette["yellow.800"]),
-  "bg.warning.subtle": ld(palette["yellow.100"], palette["yellow.900"]),
-  "border.accent": ld(palette["brand.500"], palette["brand.300"]),
-  "border.control": ld(palette["neutral.500"], palette["neutral.700"]),
+  "bg.warning.subtle": ld(palette["yellow.50"], palette["yellow.900"]),
+  "border.accent": ld(palette["brand.300"], palette["brand.150"]),
+  "border.control": ld(palette["neutral.500"], palette["neutral.500"]),
   "border.control.hovered": ld(palette["neutral.600"], palette["neutral.600"]),
-  "border.default": ld(palette["neutral.200"], palette["neutral.600"]),
-  "border.disabled": ld(palette["neutral.75"], palette["neutral.800"]),
-  "border.error": ld(palette["red.500"], palette["red.200"]),
-  "border.focus": ld(palette["brand.400"], palette["brand.300"]),
-  "border.focus.error": ld(palette["red.400"], palette["red.300"]),
-  "border.secondary": ld(palette["neutral.150"], palette["neutral.700"]),
+  "border.default": ld(palette["neutral.200"], palette["neutral.700"]),
+  "border.disabled": ld(palette["neutral.75"], palette["neutral.50/18"]),
+  "border.error": ld(palette["pink.500"], palette["pink.250"]),
+  "border.focus": ld(palette["teal.500"], palette["teal.400"]),
+  "border.focus.error": ld(palette["pink.400"], palette["pink.300"]),
+  "border.secondary": ld(palette["neutral.200"], palette["neutral.700"]),
   "border.success": ld(palette["green.500"], palette["green.500"]),
   "border.tertiary": ld(palette["neutral.100"], palette["neutral.800"]),
   "border.warning": ld(palette["yellow.500"], palette["yellow.500"]),
-  "fg.accent": ld(palette["brand.500"], palette["brand.300"]),
-  "fg.accent.hovered": ld(palette["brand.600"], palette["brand.500"]),
-  "fg.accent.strong": ld(palette["brand.700"], palette["brand.400"]),
+  "fg.accent": ld(palette["brand.300"], palette["brand.300"]),
+  "fg.accent.hovered": ld(palette["brand.600"], palette["brand.250"]),
+  "fg.accent.strong": ld(palette["brand.900"], palette["brand.150"]),
   "fg.avatar.neutral": ld(palette["neutral.700"], palette["neutral.100"]),
-  "fg.avatar.purple": ld(palette["purple.700"], palette["purple.100"]),
-  "fg.default": ld(palette["neutral.800"], palette["neutral.75"]),
-  "fg.default.inverse": ld(palette["neutral.00"], palette["neutral.800"]),
-  "fg.disabled": ld(palette["neutral.500"], palette["neutral.50/32"]),
-  "fg.error": ld(palette["red.500"], palette["red.300"]),
-  "fg.error.hovered": ld(palette["red.600"], palette["red.600"]),
-  "fg.error.light": ld(palette["red.300"], palette["red.500"]),
-  "fg.error.strong": ld(palette["red.700"], palette["red.200"]),
-  "fg.information": ld(palette["blue.500"], palette["blue.300"]),
-  "fg.information.light": ld(palette["blue.300"], palette["blue.500"]),
-  "fg.information.strong": ld(palette["blue.700"], palette["blue.200"]),
-  "fg.link.default": ld(palette["brand.500"], palette["brand.400"]),
-  "fg.link.default.hovered": ld(palette["brand.600"], palette["brand.200"]),
-  "fg.link.inverse": ld(palette["neutral.00"], palette["neutral.800"]),
-  "fg.link.subtle": ld(palette["neutral.800"], palette["neutral.75"]),
-  "fg.link.visited": ld(palette["purple.600"], palette["purple.500"]),
-  "fg.secondary": ld(palette["neutral.700"], palette["neutral.200"]),
-  "fg.spinner.default": ld(palette["neutral.800"], palette["neutral.200"]),
-  "fg.spinner.inverse": ld(palette["neutral.200"], palette["neutral.800"]),
+  "fg.avatar.purple": ld(palette["purple.300"], palette["neutral.00"]),
+  "fg.default": ld(palette["neutral.1000"], palette["neutral.200"]),
+  "fg.default.inverse": ld(palette["neutral.00"], palette["neutral.1100"]),
+  "fg.disabled": ld(palette["neutral.500"], palette["neutral.600"]),
+  "fg.error": ld(palette["pink.500"], palette["pink.250"]),
+  "fg.error.hovered": ld(palette["pink.800"], palette["pink.800"]),
+  "fg.error.light": ld(palette["pink.300"], palette["pink.250"]),
+  "fg.error.strong": ld(palette["pink.1000"], palette["pink.250"]),
+  "fg.information": ld(palette["teal.500"], palette["teal.100"]),
+  "fg.information.light": ld(palette["teal.300"], palette["teal.100"]),
+  "fg.information.strong": ld(palette["teal.600"], palette["teal.100"]),
+  "fg.link.default": ld(palette["brand.900"], palette["brand.600"]),
+  "fg.link.default.hovered": ld(palette["brand.1000"], palette["brand.500"]),
+  "fg.link.inverse": ld(palette["neutral.00"], palette["neutral.1100"]),
+  "fg.link.subtle": ld(palette["neutral.1000"], palette["neutral.200"]),
+  "fg.link.visited": ld(palette["purple.200"], palette["purple.100"]),
+  "fg.secondary": ld(palette["neutral.700"], palette["neutral.300"]),
+  "fg.spinner.default": ld(palette["neutral.1100"], palette["neutral.200"]),
+  "fg.spinner.inverse": ld(palette["neutral.00"], palette["neutral.1100"]),
   "fg.success": ld(palette["green.500"], palette["green.300"]),
   "fg.success.hovered": ld(palette["green.600"], palette["green.600"]),
-  "fg.success.light": ld(palette["green.300"], palette["green.500"]),
-  "fg.success.strong": ld(palette["green.700"], palette["green.200"]),
+  "fg.success.light": ld(palette["green.200"], palette["green.300"]),
+  "fg.success.strong": ld(palette["green.700"], palette["green.300"]),
   "fg.tertiary": ld(palette["neutral.600"], palette["neutral.500"]),
-  "fg.warning": ld(palette["yellow.500"], palette["yellow.300"]),
+  "fg.warning": ld(palette["yellow.500"], palette["yellow.100"]),
   "fg.warning.hovered": ld(palette["yellow.600"], palette["yellow.600"]),
-  "fg.warning.inverse": ld(palette["neutral.800"], palette["neutral.800"]),
-  "fg.warning.light": ld(palette["yellow.300"], palette["yellow.500"]),
-  "fg.warning.strong": ld(palette["yellow.700"], palette["yellow.200"]),
+  "fg.warning.inverse": ld(palette["neutral.1100"], palette["neutral.1100"]),
+  "fg.warning.light": ld(palette["yellow.300"], palette["yellow.100"]),
+  "fg.warning.strong": ld(palette["yellow.700"], palette["yellow.100"]),
   "fg.white": ld(palette["neutral.00"], palette["neutral.00"])
 };
 
@@ -328,8 +338,9 @@ const duration = {
 };
 
 const fontFamily = {
-  mono: "Fira Code Variable, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace",
-  sans: "InterVariable, system-ui, sans-serif"
+  heading: "Nudge Semicondensed, Roboto Condensed Variable, system-ui, sans-serif",
+  mono: "Roboto Mono Variable, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace",
+  sans: "DI Grotesk B, Roboto Variable, system-ui, sans-serif"
 };
 
 const fontSize = {
@@ -362,8 +373,8 @@ const fontSize = {
     lineHeight: rem("40px")
   },
   "4xl": {
-    fontSize: rem("32px"),
-    lineHeight: rem("44px")
+    fontSize: rem("50px"),
+    lineHeight: rem("60px")
   }
 };
 

package/dist/esm/fonts.js

@@ -1,2 +1,3 @@
-import '@fontsource-variable/fira-code/index.css';
-import 'inter-ui/inter-variable.css';
+import '@fontsource-variable/roboto';
+import '@fontsource-variable/roboto-condensed';
+import '@fontsource-variable/roboto-mono';

package/dist/esm/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)'},boxShadow:{sm:'var(--ax-boxShadow-sm)',md:'var(--ax-boxShadow-md)',lg:'var(--ax-boxShadow-lg)'},colors:{'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.avatar.neutral':'var(--ax-colors-bg-avatar-neutral)','bg.avatar.purple':'var(--ax-colors-bg-avatar-purple)','bg.default':'var(--ax-colors-bg-default)','bg.default.hovered':'var(--ax-colors-bg-default-hovered)','bg.default.inverse':'var(--ax-colors-bg-default-inverse)','bg.default.inverse.hovered':'var(--ax-colors-bg-default-inverse-hovered)','bg.default.inverse.pressed':'var(--ax-colors-bg-default-inverse-pressed)','bg.default.pressed':'var(--ax-colors-bg-default-pressed)','bg.error':'var(--ax-colors-bg-error)','bg.error.hovered':'var(--ax-colors-bg-error-hovered)','bg.error.light':'var(--ax-colors-bg-error-light)','bg.error.pressed':'var(--ax-colors-bg-error-pressed)','bg.error.subtle':'var(--ax-colors-bg-error-subtle)','bg.error.subtlest':'var(--ax-colors-bg-error-subtlest)','bg.information':'var(--ax-colors-bg-information)','bg.information.light':'var(--ax-colors-bg-information-light)','bg.information.subtle':'var(--ax-colors-bg-information-subtle)','bg.overlay':'var(--ax-colors-bg-overlay)','bg.page':'var(--ax-colors-bg-page)','bg.secondary':'var(--ax-colors-bg-secondary)','bg.secondary.hovered':'var(--ax-colors-bg-secondary-hovered)','bg.spinner.default':'var(--ax-colors-bg-spinner-default)','bg.spinner.inverse':'var(--ax-colors-bg-spinner-inverse)','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.control':'var(--ax-colors-border-control)','border.control.hovered':'var(--ax-colors-border-control-hovered)','border.default':'var(--ax-colors-border-default)','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.avatar.neutral':'var(--ax-colors-fg-avatar-neutral)','fg.avatar.purple':'var(--ax-colors-fg-avatar-purple)','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.link.default':'var(--ax-colors-fg-link-default)','fg.link.default.hovered':'var(--ax-colors-fg-link-default-hovered)','fg.link.inverse':'var(--ax-colors-fg-link-inverse)','fg.link.subtle':'var(--ax-colors-fg-link-subtle)','fg.link.visited':'var(--ax-colors-fg-link-visited)','fg.secondary':'var(--ax-colors-fg-secondary)','fg.spinner.default':'var(--ax-colors-fg-spinner-default)','fg.spinner.inverse':'var(--ax-colors-fg-spinner-inverse)','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)'},duration:{sm:'var(--ax-duration-sm)',md:'var(--ax-duration-md)',lg:'var(--ax-duration-lg)'},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)'}},maxSize:{xs:'var(--ax-maxSize-xs)',sm:'var(--ax-maxSize-sm)',md:'var(--ax-maxSize-md)',lg:'var(--ax-maxSize-lg)'},screens:{sm:'var(--ax-screens-sm)',md:'var(--ax-screens-md)'},size:{'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)','3xl':'var(--ax-size-3xl)'},zIndex:{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)'},boxShadow:{sm:'var(--ax-boxShadow-sm)',md:'var(--ax-boxShadow-md)',lg:'var(--ax-boxShadow-lg)',xl:'var(--ax-boxShadow-xl)'},colors:{'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.avatar.neutral':'var(--ax-colors-bg-avatar-neutral)','bg.avatar.purple':'var(--ax-colors-bg-avatar-purple)','bg.default':'var(--ax-colors-bg-default)','bg.default.hovered':'var(--ax-colors-bg-default-hovered)','bg.default.inverse':'var(--ax-colors-bg-default-inverse)','bg.default.inverse.hovered':'var(--ax-colors-bg-default-inverse-hovered)','bg.default.inverse.pressed':'var(--ax-colors-bg-default-inverse-pressed)','bg.default.pressed':'var(--ax-colors-bg-default-pressed)','bg.error':'var(--ax-colors-bg-error)','bg.error.hovered':'var(--ax-colors-bg-error-hovered)','bg.error.light':'var(--ax-colors-bg-error-light)','bg.error.pressed':'var(--ax-colors-bg-error-pressed)','bg.error.subtle':'var(--ax-colors-bg-error-subtle)','bg.error.subtlest':'var(--ax-colors-bg-error-subtlest)','bg.information':'var(--ax-colors-bg-information)','bg.information.light':'var(--ax-colors-bg-information-light)','bg.information.subtle':'var(--ax-colors-bg-information-subtle)','bg.overlay':'var(--ax-colors-bg-overlay)','bg.page':'var(--ax-colors-bg-page)','bg.secondary':'var(--ax-colors-bg-secondary)','bg.secondary.hovered':'var(--ax-colors-bg-secondary-hovered)','bg.spinner.default':'var(--ax-colors-bg-spinner-default)','bg.spinner.inverse':'var(--ax-colors-bg-spinner-inverse)','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.control':'var(--ax-colors-border-control)','border.control.hovered':'var(--ax-colors-border-control-hovered)','border.default':'var(--ax-colors-border-default)','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.avatar.neutral':'var(--ax-colors-fg-avatar-neutral)','fg.avatar.purple':'var(--ax-colors-fg-avatar-purple)','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.link.default':'var(--ax-colors-fg-link-default)','fg.link.default.hovered':'var(--ax-colors-fg-link-default-hovered)','fg.link.inverse':'var(--ax-colors-fg-link-inverse)','fg.link.subtle':'var(--ax-colors-fg-link-subtle)','fg.link.visited':'var(--ax-colors-fg-link-visited)','fg.secondary':'var(--ax-colors-fg-secondary)','fg.spinner.default':'var(--ax-colors-fg-spinner-default)','fg.spinner.inverse':'var(--ax-colors-fg-spinner-inverse)','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)'},duration:{sm:'var(--ax-duration-sm)',md:'var(--ax-duration-md)',lg:'var(--ax-duration-lg)'},fontFamily:{heading:'var(--ax-fontFamily-heading)',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)'}},maxSize:{xs:'var(--ax-maxSize-xs)',sm:'var(--ax-maxSize-sm)',md:'var(--ax-maxSize-md)',lg:'var(--ax-maxSize-lg)'},screens:{sm:'var(--ax-screens-sm)',md:'var(--ax-screens-md)'},size:{'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)','3xl':'var(--ax-size-3xl)'},zIndex:{popover:'var(--ax-zIndex-popover)',toast:'var(--ax-zIndex-toast)',tooltip:'var(--ax-zIndex-tooltip)'}};
 
 export { theme };

package/dist/esm/tokens/borderRadius.js

@@ -2,10 +2,10 @@ import { rem } from './rem.js';
 
 const borderRadius = {
   xs: rem("2px"),
-  sm: rem("4px"),
-  md: rem("6px"),
-  lg: rem("8px"),
-  xl: rem("12px"),
+  sm: rem("6px"),
+  md: rem("8px"),
+  lg: rem("12px"),
+  xl: rem("16px"),
   full: "9999px"
 };
 

package/dist/esm/tokens/boxShadow.js

@@ -1,7 +1,8 @@
 const boxShadow = {
   sm: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
   md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
-  lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)"
+  lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
+  xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)"
 };
 
 export { boxShadow };