@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 +6 -4
- package/dist/esm/context.js +2 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/tokens/colors.js +4 -4
- package/dist/index.d.ts +23 -9
- package/package.json +4 -5
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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;
|
package/dist/esm/context.js
CHANGED
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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, #
|
|
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, #
|
|
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, #
|
|
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, #
|
|
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, #
|
|
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, #
|
|
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, #
|
|
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, #
|
|
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.
|
|
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.
|
|
35
|
+
"inter-ui": "^4.1.1"
|
|
36
36
|
},
|
|
37
37
|
"devDependencies": {
|
|
38
|
-
"@vanilla-extract/css": "^1.17.
|
|
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
|
}
|