@optiaxiom/globals 1.0.8 → 1.0.10

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/index.js CHANGED
@@ -3,6 +3,7 @@
3
3
  var react = require('react');
4
4
  var reactContext = require('@radix-ui/react-context');
5
5
 
6
+ const AxiomAuthContext = react.createContext(void 0);
6
7
  const AxiomVersionContext = react.createContext(void 0);
7
8
 
8
9
  var theme = {borderRadius:{xs:'var(--ax-borderRadius-xs)',sm:'var(--ax-borderRadius-sm)',md:'var(--ax-borderRadius-md)',lg:'var(--ax-borderRadius-lg)',xl:'var(--ax-borderRadius-xl)',full:'var(--ax-borderRadius-full)'},boxShadow:{sm:'var(--ax-boxShadow-sm)',md:'var(--ax-boxShadow-md)',lg:'var(--ax-boxShadow-lg)'},colors:{'bg.accent':'var(--ax-colors-bg-accent)','bg.accent.hovered':'var(--ax-colors-bg-accent-hovered)','bg.accent.light':'var(--ax-colors-bg-accent-light)','bg.accent.pressed':'var(--ax-colors-bg-accent-pressed)','bg.accent.subtle':'var(--ax-colors-bg-accent-subtle)','bg.avatar.neutral':'var(--ax-colors-bg-avatar-neutral)','bg.avatar.purple':'var(--ax-colors-bg-avatar-purple)','bg.default':'var(--ax-colors-bg-default)','bg.default.hovered':'var(--ax-colors-bg-default-hovered)','bg.default.inverse':'var(--ax-colors-bg-default-inverse)','bg.default.inverse.hovered':'var(--ax-colors-bg-default-inverse-hovered)','bg.default.inverse.pressed':'var(--ax-colors-bg-default-inverse-pressed)','bg.default.pressed':'var(--ax-colors-bg-default-pressed)','bg.error':'var(--ax-colors-bg-error)','bg.error.hovered':'var(--ax-colors-bg-error-hovered)','bg.error.light':'var(--ax-colors-bg-error-light)','bg.error.pressed':'var(--ax-colors-bg-error-pressed)','bg.error.subtle':'var(--ax-colors-bg-error-subtle)','bg.error.subtlest':'var(--ax-colors-bg-error-subtlest)','bg.information':'var(--ax-colors-bg-information)','bg.information.light':'var(--ax-colors-bg-information-light)','bg.information.subtle':'var(--ax-colors-bg-information-subtle)','bg.overlay':'var(--ax-colors-bg-overlay)','bg.page':'var(--ax-colors-bg-page)','bg.secondary':'var(--ax-colors-bg-secondary)','bg.secondary.hovered':'var(--ax-colors-bg-secondary-hovered)','bg.spinner.default':'var(--ax-colors-bg-spinner-default)','bg.spinner.inverse':'var(--ax-colors-bg-spinner-inverse)','bg.success':'var(--ax-colors-bg-success)','bg.success.hovered':'var(--ax-colors-bg-success-hovered)','bg.success.light':'var(--ax-colors-bg-success-light)','bg.success.subtle':'var(--ax-colors-bg-success-subtle)','bg.tertiary':'var(--ax-colors-bg-tertiary)','bg.tertiary.hovered':'var(--ax-colors-bg-tertiary-hovered)','bg.warning':'var(--ax-colors-bg-warning)','bg.warning.hovered':'var(--ax-colors-bg-warning-hovered)','bg.warning.light':'var(--ax-colors-bg-warning-light)','bg.warning.subtle':'var(--ax-colors-bg-warning-subtle)','border.accent':'var(--ax-colors-border-accent)','border.control':'var(--ax-colors-border-control)','border.control.hovered':'var(--ax-colors-border-control-hovered)','border.default':'var(--ax-colors-border-default)','border.disabled':'var(--ax-colors-border-disabled)','border.error':'var(--ax-colors-border-error)','border.focus':'var(--ax-colors-border-focus)','border.focus.error':'var(--ax-colors-border-focus-error)','border.secondary':'var(--ax-colors-border-secondary)','border.success':'var(--ax-colors-border-success)','border.tertiary':'var(--ax-colors-border-tertiary)','border.warning':'var(--ax-colors-border-warning)','fg.accent':'var(--ax-colors-fg-accent)','fg.accent.hovered':'var(--ax-colors-fg-accent-hovered)','fg.accent.strong':'var(--ax-colors-fg-accent-strong)','fg.avatar.neutral':'var(--ax-colors-fg-avatar-neutral)','fg.avatar.purple':'var(--ax-colors-fg-avatar-purple)','fg.default':'var(--ax-colors-fg-default)','fg.default.inverse':'var(--ax-colors-fg-default-inverse)','fg.disabled':'var(--ax-colors-fg-disabled)','fg.error':'var(--ax-colors-fg-error)','fg.error.hovered':'var(--ax-colors-fg-error-hovered)','fg.error.light':'var(--ax-colors-fg-error-light)','fg.error.strong':'var(--ax-colors-fg-error-strong)','fg.information':'var(--ax-colors-fg-information)','fg.information.light':'var(--ax-colors-fg-information-light)','fg.information.strong':'var(--ax-colors-fg-information-strong)','fg.link.default':'var(--ax-colors-fg-link-default)','fg.link.default.hovered':'var(--ax-colors-fg-link-default-hovered)','fg.link.inverse':'var(--ax-colors-fg-link-inverse)','fg.link.subtle':'var(--ax-colors-fg-link-subtle)','fg.link.visited':'var(--ax-colors-fg-link-visited)','fg.secondary':'var(--ax-colors-fg-secondary)','fg.spinner.default':'var(--ax-colors-fg-spinner-default)','fg.spinner.inverse':'var(--ax-colors-fg-spinner-inverse)','fg.success':'var(--ax-colors-fg-success)','fg.success.hovered':'var(--ax-colors-fg-success-hovered)','fg.success.light':'var(--ax-colors-fg-success-light)','fg.success.strong':'var(--ax-colors-fg-success-strong)','fg.tertiary':'var(--ax-colors-fg-tertiary)','fg.warning':'var(--ax-colors-fg-warning)','fg.warning.hovered':'var(--ax-colors-fg-warning-hovered)','fg.warning.inverse':'var(--ax-colors-fg-warning-inverse)','fg.warning.light':'var(--ax-colors-fg-warning-light)','fg.warning.strong':'var(--ax-colors-fg-warning-strong)','fg.white':'var(--ax-colors-fg-white)'},duration:{sm:'var(--ax-duration-sm)',md:'var(--ax-duration-md)',lg:'var(--ax-duration-lg)'},fontFamily:{mono:'var(--ax-fontFamily-mono)',sans:'var(--ax-fontFamily-sans)'},fontSize:{xs:{fontSize:'var(--ax-fontSize-xs-fontSize)',lineHeight:'var(--ax-fontSize-xs-lineHeight)'},sm:{fontSize:'var(--ax-fontSize-sm-fontSize)',lineHeight:'var(--ax-fontSize-sm-lineHeight)'},md:{fontSize:'var(--ax-fontSize-md-fontSize)',lineHeight:'var(--ax-fontSize-md-lineHeight)'},lg:{fontSize:'var(--ax-fontSize-lg-fontSize)',lineHeight:'var(--ax-fontSize-lg-lineHeight)'},xl:{fontSize:'var(--ax-fontSize-xl-fontSize)',lineHeight:'var(--ax-fontSize-xl-lineHeight)'},'2xl':{fontSize:'var(--ax-fontSize-2xl-fontSize)',lineHeight:'var(--ax-fontSize-2xl-lineHeight)'},'3xl':{fontSize:'var(--ax-fontSize-3xl-fontSize)',lineHeight:'var(--ax-fontSize-3xl-lineHeight)'},'4xl':{fontSize:'var(--ax-fontSize-4xl-fontSize)',lineHeight:'var(--ax-fontSize-4xl-lineHeight)'}},maxSize:{xs:'var(--ax-maxSize-xs)',sm:'var(--ax-maxSize-sm)',md:'var(--ax-maxSize-md)',lg:'var(--ax-maxSize-lg)'},screens:{sm:'var(--ax-screens-sm)',md:'var(--ax-screens-md)'},size:{'2xs':'var(--ax-size-2xs)',xs:'var(--ax-size-xs)',sm:'var(--ax-size-sm)',md:'var(--ax-size-md)',lg:'var(--ax-size-lg)',xl:'var(--ax-size-xl)','3xl':'var(--ax-size-3xl)'},zIndex:{popover:'var(--ax-zIndex-popover)',toast:'var(--ax-zIndex-toast)',tooltip:'var(--ax-zIndex-tooltip)'}};
