welcome-ui 0.0.0-dev.1764320474970 → 0.0.0-dev.1765989103659

package/dist/Slider.js

@@ -337,7 +337,7 @@ const _e = 20, q = (d, _) => Math.round(d / _) * _, F = (d, _, p, y) => (d = q(d
       !isNaN(f) && f !== v && f && (A(f), z(f));
     }, [f]);
     const j = ee();
-    return /* @__PURE__ */ D("div", { className: N("slider-root", _), ref: G, children: [
+    return /* @__PURE__ */ D("div", { className: N("slider-root", "field-input", _), ref: G, children: [
       h ? /* @__PURE__ */ l(re, { as: "label", htmlFor: j, variant: "body-md", children: h }) : null,
       /* @__PURE__ */ D("div", { className: N("input-wrapper"), children: [
         (m === "inline" || m === "left-field") && (m === "left-field" ? /* @__PURE__ */ l(

package/dist/StickyNote.css

@@ -1 +1 @@
-@layer components{._root_1m1jb_2{transform:rotate3d(0,0,1,.3deg);border-color:var(--components-colors-sticky-note-color-border-default);border-style:solid;border-width:var(--border-width-xs);border-radius:var(--components-dimensions-sticky-note-border-radius);padding:var(--spacing-3xl) var(--spacing-xl) var(--spacing-xl) var(--spacing-xl);box-shadow:var(--elevation-30);width:var(--StickyNoteWidth);height:var(--StickyNoteHeight);background-color:var(--StickyNoteBackgroundColor);color:var(--StickyNoteColor)}._root_1m1jb_2:before{content:"";position:absolute;top:0;left:0;width:100%;height:var(--spacing-xxl);background-color:#00000005}._shape-rectangle_1m1jb_26{--StickyNoteWidth: var(--components-dimensions-sticky-note-size-width-rectangle);--StickyNoteHeight: var(--components-dimensions-sticky-note-size-height-rectangle)}._shape-square_1m1jb_30{--StickyNoteWidth: var(--components-dimensions-sticky-note-size-width-square);--StickyNoteHeight: var(--components-dimensions-sticky-note-size-height-square)}._variant-brand_1m1jb_34{--StickyNoteBackgroundColor: var(--components-colors-sticky-note-color-background-brand);--StickyNoteColor: var(--components-colors-sticky-note-color-text-body-brand)}._variant-brand_1m1jb_34 ._title-icon_1m1jb_38{--StickyNoteTitleIconColor: var(--components-colors-sticky-note-icon-color-icon-brand);--StickyNoteTitleIconBackgroundColor: var( --components-colors-sticky-note-icon-color-background-brand )}._variant-blue_1m1jb_44{--StickyNoteBackgroundColor: var(--components-colors-sticky-note-color-background-blue);--StickyNoteColor: var(--components-colors-sticky-note-color-text-body-blue)}._variant-blue_1m1jb_44 ._title-icon_1m1jb_38{--StickyNoteTitleIconColor: var(--components-colors-sticky-note-icon-color-icon-blue);--StickyNoteTitleIconBackgroundColor: var( --components-colors-sticky-note-icon-color-background-blue )}._variant-green_1m1jb_54{--StickyNoteBackgroundColor: var(--components-colors-sticky-note-color-background-green);--StickyNoteColor: var(--components-colors-sticky-note-color-text-body-green)}._variant-green_1m1jb_54 ._title-icon_1m1jb_38{--StickyNoteTitleIconColor: var(--components-colors-sticky-note-icon-color-icon-green);--StickyNoteTitleIconBackgroundColor: var( --components-colors-sticky-note-icon-color-background-green )}._variant-violet_1m1jb_64{--StickyNoteBackgroundColor: var(--components-colors-sticky-note-color-background-violet);--StickyNoteColor: var(--components-colors-sticky-note-color-text-body-violet)}._variant-violet_1m1jb_64 ._title-icon_1m1jb_38{--StickyNoteTitleIconColor: var(--components-colors-sticky-note-icon-color-icon-violet);--StickyNoteTitleIconBackgroundColor: var( --components-colors-sticky-note-icon-color-background-violet )}._variant-pink_1m1jb_74{--StickyNoteBackgroundColor: var(--components-colors-sticky-note-color-background-pink);--StickyNoteColor: var(--components-colors-sticky-note-color-text-body-pink)}._variant-pink_1m1jb_74 ._title-icon_1m1jb_38{--StickyNoteTitleIconColor: var(--components-colors-sticky-note-icon-color-icon-pink);--StickyNoteTitleIconBackgroundColor: var( --components-colors-sticky-note-icon-color-background-pink )}._variant-orange_1m1jb_84{--StickyNoteBackgroundColor: var(--components-colors-sticky-note-color-background-orange);--StickyNoteColor: var(--components-colors-sticky-note-color-text-body-orange)}._variant-orange_1m1jb_84 ._title-icon_1m1jb_38{--StickyNoteTitleIconColor: var(--components-colors-sticky-note-icon-color-icon-orange);--StickyNoteTitleIconBackgroundColor: var( --components-colors-sticky-note-icon-color-background-orange )}._variant-teal_1m1jb_94{--StickyNoteBackgroundColor: var(--components-colors-sticky-note-color-background-teal);--StickyNoteColor: var(--components-colors-sticky-note-color-text-body-teal)}._variant-teal_1m1jb_94 ._title-icon_1m1jb_38{--StickyNoteTitleIconColor: var(--components-colors-sticky-note-icon-color-icon-teal);--StickyNoteTitleIconBackgroundColor: var( --components-colors-sticky-note-icon-color-background-teal )}._close-button_1m1jb_104{position:absolute;transform:rotate3d(0,0,1,-.3deg);right:var(--spacing-xs);top:var(--spacing-xs)}._content_1m1jb_110{position:relative;display:flex;flex-direction:column;height:100%;gap:var(--components-dimensions-sticky-note-gap-content);transform:rotate3d(0,0,1,-.3deg);font-size:var(--font-size-md);line-height:var(--font-line-height-md)}._title_1m1jb_38{display:flex;gap:var(--spacing-sm);align-items:center}._title-icon_1m1jb_38{flex-shrink:0;padding:var(--components-dimensions-sticky-note-icon-padding-block);border-radius:var(--components-dimensions-sticky-note-icon-border-radius);color:var(--StickyNoteTitleIconColor);background-color:var(--StickyNoteTitleIconBackgroundColor)}._action_1m1jb_132{margin-top:auto;width:fit-content}}
+@layer components{._root_1snl7_2{transform:rotate3d(0,0,1,.3deg);display:flex;border-color:var(--components-colors-sticky-note-color-border-default);border-style:solid;border-width:var(--border-width-xs);border-radius:var(--components-dimensions-sticky-note-border-radius);padding:var(--spacing-3xl) var(--spacing-xl) var(--spacing-xl) var(--spacing-xl);box-shadow:var(--elevation-30);width:var(--StickyNoteWidth);min-height:var(--StickyNoteHeight);background-color:var(--StickyNoteBackgroundColor);color:var(--StickyNoteColor)}._root_1snl7_2:before{content:"";position:absolute;top:0;left:0;width:100%;height:var(--spacing-xxl);background-color:#00000005}._shape-rectangle_1snl7_27{--StickyNoteWidth: var(--components-dimensions-sticky-note-size-width-rectangle);--StickyNoteHeight: var(--components-dimensions-sticky-note-size-height-rectangle)}._shape-square_1snl7_31{--StickyNoteWidth: var(--components-dimensions-sticky-note-size-width-square);--StickyNoteHeight: var(--components-dimensions-sticky-note-size-height-square)}._shape-full_1snl7_35{--StickyNoteWidth: 100%}._variant-brand_1snl7_38{--StickyNoteBackgroundColor: var(--components-colors-sticky-note-color-background-brand);--StickyNoteColor: var(--components-colors-sticky-note-color-text-body-brand)}._variant-brand_1snl7_38 ._title-icon_1snl7_42{--StickyNoteTitleIconColor: var(--components-colors-sticky-note-icon-color-icon-brand);--StickyNoteTitleIconBackgroundColor: var( --components-colors-sticky-note-icon-color-background-brand )}._variant-blue_1snl7_48{--StickyNoteBackgroundColor: var(--components-colors-sticky-note-color-background-blue);--StickyNoteColor: var(--components-colors-sticky-note-color-text-body-blue)}._variant-blue_1snl7_48 ._title-icon_1snl7_42{--StickyNoteTitleIconColor: var(--components-colors-sticky-note-icon-color-icon-blue);--StickyNoteTitleIconBackgroundColor: var( --components-colors-sticky-note-icon-color-background-blue )}._variant-green_1snl7_58{--StickyNoteBackgroundColor: var(--components-colors-sticky-note-color-background-green);--StickyNoteColor: var(--components-colors-sticky-note-color-text-body-green)}._variant-green_1snl7_58 ._title-icon_1snl7_42{--StickyNoteTitleIconColor: var(--components-colors-sticky-note-icon-color-icon-green);--StickyNoteTitleIconBackgroundColor: var( --components-colors-sticky-note-icon-color-background-green )}._variant-violet_1snl7_68{--StickyNoteBackgroundColor: var(--components-colors-sticky-note-color-background-violet);--StickyNoteColor: var(--components-colors-sticky-note-color-text-body-violet)}._variant-violet_1snl7_68 ._title-icon_1snl7_42{--StickyNoteTitleIconColor: var(--components-colors-sticky-note-icon-color-icon-violet);--StickyNoteTitleIconBackgroundColor: var( --components-colors-sticky-note-icon-color-background-violet )}._variant-pink_1snl7_78{--StickyNoteBackgroundColor: var(--components-colors-sticky-note-color-background-pink);--StickyNoteColor: var(--components-colors-sticky-note-color-text-body-pink)}._variant-pink_1snl7_78 ._title-icon_1snl7_42{--StickyNoteTitleIconColor: var(--components-colors-sticky-note-icon-color-icon-pink);--StickyNoteTitleIconBackgroundColor: var( --components-colors-sticky-note-icon-color-background-pink )}._variant-orange_1snl7_88{--StickyNoteBackgroundColor: var(--components-colors-sticky-note-color-background-orange);--StickyNoteColor: var(--components-colors-sticky-note-color-text-body-orange)}._variant-orange_1snl7_88 ._title-icon_1snl7_42{--StickyNoteTitleIconColor: var(--components-colors-sticky-note-icon-color-icon-orange);--StickyNoteTitleIconBackgroundColor: var( --components-colors-sticky-note-icon-color-background-orange )}._variant-teal_1snl7_98{--StickyNoteBackgroundColor: var(--components-colors-sticky-note-color-background-teal);--StickyNoteColor: var(--components-colors-sticky-note-color-text-body-teal)}._variant-teal_1snl7_98 ._title-icon_1snl7_42{--StickyNoteTitleIconColor: var(--components-colors-sticky-note-icon-color-icon-teal);--StickyNoteTitleIconBackgroundColor: var( --components-colors-sticky-note-icon-color-background-teal )}._close-button_1snl7_108{position:absolute;transform:rotate3d(0,0,1,-.3deg);right:var(--spacing-xs);top:var(--spacing-xs)}._content_1snl7_114{display:flex;flex-direction:column;gap:var(--components-dimensions-sticky-note-gap-content);transform:rotate3d(0,0,1,-.3deg);font-size:var(--font-size-md);line-height:var(--font-line-height-md)}._title_1snl7_42{display:flex;gap:var(--spacing-sm);align-items:center}._title-icon_1snl7_42{flex-shrink:0;padding:var(--components-dimensions-sticky-note-icon-padding-block);border-radius:var(--components-dimensions-sticky-note-icon-border-radius);color:var(--StickyNoteTitleIconColor);background-color:var(--StickyNoteTitleIconBackgroundColor)}._action_1snl7_134{margin-top:auto;width:fit-content}}

package/dist/StickyNote.js

@@ -1,49 +1,63 @@
 "use client";
 import './StickyNote.css';
-import { jsx as t, jsxs as c } from "react/jsx-runtime";
-import { forwardRef as j } from "react";
-import { CloseButton as d } from "./CloseButton.js";
-import { c as i } from "./index-PAaZGbyz.js";
-import { Button as N } from "./Button.js";
+import { jsx as t, jsxs as r } from "react/jsx-runtime";
+import { forwardRef as b } from "react";
+import { CloseButton as f } from "./CloseButton.js";
+import { c as e } from "./index-PAaZGbyz.js";
+import { Button as h } from "./Button.js";
 import { Icon as y } from "./Icon.js";
-import { Text as f } from "./Text.js";
-const g = "_root_1m1jb_2", h = "_content_1m1jb_110", k = "_title_1m1jb_38", x = "_action_1m1jb_132", r = {
-  root: g,
-  "shape-rectangle": "_shape-rectangle_1m1jb_26",
-  "shape-square": "_shape-square_1m1jb_30",
-  "variant-brand": "_variant-brand_1m1jb_34",
-  "title-icon": "_title-icon_1m1jb_38",
-  "variant-blue": "_variant-blue_1m1jb_44",
-  "variant-green": "_variant-green_1m1jb_54",
-  "variant-violet": "_variant-violet_1m1jb_64",
-  "variant-pink": "_variant-pink_1m1jb_74",
-  "variant-orange": "_variant-orange_1m1jb_84",
-  "variant-teal": "_variant-teal_1m1jb_94",
-  "close-button": "_close-button_1m1jb_104",
-  content: h,
-  title: k,
-  action: x
-}, B = i(r), m = ({ children: a, className: n, ...o }) => /* @__PURE__ */ t(N, { className: B("action", n), ...o, size: "sm", variant: "primary-neutral", children: a });
-m.displayName = "StickyNote.Button";
-const s = i(r), _ = ({ children: a, icon: n = "lightbulb-alt" }) => /* @__PURE__ */ c(f, { as: "div", className: s("title"), variant: "body-md-strong", children: [
-  /* @__PURE__ */ t("div", { className: s("title-icon"), children: /* @__PURE__ */ t(y, { name: n }) }),
-  /* @__PURE__ */ t("span", { children: a })
+import { Text as g } from "./Text.js";
+const k = "_root_1snl7_2", x = "_content_1snl7_114", B = "_title_1snl7_42", S = "_action_1snl7_134", i = {
+  root: k,
+  "shape-rectangle": "_shape-rectangle_1snl7_27",
+  "shape-square": "_shape-square_1snl7_31",
+  "shape-full": "_shape-full_1snl7_35",
+  "variant-brand": "_variant-brand_1snl7_38",
+  "title-icon": "_title-icon_1snl7_42",
+  "variant-blue": "_variant-blue_1snl7_48",
+  "variant-green": "_variant-green_1snl7_58",
+  "variant-violet": "_variant-violet_1snl7_68",
+  "variant-pink": "_variant-pink_1snl7_78",
+  "variant-orange": "_variant-orange_1snl7_88",
+  "variant-teal": "_variant-teal_1snl7_98",
+  "close-button": "_close-button_1snl7_108",
+  content: x,
+  title: B,
+  action: S
+}, $ = e(i), c = ({ children: n, className: a, ...s }) => /* @__PURE__ */ t(h, { className: $("action", a), ...s, size: "sm", variant: "primary-neutral", children: n });
+c.displayName = "StickyNote.Button";
+const l = e(i), _ = ({ children: n, icon: a = "lightbulb-alt" }) => /* @__PURE__ */ r(g, { as: "div", className: l("title"), variant: "body-md-strong", children: [
+  /* @__PURE__ */ t("div", { className: l("title-icon"), children: /* @__PURE__ */ t(y, { name: a }) }),
+  /* @__PURE__ */ t("span", { children: n })
 ] });
 _.displayName = "StickyNote.Title";
-const e = i(r), l = j(
-  ({ children: a, className: n, handleClose: o, shape: b = "square", variant: v = "brand" }, p) => {
-    const u = !!o;
-    return /* @__PURE__ */ c("div", { className: e("root", `variant-${v}`, `shape-${b}`, n), ref: p, children: [
-      u ? /* @__PURE__ */ t(d, { className: e("close-button"), onClick: o, size: "sm" }) : null,
-      /* @__PURE__ */ t("div", { className: e("content"), children: a })
-    ] });
+const o = e(i), m = b(
+  ({ children: n, className: a, handleClose: s, isFullWidth: p, shape: u = "square", variant: v = "brand" }, d) => {
+    const N = !!s;
+    return /* @__PURE__ */ r(
+      "div",
+      {
+        className: o(
+          "root",
+          `variant-${v}`,
+          `shape-${u}`,
+          p && "shape-full",
+          a
+        ),
+        ref: d,
+        children: [
+          N ? /* @__PURE__ */ t(f, { className: o("close-button"), onClick: s, size: "sm" }) : null,
+          /* @__PURE__ */ t("div", { className: o("content"), children: n })
+        ]
+      }
+    );
   }
 );
-l.displayName = "StickyNote";
-const I = Object.assign(l, {
-  Button: m,
+m.displayName = "StickyNote";
+const O = Object.assign(m, {
+  Button: c,
   Title: _
 });
 export {
-  I as StickyNote
+  O as StickyNote
 };