@optiaxiom/globals 1.0.0 → 1.0.2
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 +7 -4
- package/dist/esm/index.js +1 -1
- package/dist/esm/toast-context.js +2 -2
- package/dist/esm/toaster.js +4 -1
- package/dist/index.d.ts +3 -3
- package/package.json +1 -1
package/dist/cjs/index.js
CHANGED
|
@@ -7,7 +7,7 @@ const AxiomVersionContext = react.createContext(void 0);
|
|
|
7
7
|
|
|
8
8
|
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)'}};
|
|
9
9
|
|
|
10
|
-
const [
|
|
10
|
+
const [ToastProviderProvider, useToastProviderContext] = reactContext.createContext("@optiaxiom/react/ToastProvider");
|
|
11
11
|
|
|
12
12
|
const EMPTY = [];
|
|
13
13
|
let id = 1;
|
|
@@ -70,9 +70,12 @@ const createToaster = () => {
|
|
|
70
70
|
};
|
|
71
71
|
};
|
|
72
72
|
const waitForAnimation = async (element) => {
|
|
73
|
+
if (!element) {
|
|
74
|
+
return;
|
|
75
|
+
}
|
|
73
76
|
await new Promise((resolve) => requestAnimationFrame(resolve));
|
|
74
77
|
await Promise.allSettled(
|
|
75
|
-
typeof element
|
|
78
|
+
typeof element.getAnimations === "function" ? element.getAnimations().map((animation) => animation.finished) : [Promise.resolve()]
|
|
76
79
|
);
|
|
77
80
|
};
|
|
78
81
|
const toaster = createToaster();
|
|
@@ -349,9 +352,9 @@ const tokens = {
|
|
|
349
352
|
};
|
|
350
353
|
|
|
351
354
|
exports.AxiomVersionContext = AxiomVersionContext;
|
|
352
|
-
exports.
|
|
355
|
+
exports.ToastProviderProvider = ToastProviderProvider;
|
|
353
356
|
exports.createToaster = createToaster;
|
|
354
357
|
exports.theme = theme;
|
|
355
358
|
exports.toaster = toaster;
|
|
356
359
|
exports.tokens = tokens;
|
|
357
|
-
exports.
|
|
360
|
+
exports.useToastProviderContext = useToastProviderContext;
|
package/dist/esm/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { AxiomVersionContext } from './context.js';
|
|
2
2
|
export { theme } from './theme-css.js';
|
|
3
|
-
export {
|
|
3
|
+
export { ToastProviderProvider, useToastProviderContext } from './toast-context.js';
|
|
4
4
|
export { createToaster, toaster } from './toaster.js';
|
|
5
5
|
export { tokens } from './tokens/index.js';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { createContext } from '@radix-ui/react-context';
|
|
3
3
|
|
|
4
|
-
const [
|
|
4
|
+
const [ToastProviderProvider, useToastProviderContext] = createContext("@optiaxiom/react/ToastProvider");
|
|
5
5
|
|
|
6
|
-
export {
|
|
6
|
+
export { ToastProviderProvider, useToastProviderContext };
|
package/dist/esm/toaster.js
CHANGED
|
@@ -59,9 +59,12 @@ const createToaster = () => {
|
|
|
59
59
|
};
|
|
60
60
|
};
|
|
61
61
|
const waitForAnimation = async (element) => {
|
|
62
|
+
if (!element) {
|
|
63
|
+
return;
|
|
64
|
+
}
|
|
62
65
|
await new Promise((resolve) => requestAnimationFrame(resolve));
|
|
63
66
|
await Promise.allSettled(
|
|
64
|
-
typeof element
|
|
67
|
+
typeof element.getAnimations === "function" ? element.getAnimations().map((animation) => animation.finished) : [Promise.resolve()]
|
|
65
68
|
);
|
|
66
69
|
};
|
|
67
70
|
const toaster = createToaster();
|
package/dist/index.d.ts
CHANGED
|
@@ -177,7 +177,7 @@ type MapLeafNodes<Obj, LeafType> = {
|
|
|
177
177
|
type CSSVarFunction = `var(--${string})` | `var(--${string}, ${number | string})`;
|
|
178
178
|
type Primitive = boolean | null | number | string | undefined;
|
|
179
179
|
|
|
180
|
-
declare const
|
|
180
|
+
declare const ToastProviderProvider: react.FC<{
|
|
181
181
|
offset: number;
|
|
182
182
|
onOpenChange: (open: boolean) => void;
|
|
183
183
|
open: boolean;
|
|
@@ -185,7 +185,7 @@ declare const ToastContextProvider: react.FC<{
|
|
|
185
185
|
} & {
|
|
186
186
|
children: React.ReactNode;
|
|
187
187
|
}>;
|
|
188
|
-
declare const
|
|
188
|
+
declare const useToastProviderContext: (consumerName: string) => {
|
|
189
189
|
offset: number;
|
|
190
190
|
onOpenChange: (open: boolean) => void;
|
|
191
191
|
open: boolean;
|
|
@@ -387,4 +387,4 @@ declare const tokens: {
|
|
|
387
387
|
};
|
|
388
388
|
};
|
|
389
389
|
|
|
390
|
-
export { AxiomVersionContext, type MapLeafNodes,
|
|
390
|
+
export { AxiomVersionContext, type MapLeafNodes, ToastProviderProvider, createToaster, theme, toaster, tokens, useToastProviderContext };
|