@optiaxiom/globals 1.1.10 → 3.0.0-next.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.
package/dist/cjs/fonts.js CHANGED
@@ -1,5 +1,6 @@
1
1
  'use strict';
2
2
 
3
- require('@fontsource-variable/fira-code/index.css');
4
- require('inter-ui/inter-variable.css');
3
+ require('@fontsource-variable/roboto/index.css');
4
+ require('@fontsource-variable/roboto-condensed/index.css');
5
+ require('@fontsource-variable/roboto-mono/index.css');
5
6
 
package/dist/cjs/index.js CHANGED
@@ -63,7 +63,7 @@ const unstable_SuggestionContext = SuggestionContext;
63
63
  const unstable_SurfaceProvider = SurfaceProvider;
64
64
  const unstable_useSurfaceContext = useSurfaceContext;
65
65
 
66
- 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:{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)'}};
66
+ 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.black':'var(--ax-colors-fg-black)','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)'}};
67
67
 
68
68
  const [ToastProviderProvider, useToastProviderContext] = reactContext.createContext("@optiaxiom/react/ToastProvider");
69
69
 
@@ -141,10 +141,10 @@ const rem = (px) => `${parseFloat((parseFloat(px.slice(0, -2)) / 16).toFixed(3))
141
141
 
142
142
  const borderRadius = {
143
143
  xs: rem("2px"),
144
- sm: rem("4px"),
145
- md: rem("6px"),
146
- lg: rem("8px"),
147
- xl: rem("12px"),
144
+ sm: rem("6px"),
145
+ md: rem("8px"),
146
+ lg: rem("12px"),
147
+ xl: rem("16px"),
148
148
  full: "9999px"
149
149
  };
150
150
 
@@ -156,68 +156,77 @@ const boxShadow = {
156
156
  };
157
157
 
158
158
  const palette = {
159
- "blue.100": "#C6DBFA",
160
- "blue.200": "#A1C2F7",
161
- "blue.300": "#7BAAF4",
162
- "blue.500": "#2F7AEE",
163
- "blue.600": "#115DD4",
164
- "blue.700": "#0D46A0",
165
- "blue.800": "#09306D",
166
- "blue.900": "#051939",
167
- "brand.50": "#F0F3FF",
168
- "brand.200": "#B3C3FF",
169
- "brand.300": "#6A8FFC",
170
- "brand.400": "#2E66F7",
171
- "brand.500": "#0037FF",
172
- "brand.600": "#002CCC",
173
- "brand.700": "#002894",
174
- "brand.800": "#001666",
175
- "brand.900": "#000B33",
176
- "green.100": "#D1F0E1",
177
- "green.200": "#A5E1C3",
178
- "green.300": "#7CD2A7",
179
- "green.400": "#5AC58A",
180
- "green.500": "#03A65D",
181
- "green.600": "#038047",
182
- "green.700": "#24663E",
183
- "green.800": "#17492B",
184
- "green.900": "#082415",
159
+ "blue.100": "#E2F5F5",
160
+ "blue.200": "#91DBDA",
161
+ "blue.300": "#60B4BE",
162
+ "blue.400": "#409AAB",
163
+ "blue.500": "#197A94",
164
+ "blue.600": "#036988",
165
+ "blue.800": "#01303E",
166
+ "blue.dark.200": "#93C5FD",
167
+ "blue.dark.900": "#1E3140",
168
+ "brand.50": "#EEFFD9",
169
+ "brand.200": "#DFFFB8",
170
+ "brand.300": "#CEFF93",
171
+ "brand.400": "#BFFF70",
172
+ "brand.500": "#ABFF44",
173
+ "brand.550": "#99F141",
174
+ "brand.600": "#7DDD3D",
175
+ "brand.700": "#3AB533",
176
+ "brand.800": "#226B1E",
177
+ "brand.900": "#123810",
178
+ "brand.1000": "#08251A",
179
+ "brand.dark.400": "#D3FF9D",
180
+ "brand.dark.500": "#C5FF7E",
181
+ "brand.dark.800": "#38735D",
182
+ "brand.dark.900": "#203526",
183
+ "green.200": "#BCD5CC",
184
+ "green.400": "#80B09F",
185
+ "green.500": "#5F9B85",
186
+ "green.700": "#197050",
187
+ "green.800": "#114C36",
188
+ "green.dark.200": "#86EFAC",
185
189
  "neutral.00": "#FFFFFF",
186
- "neutral.50": "#F9FAFC",
187
- "neutral.75": "#F5F6FA",
188
- "neutral.100": "#E9EDF5",
189
- "neutral.150": "#DADFEB",
190
- "neutral.200": "#CACFDC",
191
- "neutral.300": "#B8BECB",
192
- "neutral.500": "#838DA4",
193
- "neutral.600": "#66708C",
194
- "neutral.700": "#4F576E",
195
- "neutral.800": "#2E3442",
196
- "neutral.900": "#1C212B",
197
- "neutral.1000": "#1C2029",
198
- "neutral.1100": "#171A23",
199
- "neutral.1200": "#091E42",
200
- "neutral.50/6": "#F9FAFC0F",
201
- "neutral.50/12": "#F9FAFC1F",
202
- "neutral.50/18": "#F9FAFC2E",
203
- "neutral.50/32": "#F9FAFC52",
204
- "neutral.1200/4": "#091E420A",
205
- "neutral.1200/8": "#091E4214",
206
- "neutral.1200/32": "#091E4252",
207
- "purple.100": "#E5DCF4",
208
- "purple.500": "#693AB6",
209
- "purple.600": "#532E8F",
210
- "purple.700": "#412470",
211
- "red.50": "#FFF7F7",
212
- "red.100": "#FFD7D7",
213
- "red.200": "#FFB4B4",
214
- "red.300": "#FC8B8B",
215
- "red.400": "#F64F4F",
216
- "red.500": "#CC1616",
217
- "red.600": "#B21313",
218
- "red.700": "#911D1D",
219
- "red.800": "#601313",
220
- "red.900": "#300A0A",
190
+ "neutral.25": "#F9FCF8",
191
+ "neutral.50": "#F6FAF3",
192
+ "neutral.75": "#EFF5EB",
193
+ "neutral.100": "#E4F0DA",
194
+ "neutral.150": "#D8E4CB",
195
+ "neutral.200": "#D2DEC2",
196
+ "neutral.300": "#B2BD9E",
197
+ "neutral.400": "#A1AC8D",
198
+ "neutral.600": "#717863",
199
+ "neutral.700": "#616755",
200
+ "neutral.800": "#484E46",
201
+ "neutral.900": "#383E38",
202
+ "neutral.1000": "#2B2E2B",
203
+ "neutral.1050": "#252825",
204
+ "neutral.1100": "#202320",
205
+ "neutral.50/6": "#DDE9D20D",
206
+ "neutral.50/12": "#DDE9D21F",
207
+ "neutral.50/18": "#DDE9D224",
208
+ "neutral.1200/4": "#5F931F14",
209
+ "neutral.1200/16": "#5E8B2729",
210
+ "neutral.1200/32": "#393E3252",
211
+ "purple.100": "#EDE9FE",
212
+ "purple.500": "#7C3AED",
213
+ "purple.600": "#6D28D9",
214
+ "purple.700": "#5B21B6",
215
+ "red.50": "#FFF1F5",
216
+ "red.100": "#FFDFE8",
217
+ "red.200": "#FFC1D3",
218
+ "red.300": "#FF99B6",
219
+ "red.400": "#E284A0",
220
+ "red.500": "#A95A77",
221
+ "red.600": "#8F4764",
222
+ "red.700": "#5D2E41",
223
+ "red.dark.200": "#FCA5A5",
224
+ "red.dark.400": "#A85C5C",
225
+ "red.dark.450": "#904A4A",
226
+ "red.dark.500": "#803F3F",
227
+ "red.dark.700": "#593030",
228
+ "red.dark.800": "#3E2D2D",
229
+ "red.dark.900": "#372C2C",
221
230
  "yellow.100": "#FEF1C6",
222
231
  "yellow.200": "#FEDF88",
223
232
  "yellow.300": "#FFC84B",
@@ -226,100 +235,105 @@ const palette = {
226
235
  "yellow.600": "#DC6903",
227
236
  "yellow.700": "#B54707",
228
237
  "yellow.800": "#7A2E0D",
229
- "yellow.900": "#4E1D09"
238
+ "yellow.dark.200": "#FCD34D",
239
+ "yellow.dark.900": "#3A2D1A"
230
240
  };
231
241
  const ld = (a, b) => `light-dark(${a}, ${b})`;
232
242
  const colors = {
233
- "bg.accent": ld(palette["brand.500"], palette["brand.400"]),
234
- "bg.accent.hovered": ld(palette["brand.600"], palette["brand.400"]),
235
- "bg.accent.light": ld(palette["brand.200"], palette["brand.800"]),
236
- "bg.accent.pressed": ld(palette["brand.700"], palette["brand.600"]),
237
- "bg.accent.subtle": ld(palette["brand.50"], palette["brand.900"]),
238
- "bg.avatar.neutral": ld(palette["neutral.100"], palette["neutral.800"]),
239
- "bg.avatar.purple": ld(palette["purple.100"], palette["purple.700"]),
243
+ "bg.accent": ld(palette["brand.500"], palette["brand.500"]),
244
+ "bg.accent.hovered": ld(palette["brand.550"], palette["brand.dark.500"]),
245
+ "bg.accent.light": ld(palette["brand.200"], palette["brand.dark.800"]),
246
+ "bg.accent.pressed": ld(palette["brand.600"], palette["brand.dark.400"]),
247
+ "bg.accent.subtle": ld(palette["brand.50"], palette["brand.dark.900"]),
248
+ "bg.avatar.neutral": ld(palette["neutral.75"], palette["neutral.1100"]),
249
+ "bg.avatar.purple": ld(palette["purple.100"], palette["purple.500"]),
240
250
  "bg.default": ld(palette["neutral.00"], palette["neutral.1000"]),
241
251
  "bg.default.hovered": ld(palette["neutral.1200/4"], palette["neutral.50/6"]),
242
- "bg.default.inverse": ld(palette["neutral.800"], palette["neutral.100"]),
252
+ "bg.default.inverse": ld(palette["neutral.1050"], palette["neutral.25"]),
243
253
  "bg.default.inverse.hovered": ld(
244
254
  palette["neutral.900"],
245
255
  palette["neutral.200"]
246
256
  ),
247
257
  "bg.default.inverse.pressed": ld(
248
258
  palette["neutral.1000"],
249
- palette["neutral.300"]
259
+ palette["neutral.200"]
260
+ ),
261
+ "bg.default.pressed": ld(
262
+ palette["neutral.1200/16"],
263
+ palette["neutral.50/18"]
250
264
  ),
251
- "bg.default.pressed": ld(palette["neutral.1200/8"], palette["neutral.50/12"]),
252
- "bg.error": ld(palette["red.500"], palette["red.500"]),
253
- "bg.error.hovered": ld(palette["red.600"], palette["red.400"]),
254
- "bg.error.light": ld(palette["red.200"], palette["red.700"]),
255
- "bg.error.pressed": ld(palette["red.700"], palette["red.600"]),
256
- "bg.error.subtle": ld(palette["red.100"], palette["red.800"]),
257
- "bg.error.subtlest": ld(palette["red.50"], palette["red.900"]),
265
+ "bg.error": ld(palette["red.500"], palette["red.dark.500"]),
266
+ "bg.error.hovered": ld(palette["red.600"], palette["red.dark.450"]),
267
+ "bg.error.light": ld(palette["red.200"], palette["red.dark.700"]),
268
+ "bg.error.pressed": ld(palette["red.700"], palette["red.dark.400"]),
269
+ "bg.error.subtle": ld(palette["red.100"], palette["red.dark.800"]),
270
+ "bg.error.subtlest": ld(palette["red.50"], palette["red.dark.900"]),
258
271
  "bg.information": ld(palette["blue.600"], palette["blue.600"]),
259
272
  "bg.information.light": ld(palette["blue.200"], palette["blue.800"]),
260
- "bg.information.subtle": ld(palette["blue.100"], palette["blue.900"]),
261
- "bg.overlay": ld(palette["neutral.1200/32"], palette["neutral.50/32"]),
262
- "bg.page": ld(palette["neutral.50"], palette["neutral.1100"]),
263
- "bg.secondary": ld(palette["neutral.75"], palette["neutral.900"]),
264
- "bg.secondary.hovered": ld(palette["neutral.75"], palette["neutral.50/12"]),
265
- "bg.spinner.default": ld(palette["neutral.1200"], palette["neutral.50"]),
273
+ "bg.information.subtle": ld(palette["blue.100"], palette["blue.dark.900"]),
274
+ "bg.overlay": ld(palette["neutral.1200/32"], palette["neutral.1200/32"]),
275
+ "bg.page": ld(palette["neutral.25"], palette["neutral.1050"]),
276
+ "bg.secondary": ld(palette["neutral.75"], palette["neutral.1100"]),
277
+ "bg.secondary.hovered": ld(palette["neutral.75"], palette["neutral.50/18"]),
278
+ "bg.spinner.default": ld(palette["neutral.1100"], palette["neutral.50"]),
266
279
  "bg.spinner.inverse": ld(palette["neutral.50"], palette["neutral.50"]),
267
- "bg.success": ld(palette["green.600"], palette["green.600"]),
280
+ "bg.success": ld(palette["brand.500"], palette["brand.500"]),
268
281
  "bg.success.hovered": ld(palette["green.700"], palette["green.400"]),
269
282
  "bg.success.light": ld(palette["green.200"], palette["green.800"]),
270
- "bg.success.subtle": ld(palette["green.100"], palette["green.900"]),
271
- "bg.tertiary": ld(palette["neutral.150"], palette["neutral.700"]),
283
+ "bg.success.subtle": ld(palette["brand.50"], palette["brand.900"]),
284
+ "bg.tertiary": ld(palette["neutral.75"], palette["neutral.1100"]),
272
285
  "bg.tertiary.hovered": ld(palette["neutral.200"], palette["neutral.50/18"]),
273
286
  "bg.warning": ld(palette["yellow.300"], palette["yellow.500"]),
274
287
  "bg.warning.hovered": ld(palette["yellow.600"], palette["yellow.400"]),
275
288
  "bg.warning.light": ld(palette["yellow.200"], palette["yellow.800"]),
276
- "bg.warning.subtle": ld(palette["yellow.100"], palette["yellow.900"]),
289
+ "bg.warning.subtle": ld(palette["yellow.100"], palette["yellow.dark.900"]),
277
290
  "border.accent": ld(palette["brand.500"], palette["brand.300"]),
278
- "border.control": ld(palette["neutral.500"], palette["neutral.700"]),
279
- "border.control.hovered": ld(palette["neutral.600"], palette["neutral.600"]),
280
- "border.default": ld(palette["neutral.200"], palette["neutral.600"]),
281
- "border.disabled": ld(palette["neutral.75"], palette["neutral.800"]),
282
- "border.error": ld(palette["red.500"], palette["red.200"]),
283
- "border.focus": ld(palette["brand.400"], palette["brand.300"]),
291
+ "border.control": ld(palette["neutral.400"], palette["neutral.600"]),
292
+ "border.control.hovered": ld(palette["neutral.600"], palette["neutral.400"]),
293
+ "border.default": ld(palette["neutral.150"], palette["neutral.800"]),
294
+ "border.disabled": ld(palette["neutral.150"], palette["neutral.50/12"]),
295
+ "border.error": ld(palette["red.500"], palette["red.dark.200"]),
296
+ "border.focus": ld(palette["blue.500"], palette["blue.400"]),
284
297
  "border.focus.error": ld(palette["red.400"], palette["red.300"]),
285
- "border.secondary": ld(palette["neutral.150"], palette["neutral.700"]),
298
+ "border.secondary": ld(palette["neutral.100"], palette["neutral.900"]),
286
299
  "border.success": ld(palette["green.500"], palette["green.500"]),
287
- "border.tertiary": ld(palette["neutral.100"], palette["neutral.800"]),
300
+ "border.tertiary": ld(palette["neutral.100"], palette["neutral.900"]),
288
301
  "border.warning": ld(palette["yellow.500"], palette["yellow.500"]),
289
- "fg.accent": ld(palette["brand.500"], palette["brand.300"]),
290
- "fg.accent.hovered": ld(palette["brand.600"], palette["brand.500"]),
291
- "fg.accent.strong": ld(palette["brand.700"], palette["brand.400"]),
292
- "fg.avatar.neutral": ld(palette["neutral.700"], palette["neutral.100"]),
293
- "fg.avatar.purple": ld(palette["purple.700"], palette["purple.100"]),
294
- "fg.default": ld(palette["neutral.800"], palette["neutral.75"]),
295
- "fg.default.inverse": ld(palette["neutral.00"], palette["neutral.800"]),
296
- "fg.disabled": ld(palette["neutral.500"], palette["neutral.50/32"]),
297
- "fg.error": ld(palette["red.500"], palette["red.300"]),
298
- "fg.error.hovered": ld(palette["red.600"], palette["red.600"]),
302
+ "fg.accent": ld(palette["brand.500"], palette["brand.500"]),
303
+ "fg.accent.hovered": ld(palette["brand.700"], palette["brand.400"]),
304
+ "fg.accent.strong": ld(palette["brand.800"], palette["brand.300"]),
305
+ "fg.avatar.neutral": ld(palette["neutral.800"], palette["neutral.300"]),
306
+ "fg.avatar.purple": ld(palette["purple.700"], palette["neutral.00"]),
307
+ "fg.black": ld(palette["neutral.1100"], palette["neutral.1100"]),
308
+ "fg.default": ld(palette["neutral.1100"], palette["neutral.200"]),
309
+ "fg.default.inverse": ld(palette["neutral.00"], palette["neutral.1100"]),
310
+ "fg.disabled": ld(palette["neutral.400"], palette["neutral.600"]),
311
+ "fg.error": ld(palette["red.600"], palette["red.dark.200"]),
312
+ "fg.error.hovered": ld(palette["red.700"], palette["red.400"]),
299
313
  "fg.error.light": ld(palette["red.300"], palette["red.500"]),
300
- "fg.error.strong": ld(palette["red.700"], palette["red.200"]),
301
- "fg.information": ld(palette["blue.500"], palette["blue.300"]),
302
- "fg.information.light": ld(palette["blue.300"], palette["blue.500"]),
303
- "fg.information.strong": ld(palette["blue.700"], palette["blue.200"]),
304
- "fg.link.default": ld(palette["brand.500"], palette["brand.400"]),
305
- "fg.link.default.hovered": ld(palette["brand.600"], palette["brand.200"]),
306
- "fg.link.inverse": ld(palette["neutral.00"], palette["neutral.800"]),
307
- "fg.link.subtle": ld(palette["neutral.800"], palette["neutral.75"]),
314
+ "fg.error.strong": ld(palette["red.700"], palette["red.dark.200"]),
315
+ "fg.information": ld(palette["blue.500"], palette["blue.dark.200"]),
316
+ "fg.information.light": ld(palette["blue.300"], palette["blue.300"]),
317
+ "fg.information.strong": ld(palette["blue.600"], palette["blue.dark.200"]),
318
+ "fg.link.default": ld(palette["brand.800"], palette["brand.700"]),
319
+ "fg.link.default.hovered": ld(palette["brand.900"], palette["brand.600"]),
320
+ "fg.link.inverse": ld(palette["neutral.00"], palette["neutral.1100"]),
321
+ "fg.link.subtle": ld(palette["neutral.1100"], palette["neutral.200"]),
308
322
  "fg.link.visited": ld(palette["purple.600"], palette["purple.500"]),
309
- "fg.secondary": ld(palette["neutral.700"], palette["neutral.200"]),
310
- "fg.spinner.default": ld(palette["neutral.800"], palette["neutral.200"]),
311
- "fg.spinner.inverse": ld(palette["neutral.200"], palette["neutral.800"]),
312
- "fg.success": ld(palette["green.500"], palette["green.300"]),
313
- "fg.success.hovered": ld(palette["green.600"], palette["green.600"]),
314
- "fg.success.light": ld(palette["green.300"], palette["green.500"]),
315
- "fg.success.strong": ld(palette["green.700"], palette["green.200"]),
316
- "fg.tertiary": ld(palette["neutral.600"], palette["neutral.500"]),
317
- "fg.warning": ld(palette["yellow.500"], palette["yellow.300"]),
323
+ "fg.secondary": ld(palette["neutral.800"], palette["neutral.300"]),
324
+ "fg.spinner.default": ld(palette["brand.1000"], palette["neutral.150"]),
325
+ "fg.spinner.inverse": ld(palette["neutral.00"], palette["brand.1000"]),
326
+ "fg.success": ld(palette["brand.700"], palette["green.dark.200"]),
327
+ "fg.success.hovered": ld(palette["brand.800"], palette["brand.500"]),
328
+ "fg.success.light": ld(palette["brand.300"], palette["brand.700"]),
329
+ "fg.success.strong": ld(palette["brand.800"], palette["brand.500"]),
330
+ "fg.tertiary": ld(palette["neutral.700"], palette["neutral.400"]),
331
+ "fg.warning": ld(palette["yellow.500"], palette["yellow.dark.200"]),
318
332
  "fg.warning.hovered": ld(palette["yellow.600"], palette["yellow.600"]),
319
333
  "fg.warning.inverse": ld(palette["neutral.800"], palette["neutral.800"]),
320
- "fg.warning.light": ld(palette["yellow.300"], palette["yellow.500"]),
321
- "fg.warning.strong": ld(palette["yellow.700"], palette["yellow.200"]),
322
- "fg.white": ld(palette["neutral.00"], palette["neutral.00"])
334
+ "fg.warning.light": ld(palette["yellow.300"], palette["yellow.600"]),
335
+ "fg.warning.strong": ld(palette["yellow.700"], palette["yellow.dark.200"]),
336
+ "fg.white": ld(palette["neutral.00"], palette["neutral.200"])
323
337
  };
324
338
 
325
339
  const duration = {
@@ -329,8 +343,9 @@ const duration = {
329
343
  };
330
344
 
331
345
  const fontFamily = {
332
- mono: "Fira Code Variable, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace",
333
- sans: "InterVariable, system-ui, sans-serif"
346
+ heading: "Nudge Semicondensed, Roboto Condensed Variable, system-ui, sans-serif",
347
+ mono: "Roboto Mono Variable, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace",
348
+ sans: "DI Grotesk B, Roboto Variable, system-ui, sans-serif"
334
349
  };
335
350
 
336
351
  const fontSize = {
@@ -363,8 +378,8 @@ const fontSize = {
363
378
  lineHeight: rem("40px")
364
379
  },
365
380
  "4xl": {
366
- fontSize: rem("32px"),
367
- lineHeight: rem("44px")
381
+ fontSize: rem("50px"),
382
+ lineHeight: rem("60px")
368
383
  }
369
384
  };
370
385
 
package/dist/esm/fonts.js CHANGED
@@ -1,2 +1,3 @@
1
- import '@fontsource-variable/fira-code/index.css';
2
- import 'inter-ui/inter-variable.css';
1
+ import '@fontsource-variable/roboto/index.css';
2
+ import '@fontsource-variable/roboto-condensed/index.css';
3
+ import '@fontsource-variable/roboto-mono/index.css';
@@ -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)'},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:{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)'}};
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)'},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.black':'var(--ax-colors-fg-black)','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)'}};
2
2
 
3
3
  export { theme };
@@ -2,10 +2,10 @@ import { rem } from './rem.js';
2
2
 
3
3
  const borderRadius = {
4
4
  xs: rem("2px"),
5
- sm: rem("4px"),
6
- md: rem("6px"),
7
- lg: rem("8px"),
8
- xl: rem("12px"),
5
+ sm: rem("6px"),
6
+ md: rem("8px"),
7
+ lg: rem("12px"),
8
+ xl: rem("16px"),
9
9
  full: "9999px"
10
10
  };
11
11