@optiaxiom/globals 3.0.0-next.0 → 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.
Files changed (7) hide show
  1. package/dist/cjs/fonts.js +3 -3
  2. package/dist/cjs/index.js +148 -143
  3. package/dist/esm/fonts.js +3 -3
  4. package/dist/esm/theme-css.js +1 -1
  5. package/dist/esm/tokens/colors.js +147 -142
  6. package/dist/index.d.ts +90 -88
  7. package/package.json +2 -2
package/dist/cjs/fonts.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- require('@fontsource-variable/roboto');
4
- require('@fontsource-variable/roboto-condensed');
5
- require('@fontsource-variable/roboto-mono');
3
+ require('@fontsource-variable/roboto/index.css');
4
+ require('@fontsource-variable/roboto-condensed/index.css');
5
+ require('@fontsource-variable/roboto-mono/index.css');
6
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:{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)'}};
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
 
@@ -156,78 +156,78 @@ const boxShadow = {
156
156
  };
157
157
 
158
158
  const palette = {
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",
159
168
  "brand.50": "#EEFFD9",
160
- "brand.100": "#D3FF9D",
161
- "brand.150": "#CEFF93",
162
- "brand.200": "#C5FF7E",
163
- "brand.250": "#BFFF70",
164
- "brand.300": "#ABFF44",
165
- "brand.400": "#99F141",
166
- "brand.500": "#7DDD3D",
167
- "brand.600": "#3AB533",
168
- "brand.700": "#38735D",
169
- "brand.800": "#203526",
170
- "brand.900": "#197050",
171
- "brand.1000": "#0D3A29",
172
- "green.50": "#DEF2EB",
173
- "green.100": "#BCD5CC",
174
- "green.200": "#A4C7BA",
175
- "green.300": "#86EFAC",
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",
176
184
  "green.400": "#80B09F",
177
185
  "green.500": "#5F9B85",
178
- "green.600": "#388367",
179
186
  "green.700": "#197050",
180
- "green.800": "#1E3329",
181
- "green.900": "#114C36",
182
- "teal.50": "#E2F5F5",
183
- "teal.100": "#93C5FD",
184
- "teal.200": "#91DBDA",
185
- "teal.300": "#60B4BE",
186
- "teal.400": "#409AAB",
187
- "teal.500": "#197A94",
188
- "teal.600": "#036988",
189
- "teal.700": "#1E3140",
190
- "teal.800": "#01303E",
187
+ "green.800": "#114C36",
188
+ "green.dark.200": "#86EFAC",
191
189
  "neutral.00": "#FFFFFF",
192
- "neutral.50": "#F9FCF8",
193
- "neutral.75": "#EFF6E9",
194
- "neutral.100": "#EBF4E4",
195
- "neutral.200": "#D8E4CB",
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
196
  "neutral.300": "#B2BD9E",
197
- "neutral.500": "#A1AC8D",
197
+ "neutral.400": "#A1AC8D",
198
198
  "neutral.600": "#717863",
199
- "neutral.700": "#455341",
200
- "neutral.800": "#323A32",
201
- "neutral.900": "#252825",
202
- "neutral.1000": "#1C271D",
203
- "neutral.1100": "#08251A",
204
- "neutral.50/4": "#F9FAFC0A",
205
- "neutral.50/12": "#F9FAFC1F",
206
- "neutral.50/18": "#F9FAFC2E",
207
- "neutral.50/32": "#F9FAFC52",
208
- "neutral.1100/4": "#08251A0A",
209
- "neutral.1100/32": "#08251A52",
210
- "purple.50": "#EDE9FE",
211
- "purple.100": "#7C3AED",
212
- "purple.200": "#6D28D9",
213
- "purple.300": "#5B21B6",
214
- "pink.50": "#FFF1F5",
215
- "pink.100": "#FFDFE8",
216
- "pink.200": "#FFC1D3",
217
- "pink.250": "#FCA5A5",
218
- "pink.300": "#FF99B6",
219
- "pink.400": "#E284A0",
220
- "pink.500": "#A95A77",
221
- "pink.600": "#A85C5C",
222
- "pink.700": "#904A4A",
223
- "pink.800": "#8F4764",
224
- "pink.900": "#803F3F",
225
- "pink.1000": "#5D2E41",
226
- "pink.1100": "#593030",
227
- "pink.1200": "#3E2D2D",
228
- "pink.1300": "#372C2C",
229
- "yellow.50": "#FEF1C6",
230
- "yellow.100": "#FCD34D",
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",
230
+ "yellow.100": "#FEF1C6",
231
231
  "yellow.200": "#FEDF88",
232
232
  "yellow.300": "#FFC84B",
233
233
  "yellow.400": "#FDB022",
@@ -235,100 +235,105 @@ const palette = {
235
235
  "yellow.600": "#DC6903",
236
236
  "yellow.700": "#B54707",
237
237
  "yellow.800": "#7A2E0D",
238
- "yellow.900": "#3A2D1A"
238
+ "yellow.dark.200": "#FCD34D",
239
+ "yellow.dark.900": "#3A2D1A"
239
240
  };
240
241
  const ld = (a, b) => `light-dark(${a}, ${b})`;
241
242
  const colors = {
242
- "bg.accent": ld(palette["brand.300"], palette["brand.300"]),
243
- "bg.accent.hovered": ld(palette["brand.400"], palette["brand.200"]),
244
- "bg.accent.light": ld(palette["brand.150"], palette["brand.700"]),
245
- "bg.accent.pressed": ld(palette["brand.500"], palette["brand.100"]),
246
- "bg.accent.subtle": ld(palette["brand.50"], palette["brand.800"]),
247
- "bg.avatar.neutral": ld(palette["neutral.100"], palette["neutral.1100"]),
248
- "bg.avatar.purple": ld(palette["purple.50"], palette["purple.100"]),
249
- "bg.default": ld(palette["neutral.00"], palette["neutral.900"]),
250
- "bg.default.hovered": ld(palette["neutral.50"], palette["neutral.50/4"]),
251
- "bg.default.inverse": ld(palette["neutral.1100"], palette["neutral.100"]),
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"]),
250
+ "bg.default": ld(palette["neutral.00"], palette["neutral.1000"]),
251
+ "bg.default.hovered": ld(palette["neutral.1200/4"], palette["neutral.50/6"]),
252
+ "bg.default.inverse": ld(palette["neutral.1050"], palette["neutral.25"]),
252
253
  "bg.default.inverse.hovered": ld(
253
- palette["neutral.1100"],
254
+ palette["neutral.900"],
254
255
  palette["neutral.200"]
255
256
  ),
256
257
  "bg.default.inverse.pressed": ld(
257
- palette["neutral.1100"],
258
- palette["neutral.300"]
258
+ palette["neutral.1000"],
259
+ palette["neutral.200"]
260
+ ),
261
+ "bg.default.pressed": ld(
262
+ palette["neutral.1200/16"],
263
+ palette["neutral.50/18"]
259
264
  ),
260
- "bg.default.pressed": ld(palette["neutral.75"], palette["neutral.800"]),
261
- "bg.error": ld(palette["pink.500"], palette["pink.900"]),
262
- "bg.error.hovered": ld(palette["pink.800"], palette["pink.700"]),
263
- "bg.error.light": ld(palette["pink.200"], palette["pink.1100"]),
264
- "bg.error.pressed": ld(palette["pink.1000"], palette["pink.600"]),
265
- "bg.error.subtle": ld(palette["pink.100"], palette["pink.1200"]),
266
- "bg.error.subtlest": ld(palette["pink.50"], palette["pink.1300"]),
267
- "bg.information": ld(palette["teal.600"], palette["teal.600"]),
268
- "bg.information.light": ld(palette["teal.200"], palette["teal.800"]),
269
- "bg.information.subtle": ld(palette["teal.50"], palette["teal.700"]),
270
- "bg.overlay": ld(palette["neutral.1100/32"], palette["neutral.50/32"]),
271
- "bg.page": ld(palette["neutral.50"], palette["neutral.900"]),
272
- "bg.secondary": ld(palette["neutral.75"], palette["neutral.800"]),
273
- "bg.secondary.hovered": ld(palette["neutral.100"], palette["neutral.50/12"]),
274
- "bg.spinner.default": ld(palette["neutral.1100/4"], palette["neutral.50/4"]),
275
- "bg.spinner.inverse": ld(palette["neutral.50/4"], palette["neutral.1100/4"]),
276
- "bg.success": ld(palette["green.600"], palette["green.600"]),
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"]),
271
+ "bg.information": ld(palette["blue.600"], palette["blue.600"]),
272
+ "bg.information.light": ld(palette["blue.200"], palette["blue.800"]),
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"]),
279
+ "bg.spinner.inverse": ld(palette["neutral.50"], palette["neutral.50"]),
280
+ "bg.success": ld(palette["brand.500"], palette["brand.500"]),
277
281
  "bg.success.hovered": ld(palette["green.700"], palette["green.400"]),
278
- "bg.success.light": ld(palette["green.100"], palette["green.900"]),
279
- "bg.success.subtle": ld(palette["green.50"], palette["green.800"]),
280
- "bg.tertiary": ld(palette["neutral.200"], palette["neutral.700"]),
281
- "bg.tertiary.hovered": ld(palette["neutral.300"], palette["neutral.700"]),
282
+ "bg.success.light": ld(palette["green.200"], palette["green.800"]),
283
+ "bg.success.subtle": ld(palette["brand.50"], palette["brand.900"]),
284
+ "bg.tertiary": ld(palette["neutral.75"], palette["neutral.1100"]),
285
+ "bg.tertiary.hovered": ld(palette["neutral.200"], palette["neutral.50/18"]),
282
286
  "bg.warning": ld(palette["yellow.300"], palette["yellow.500"]),
283
287
  "bg.warning.hovered": ld(palette["yellow.600"], palette["yellow.400"]),
284
288
  "bg.warning.light": ld(palette["yellow.200"], palette["yellow.800"]),
285
- "bg.warning.subtle": ld(palette["yellow.50"], palette["yellow.900"]),
286
- "border.accent": ld(palette["brand.300"], palette["brand.150"]),
287
- "border.control": ld(palette["neutral.500"], palette["neutral.500"]),
288
- "border.control.hovered": ld(palette["neutral.600"], palette["neutral.600"]),
289
- "border.default": ld(palette["neutral.200"], palette["neutral.700"]),
290
- "border.disabled": ld(palette["neutral.75"], palette["neutral.50/18"]),
291
- "border.error": ld(palette["pink.500"], palette["pink.250"]),
292
- "border.focus": ld(palette["teal.500"], palette["teal.400"]),
293
- "border.focus.error": ld(palette["pink.400"], palette["pink.300"]),
294
- "border.secondary": ld(palette["neutral.200"], palette["neutral.700"]),
289
+ "bg.warning.subtle": ld(palette["yellow.100"], palette["yellow.dark.900"]),
290
+ "border.accent": ld(palette["brand.500"], 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"]),
297
+ "border.focus.error": ld(palette["red.400"], palette["red.300"]),
298
+ "border.secondary": ld(palette["neutral.100"], palette["neutral.900"]),
295
299
  "border.success": ld(palette["green.500"], palette["green.500"]),
296
- "border.tertiary": ld(palette["neutral.100"], palette["neutral.800"]),
300
+ "border.tertiary": ld(palette["neutral.100"], palette["neutral.900"]),
297
301
  "border.warning": ld(palette["yellow.500"], palette["yellow.500"]),
298
- "fg.accent": ld(palette["brand.300"], palette["brand.300"]),
299
- "fg.accent.hovered": ld(palette["brand.600"], palette["brand.250"]),
300
- "fg.accent.strong": ld(palette["brand.900"], palette["brand.150"]),
301
- "fg.avatar.neutral": ld(palette["neutral.700"], palette["neutral.100"]),
302
- "fg.avatar.purple": ld(palette["purple.300"], palette["neutral.00"]),
303
- "fg.default": ld(palette["neutral.1000"], palette["neutral.200"]),
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"]),
304
309
  "fg.default.inverse": ld(palette["neutral.00"], palette["neutral.1100"]),
305
- "fg.disabled": ld(palette["neutral.500"], palette["neutral.600"]),
306
- "fg.error": ld(palette["pink.500"], palette["pink.250"]),
307
- "fg.error.hovered": ld(palette["pink.800"], palette["pink.800"]),
308
- "fg.error.light": ld(palette["pink.300"], palette["pink.250"]),
309
- "fg.error.strong": ld(palette["pink.1000"], palette["pink.250"]),
310
- "fg.information": ld(palette["teal.500"], palette["teal.100"]),
311
- "fg.information.light": ld(palette["teal.300"], palette["teal.100"]),
312
- "fg.information.strong": ld(palette["teal.600"], palette["teal.100"]),
313
- "fg.link.default": ld(palette["brand.900"], palette["brand.600"]),
314
- "fg.link.default.hovered": ld(palette["brand.1000"], palette["brand.500"]),
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"]),
313
+ "fg.error.light": ld(palette["red.300"], palette["red.500"]),
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"]),
315
320
  "fg.link.inverse": ld(palette["neutral.00"], palette["neutral.1100"]),
316
- "fg.link.subtle": ld(palette["neutral.1000"], palette["neutral.200"]),
317
- "fg.link.visited": ld(palette["purple.200"], palette["purple.100"]),
318
- "fg.secondary": ld(palette["neutral.700"], palette["neutral.300"]),
319
- "fg.spinner.default": ld(palette["neutral.1100"], palette["neutral.200"]),
320
- "fg.spinner.inverse": ld(palette["neutral.00"], palette["neutral.1100"]),
321
- "fg.success": ld(palette["green.500"], palette["green.300"]),
322
- "fg.success.hovered": ld(palette["green.600"], palette["green.600"]),
323
- "fg.success.light": ld(palette["green.200"], palette["green.300"]),
324
- "fg.success.strong": ld(palette["green.700"], palette["green.300"]),
325
- "fg.tertiary": ld(palette["neutral.600"], palette["neutral.500"]),
326
- "fg.warning": ld(palette["yellow.500"], palette["yellow.100"]),
321
+ "fg.link.subtle": ld(palette["neutral.1100"], palette["neutral.200"]),
322
+ "fg.link.visited": ld(palette["purple.600"], palette["purple.500"]),
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"]),
327
332
  "fg.warning.hovered": ld(palette["yellow.600"], palette["yellow.600"]),
328
- "fg.warning.inverse": ld(palette["neutral.1100"], palette["neutral.1100"]),
329
- "fg.warning.light": ld(palette["yellow.300"], palette["yellow.100"]),
330
- "fg.warning.strong": ld(palette["yellow.700"], palette["yellow.100"]),
331
- "fg.white": ld(palette["neutral.00"], palette["neutral.00"])
333
+ "fg.warning.inverse": ld(palette["neutral.800"], palette["neutral.800"]),
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"])
332
337
  };
333
338
 
334
339
  const duration = {
package/dist/esm/fonts.js CHANGED
@@ -1,3 +1,3 @@
1
- import '@fontsource-variable/roboto';
2
- import '@fontsource-variable/roboto-condensed';
3
- import '@fontsource-variable/roboto-mono';
1
+ import '@fontsource-variable/roboto/index.css';
2
+ import '@fontsource-variable/roboto-condensed/index.css';
3
+ import '@fontsource-variable/roboto-mono/index.css';
package/dist/esm/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)'},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)'}};
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 };
package/dist/esm/tokens/colors.js CHANGED
@@ -1,76 +1,76 @@
1
1
  const palette = {
2
+ "blue.100": "#E2F5F5",
3
+ "blue.200": "#91DBDA",
4
+ "blue.300": "#60B4BE",
5
+ "blue.400": "#409AAB",
6
+ "blue.500": "#197A94",
7
+ "blue.600": "#036988",
8
+ "blue.800": "#01303E",
9
+ "blue.dark.200": "#93C5FD",
10
+ "blue.dark.900": "#1E3140",
2
11
  "brand.50": "#EEFFD9",
3
- "brand.100": "#D3FF9D",
4
- "brand.150": "#CEFF93",
5
- "brand.200": "#C5FF7E",
6
- "brand.250": "#BFFF70",
7
- "brand.300": "#ABFF44",
8
- "brand.400": "#99F141",
9
- "brand.500": "#7DDD3D",
10
- "brand.600": "#3AB533",
11
- "brand.700": "#38735D",
12
- "brand.800": "#203526",
13
- "brand.900": "#197050",
14
- "brand.1000": "#0D3A29",
15
- "green.50": "#DEF2EB",
16
- "green.100": "#BCD5CC",
17
- "green.200": "#A4C7BA",
18
- "green.300": "#86EFAC",
12
+ "brand.200": "#DFFFB8",
13
+ "brand.300": "#CEFF93",
14
+ "brand.400": "#BFFF70",
15
+ "brand.500": "#ABFF44",
16
+ "brand.550": "#99F141",
17
+ "brand.600": "#7DDD3D",
18
+ "brand.700": "#3AB533",
19
+ "brand.800": "#226B1E",
20
+ "brand.900": "#123810",
21
+ "brand.1000": "#08251A",
22
+ "brand.dark.400": "#D3FF9D",
23
+ "brand.dark.500": "#C5FF7E",
24
+ "brand.dark.800": "#38735D",
25
+ "brand.dark.900": "#203526",
26
+ "green.200": "#BCD5CC",
19
27
  "green.400": "#80B09F",
20
28
  "green.500": "#5F9B85",
21
- "green.600": "#388367",
22
29
  "green.700": "#197050",
23
- "green.800": "#1E3329",
24
- "green.900": "#114C36",
25
- "teal.50": "#E2F5F5",
26
- "teal.100": "#93C5FD",
27
- "teal.200": "#91DBDA",
28
- "teal.300": "#60B4BE",
29
- "teal.400": "#409AAB",
30
- "teal.500": "#197A94",
31
- "teal.600": "#036988",
32
- "teal.700": "#1E3140",
33
- "teal.800": "#01303E",
30
+ "green.800": "#114C36",
31
+ "green.dark.200": "#86EFAC",
34
32
  "neutral.00": "#FFFFFF",
35
- "neutral.50": "#F9FCF8",
36
- "neutral.75": "#EFF6E9",
37
- "neutral.100": "#EBF4E4",
38
- "neutral.200": "#D8E4CB",
33
+ "neutral.25": "#F9FCF8",
34
+ "neutral.50": "#F6FAF3",
35
+ "neutral.75": "#EFF5EB",
36
+ "neutral.100": "#E4F0DA",
37
+ "neutral.150": "#D8E4CB",
38
+ "neutral.200": "#D2DEC2",
39
39
  "neutral.300": "#B2BD9E",
40
- "neutral.500": "#A1AC8D",
40
+ "neutral.400": "#A1AC8D",
41
41
  "neutral.600": "#717863",
42
- "neutral.700": "#455341",
43
- "neutral.800": "#323A32",
44
- "neutral.900": "#252825",
45
- "neutral.1000": "#1C271D",
46
- "neutral.1100": "#08251A",
47
- "neutral.50/4": "#F9FAFC0A",
48
- "neutral.50/12": "#F9FAFC1F",
49
- "neutral.50/18": "#F9FAFC2E",
50
- "neutral.50/32": "#F9FAFC52",
51
- "neutral.1100/4": "#08251A0A",
52
- "neutral.1100/32": "#08251A52",
53
- "purple.50": "#EDE9FE",
54
- "purple.100": "#7C3AED",
55
- "purple.200": "#6D28D9",
56
- "purple.300": "#5B21B6",
57
- "pink.50": "#FFF1F5",
58
- "pink.100": "#FFDFE8",
59
- "pink.200": "#FFC1D3",
60
- "pink.250": "#FCA5A5",
61
- "pink.300": "#FF99B6",
62
- "pink.400": "#E284A0",
63
- "pink.500": "#A95A77",
64
- "pink.600": "#A85C5C",
65
- "pink.700": "#904A4A",
66
- "pink.800": "#8F4764",
67
- "pink.900": "#803F3F",
68
- "pink.1000": "#5D2E41",
69
- "pink.1100": "#593030",
70
- "pink.1200": "#3E2D2D",
71
- "pink.1300": "#372C2C",
72
- "yellow.50": "#FEF1C6",
73
- "yellow.100": "#FCD34D",
42
+ "neutral.700": "#616755",
43
+ "neutral.800": "#484E46",
44
+ "neutral.900": "#383E38",
45
+ "neutral.1000": "#2B2E2B",
46
+ "neutral.1050": "#252825",
47
+ "neutral.1100": "#202320",
48
+ "neutral.50/6": "#DDE9D20D",
49
+ "neutral.50/12": "#DDE9D21F",
50
+ "neutral.50/18": "#DDE9D224",
51
+ "neutral.1200/4": "#5F931F14",
52
+ "neutral.1200/16": "#5E8B2729",
53
+ "neutral.1200/32": "#393E3252",
54
+ "purple.100": "#EDE9FE",
55
+ "purple.500": "#7C3AED",
56
+ "purple.600": "#6D28D9",
57
+ "purple.700": "#5B21B6",
58
+ "red.50": "#FFF1F5",
59
+ "red.100": "#FFDFE8",
60
+ "red.200": "#FFC1D3",
61
+ "red.300": "#FF99B6",
62
+ "red.400": "#E284A0",
63
+ "red.500": "#A95A77",
64
+ "red.600": "#8F4764",
65
+ "red.700": "#5D2E41",
66
+ "red.dark.200": "#FCA5A5",
67
+ "red.dark.400": "#A85C5C",
68
+ "red.dark.450": "#904A4A",
69
+ "red.dark.500": "#803F3F",
70
+ "red.dark.700": "#593030",
71
+ "red.dark.800": "#3E2D2D",
72
+ "red.dark.900": "#372C2C",
73
+ "yellow.100": "#FEF1C6",
74
74
  "yellow.200": "#FEDF88",
75
75
  "yellow.300": "#FFC84B",
76
76
  "yellow.400": "#FDB022",
@@ -78,100 +78,105 @@ const palette = {
78
78
  "yellow.600": "#DC6903",
79
79
  "yellow.700": "#B54707",
80
80
  "yellow.800": "#7A2E0D",
81
- "yellow.900": "#3A2D1A"
81
+ "yellow.dark.200": "#FCD34D",
82
+ "yellow.dark.900": "#3A2D1A"
82
83
  };
83
84
  const ld = (a, b) => `light-dark(${a}, ${b})`;
84
85
  const colors = {
85
- "bg.accent": ld(palette["brand.300"], palette["brand.300"]),
86
- "bg.accent.hovered": ld(palette["brand.400"], palette["brand.200"]),
87
- "bg.accent.light": ld(palette["brand.150"], palette["brand.700"]),
88
- "bg.accent.pressed": ld(palette["brand.500"], palette["brand.100"]),
89
- "bg.accent.subtle": ld(palette["brand.50"], palette["brand.800"]),
90
- "bg.avatar.neutral": ld(palette["neutral.100"], palette["neutral.1100"]),
91
- "bg.avatar.purple": ld(palette["purple.50"], palette["purple.100"]),
92
- "bg.default": ld(palette["neutral.00"], palette["neutral.900"]),
93
- "bg.default.hovered": ld(palette["neutral.50"], palette["neutral.50/4"]),
94
- "bg.default.inverse": ld(palette["neutral.1100"], palette["neutral.100"]),
86
+ "bg.accent": ld(palette["brand.500"], palette["brand.500"]),
87
+ "bg.accent.hovered": ld(palette["brand.550"], palette["brand.dark.500"]),
88
+ "bg.accent.light": ld(palette["brand.200"], palette["brand.dark.800"]),
89
+ "bg.accent.pressed": ld(palette["brand.600"], palette["brand.dark.400"]),
90
+ "bg.accent.subtle": ld(palette["brand.50"], palette["brand.dark.900"]),
91
+ "bg.avatar.neutral": ld(palette["neutral.75"], palette["neutral.1100"]),
92
+ "bg.avatar.purple": ld(palette["purple.100"], palette["purple.500"]),
93
+ "bg.default": ld(palette["neutral.00"], palette["neutral.1000"]),
94
+ "bg.default.hovered": ld(palette["neutral.1200/4"], palette["neutral.50/6"]),
95
+ "bg.default.inverse": ld(palette["neutral.1050"], palette["neutral.25"]),
95
96
  "bg.default.inverse.hovered": ld(
96
- palette["neutral.1100"],
97
+ palette["neutral.900"],
97
98
  palette["neutral.200"]
98
99
  ),
99
100
  "bg.default.inverse.pressed": ld(
100
- palette["neutral.1100"],
101
- palette["neutral.300"]
101
+ palette["neutral.1000"],
102
+ palette["neutral.200"]
103
+ ),
104
+ "bg.default.pressed": ld(
105
+ palette["neutral.1200/16"],
106
+ palette["neutral.50/18"]
102
107
  ),
103
- "bg.default.pressed": ld(palette["neutral.75"], palette["neutral.800"]),
104
- "bg.error": ld(palette["pink.500"], palette["pink.900"]),
105
- "bg.error.hovered": ld(palette["pink.800"], palette["pink.700"]),
106
- "bg.error.light": ld(palette["pink.200"], palette["pink.1100"]),
107
- "bg.error.pressed": ld(palette["pink.1000"], palette["pink.600"]),
108
- "bg.error.subtle": ld(palette["pink.100"], palette["pink.1200"]),
109
- "bg.error.subtlest": ld(palette["pink.50"], palette["pink.1300"]),
110
- "bg.information": ld(palette["teal.600"], palette["teal.600"]),
111
- "bg.information.light": ld(palette["teal.200"], palette["teal.800"]),
112
- "bg.information.subtle": ld(palette["teal.50"], palette["teal.700"]),
113
- "bg.overlay": ld(palette["neutral.1100/32"], palette["neutral.50/32"]),
114
- "bg.page": ld(palette["neutral.50"], palette["neutral.900"]),
115
- "bg.secondary": ld(palette["neutral.75"], palette["neutral.800"]),
116
- "bg.secondary.hovered": ld(palette["neutral.100"], palette["neutral.50/12"]),
117
- "bg.spinner.default": ld(palette["neutral.1100/4"], palette["neutral.50/4"]),
118
- "bg.spinner.inverse": ld(palette["neutral.50/4"], palette["neutral.1100/4"]),
119
- "bg.success": ld(palette["green.600"], palette["green.600"]),
108
+ "bg.error": ld(palette["red.500"], palette["red.dark.500"]),
109
+ "bg.error.hovered": ld(palette["red.600"], palette["red.dark.450"]),
110
+ "bg.error.light": ld(palette["red.200"], palette["red.dark.700"]),
111
+ "bg.error.pressed": ld(palette["red.700"], palette["red.dark.400"]),
112
+ "bg.error.subtle": ld(palette["red.100"], palette["red.dark.800"]),
113
+ "bg.error.subtlest": ld(palette["red.50"], palette["red.dark.900"]),
114
+ "bg.information": ld(palette["blue.600"], palette["blue.600"]),
115
+ "bg.information.light": ld(palette["blue.200"], palette["blue.800"]),
116
+ "bg.information.subtle": ld(palette["blue.100"], palette["blue.dark.900"]),
117
+ "bg.overlay": ld(palette["neutral.1200/32"], palette["neutral.1200/32"]),
118
+ "bg.page": ld(palette["neutral.25"], palette["neutral.1050"]),
119
+ "bg.secondary": ld(palette["neutral.75"], palette["neutral.1100"]),
120
+ "bg.secondary.hovered": ld(palette["neutral.75"], palette["neutral.50/18"]),
121
+ "bg.spinner.default": ld(palette["neutral.1100"], palette["neutral.50"]),
122
+ "bg.spinner.inverse": ld(palette["neutral.50"], palette["neutral.50"]),
123
+ "bg.success": ld(palette["brand.500"], palette["brand.500"]),
120
124
  "bg.success.hovered": ld(palette["green.700"], palette["green.400"]),
121
- "bg.success.light": ld(palette["green.100"], palette["green.900"]),
122
- "bg.success.subtle": ld(palette["green.50"], palette["green.800"]),
123
- "bg.tertiary": ld(palette["neutral.200"], palette["neutral.700"]),
124
- "bg.tertiary.hovered": ld(palette["neutral.300"], palette["neutral.700"]),
125
+ "bg.success.light": ld(palette["green.200"], palette["green.800"]),
126
+ "bg.success.subtle": ld(palette["brand.50"], palette["brand.900"]),
127
+ "bg.tertiary": ld(palette["neutral.75"], palette["neutral.1100"]),
128
+ "bg.tertiary.hovered": ld(palette["neutral.200"], palette["neutral.50/18"]),
125
129
  "bg.warning": ld(palette["yellow.300"], palette["yellow.500"]),
126
130
  "bg.warning.hovered": ld(palette["yellow.600"], palette["yellow.400"]),
127
131
  "bg.warning.light": ld(palette["yellow.200"], palette["yellow.800"]),
128
- "bg.warning.subtle": ld(palette["yellow.50"], palette["yellow.900"]),
129
- "border.accent": ld(palette["brand.300"], palette["brand.150"]),
130
- "border.control": ld(palette["neutral.500"], palette["neutral.500"]),
131
- "border.control.hovered": ld(palette["neutral.600"], palette["neutral.600"]),
132
- "border.default": ld(palette["neutral.200"], palette["neutral.700"]),
133
- "border.disabled": ld(palette["neutral.75"], palette["neutral.50/18"]),
134
- "border.error": ld(palette["pink.500"], palette["pink.250"]),
135
- "border.focus": ld(palette["teal.500"], palette["teal.400"]),
136
- "border.focus.error": ld(palette["pink.400"], palette["pink.300"]),
137
- "border.secondary": ld(palette["neutral.200"], palette["neutral.700"]),
132
+ "bg.warning.subtle": ld(palette["yellow.100"], palette["yellow.dark.900"]),
133
+ "border.accent": ld(palette["brand.500"], palette["brand.300"]),
134
+ "border.control": ld(palette["neutral.400"], palette["neutral.600"]),
135
+ "border.control.hovered": ld(palette["neutral.600"], palette["neutral.400"]),
136
+ "border.default": ld(palette["neutral.150"], palette["neutral.800"]),
137
+ "border.disabled": ld(palette["neutral.150"], palette["neutral.50/12"]),
138
+ "border.error": ld(palette["red.500"], palette["red.dark.200"]),
139
+ "border.focus": ld(palette["blue.500"], palette["blue.400"]),
140
+ "border.focus.error": ld(palette["red.400"], palette["red.300"]),
141
+ "border.secondary": ld(palette["neutral.100"], palette["neutral.900"]),
138
142
  "border.success": ld(palette["green.500"], palette["green.500"]),
139
- "border.tertiary": ld(palette["neutral.100"], palette["neutral.800"]),
143
+ "border.tertiary": ld(palette["neutral.100"], palette["neutral.900"]),
140
144
  "border.warning": ld(palette["yellow.500"], palette["yellow.500"]),
141
- "fg.accent": ld(palette["brand.300"], palette["brand.300"]),
142
- "fg.accent.hovered": ld(palette["brand.600"], palette["brand.250"]),
143
- "fg.accent.strong": ld(palette["brand.900"], palette["brand.150"]),
144
- "fg.avatar.neutral": ld(palette["neutral.700"], palette["neutral.100"]),
145
- "fg.avatar.purple": ld(palette["purple.300"], palette["neutral.00"]),
146
- "fg.default": ld(palette["neutral.1000"], palette["neutral.200"]),
145
+ "fg.accent": ld(palette["brand.500"], palette["brand.500"]),
146
+ "fg.accent.hovered": ld(palette["brand.700"], palette["brand.400"]),
147
+ "fg.accent.strong": ld(palette["brand.800"], palette["brand.300"]),
148
+ "fg.avatar.neutral": ld(palette["neutral.800"], palette["neutral.300"]),
149
+ "fg.avatar.purple": ld(palette["purple.700"], palette["neutral.00"]),
150
+ "fg.black": ld(palette["neutral.1100"], palette["neutral.1100"]),
151
+ "fg.default": ld(palette["neutral.1100"], palette["neutral.200"]),
147
152
  "fg.default.inverse": ld(palette["neutral.00"], palette["neutral.1100"]),
148
- "fg.disabled": ld(palette["neutral.500"], palette["neutral.600"]),
149
- "fg.error": ld(palette["pink.500"], palette["pink.250"]),
150
- "fg.error.hovered": ld(palette["pink.800"], palette["pink.800"]),
151
- "fg.error.light": ld(palette["pink.300"], palette["pink.250"]),
152
- "fg.error.strong": ld(palette["pink.1000"], palette["pink.250"]),
153
- "fg.information": ld(palette["teal.500"], palette["teal.100"]),
154
- "fg.information.light": ld(palette["teal.300"], palette["teal.100"]),
155
- "fg.information.strong": ld(palette["teal.600"], palette["teal.100"]),
156
- "fg.link.default": ld(palette["brand.900"], palette["brand.600"]),
157
- "fg.link.default.hovered": ld(palette["brand.1000"], palette["brand.500"]),
153
+ "fg.disabled": ld(palette["neutral.400"], palette["neutral.600"]),
154
+ "fg.error": ld(palette["red.600"], palette["red.dark.200"]),
155
+ "fg.error.hovered": ld(palette["red.700"], palette["red.400"]),
156
+ "fg.error.light": ld(palette["red.300"], palette["red.500"]),
157
+ "fg.error.strong": ld(palette["red.700"], palette["red.dark.200"]),
158
+ "fg.information": ld(palette["blue.500"], palette["blue.dark.200"]),
159
+ "fg.information.light": ld(palette["blue.300"], palette["blue.300"]),
160
+ "fg.information.strong": ld(palette["blue.600"], palette["blue.dark.200"]),
161
+ "fg.link.default": ld(palette["brand.800"], palette["brand.700"]),
162
+ "fg.link.default.hovered": ld(palette["brand.900"], palette["brand.600"]),
158
163
  "fg.link.inverse": ld(palette["neutral.00"], palette["neutral.1100"]),
159
- "fg.link.subtle": ld(palette["neutral.1000"], palette["neutral.200"]),
160
- "fg.link.visited": ld(palette["purple.200"], palette["purple.100"]),
161
- "fg.secondary": ld(palette["neutral.700"], palette["neutral.300"]),
162
- "fg.spinner.default": ld(palette["neutral.1100"], palette["neutral.200"]),
163
- "fg.spinner.inverse": ld(palette["neutral.00"], palette["neutral.1100"]),
164
- "fg.success": ld(palette["green.500"], palette["green.300"]),
165
- "fg.success.hovered": ld(palette["green.600"], palette["green.600"]),
166
- "fg.success.light": ld(palette["green.200"], palette["green.300"]),
167
- "fg.success.strong": ld(palette["green.700"], palette["green.300"]),
168
- "fg.tertiary": ld(palette["neutral.600"], palette["neutral.500"]),
169
- "fg.warning": ld(palette["yellow.500"], palette["yellow.100"]),
164
+ "fg.link.subtle": ld(palette["neutral.1100"], palette["neutral.200"]),
165
+ "fg.link.visited": ld(palette["purple.600"], palette["purple.500"]),
166
+ "fg.secondary": ld(palette["neutral.800"], palette["neutral.300"]),
167
+ "fg.spinner.default": ld(palette["brand.1000"], palette["neutral.150"]),
168
+ "fg.spinner.inverse": ld(palette["neutral.00"], palette["brand.1000"]),
169
+ "fg.success": ld(palette["brand.700"], palette["green.dark.200"]),
170
+ "fg.success.hovered": ld(palette["brand.800"], palette["brand.500"]),
171
+ "fg.success.light": ld(palette["brand.300"], palette["brand.700"]),
172
+ "fg.success.strong": ld(palette["brand.800"], palette["brand.500"]),
173
+ "fg.tertiary": ld(palette["neutral.700"], palette["neutral.400"]),
174
+ "fg.warning": ld(palette["yellow.500"], palette["yellow.dark.200"]),
170
175
  "fg.warning.hovered": ld(palette["yellow.600"], palette["yellow.600"]),
171
- "fg.warning.inverse": ld(palette["neutral.1100"], palette["neutral.1100"]),
172
- "fg.warning.light": ld(palette["yellow.300"], palette["yellow.100"]),
173
- "fg.warning.strong": ld(palette["yellow.700"], palette["yellow.100"]),
174
- "fg.white": ld(palette["neutral.00"], palette["neutral.00"])
176
+ "fg.warning.inverse": ld(palette["neutral.800"], palette["neutral.800"]),
177
+ "fg.warning.light": ld(palette["yellow.300"], palette["yellow.600"]),
178
+ "fg.warning.strong": ld(palette["yellow.700"], palette["yellow.dark.200"]),
179
+ "fg.white": ld(palette["neutral.00"], palette["neutral.200"])
175
180
  };
176
181
 
177
182
  export { colors };
package/dist/index.d.ts CHANGED
@@ -148,17 +148,17 @@ declare const theme: MapLeafNodes<{
148
148
  readonly colors: {
149
149
  readonly "bg.accent": "light-dark(#ABFF44, #ABFF44)";
150
150
  readonly "bg.accent.hovered": "light-dark(#99F141, #C5FF7E)";
151
- readonly "bg.accent.light": "light-dark(#CEFF93, #38735D)";
151
+ readonly "bg.accent.light": "light-dark(#DFFFB8, #38735D)";
152
152
  readonly "bg.accent.pressed": "light-dark(#7DDD3D, #D3FF9D)";
153
153
  readonly "bg.accent.subtle": "light-dark(#EEFFD9, #203526)";
154
- readonly "bg.avatar.neutral": "light-dark(#EBF4E4, #08251A)";
154
+ readonly "bg.avatar.neutral": "light-dark(#EFF5EB, #202320)";
155
155
  readonly "bg.avatar.purple": "light-dark(#EDE9FE, #7C3AED)";
156
- readonly "bg.default": "light-dark(#FFFFFF, #252825)";
157
- readonly "bg.default.hovered": "light-dark(#F9FCF8, #F9FAFC0A)";
158
- readonly "bg.default.inverse": "light-dark(#08251A, #EBF4E4)";
159
- readonly "bg.default.inverse.hovered": "light-dark(#08251A, #D8E4CB)";
160
- readonly "bg.default.inverse.pressed": "light-dark(#08251A, #B2BD9E)";
161
- readonly "bg.default.pressed": "light-dark(#EFF6E9, #323A32)";
156
+ readonly "bg.default": "light-dark(#FFFFFF, #2B2E2B)";
157
+ readonly "bg.default.hovered": "light-dark(#5F931F14, #DDE9D20D)";
158
+ readonly "bg.default.inverse": "light-dark(#252825, #F9FCF8)";
159
+ readonly "bg.default.inverse.hovered": "light-dark(#383E38, #D2DEC2)";
160
+ readonly "bg.default.inverse.pressed": "light-dark(#2B2E2B, #D2DEC2)";
161
+ readonly "bg.default.pressed": "light-dark(#5E8B2729, #DDE9D224)";
162
162
  readonly "bg.error": "light-dark(#A95A77, #803F3F)";
163
163
  readonly "bg.error.hovered": "light-dark(#8F4764, #904A4A)";
164
164
  readonly "bg.error.light": "light-dark(#FFC1D3, #593030)";
@@ -168,68 +168,69 @@ declare const theme: MapLeafNodes<{
168
168
  readonly "bg.information": "light-dark(#036988, #036988)";
169
169
  readonly "bg.information.light": "light-dark(#91DBDA, #01303E)";
170
170
  readonly "bg.information.subtle": "light-dark(#E2F5F5, #1E3140)";
171
- readonly "bg.overlay": "light-dark(#08251A52, #F9FAFC52)";
171
+ readonly "bg.overlay": "light-dark(#393E3252, #393E3252)";
172
172
  readonly "bg.page": "light-dark(#F9FCF8, #252825)";
173
- readonly "bg.secondary": "light-dark(#EFF6E9, #323A32)";
174
- readonly "bg.secondary.hovered": "light-dark(#EBF4E4, #F9FAFC1F)";
175
- readonly "bg.spinner.default": "light-dark(#08251A0A, #F9FAFC0A)";
176
- readonly "bg.spinner.inverse": "light-dark(#F9FAFC0A, #08251A0A)";
177
- readonly "bg.success": "light-dark(#388367, #388367)";
173
+ readonly "bg.secondary": "light-dark(#EFF5EB, #202320)";
174
+ readonly "bg.secondary.hovered": "light-dark(#EFF5EB, #DDE9D224)";
175
+ readonly "bg.spinner.default": "light-dark(#202320, #F6FAF3)";
176
+ readonly "bg.spinner.inverse": "light-dark(#F6FAF3, #F6FAF3)";
177
+ readonly "bg.success": "light-dark(#ABFF44, #ABFF44)";
178
178
  readonly "bg.success.hovered": "light-dark(#197050, #80B09F)";
179
179
  readonly "bg.success.light": "light-dark(#BCD5CC, #114C36)";
180
- readonly "bg.success.subtle": "light-dark(#DEF2EB, #1E3329)";
181
- readonly "bg.tertiary": "light-dark(#D8E4CB, #455341)";
182
- readonly "bg.tertiary.hovered": "light-dark(#B2BD9E, #455341)";
180
+ readonly "bg.success.subtle": "light-dark(#EEFFD9, #123810)";
181
+ readonly "bg.tertiary": "light-dark(#EFF5EB, #202320)";
182
+ readonly "bg.tertiary.hovered": "light-dark(#D2DEC2, #DDE9D224)";
183
183
  readonly "bg.warning": "light-dark(#FFC84B, #F79008)";
184
184
  readonly "bg.warning.hovered": "light-dark(#DC6903, #FDB022)";
185
185
  readonly "bg.warning.light": "light-dark(#FEDF88, #7A2E0D)";
186
186
  readonly "bg.warning.subtle": "light-dark(#FEF1C6, #3A2D1A)";
187
187
  readonly "border.accent": "light-dark(#ABFF44, #CEFF93)";
188
- readonly "border.control": "light-dark(#A1AC8D, #A1AC8D)";
189
- readonly "border.control.hovered": "light-dark(#717863, #717863)";
190
- readonly "border.default": "light-dark(#D8E4CB, #455341)";
191
- readonly "border.disabled": "light-dark(#EFF6E9, #F9FAFC2E)";
188
+ readonly "border.control": "light-dark(#A1AC8D, #717863)";
189
+ readonly "border.control.hovered": "light-dark(#717863, #A1AC8D)";
190
+ readonly "border.default": "light-dark(#D8E4CB, #484E46)";
191
+ readonly "border.disabled": "light-dark(#D8E4CB, #DDE9D21F)";
192
192
  readonly "border.error": "light-dark(#A95A77, #FCA5A5)";
193
193
  readonly "border.focus": "light-dark(#197A94, #409AAB)";
194
194
  readonly "border.focus.error": "light-dark(#E284A0, #FF99B6)";
195
- readonly "border.secondary": "light-dark(#D8E4CB, #455341)";
195
+ readonly "border.secondary": "light-dark(#E4F0DA, #383E38)";
196
196
  readonly "border.success": "light-dark(#5F9B85, #5F9B85)";
197
- readonly "border.tertiary": "light-dark(#EBF4E4, #323A32)";
197
+ readonly "border.tertiary": "light-dark(#E4F0DA, #383E38)";
198
198
  readonly "border.warning": "light-dark(#F79008, #F79008)";
199
199
  readonly "fg.accent": "light-dark(#ABFF44, #ABFF44)";
200
200
  readonly "fg.accent.hovered": "light-dark(#3AB533, #BFFF70)";
201
- readonly "fg.accent.strong": "light-dark(#197050, #CEFF93)";
202
- readonly "fg.avatar.neutral": "light-dark(#455341, #EBF4E4)";
201
+ readonly "fg.accent.strong": "light-dark(#226B1E, #CEFF93)";
202
+ readonly "fg.avatar.neutral": "light-dark(#484E46, #B2BD9E)";
203
203
  readonly "fg.avatar.purple": "light-dark(#5B21B6, #FFFFFF)";
204
- readonly "fg.default": "light-dark(#1C271D, #D8E4CB)";
205
- readonly "fg.default.inverse": "light-dark(#FFFFFF, #08251A)";
204
+ readonly "fg.black": "light-dark(#202320, #202320)";
205
+ readonly "fg.default": "light-dark(#202320, #D2DEC2)";
206
+ readonly "fg.default.inverse": "light-dark(#FFFFFF, #202320)";
206
207
  readonly "fg.disabled": "light-dark(#A1AC8D, #717863)";
207
- readonly "fg.error": "light-dark(#A95A77, #FCA5A5)";
208
- readonly "fg.error.hovered": "light-dark(#8F4764, #8F4764)";
209
- readonly "fg.error.light": "light-dark(#FF99B6, #FCA5A5)";
208
+ readonly "fg.error": "light-dark(#8F4764, #FCA5A5)";
209
+ readonly "fg.error.hovered": "light-dark(#5D2E41, #E284A0)";
210
+ readonly "fg.error.light": "light-dark(#FF99B6, #A95A77)";
210
211
  readonly "fg.error.strong": "light-dark(#5D2E41, #FCA5A5)";
211
212
  readonly "fg.information": "light-dark(#197A94, #93C5FD)";
212
- readonly "fg.information.light": "light-dark(#60B4BE, #93C5FD)";
213
+ readonly "fg.information.light": "light-dark(#60B4BE, #60B4BE)";
213
214
  readonly "fg.information.strong": "light-dark(#036988, #93C5FD)";
214
- readonly "fg.link.default": "light-dark(#197050, #3AB533)";
215
- readonly "fg.link.default.hovered": "light-dark(#0D3A29, #7DDD3D)";
216
- readonly "fg.link.inverse": "light-dark(#FFFFFF, #08251A)";
217
- readonly "fg.link.subtle": "light-dark(#1C271D, #D8E4CB)";
215
+ readonly "fg.link.default": "light-dark(#226B1E, #3AB533)";
216
+ readonly "fg.link.default.hovered": "light-dark(#123810, #7DDD3D)";
217
+ readonly "fg.link.inverse": "light-dark(#FFFFFF, #202320)";
218
+ readonly "fg.link.subtle": "light-dark(#202320, #D2DEC2)";
218
219
  readonly "fg.link.visited": "light-dark(#6D28D9, #7C3AED)";
219
- readonly "fg.secondary": "light-dark(#455341, #B2BD9E)";
220
+ readonly "fg.secondary": "light-dark(#484E46, #B2BD9E)";
220
221
  readonly "fg.spinner.default": "light-dark(#08251A, #D8E4CB)";
221
222
  readonly "fg.spinner.inverse": "light-dark(#FFFFFF, #08251A)";
222
- readonly "fg.success": "light-dark(#5F9B85, #86EFAC)";
223
- readonly "fg.success.hovered": "light-dark(#388367, #388367)";
224
- readonly "fg.success.light": "light-dark(#A4C7BA, #86EFAC)";
225
- readonly "fg.success.strong": "light-dark(#197050, #86EFAC)";
226
- readonly "fg.tertiary": "light-dark(#717863, #A1AC8D)";
223
+ readonly "fg.success": "light-dark(#3AB533, #86EFAC)";
224
+ readonly "fg.success.hovered": "light-dark(#226B1E, #ABFF44)";
225
+ readonly "fg.success.light": "light-dark(#CEFF93, #3AB533)";
226
+ readonly "fg.success.strong": "light-dark(#226B1E, #ABFF44)";
227
+ readonly "fg.tertiary": "light-dark(#616755, #A1AC8D)";
227
228
  readonly "fg.warning": "light-dark(#F79008, #FCD34D)";
228
229
  readonly "fg.warning.hovered": "light-dark(#DC6903, #DC6903)";
229
- readonly "fg.warning.inverse": "light-dark(#08251A, #08251A)";
230
- readonly "fg.warning.light": "light-dark(#FFC84B, #FCD34D)";
230
+ readonly "fg.warning.inverse": "light-dark(#484E46, #484E46)";
231
+ readonly "fg.warning.light": "light-dark(#FFC84B, #DC6903)";
231
232
  readonly "fg.warning.strong": "light-dark(#B54707, #FCD34D)";
232
- readonly "fg.white": "light-dark(#FFFFFF, #FFFFFF)";
233
+ readonly "fg.white": "light-dark(#FFFFFF, #D2DEC2)";
233
234
  };
234
235
  readonly duration: {
235
236
  readonly sm: "150ms";
@@ -369,17 +370,17 @@ declare const tokens: {
369
370
  readonly colors: {
370
371
  readonly "bg.accent": "light-dark(#ABFF44, #ABFF44)";
371
372
  readonly "bg.accent.hovered": "light-dark(#99F141, #C5FF7E)";
372
- readonly "bg.accent.light": "light-dark(#CEFF93, #38735D)";
373
+ readonly "bg.accent.light": "light-dark(#DFFFB8, #38735D)";
373
374
  readonly "bg.accent.pressed": "light-dark(#7DDD3D, #D3FF9D)";
374
375
  readonly "bg.accent.subtle": "light-dark(#EEFFD9, #203526)";
375
- readonly "bg.avatar.neutral": "light-dark(#EBF4E4, #08251A)";
376
+ readonly "bg.avatar.neutral": "light-dark(#EFF5EB, #202320)";
376
377
  readonly "bg.avatar.purple": "light-dark(#EDE9FE, #7C3AED)";
377
- readonly "bg.default": "light-dark(#FFFFFF, #252825)";
378
- readonly "bg.default.hovered": "light-dark(#F9FCF8, #F9FAFC0A)";
379
- readonly "bg.default.inverse": "light-dark(#08251A, #EBF4E4)";
380
- readonly "bg.default.inverse.hovered": "light-dark(#08251A, #D8E4CB)";
381
- readonly "bg.default.inverse.pressed": "light-dark(#08251A, #B2BD9E)";
382
- readonly "bg.default.pressed": "light-dark(#EFF6E9, #323A32)";
378
+ readonly "bg.default": "light-dark(#FFFFFF, #2B2E2B)";
379
+ readonly "bg.default.hovered": "light-dark(#5F931F14, #DDE9D20D)";
380
+ readonly "bg.default.inverse": "light-dark(#252825, #F9FCF8)";
381
+ readonly "bg.default.inverse.hovered": "light-dark(#383E38, #D2DEC2)";
382
+ readonly "bg.default.inverse.pressed": "light-dark(#2B2E2B, #D2DEC2)";
383
+ readonly "bg.default.pressed": "light-dark(#5E8B2729, #DDE9D224)";
383
384
  readonly "bg.error": "light-dark(#A95A77, #803F3F)";
384
385
  readonly "bg.error.hovered": "light-dark(#8F4764, #904A4A)";
385
386
  readonly "bg.error.light": "light-dark(#FFC1D3, #593030)";
@@ -389,68 +390,69 @@ declare const tokens: {
389
390
  readonly "bg.information": "light-dark(#036988, #036988)";
390
391
  readonly "bg.information.light": "light-dark(#91DBDA, #01303E)";
391
392
  readonly "bg.information.subtle": "light-dark(#E2F5F5, #1E3140)";
392
- readonly "bg.overlay": "light-dark(#08251A52, #F9FAFC52)";
393
+ readonly "bg.overlay": "light-dark(#393E3252, #393E3252)";
393
394
  readonly "bg.page": "light-dark(#F9FCF8, #252825)";
394
- readonly "bg.secondary": "light-dark(#EFF6E9, #323A32)";
395
- readonly "bg.secondary.hovered": "light-dark(#EBF4E4, #F9FAFC1F)";
396
- readonly "bg.spinner.default": "light-dark(#08251A0A, #F9FAFC0A)";
397
- readonly "bg.spinner.inverse": "light-dark(#F9FAFC0A, #08251A0A)";
398
- readonly "bg.success": "light-dark(#388367, #388367)";
395
+ readonly "bg.secondary": "light-dark(#EFF5EB, #202320)";
396
+ readonly "bg.secondary.hovered": "light-dark(#EFF5EB, #DDE9D224)";
397
+ readonly "bg.spinner.default": "light-dark(#202320, #F6FAF3)";
398
+ readonly "bg.spinner.inverse": "light-dark(#F6FAF3, #F6FAF3)";
399
+ readonly "bg.success": "light-dark(#ABFF44, #ABFF44)";
399
400
  readonly "bg.success.hovered": "light-dark(#197050, #80B09F)";
400
401
  readonly "bg.success.light": "light-dark(#BCD5CC, #114C36)";
401
- readonly "bg.success.subtle": "light-dark(#DEF2EB, #1E3329)";
402
- readonly "bg.tertiary": "light-dark(#D8E4CB, #455341)";
403
- readonly "bg.tertiary.hovered": "light-dark(#B2BD9E, #455341)";
402
+ readonly "bg.success.subtle": "light-dark(#EEFFD9, #123810)";
403
+ readonly "bg.tertiary": "light-dark(#EFF5EB, #202320)";
404
+ readonly "bg.tertiary.hovered": "light-dark(#D2DEC2, #DDE9D224)";
404
405
  readonly "bg.warning": "light-dark(#FFC84B, #F79008)";
405
406
  readonly "bg.warning.hovered": "light-dark(#DC6903, #FDB022)";
406
407
  readonly "bg.warning.light": "light-dark(#FEDF88, #7A2E0D)";
407
408
  readonly "bg.warning.subtle": "light-dark(#FEF1C6, #3A2D1A)";
408
409
  readonly "border.accent": "light-dark(#ABFF44, #CEFF93)";
409
- readonly "border.control": "light-dark(#A1AC8D, #A1AC8D)";
410
- readonly "border.control.hovered": "light-dark(#717863, #717863)";
411
- readonly "border.default": "light-dark(#D8E4CB, #455341)";
412
- readonly "border.disabled": "light-dark(#EFF6E9, #F9FAFC2E)";
410
+ readonly "border.control": "light-dark(#A1AC8D, #717863)";
411
+ readonly "border.control.hovered": "light-dark(#717863, #A1AC8D)";
412
+ readonly "border.default": "light-dark(#D8E4CB, #484E46)";
413
+ readonly "border.disabled": "light-dark(#D8E4CB, #DDE9D21F)";
413
414
  readonly "border.error": "light-dark(#A95A77, #FCA5A5)";
414
415
  readonly "border.focus": "light-dark(#197A94, #409AAB)";
415
416
  readonly "border.focus.error": "light-dark(#E284A0, #FF99B6)";
416
- readonly "border.secondary": "light-dark(#D8E4CB, #455341)";
417
+ readonly "border.secondary": "light-dark(#E4F0DA, #383E38)";
417
418
  readonly "border.success": "light-dark(#5F9B85, #5F9B85)";
418
- readonly "border.tertiary": "light-dark(#EBF4E4, #323A32)";
419
+ readonly "border.tertiary": "light-dark(#E4F0DA, #383E38)";
419
420
  readonly "border.warning": "light-dark(#F79008, #F79008)";
420
421
  readonly "fg.accent": "light-dark(#ABFF44, #ABFF44)";
421
422
  readonly "fg.accent.hovered": "light-dark(#3AB533, #BFFF70)";
422
- readonly "fg.accent.strong": "light-dark(#197050, #CEFF93)";
423
- readonly "fg.avatar.neutral": "light-dark(#455341, #EBF4E4)";
423
+ readonly "fg.accent.strong": "light-dark(#226B1E, #CEFF93)";
424
+ readonly "fg.avatar.neutral": "light-dark(#484E46, #B2BD9E)";
424
425
  readonly "fg.avatar.purple": "light-dark(#5B21B6, #FFFFFF)";
425
- readonly "fg.default": "light-dark(#1C271D, #D8E4CB)";
426
- readonly "fg.default.inverse": "light-dark(#FFFFFF, #08251A)";
426
+ readonly "fg.black": "light-dark(#202320, #202320)";
427
+ readonly "fg.default": "light-dark(#202320, #D2DEC2)";
428
+ readonly "fg.default.inverse": "light-dark(#FFFFFF, #202320)";
427
429
  readonly "fg.disabled": "light-dark(#A1AC8D, #717863)";
428
- readonly "fg.error": "light-dark(#A95A77, #FCA5A5)";
429
- readonly "fg.error.hovered": "light-dark(#8F4764, #8F4764)";
430
- readonly "fg.error.light": "light-dark(#FF99B6, #FCA5A5)";
430
+ readonly "fg.error": "light-dark(#8F4764, #FCA5A5)";
431
+ readonly "fg.error.hovered": "light-dark(#5D2E41, #E284A0)";
432
+ readonly "fg.error.light": "light-dark(#FF99B6, #A95A77)";
431
433
  readonly "fg.error.strong": "light-dark(#5D2E41, #FCA5A5)";
432
434
  readonly "fg.information": "light-dark(#197A94, #93C5FD)";
433
- readonly "fg.information.light": "light-dark(#60B4BE, #93C5FD)";
435
+ readonly "fg.information.light": "light-dark(#60B4BE, #60B4BE)";
434
436
  readonly "fg.information.strong": "light-dark(#036988, #93C5FD)";
435
- readonly "fg.link.default": "light-dark(#197050, #3AB533)";
436
- readonly "fg.link.default.hovered": "light-dark(#0D3A29, #7DDD3D)";
437
- readonly "fg.link.inverse": "light-dark(#FFFFFF, #08251A)";
438
- readonly "fg.link.subtle": "light-dark(#1C271D, #D8E4CB)";
437
+ readonly "fg.link.default": "light-dark(#226B1E, #3AB533)";
438
+ readonly "fg.link.default.hovered": "light-dark(#123810, #7DDD3D)";
439
+ readonly "fg.link.inverse": "light-dark(#FFFFFF, #202320)";
440
+ readonly "fg.link.subtle": "light-dark(#202320, #D2DEC2)";
439
441
  readonly "fg.link.visited": "light-dark(#6D28D9, #7C3AED)";
440
- readonly "fg.secondary": "light-dark(#455341, #B2BD9E)";
442
+ readonly "fg.secondary": "light-dark(#484E46, #B2BD9E)";
441
443
  readonly "fg.spinner.default": "light-dark(#08251A, #D8E4CB)";
442
444
  readonly "fg.spinner.inverse": "light-dark(#FFFFFF, #08251A)";
443
- readonly "fg.success": "light-dark(#5F9B85, #86EFAC)";
444
- readonly "fg.success.hovered": "light-dark(#388367, #388367)";
445
- readonly "fg.success.light": "light-dark(#A4C7BA, #86EFAC)";
446
- readonly "fg.success.strong": "light-dark(#197050, #86EFAC)";
447
- readonly "fg.tertiary": "light-dark(#717863, #A1AC8D)";
445
+ readonly "fg.success": "light-dark(#3AB533, #86EFAC)";
446
+ readonly "fg.success.hovered": "light-dark(#226B1E, #ABFF44)";
447
+ readonly "fg.success.light": "light-dark(#CEFF93, #3AB533)";
448
+ readonly "fg.success.strong": "light-dark(#226B1E, #ABFF44)";
449
+ readonly "fg.tertiary": "light-dark(#616755, #A1AC8D)";
448
450
  readonly "fg.warning": "light-dark(#F79008, #FCD34D)";
449
451
  readonly "fg.warning.hovered": "light-dark(#DC6903, #DC6903)";
450
- readonly "fg.warning.inverse": "light-dark(#08251A, #08251A)";
451
- readonly "fg.warning.light": "light-dark(#FFC84B, #FCD34D)";
452
+ readonly "fg.warning.inverse": "light-dark(#484E46, #484E46)";
453
+ readonly "fg.warning.light": "light-dark(#FFC84B, #DC6903)";
452
454
  readonly "fg.warning.strong": "light-dark(#B54707, #FCD34D)";
453
- readonly "fg.white": "light-dark(#FFFFFF, #FFFFFF)";
455
+ readonly "fg.white": "light-dark(#FFFFFF, #D2DEC2)";
454
456
  };
455
457
  readonly duration: {
456
458
  readonly sm: "150ms";
package/package.json CHANGED
@@ -7,7 +7,7 @@
7
7
  "url": "git+https://github.com/optimizely-axiom/optiaxiom.git"
8
8
  },
9
9
  "type": "module",
10
- "version": "3.0.0-next.0",
10
+ "version": "3.0.0-next.1",
11
11
  "files": [
12
12
  "dist/**",
13
13
  "LICENSE"
@@ -36,7 +36,7 @@
36
36
  "@radix-ui/react-context": "^1.1.2"
37
37
  },
38
38
  "devDependencies": {
39
- "@vanilla-extract/css": "^1.17.4",
39
+ "@vanilla-extract/css": "^1.20.1",
40
40
  "react": "^18.3.1",
41
41
  "react-dom": "^18.3.1",
42
42
  "@optiaxiom/shared": "^0.0.0"