welcome-ui 10.0.0-alpha.1 → 10.0.0-alpha.3

package/dist/types/components/Toast/types.d.ts

@@ -8,7 +8,7 @@ export type ToastOptions = {
     onClose?: () => void;
     position?: ToastPosition;
 };
-export type ToastVariant = 'ai' | 'beige' | 'danger' | 'info' | 'success' | 'warning';
+export type ToastVariant = 'error' | 'info' | 'success' | 'warning';
 export type ToastWrapperProps = {
     toast: CustomToastOptions & Toast;
     updateHeight: (toastId: string, height: number) => void;
@@ -17,20 +17,19 @@ type CustomToastOptions = {
     onClose?: () => void;
 };
 interface GrowlOptions {
-    'data-testid'?: string;
+    cta?: JSX.Element;
+    duration?: ToastOptions['duration'];
     hasCloseButton?: boolean;
-    hideIcon?: boolean;
-    onClose?: () => void;
+    onClose?: ToastOptions['onClose'];
+    showProgressBar?: boolean;
     variant?: ToastVariant;
 }
 interface SnackbarOptions {
-    /** add correct separator for call to action
-     * use SnackbarAction
-     */
     cta?: JSX.Element;
+    duration?: ToastOptions['duration'];
     hasCloseButton?: boolean;
-    hideIcon?: boolean;
-    onClose?: () => void;
+    hideProgressBar?: boolean;
+    onClose?: ToastOptions['onClose'];
     variant?: ToastVariant;
 }
 export {};

package/dist/types/components/Tooltip/types.d.ts

@@ -5,7 +5,7 @@ export interface TooltipOptions {
     fixed?: boolean;
     gutter?: number;
     placement?: TooltipPlacement;
-    withArrow?: boolean;
+    title?: JSX.Element | string;
 }
 export type TooltipPlacement = AriakitTooltipStoreProps['placement'];
 export type TooltipProps = Omit<AriakitTooltipProps, 'children' | 'content'> & TooltipOptions;

package/dist/types/theme/types.d.ts

@@ -1337,28 +1337,50 @@ export type ThemeVariables = {
     '--color-logo-mark-primary': string;
     '--color-logo-mark-primary-fixed': string;
     '--font-size-12': string;
+    '--text-12': string;
     '--font-size-14': string;
+    '--text-14': string;
     '--font-size-16': string;
+    '--text-16': string;
     '--font-size-18': string;
+    '--text-18': string;
     '--font-size-20': string;
+    '--text-20': string;
     '--font-size-24': string;
+    '--text-24': string;
     '--font-size-32': string;
+    '--text-32': string;
     '--font-size-36': string;
+    '--text-36': string;
     '--font-size-48': string;
+    '--text-48': string;
     '--font-size-60': string;
+    '--text-60': string;
     '--font-size-72': string;
+    '--text-72': string;
     '--font-size-xs': string;
+    '--text-xs': string;
     '--font-size-sm': string;
+    '--text-sm': string;
     '--font-size-md': string;
+    '--text-md': string;
     '--font-size-lg': string;
+    '--text-lg': string;
     '--font-size-xl': string;
+    '--text-xl': string;
     '--font-size-2xl': string;
     '--font-size-xxl': string;
+    '--text-2xl': string;
     '--font-size-3xl': string;
+    '--text-3xl': string;
     '--font-size-4xl': string;
+    '--text-4xl': string;
     '--font-size-5xl': string;
+    '--text-5xl': string;
     '--font-size-6xl': string;
+    '--text-6xl': string;
     '--font-size-7xl': string;
+    '--text-7xl': string;
     '--font-family-title': string;
     '--font-family-body': string;
     '--font-weight-regular': string;

package/dist/types/utils/index.d.ts

@@ -1,5 +1,4 @@
 export * from './classNames';
 export * from './forwardRefWithAs';
-export * from './theme';
 export * from './ts-utils';
 export * from './use-copy-text';

package/dist/{utils-DileZjMm.js → utils-BD597oo6.js}

@@ -1,5 +1,5 @@
 "use client";
-import { g as J } from "./index-CdiHdiVB.js";
+import { g as J } from "./index-PAaZGbyz.js";
 const Y = {
   "custom-header": "_custom-header_1w74t_2",
   "date-picker": "_date-picker_1w74t_9",

package/dist/utils.js

@@ -1,6 +1,6 @@
 "use client";
-import { b as f } from "./index-CdiHdiVB.js";
-import { c as d } from "./index-CdiHdiVB.js";
+import { b as f } from "./index-PAaZGbyz.js";
+import { c as d } from "./index-PAaZGbyz.js";
 import { f as C } from "./forwardRefWithAs-8eP3ZN15.js";
 import { useState as p, useCallback as a } from "react";
 function n(e, o) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "welcome-ui",
-  "version": "10.0.0-alpha.1",
+  "version": "10.0.0-alpha.3",
   "description": "Customizable design system with react, typescript, tailwindcss and ariakit.",
   "files": [
     "dist"
@@ -17,6 +17,7 @@
       "import": "./dist/utils.js"
     },
     "./*.css": "./dist/*.css",
+    "./scss/*": "./dist/scss/*.scss",
     "./*": {
       "types": "./dist/types/components/*/index.d.ts",
       "import": "./dist/*.js"

package/dist/4I4MLMKD-BLxAidnq.js

@@ -1,43 +0,0 @@
-"use client";
-import { u as p, P as _ } from "./Y67KZUMI-DFEgrUv2.js";
-import { c as i, _ as v, d as l, p as h, a as n, f as P, b as m, i as D, u as x, x as E } from "./OE2EFRVA-C3721cM3.js";
-import { u as b } from "./ZTXFEM5L-CkrIQCN1.js";
-import { jsx as g } from "react/jsx-runtime";
-var A = "div", d = i(
-  function(s) {
-    var e = s, { store: r } = e, o = v(e, ["store"]);
-    const c = p();
-    return r = r || c, o = l(n({}, o), {
-      ref: h(r == null ? void 0 : r.setAnchorElement, o.ref)
-    }), o;
-  }
-);
-P(function(s) {
-  const e = d(s);
-  return m(A, e);
-});
-var C = "button", k = i(function(s) {
-  var e = s, { store: r } = e, o = v(e, ["store"]);
-  const c = p();
-  r = r || c, D(
-    r,
-    process.env.NODE_ENV !== "production" && "PopoverDisclosure must receive a `store` prop or be wrapped in a PopoverProvider component."
-  );
-  const u = o.onClick, f = x((t) => {
-    r == null || r.setAnchorElement(t.currentTarget), u == null || u(t);
-  });
-  return o = E(
-    o,
-    (t) => /* @__PURE__ */ g(_, { value: r, children: t }),
-    [r]
-  ), o = l(n({}, o), {
-    onClick: f
-  }), o = d(n({ store: r }, o)), o = b(n({ store: r }, o)), o;
-}), w = P(function(s) {
-  const e = k(s);
-  return m(C, e);
-});
-export {
-  w as P,
-  k as u
-};