@optiaxiom/globals 0.5.0 → 0.5.1

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { useSyncExternalStore, ReactElement } from 'react';
+import { ReactElement, useSyncExternalStore } from 'react';
 
 declare const AxiomVersionContext: react.Context<string | undefined>;
 
@@ -187,22 +187,14 @@ declare const useToastContext: (consumerName: string) => {
     open: boolean;
 };
 
-type ToastItem = {
-    id: string;
-    open: boolean;
-    toast: ReactElement | {
-        action?: {
-            altText: string;
-            label: string;
-            onClick: () => void;
-        };
-        title: string;
-        type?: "danger" | "neutral" | "success" | "warning";
-    };
+type ToastOptions = {
+    action?: string;
+    onAction?: () => void;
+    type?: "danger" | "information" | "neutral" | "success" | "warning";
 };
 type Toaster = {
     clear: () => void;
-    create: (toast: ToastItem["toast"]) => string;
+    create: (...args: [message: string, options?: ToastOptions] | [toast: ReactElement]) => string;
     remove: (id: string) => void;
     store: Parameters<typeof useSyncExternalStore<ToastItem[]>>;
 };
@@ -464,84 +456,6 @@ declare const tokensDark: {
         readonly "fg.warning.strong": "#FEDF88";
         readonly "fg.white": "#FFFFFF";
     };
-    readonly borderRadius: {
-        readonly xs: "2px";
-        readonly sm: "4px";
-        readonly md: "6px";
-        readonly lg: "8px";
-        readonly full: "9999px";
-    };
-    readonly boxShadow: {
-        readonly sm: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)";
-        readonly md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
-        readonly lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
-    };
-    readonly fontFamily: {
-        readonly mono: "Fira Code Variable, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace";
-        readonly sans: "InterVariable, system-ui, sans-serif";
-    };
-    readonly fontSize: {
-        readonly xs: {
-            readonly fontSize: "10px";
-            readonly lineHeight: "14px";
-        };
-        readonly sm: {
-            readonly fontSize: "12px";
-            readonly lineHeight: "16px";
-        };
-        readonly md: {
-            readonly fontSize: "14px";
-            readonly lineHeight: "20px";
-        };
-        readonly lg: {
-            readonly fontSize: "16px";
-            readonly lineHeight: "24px";
-        };
-        readonly xl: {
-            readonly fontSize: "18px";
-            readonly lineHeight: "28px";
-        };
-        readonly "2xl": {
-            readonly fontSize: "20px";
-            readonly lineHeight: "28px";
-        };
-        readonly "3xl": {
-            readonly fontSize: "24px";
-            readonly lineHeight: "32px";
-        };
-        readonly "4xl": {
-            readonly fontSize: "30px";
-            readonly lineHeight: "36px";
-        };
-        readonly "5xl": {
-            readonly fontSize: "36px";
-            readonly lineHeight: "40px";
-        };
-    };
-    readonly maxSize: {
-        readonly xs: "320px";
-        readonly sm: "384px";
-        readonly md: "448px";
-        readonly lg: "512px";
-    };
-    readonly screens: {
-        readonly sm: "600px";
-        readonly md: "900px";
-    };
-    readonly size: {
-        readonly "2xs": "16px";
-        readonly xs: "20px";
-        readonly sm: "24px";
-        readonly md: "32px";
-        readonly lg: "40px";
-        readonly xl: "48px";
-        readonly "3xl": "80px";
-    };
-    readonly zIndex: {
-        readonly popover: "3000";
-        readonly toast: "3010";
-        readonly tooltip: "10000";
-    };
 };
 
 export { AxiomVersionContext, type MapLeafNodes, ToastContextProvider, createToaster, theme, toaster, tokens, tokensDark, useToastContext };

package/dist/toaster.js

@@ -24,7 +24,11 @@ const createToaster = () => {
       snapshot = [];
       emit();
     },
-    create: (toast) => {
+    create: (...args) => {
+      const toast = typeof args[0] === "string" ? {
+        ...args[1],
+        title: args[0]
+      } : args[0];
       const id2 = genId();
       snapshot = [...snapshot, { id: id2, open: true, toast }];
       emit();

package/dist/tokens/colors.js

@@ -280,4 +280,4 @@ const colorsDark = {
   "fg.white": colorPalette["neutral.00"]
 };
 
-export { colorPalette, colors, colorsDark };
+export { colors, colorsDark };

package/dist/tokens/index.js

@@ -20,7 +20,6 @@ const tokens = {
   zIndex
 };
 const tokensDark = {
-  ...tokens,
   colors: colorsDark
 };
 

package/package.json

@@ -7,7 +7,7 @@
     "url": "https://github.com/optimizely-axiom/optiaxiom.git"
   },
   "type": "module",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "files": [
     "dist/**",
     "LICENSE"
@@ -32,7 +32,7 @@
     "inter-ui": "^4.1.0"
   },
   "devDependencies": {
-    "@vanilla-extract/css": "^1.16.1",
+    "@vanilla-extract/css": "^1.17.0",
     "@optiaxiom/shared": "^0.0.0"
   },
   "peerDependencies": {