@@ -237,10 +238,10 @@ const colors = {
237
238
  "fg.disabled": ld(palette["neutral.200"], palette["neutral.50/32"]),
238
239
  "fg.error": ld(palette["red.500"], palette["red.300"]),
239
240
  "fg.error.hovered": ld(palette["red.600"], palette["red.600"]),
240
- "fg.error.light": ld(palette["red.300"], palette["red.300"]),
241
+ "fg.error.light": ld(palette["red.300"], palette["red.500"]),
241
242
  "fg.error.strong": ld(palette["red.700"], palette["red.200"]),
242
243
  "fg.information": ld(palette["blue.500"], palette["blue.300"]),
243
- "fg.information.light": ld(palette["blue.300"], palette["blue.300"]),
244
+ "fg.information.light": ld(palette["blue.300"], palette["blue.500"]),
244
245
  "fg.information.strong": ld(palette["blue.700"], palette["blue.200"]),
245
246
  "fg.link.default": ld(palette["brand.500"], palette["brand.400"]),
246
247
  "fg.link.default.hovered": ld(palette["brand.600"], palette["brand.200"]),
@@ -252,13 +253,13 @@ const colors = {
252
253
  "fg.spinner.inverse": ld(palette["neutral.200"], palette["neutral.800"]),
253
254
  "fg.success": ld(palette["green.500"], palette["green.300"]),
254
255
  "fg.success.hovered": ld(palette["green.600"], palette["green.600"]),
255
- "fg.success.light": ld(palette["green.300"], palette["green.300"]),
256
+ "fg.success.light": ld(palette["green.300"], palette["green.500"]),
256
257
  "fg.success.strong": ld(palette["green.700"], palette["green.200"]),
257
258
  "fg.tertiary": ld(palette["neutral.600"], palette["neutral.500"]),
258
259
  "fg.warning": ld(palette["yellow.500"], palette["yellow.300"]),
259
260
  "fg.warning.hovered": ld(palette["yellow.600"], palette["yellow.600"]),
260
261
  "fg.warning.inverse": ld(palette["neutral.800"], palette["neutral.800"]),
261
- "fg.warning.light": ld(palette["yellow.300"], palette["yellow.300"]),
262
+ "fg.warning.light": ld(palette["yellow.300"], palette["yellow.500"]),
262
263
  "fg.warning.strong": ld(palette["yellow.700"], palette["yellow.200"]),
263
264
  "fg.white": ld(palette["neutral.00"], palette["neutral.00"])
264
265
  };
@@ -350,6 +351,7 @@ const tokens = {
350
351
  zIndex
351
352
  };
352
353
 
354
+ exports.AxiomAuthContext = AxiomAuthContext;
353
355
  exports.AxiomVersionContext = AxiomVersionContext;
354
356
  exports.ToastProviderProvider = ToastProviderProvider;
355
357
  exports.createToaster = createToaster;
@@ -1,6 +1,7 @@
1
1
  "use client";
2
2
  import { createContext } from 'react';
3
3
 
4
+ const AxiomAuthContext = createContext(void 0);
4
5
  const AxiomVersionContext = createContext(void 0);
5
6
 
6
- export { AxiomVersionContext };
7
+ export { AxiomAuthContext, AxiomVersionContext };
package/dist/esm/index.js CHANGED
@@ -1,4 +1,4 @@
1
- export { AxiomVersionContext } from './context.js';
1
+ export { AxiomAuthContext, AxiomVersionContext } from './context.js';
2
2
  export { theme } from './theme-css.js';
3
3
  export { ToastProviderProvider, useToastProviderContext } from './toast-context.js';
4
4
  export { createToaster, toaster } from './toaster.js';
@@ -139,10 +139,10 @@ const colors = {
139
139
  "fg.disabled": ld(palette["neutral.200"], palette["neutral.50/32"]),
140
140
  "fg.error": ld(palette["red.500"], palette["red.300"]),
141
141
  "fg.error.hovered": ld(palette["red.600"], palette["red.600"]),
142
- "fg.error.light": ld(palette["red.300"], palette["red.300"]),
142
+ "fg.error.light": ld(palette["red.300"], palette["red.500"]),
143
143
  "fg.error.strong": ld(palette["red.700"], palette["red.200"]),
144
144
  "fg.information": ld(palette["blue.500"], palette["blue.300"]),
145
- "fg.information.light": ld(palette["blue.300"], palette["blue.300"]),
145
+ "fg.information.light": ld(palette["blue.300"], palette["blue.500"]),
146
146
  "fg.information.strong": ld(palette["blue.700"], palette["blue.200"]),
147
147
  "fg.link.default": ld(palette["brand.500"], palette["brand.400"]),
148
148
  "fg.link.default.hovered": ld(palette["brand.600"], palette["brand.200"]),
@@ -154,13 +154,13 @@ const colors = {
154
154
  "fg.spinner.inverse": ld(palette["neutral.200"], palette["neutral.800"]),
155
155
  "fg.success": ld(palette["green.500"], palette["green.300"]),
156
156
  "fg.success.hovered": ld(palette["green.600"], palette["green.600"]),
157
- "fg.success.light": ld(palette["green.300"], palette["green.300"]),
157
+ "fg.success.light": ld(palette["green.300"], palette["green.500"]),
158
158
  "fg.success.strong": ld(palette["green.700"], palette["green.200"]),
159
159
  "fg.tertiary": ld(palette["neutral.600"], palette["neutral.500"]),
160
160
  "fg.warning": ld(palette["yellow.500"], palette["yellow.300"]),
161
161
  "fg.warning.hovered": ld(palette["yellow.600"], palette["yellow.600"]),
162
162
  "fg.warning.inverse": ld(palette["neutral.800"], palette["neutral.800"]),
163
- "fg.warning.light": ld(palette["yellow.300"], palette["yellow.300"]),
163
+ "fg.warning.light": ld(palette["yellow.300"], palette["yellow.500"]),
164
164
  "fg.warning.strong": ld(palette["yellow.700"], palette["yellow.200"]),
165
165
  "fg.white": ld(palette["neutral.00"], palette["neutral.00"])
166
166
  };
package/dist/index.d.ts CHANGED
@@ -1,6 +1,20 @@
1
1
  import * as react from 'react';
2
2
  import { RefObject } from 'react';
3
3
 
4
+ declare const AxiomAuthContext: react.Context<{
5
+ /**
6
+ * The ID of the instance the user is currently accessing.
7
+ */
8
+ instance: string;
9
+ /**
10
+ * Callback to refresh and return a new auth token in case it becomes stale.
11
+ */
12
+ refresh: () => Promise<string>;
13
+ /**
14
+ * The auth token of the current user session.
15
+ */
16
+ token: string;
17
+ } | undefined>;
4
18
  declare const AxiomVersionContext: react.Context<string | undefined>;
5
19
 
6
20
  declare const theme: MapLeafNodes<{
@@ -78,10 +92,10 @@ declare const theme: MapLeafNodes<{
78
92
  readonly "fg.disabled": "light-dark(#CACFDC, #F9FAFC52)";
79
93
  readonly "fg.error": "light-dark(#CC1616, #FC8B8B)";
80
94
  readonly "fg.error.hovered": "light-dark(#B21313, #B21313)";
81
- readonly "fg.error.light": "light-dark(#FC8B8B, #FC8B8B)";
95
+ readonly "fg.error.light": "light-dark(#FC8B8B, #CC1616)";
82
96
  readonly "fg.error.strong": "light-dark(#911D1D, #FFB4B4)";
83
97
  readonly "fg.information": "light-dark(#2F7AEE, #7BAAF4)";
84
- readonly "fg.information.light": "light-dark(#7BAAF4, #7BAAF4)";
98
+ readonly "fg.information.light": "light-dark(#7BAAF4, #2F7AEE)";
85
99
  readonly "fg.information.strong": "light-dark(#0D46A0, #A1C2F7)";
86
100
  readonly "fg.link.default": "light-dark(#0037FF, #2E66F7)";
87
101
  readonly "fg.link.default.hovered": "light-dark(#002CCC, #B3C3FF)";
@@ -93,13 +107,13 @@ declare const theme: MapLeafNodes<{
93
107
  readonly "fg.spinner.inverse": "light-dark(#CACFDC, #2E3442)";
94
108
  readonly "fg.success": "light-dark(#03A65D, #7CD2A7)";
95
109
  readonly "fg.success.hovered": "light-dark(#038047, #038047)";
96
- readonly "fg.success.light": "light-dark(#7CD2A7, #7CD2A7)";
110
+ readonly "fg.success.light": "light-dark(#7CD2A7, #03A65D)";
97
111
  readonly "fg.success.strong": "light-dark(#24663E, #A5E1C3)";
98
112
  readonly "fg.tertiary": "light-dark(#66708C, #838DA4)";
99
113
  readonly "fg.warning": "light-dark(#F79008, #FFC84B)";
100
114
  readonly "fg.warning.hovered": "light-dark(#DC6903, #DC6903)";
101
115
  readonly "fg.warning.inverse": "light-dark(#2E3442, #2E3442)";
102
- readonly "fg.warning.light": "light-dark(#FFC84B, #FFC84B)";
116
+ readonly "fg.warning.light": "light-dark(#FFC84B, #F79008)";
103
117
  readonly "fg.warning.strong": "light-dark(#B54707, #FEDF88)";
104
118
  readonly "fg.white": "light-dark(#FFFFFF, #FFFFFF)";
105
119
  };
@@ -297,10 +311,10 @@ declare const tokens: {
297
311
  readonly "fg.disabled": "light-dark(#CACFDC, #F9FAFC52)";
298
312
  readonly "fg.error": "light-dark(#CC1616, #FC8B8B)";
299
313
  readonly "fg.error.hovered": "light-dark(#B21313, #B21313)";
300
- readonly "fg.error.light": "light-dark(#FC8B8B, #FC8B8B)";
314
+ readonly "fg.error.light": "light-dark(#FC8B8B, #CC1616)";
301
315
  readonly "fg.error.strong": "light-dark(#911D1D, #FFB4B4)";
302
316
  readonly "fg.information": "light-dark(#2F7AEE, #7BAAF4)";
303
- readonly "fg.information.light": "light-dark(#7BAAF4, #7BAAF4)";
317
+ readonly "fg.information.light": "light-dark(#7BAAF4, #2F7AEE)";
304
318
  readonly "fg.information.strong": "light-dark(#0D46A0, #A1C2F7)";
305
319
  readonly "fg.link.default": "light-dark(#0037FF, #2E66F7)";
306
320
  readonly "fg.link.default.hovered": "light-dark(#002CCC, #B3C3FF)";
@@ -312,13 +326,13 @@ declare const tokens: {
312
326
  readonly "fg.spinner.inverse": "light-dark(#CACFDC, #2E3442)";
313
327
  readonly "fg.success": "light-dark(#03A65D, #7CD2A7)";
314
328
  readonly "fg.success.hovered": "light-dark(#038047, #038047)";
315
- readonly "fg.success.light": "light-dark(#7CD2A7, #7CD2A7)";
329
+ readonly "fg.success.light": "light-dark(#7CD2A7, #03A65D)";
316
330
  readonly "fg.success.strong": "light-dark(#24663E, #A5E1C3)";
317
331
  readonly "fg.tertiary": "light-dark(#66708C, #838DA4)";
318
332
  readonly "fg.warning": "light-dark(#F79008, #FFC84B)";
319
333
  readonly "fg.warning.hovered": "light-dark(#DC6903, #DC6903)";
320
334
  readonly "fg.warning.inverse": "light-dark(#2E3442, #2E3442)";
321
- readonly "fg.warning.light": "light-dark(#FFC84B, #FFC84B)";
335
+ readonly "fg.warning.light": "light-dark(#FFC84B, #F79008)";
322
336
  readonly "fg.warning.strong": "light-dark(#B54707, #FEDF88)";
323
337
  readonly "fg.white": "light-dark(#FFFFFF, #FFFFFF)";
324
338
  };
@@ -391,5 +405,5 @@ declare const tokens: {
391
405
  };
392
406
  };
393
407
 
394
- export { AxiomVersionContext, ToastProviderProvider, createToaster, theme, toaster, tokens, useToastProviderContext };
408
+ export { AxiomAuthContext, AxiomVersionContext, ToastProviderProvider, createToaster, theme, toaster, tokens, useToastProviderContext };
395
409
  export type { MapLeafNodes };
package/package.json CHANGED
@@ -4,10 +4,10 @@
4
4
  "repository": {
5
5
  "directory": "packages/globals",
6
6
  "type": "git",
7
- "url": "https://github.com/optimizely-axiom/optiaxiom.git"
7
+ "url": "git+https://github.com/optimizely-axiom/optiaxiom.git"
8
8
  },
9
9
  "type": "module",
10
- "version": "1.0.8",
10
+ "version": "1.0.10",
11
11
  "files": [
12
12
  "dist/**",
13
13
  "LICENSE"
@@ -32,10 +32,10 @@
32
32
  "dependencies": {
33
33
  "@fontsource-variable/fira-code": "^5.2.6",
34
34
  "@radix-ui/react-context": "^1.1.2",
35
- "inter-ui": "^4.1.0"
35
+ "inter-ui": "^4.1.1"
36
36
  },
37
37
  "devDependencies": {
38
- "@vanilla-extract/css": "^1.17.3",
38
+ "@vanilla-extract/css": "^1.17.4",
39
39
  "react": "^18.3.1",
40
40
  "react-dom": "^18.3.1",
41
41
  "@optiaxiom/shared": "^0.0.0"
@@ -47,7 +47,6 @@
47
47
  "scripts": {
48
48
  "build": "rm -rf dist && NODE_ENV=production rollup -c",
49
49
  "dev": "rm -rf dist && rollup -cw",
50
- "lint": "oas-lint",
51
50
  "test": "vitest"
52
51
  }
53
52
  }