welcome-ui 0.0.0-dev.1762111960442 → 0.0.0-dev.1763386521897

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.
Files changed (102) hide show
  1. package/README.md +1 -1
  2. package/dist/{4I4MLMKD-ClGFnV27.js → 4I4MLMKD-z3Xm3qCo.js} +3 -3
  3. package/dist/Accordion.js +4 -4
  4. package/dist/Alert.css +1 -1
  5. package/dist/Alert.js +84 -87
  6. package/dist/AspectRatio.js +1 -1
  7. package/dist/Avatar.js +1 -1
  8. package/dist/{B7UTNDHN-DrVrdxiS.js → B7UTNDHN-BDa2-8JK.js} +1 -1
  9. package/dist/Badge.js +1 -1
  10. package/dist/Breadcrumb.js +1 -1
  11. package/dist/Button.js +1 -1
  12. package/dist/ButtonGroup.js +1 -1
  13. package/dist/Card.js +1 -1
  14. package/dist/Checkbox.js +2 -2
  15. package/dist/CloseButton.css +1 -1
  16. package/dist/CloseButton.js +12 -12
  17. package/dist/{DSAASPLT-C65YRecr.js → DSAASPLT-C-2xDjIv.js} +1 -1
  18. package/dist/DatePicker.js +2 -2
  19. package/dist/DateTimePicker.js +2 -2
  20. package/dist/Drawer.js +25 -22
  21. package/dist/DropdownMenu.js +9 -9
  22. package/dist/Field.js +1 -1
  23. package/dist/FieldGroup.js +1 -1
  24. package/dist/FileDrop.js +2 -2
  25. package/dist/FileUpload.js +1 -1
  26. package/dist/{GVVKDT6A-NJOQQOYu.js → GVVKDT6A-C66-lr0B.js} +3 -3
  27. package/dist/Hint.js +1 -1
  28. package/dist/Icon.js +9 -5
  29. package/dist/InputText.js +1 -1
  30. package/dist/{KPUWHTQJ-NpgUp804.js → KPUWHTQJ-Byij2al4.js} +1 -1
  31. package/dist/Label.js +1 -1
  32. package/dist/Link.js +20 -19
  33. package/dist/Loader.js +1 -1
  34. package/dist/Logo.js +1 -1
  35. package/dist/Modal.js +5 -5
  36. package/dist/{NI3IVY7K-DqCXZqiy.js → NI3IVY7K-DpF3td-7.js} +2 -2
  37. package/dist/{NMGNQVTG-DJrSmLLO.js → NMGNQVTG-BgAqqGOq.js} +1 -1
  38. package/dist/{OLVWQA7U-DujoXmxA.js → OLVWQA7U-wHytlFYu.js} +3 -3
  39. package/dist/Pagination.css +1 -1
  40. package/dist/Pagination.js +155 -76
  41. package/dist/Popover.js +4 -4
  42. package/dist/{RTNCFSKZ-BspS8FyJ.js → RTNCFSKZ-LcIdBwa8.js} +1 -1
  43. package/dist/Radio.js +2 -2
  44. package/dist/RadioGroup.js +3 -3
  45. package/dist/RadioTab.js +2 -2
  46. package/dist/{SBSPVDDI-96-TLBrF.js → SBSPVDDI-BoxPz2JY.js} +1 -1
  47. package/dist/{SQZLCNLX-De47aWEV.js → SQZLCNLX-CUlXoT69.js} +2 -2
  48. package/dist/Search.js +2 -2
  49. package/dist/Select.js +2 -2
  50. package/dist/Slider.js +1 -1
  51. package/dist/Stepper.js +1 -1
  52. package/dist/StickyNote.css +1 -0
  53. package/dist/StickyNote.js +42 -0
  54. package/dist/Swiper.js +1 -1
  55. package/dist/{T22PY7TE-CG3ZPQ0h.js → T22PY7TE-CzEDuEn1.js} +1 -1
  56. package/dist/Table.js +1 -1
  57. package/dist/Tabs.js +7 -7
  58. package/dist/Tag.css +1 -1
  59. package/dist/Tag.js +41 -41
  60. package/dist/Text.js +1 -1
  61. package/dist/Textarea.js +1 -1
  62. package/dist/TimePicker.js +2 -2
  63. package/dist/Toast.css +1 -1
  64. package/dist/Toast.js +286 -222
  65. package/dist/Toggle.js +2 -2
  66. package/dist/Tooltip.js +4 -4
  67. package/dist/VariantIcon.js +1 -1
  68. package/dist/VisuallyHidden.js +1 -1
  69. package/dist/WelcomeLoader.js +1 -1
  70. package/dist/{Y67KZUMI-B7MDEVik.js → Y67KZUMI-BDyUNSJw.js} +1 -1
  71. package/dist/{ZTXFEM5L-CgOPe8o9.js → ZTXFEM5L-CjFLRObi.js} +2 -2
  72. package/dist/{downshift.esm-D_6pHXkq.js → downshift.esm-xtYanIDi.js} +1 -1
  73. package/dist/scss/breakpoints.scss +9 -0
  74. package/dist/scss/text-ellipsis.scss +5 -0
  75. package/dist/scss/texts.scss +108 -0
  76. package/dist/theme.css +1 -1
  77. package/dist/{tslib.es6-DpB4Y59c.js → tslib.es6-C80jYMbM.js} +1 -1
  78. package/dist/types/components/Alert/components/Buttons.d.ts +3 -0
  79. package/dist/types/components/Alert/components/Title.d.ts +2 -0
  80. package/dist/types/components/Alert/index.d.ts +4 -3
  81. package/dist/types/components/Alert/types.d.ts +3 -9
  82. package/dist/types/components/Drawer/AssetDrawer/types.d.ts +3 -0
  83. package/dist/types/components/Drawer/components/Backdrop.d.ts +1 -1
  84. package/dist/types/components/Drawer/index.d.ts +1 -1
  85. package/dist/types/components/Icon/icons.d.ts +2 -2
  86. package/dist/types/components/Pagination/types.d.ts +11 -0
  87. package/dist/types/components/StickyNote/components/Button.d.ts +2 -0
  88. package/dist/types/components/StickyNote/components/Title.d.ts +2 -0
  89. package/dist/types/components/StickyNote/index.d.ts +5 -0
  90. package/dist/types/components/StickyNote/index.test.d.ts +1 -0
  91. package/dist/types/components/StickyNote/types.d.ts +15 -0
  92. package/dist/types/components/Toast/components/Growl.d.ts +2 -0
  93. package/dist/types/components/Toast/index.d.ts +4 -1
  94. package/dist/types/components/Toast/types.d.ts +8 -9
  95. package/dist/types/theme/types.d.ts +233 -218
  96. package/dist/types/utils/index.d.ts +0 -1
  97. package/dist/{utils-DileZjMm.js → utils-BD597oo6.js} +1 -1
  98. package/dist/utils.js +2 -2
  99. package/package.json +2 -1
  100. package/dist/index.css +0 -0
  101. package/dist/types/utils/theme/index.d.ts +0 -0
  102. /package/dist/{index-CdiHdiVB.js → index-PAaZGbyz.js} +0 -0
@@ -1,7 +1,7 @@
1
1
  "use client";
2
- import { C as N, a as U, b as y } from "./SBSPVDDI-96-TLBrF.js";
2
+ import { C as N, a as U, b as y } from "./SBSPVDDI-BoxPz2JY.js";
3
3
  import { e as T, v as w, f as O, c as j, b as D, _ as H, w as M, O as $, A as q, a0 as z, u as v, d as B, p as G, a as p, r as J } from "./OE2EFRVA-DkdhQLJL.js";
4
- import { u as K } from "./RTNCFSKZ-BspS8FyJ.js";
4
+ import { u as K } from "./RTNCFSKZ-LcIdBwa8.js";
5
5
  import { useRef as L, useEffect as k } from "react";
6
6
  var Q = T(
7
7
  [U],
package/dist/Search.js CHANGED
@@ -1,10 +1,10 @@
1
1
  "use client";
2
2
  import { jsx as t, jsxs as x } from "react/jsx-runtime";
3
- import { D as j } from "./downshift.esm-D_6pHXkq.js";
3
+ import { D as j } from "./downshift.esm-xtYanIDi.js";
4
4
  import { forwardRef as le, useState as he, useCallback as de, useMemo as _e, Fragment as pe } from "react";
5
5
  import { CloseButton as me } from "./CloseButton.js";
6
6
  import { Icon as ue } from "./Icon.js";
7
- import { c as fe } from "./index-CdiHdiVB.js";
7
+ import { c as fe } from "./index-PAaZGbyz.js";
8
8
  import { c as ge } from "./create-event-rXDe5aCQ.js";
9
9
  import { t as we } from "./throttle-BDBzFeFj.js";
10
10
  const Ne = "_wrapper_1c3h3_2", xe = "_indicators_1c3h3_5", ze = "_root_1c3h3_33", Re = "_transparent_1c3h3_81", ve = "_menu_1c3h3_170", Ie = "_item_1c3h3_198", Se = "_highlighted_1c3h3_212", ke = "_selected_1c3h3_215", Ce = {
package/dist/Select.js CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import { jsx as k, jsxs as P } from "react/jsx-runtime";
3
- import { D as me } from "./downshift.esm-D_6pHXkq.js";
4
- import { g as Le, c as Oe } from "./index-CdiHdiVB.js";
3
+ import { D as me } from "./downshift.esm-xtYanIDi.js";
4
+ import { g as Le, c as Oe } from "./index-PAaZGbyz.js";
5
5
  import { forwardRef as Pe, useMemo as $e, useState as $, useEffect as he, useCallback as Ye, Fragment as Be } from "react";
6
6
  import { CloseButton as Xe } from "./CloseButton.js";
7
7
  import { useField as Ze } from "./Field.js";
package/dist/Slider.js CHANGED
@@ -4,7 +4,7 @@ import { forwardRef as Y, useState as $, useRef as S, useCallback as Z, useEffec
4
4
  import { Hint as H } from "./Hint.js";
5
5
  import { InputText as O } from "./InputText.js";
6
6
  import { Text as re } from "./Text.js";
7
- import { c as ne } from "./index-CdiHdiVB.js";
7
+ import { c as ne } from "./index-PAaZGbyz.js";
8
8
  const oe = "_hint_6xzwz_20", se = "_output_6xzwz_149", ce = "_tooltip_6xzwz_162", ue = "_thick_6xzwz_171", de = "_range_6xzwz_8", te = {
9
9
  "slider-root": "_slider-root_6xzwz_2",
10
10
  "range-root": "_range-root_6xzwz_8",
package/dist/Stepper.js CHANGED
@@ -2,7 +2,7 @@
2
2
  import { jsx as e, jsxs as i } from "react/jsx-runtime";
3
3
  import { forwardRef as m } from "react";
4
4
  import { Icon as n } from "./Icon.js";
5
- import { c as p } from "./index-CdiHdiVB.js";
5
+ import { c as p } from "./index-PAaZGbyz.js";
6
6
  import { Text as _ } from "./Text.js";
7
7
  const u = "_root_1wnun_2", f = "_separator_1wnun_28", d = "_item_1wnun_31", b = "_clickable_1wnun_64", k = "_completed_1wnun_73", w = {
8
8
  root: u,
@@ -0,0 +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}}
@@ -0,0 +1,42 @@
1
+ "use client";
2
+ import { jsx as t, jsxs as c } from "react/jsx-runtime";
3
+ import { forwardRef as v } from "react";
4
+ import { CloseButton as u } from "./CloseButton.js";
5
+ import { c as r } from "./index-PAaZGbyz.js";
6
+ import { Button as j } from "./Button.js";
7
+ import { Icon as p } from "./Icon.js";
8
+ import { Text as d } from "./Text.js";
9
+ const f = "_root_1m1jb_2", g = "_content_1m1jb_110", h = "_title_1m1jb_38", N = "_action_1m1jb_132", i = {
10
+ root: f,
11
+ "shape-rectangle": "_shape-rectangle_1m1jb_26",
12
+ "shape-square": "_shape-square_1m1jb_30",
13
+ "variant-brand": "_variant-brand_1m1jb_34",
14
+ "title-icon": "_title-icon_1m1jb_38",
15
+ "variant-blue": "_variant-blue_1m1jb_44",
16
+ "variant-green": "_variant-green_1m1jb_54",
17
+ "variant-violet": "_variant-violet_1m1jb_64",
18
+ "variant-pink": "_variant-pink_1m1jb_74",
19
+ "variant-orange": "_variant-orange_1m1jb_84",
20
+ "variant-teal": "_variant-teal_1m1jb_94",
21
+ "close-button": "_close-button_1m1jb_104",
22
+ content: g,
23
+ title: h,
24
+ action: N
25
+ }, x = r(i), B = ({ children: n, className: a, ...o }) => /* @__PURE__ */ t(j, { className: x("action", a), ...o, size: "sm", variant: "primary-neutral", children: n }), s = r(i), k = ({ children: n, icon: a = "lightbulb-alt" }) => /* @__PURE__ */ c(d, { as: "div", className: s("title"), variant: "body-md-strong", children: [
26
+ /* @__PURE__ */ t("div", { className: s("title-icon"), children: /* @__PURE__ */ t(p, { name: a }) }),
27
+ /* @__PURE__ */ t("span", { children: n })
28
+ ] }), e = r(i), y = v(
29
+ ({ children: n, className: a, handleClose: o, shape: _ = "square", variant: m = "brand" }, l) => {
30
+ const b = !!o;
31
+ return /* @__PURE__ */ c("div", { className: e("root", `variant-${m}`, `shape-${_}`, a), ref: l, children: [
32
+ b ? /* @__PURE__ */ t(u, { className: e("close-button"), onClick: o, size: "sm" }) : null,
33
+ /* @__PURE__ */ t("div", { className: e("content"), children: n })
34
+ ] });
35
+ }
36
+ ), I = Object.assign(y, {
37
+ Button: B,
38
+ Title: k
39
+ });
40
+ export {
41
+ I as StickyNote
42
+ };
package/dist/Swiper.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
  import { jsxs as le, jsx as A } from "react/jsx-runtime";
3
- import { a as K, g as ce, c as ue } from "./index-CdiHdiVB.js";
3
+ import { a as K, g as ce, c as ue } from "./index-PAaZGbyz.js";
4
4
  import { useRef as se, useEffect as q, useState as Z, useMemo as de, Children as oe, cloneElement as pe, useCallback as X } from "react";
5
5
  import { Button as ne } from "./Button.js";
6
6
  import { Icon as re } from "./Icon.js";
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import { e as T, f as j, _ as I, a as b, c as Y, b as Z, i as ee, w as te, L as p, x as ne, d as w, p as oe, r as ae, H as S, G as se, I as re, K as ie } from "./OE2EFRVA-DkdhQLJL.js";
3
3
  import { createContext as R, useRef as ue, useState as le, useMemo as ce } from "react";
4
- import { u as F, m as de, o as me, t as fe, c as ve, s as y, a as A, e as pe, b as Se, d as P } from "./RTNCFSKZ-BspS8FyJ.js";
4
+ import { u as F, m as de, o as me, t as fe, c as ve, s as y, a as A, e as pe, b as Se, d as P } from "./RTNCFSKZ-LcIdBwa8.js";
5
5
  import { flushSync as De } from "react-dom";
6
6
  import { jsx as M } from "react/jsx-runtime";
7
7
  var _ = T(), N = _.useProviderContext, Ce = _.ContextProvider, xe = _.ScopedContextProvider, D = T(
package/dist/Table.js CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import { jsx as n } from "react/jsx-runtime";
3
3
  import { forwardRef as s } from "react";
4
- import { c as i } from "./index-CdiHdiVB.js";
4
+ import { c as i } from "./index-PAaZGbyz.js";
5
5
  const _ = "_root_10vth_2", l = "_content_10vth_6", v = "_clickable_10vth_48", d = "_indent_10vth_70", h = {
6
6
  root: _,
7
7
  content: l,
package/dist/Tabs.js CHANGED
@@ -1,17 +1,17 @@
1
1
  "use client";
2
2
  import { jsx as P, jsxs as fe } from "react/jsx-runtime";
3
- import { C as ee, a as te, h as X, b as be, j as pe } from "./SBSPVDDI-96-TLBrF.js";
3
+ import { C as ee, a as te, h as X, b as be, j as pe } from "./SBSPVDDI-BoxPz2JY.js";
4
4
  import { e as oe, v as ve, f as F, c as W, b as j, _ as H, i as K, w as se, A as Ie, d as g, a as v, u as M, x as ne, ad as Se, p as xe, X as ge, F as he, G as B, H as O, I as k, T as q, K as J } from "./OE2EFRVA-DkdhQLJL.js";
5
- import { u as A, m as _e, o as Q, c as Ce, s as z, a as w, f as Pe, b as re, d as Y } from "./RTNCFSKZ-BspS8FyJ.js";
5
+ import { u as A, m as _e, o as Q, c as Ce, s as z, a as w, f as Pe, b as re, d as Y } from "./RTNCFSKZ-LcIdBwa8.js";
6
6
  import ae, { useCallback as ce, useRef as V, useEffect as Z, useState as G, createContext as ie, useMemo as Te, cloneElement as Ee, forwardRef as le } from "react";
7
- import { c as D } from "./index-CdiHdiVB.js";
7
+ import { c as D } from "./index-PAaZGbyz.js";
8
8
  import { f as we } from "./forwardRefWithAs-8eP3ZN15.js";
9
- import { u as Re, b as ye } from "./OLVWQA7U-DujoXmxA.js";
9
+ import { u as Re, b as ye } from "./OLVWQA7U-wHytlFYu.js";
10
10
  import { m as $e, g as Ne, u as Le } from "./useForkRef-D807AV7D.js";
11
11
  import { u as Oe, a as ke } from "./use-viewport-CgrficYB.js";
12
- import { u as ze, d as Ae } from "./T22PY7TE-CG3ZPQ0h.js";
13
- import { P as Be, b as De } from "./Y67KZUMI-B7MDEVik.js";
14
- import { c as Me, a as Ve, u as Fe } from "./B7UTNDHN-DrVrdxiS.js";
12
+ import { u as ze, d as Ae } from "./T22PY7TE-CzEDuEn1.js";
13
+ import { P as Be, b as De } from "./Y67KZUMI-BDyUNSJw.js";
14
+ import { c as Me, a as Ve, u as Fe } from "./B7UTNDHN-BDa2-8JK.js";
15
15
  var U = oe(
16
16
  [te],
17
17
  [ee]
package/dist/Tag.css CHANGED
@@ -1 +1 @@
1
- @layer components{._root_40vfm_2{position:relative;display:inline-flex;align-items:center;justify-content:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background-color var(--duration-medium) var(--timing-primary);font-weight:var(--font-weight-medium);border:var(--components-dimensions-tag-border-width) solid var(--components-colors-tag-color-background-dash-default);line-height:initial;background-color:var(--backgroundColor, var(--components-colors-tag-color-background-warm-light-disabled));color:var(--color, var(--components-colors-tag-color-icon-warm-dark-default));border-color:var(--borderColor, transparent);height:var(--height);padding:var(--paddingVertical) var(--paddingHorizontal);gap:var(--gap);font-size:var(--fontSize);border-radius:var(--borderRadius, var(--components-dimensions-tag-padding-block-md))}._root_40vfm_2>span,._root_40vfm_2>p{overflow:hidden;text-overflow:ellipsis}._root_40vfm_2>svg{flex-shrink:0;width:var(--iconWidth);height:var(--iconHeight)}button._root_40vfm_2,a._root_40vfm_2{cursor:pointer;text-decoration:none}@media (hover: hover) and (pointer: fine){button._root_40vfm_2:hover,a._root_40vfm_2:hover{--backgroundColor: var( --backgroundColorHover, var(--components-colors-tag-color-background-warm-dark-default) )}}button._root_40vfm_2[data-focus-visible],button._root_40vfm_2:focus-visible,a._root_40vfm_2[data-focus-visible],a._root_40vfm_2:focus-visible{outline-color:var(--outlineColorFocus);--backgroundColor: var( --backgroundColorFocus, var(--components-colors-tag-color-background-warm-dark-default) )}button._root_40vfm_2:active,a._root_40vfm_2:active{--backgroundColor: var( --backgroundColorActive, var(--components-colors-tag-color-background-warm-dark-default) )}._variant-primary_40vfm_68{--backgroundColor: var(--components-colors-tag-color-background-brand-dark-hover);--backgroundColorHover: var(--color-background-brand-strong);--backgroundColorActive: var(--color-background-brand-strong);--backgroundColorFocus: var(--color-background-brand-strong);--outlineColorFocus: var(--color-background-brand-stronger);--color: var(--components-colors-tag-color-icon-dash-default)}._variant-info_40vfm_76{--backgroundColor: var(--components-colors-tag-color-background-blue-light-disabled);--backgroundColorHover: var(--components-colors-tag-color-background-blue-light-hover);--backgroundColorActive: var(--components-colors-tag-color-background-blue-light-hover);--backgroundColorFocus: var(--components-colors-tag-color-background-blue-light-hover);--outlineColorFocus: var(--components-colors-tag-color-background-blue-dark-default);--color: var(--components-colors-tag-color-icon-blue-dark-default)}._variant-success_40vfm_84{--backgroundColor: var(--color-green-10);--backgroundColorHover: var(--color-green-20);--backgroundColorActive: var(--color-green-20);--backgroundColorFocus: var(--color-green-20);--outlineColorFocus: var(--components-colors-tag-color-background-green-dark-hover);--color: var(--components-colors-tag-color-icon-green-dark-default)}._variant-danger_40vfm_92{--backgroundColor: var(--components-colors-tag-color-background-red-light-disabled);--backgroundColorHover: var(--components-colors-tag-color-background-red-light-hover);--backgroundColorActive: var(--components-colors-tag-color-background-red-light-hover);--backgroundColorFocus: var(--components-colors-tag-color-background-red-light-hover);--outlineColorFocus: var(--components-colors-tag-color-background-red-dark-default);--color: var(--components-colors-tag-color-icon-red-dark-default)}._variant-warning_40vfm_100{--backgroundColor: var(--color-background-warning-minimal);--backgroundColorHover: var(--color-background-warning-subtle);--backgroundColorActive: var(--color-background-warning-subtle);--backgroundColorFocus: var(--color-background-warning-subtle);--outlineColorFocus: var(--color-background-warning-secondary);--color: var(--color-icon-warning-primary)}._variant-ai_40vfm_108{--backgroundColor: var(--components-colors-tag-color-background-violet-light-hover);--backgroundColorHover: var(--components-colors-tag-color-background-violet-dark-default);--backgroundColorActive: var(--components-colors-tag-color-background-violet-dark-default);--backgroundColorFocus: var(--components-colors-tag-color-background-violet-dark-default);--outlineColorFocus: var(--components-colors-tag-color-background-violet-dark-hover);--color: var(--color-violet-90)}._variant-blue_40vfm_116{--backgroundColor: var(--components-colors-tag-color-background-blue-dark-hover);--backgroundColorHover: var(--color-background-accent-blue-strong);--backgroundColorActive: var(--color-background-accent-blue-strong);--backgroundColorFocus: var(--color-background-accent-blue-strong);--outlineColorFocus: var(--components-colors-tag-color-icon-blue-light-disabled);--color: var(--components-colors-tag-color-icon-dash-default)}._variant-green_40vfm_124{--backgroundColor: var(--components-colors-tag-color-background-green-dark-hover);--backgroundColorHover: var(--color-background-accent-green-strong);--backgroundColorActive: var(--color-background-accent-green-strong);--backgroundColorFocus: var(--color-background-accent-green-strong);--outlineColorFocus: var(--color-background-accent-green-stronger);--color: var(--components-colors-tag-color-icon-dash-default)}._variant-orange_40vfm_132{--backgroundColor: var(--color-background-warning-primary);--backgroundColorHover: var(--color-background-warning-strong);--backgroundColorActive: var(--color-background-warning-strong);--backgroundColorFocus: var(--color-background-warning-strong);--outlineColorFocus: var(--color-background-warning-stronger);--color: var(--components-colors-tag-color-icon-dash-default)}._variant-pink_40vfm_140{--backgroundColor: var(--components-colors-tag-color-background-pink-dark-hover);--backgroundColorHover: var(--color-pink-50);--backgroundColorActive: var(--color-pink-50);--backgroundColorFocus: var(--color-pink-50);--outlineColorFocus: var(--color-pink-60);--color: var(--components-colors-tag-color-icon-dash-default)}._variant-teal_40vfm_148{--backgroundColor: var(--color-background-accent-teal-primary);--backgroundColorHover: var(--color-teal-50);--backgroundColorActive: var(--color-teal-50);--backgroundColorFocus: var(--color-teal-50);--outlineColorFocus: var(--color-teal-60);--color: var(--components-colors-tag-color-icon-dash-default)}._variant-violet_40vfm_156{--backgroundColor: var(--components-colors-tag-color-background-violet-dark-hover);--backgroundColorHover: var(--color-violet-50);--backgroundColorActive: var(--color-violet-50);--backgroundColorFocus: var(--color-violet-50);--outlineColorFocus: var(--color-violet-60);--color: var(--components-colors-tag-color-icon-dash-default)}._size-xs_40vfm_164{--height: var(--font-size-xl);--paddingVertical: var(--border-radius-xs);--paddingHorizontal: var(--components-dimensions-tag-padding-block-md);--gap: var(--components-dimensions-tag-padding-block-md);--fontSize: var(--components-dimensions-tag-padding-inline-lg);--borderRadius: var(--border-radius-xs);--iconWidth: .75rem;--iconHeight: var(--components-dimensions-tag-padding-inline-lg);--removeWidth: .5rem}._size-sm_40vfm_175{--height: var(--size-icon-lg);--paddingVertical: var(--components-dimensions-tag-padding-block-md);--paddingHorizontal: var(--components-dimensions-tag-padding-inline-md);--gap: var(--components-dimensions-tag-padding-block-md);--fontSize: var(--components-dimensions-tag-padding-inline-lg);--iconWidth: .75rem;--iconHeight: var(--components-dimensions-tag-padding-inline-lg);--borderRadius: var(--components-dimensions-tag-padding-block-md);--removeWidth: .75rem}._size-md_40vfm_186{--height: var(--size-icon-xl);--paddingVertical: var(--components-dimensions-tag-padding-block-md);--paddingHorizontal: var(--components-dimensions-tag-padding-inline-md);--gap: var(--components-dimensions-tag-padding-inline-md);--fontSize: var(--font-size-14);--iconWidth: 1rem;--iconHeight: var(--components-dimensions-tag-size-icon);--borderRadius: var(--components-dimensions-tag-padding-block-md);--removeWidth: 1rem}._hasRemoveAction_40vfm_197{display:inline-flex;gap:var(--components-dimensions-tag-padding-block-md);align-items:center;flex-direction:row}._isSquare_40vfm_203{padding:0;justify-content:center;flex-basis:var(--height)}._removeButton_40vfm_208{--paddingInlineHasIcon: 0;flex-shrink:0}}
1
+ @layer components{._root_etflv_4{position:relative;display:inline-flex;align-items:center;justify-content:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background-color var(--duration-medium) var(--timing-primary);font-weight:var(--font-weight-medium);border:var(--components-dimensions-tag-border-width) solid var(--components-colors-tag-color-background-dash-default);line-height:initial;background-color:var(--backgroundColor, var(--components-colors-tag-color-background-warm-light-disabled));color:var(--color, var(--components-colors-tag-color-icon-warm-dark-default));border-color:var(--borderColor, transparent);height:var(--height);padding:var(--paddingVertical) var(--paddingHorizontal);gap:var(--gap);font-size:var(--fontSize);border-radius:var(--borderRadius, var(--components-dimensions-tag-padding-block-md))}._root_etflv_4>span,._root_etflv_4>p{overflow:hidden;text-overflow:ellipsis}._root_etflv_4>svg{flex-shrink:0;width:var(--iconWidth);height:var(--iconHeight)}button._root_etflv_4,a._root_etflv_4{cursor:pointer;text-decoration:none}@media (hover: hover) and (pointer: fine){button._root_etflv_4:hover,a._root_etflv_4:hover{--backgroundColor: var( --backgroundColorHover, var(--components-colors-tag-color-background-warm-dark-default) )}}button._root_etflv_4[data-focus-visible],button._root_etflv_4:focus-visible,a._root_etflv_4[data-focus-visible],a._root_etflv_4:focus-visible{outline-color:var(--outlineColorFocus);--backgroundColor: var( --backgroundColorFocus, var(--components-colors-tag-color-background-warm-dark-default) )}button._root_etflv_4:active,a._root_etflv_4:active{--backgroundColor: var( --backgroundColorActive, var(--components-colors-tag-color-background-warm-dark-default) )}._variant-primary_etflv_70{--backgroundColor: var(--components-colors-tag-color-background-brand-dark-hover);--backgroundColorHover: var(--color-background-brand-strong);--backgroundColorActive: var(--color-background-brand-strong);--backgroundColorFocus: var(--color-background-brand-strong);--outlineColorFocus: var(--color-background-brand-stronger);--color: var(--components-colors-tag-color-icon-dash-default)}._variant-info_etflv_78{--backgroundColor: var(--components-colors-tag-color-background-blue-light-disabled);--backgroundColorHover: var(--components-colors-tag-color-background-blue-light-hover);--backgroundColorActive: var(--components-colors-tag-color-background-blue-light-hover);--backgroundColorFocus: var(--components-colors-tag-color-background-blue-light-hover);--outlineColorFocus: var(--components-colors-tag-color-background-blue-dark-default);--color: var(--components-colors-tag-color-icon-blue-dark-default)}._variant-success_etflv_86{--backgroundColor: var(--color-green-10);--backgroundColorHover: var(--color-green-20);--backgroundColorActive: var(--color-green-20);--backgroundColorFocus: var(--color-green-20);--outlineColorFocus: var(--components-colors-tag-color-background-green-dark-hover);--color: var(--components-colors-tag-color-icon-green-dark-default)}._variant-danger_etflv_94{--backgroundColor: var(--components-colors-tag-color-background-red-light-disabled);--backgroundColorHover: var(--components-colors-tag-color-background-red-light-hover);--backgroundColorActive: var(--components-colors-tag-color-background-red-light-hover);--backgroundColorFocus: var(--components-colors-tag-color-background-red-light-hover);--outlineColorFocus: var(--components-colors-tag-color-background-red-dark-default);--color: var(--components-colors-tag-color-icon-red-dark-default)}._variant-warning_etflv_102{--backgroundColor: var(--color-background-warning-minimal);--backgroundColorHover: var(--color-background-warning-subtle);--backgroundColorActive: var(--color-background-warning-subtle);--backgroundColorFocus: var(--color-background-warning-subtle);--outlineColorFocus: var(--color-background-warning-secondary);--color: var(--color-icon-warning-primary)}._variant-ai_etflv_110{--backgroundColor: var(--components-colors-tag-color-background-violet-light-hover);--backgroundColorHover: var(--components-colors-tag-color-background-violet-dark-default);--backgroundColorActive: var(--components-colors-tag-color-background-violet-dark-default);--backgroundColorFocus: var(--components-colors-tag-color-background-violet-dark-default);--outlineColorFocus: var(--components-colors-tag-color-background-violet-dark-hover);--color: var(--color-violet-90)}._variant-blue_etflv_118{--backgroundColor: var(--components-colors-tag-color-background-blue-dark-hover);--backgroundColorHover: var(--color-background-accent-blue-strong);--backgroundColorActive: var(--color-background-accent-blue-strong);--backgroundColorFocus: var(--color-background-accent-blue-strong);--outlineColorFocus: var(--components-colors-tag-color-icon-blue-light-disabled);--color: var(--components-colors-tag-color-icon-dash-default)}._variant-green_etflv_126{--backgroundColor: var(--components-colors-tag-color-background-green-dark-hover);--backgroundColorHover: var(--color-background-accent-green-strong);--backgroundColorActive: var(--color-background-accent-green-strong);--backgroundColorFocus: var(--color-background-accent-green-strong);--outlineColorFocus: var(--color-background-accent-green-stronger);--color: var(--components-colors-tag-color-icon-dash-default)}._variant-orange_etflv_134{--backgroundColor: var(--color-background-warning-primary);--backgroundColorHover: var(--color-background-warning-strong);--backgroundColorActive: var(--color-background-warning-strong);--backgroundColorFocus: var(--color-background-warning-strong);--outlineColorFocus: var(--color-background-warning-stronger);--color: var(--components-colors-tag-color-icon-dash-default)}._variant-pink_etflv_142{--backgroundColor: var(--components-colors-tag-color-background-pink-dark-hover);--backgroundColorHover: var(--color-pink-50);--backgroundColorActive: var(--color-pink-50);--backgroundColorFocus: var(--color-pink-50);--outlineColorFocus: var(--color-pink-60);--color: var(--components-colors-tag-color-icon-dash-default)}._variant-teal_etflv_150{--backgroundColor: var(--color-background-accent-teal-primary);--backgroundColorHover: var(--color-teal-50);--backgroundColorActive: var(--color-teal-50);--backgroundColorFocus: var(--color-teal-50);--outlineColorFocus: var(--color-teal-60);--color: var(--components-colors-tag-color-icon-dash-default)}._variant-violet_etflv_158{--backgroundColor: var(--components-colors-tag-color-background-violet-dark-hover);--backgroundColorHover: var(--color-violet-50);--backgroundColorActive: var(--color-violet-50);--backgroundColorFocus: var(--color-violet-50);--outlineColorFocus: var(--color-violet-60);--color: var(--components-colors-tag-color-icon-dash-default)}._size-xs_etflv_166{--height: var(--font-size-xl);--paddingVertical: var(--border-radius-xs);--paddingHorizontal: var(--components-dimensions-tag-padding-block-md);--gap: var(--components-dimensions-tag-padding-block-md);--fontSize: var(--components-dimensions-tag-padding-inline-lg);--borderRadius: var(--border-radius-xs);--iconWidth: .75rem;--iconHeight: var(--components-dimensions-tag-padding-inline-lg);--removeWidth: .5rem}._size-sm_etflv_177{--height: var(--size-icon-lg);--paddingVertical: var(--components-dimensions-tag-padding-block-md);--paddingHorizontal: var(--components-dimensions-tag-padding-inline-md);--gap: var(--components-dimensions-tag-padding-block-md);--fontSize: var(--components-dimensions-tag-padding-inline-lg);--iconWidth: .75rem;--iconHeight: var(--components-dimensions-tag-padding-inline-lg);--borderRadius: var(--components-dimensions-tag-padding-block-md);--removeWidth: .75rem}._size-md_etflv_188{--height: var(--size-icon-xl);--paddingVertical: var(--components-dimensions-tag-padding-block-md);--paddingHorizontal: var(--components-dimensions-tag-padding-inline-md);--gap: var(--components-dimensions-tag-padding-inline-md);--fontSize: var(--font-size-14);--iconWidth: 1rem;--iconHeight: var(--components-dimensions-tag-size-icon);--borderRadius: var(--components-dimensions-tag-padding-block-md);--removeWidth: 1rem}._hasRemoveAction_etflv_199{display:inline-flex;gap:var(--components-dimensions-tag-padding-block-md);align-items:center;flex-direction:row}._isSquare_etflv_205{padding:0;justify-content:center;flex-basis:var(--height)}._removeButton_etflv_210{--paddingInlineHasIcon: 0;flex-shrink:0}}
package/dist/Tag.js CHANGED
@@ -3,73 +3,73 @@ import { jsxs as d, jsx as r } from "react/jsx-runtime";
3
3
  import z from "react";
4
4
  import { Button as h } from "./Button.js";
5
5
  import { Icon as x } from "./Icon.js";
6
- import { c as R } from "./index-CdiHdiVB.js";
6
+ import { c as R } from "./index-PAaZGbyz.js";
7
7
  import { f as y } from "./forwardRefWithAs-8eP3ZN15.js";
8
- const S = "_root_40vfm_2", k = "_hasRemoveAction_40vfm_197", q = "_isSquare_40vfm_203", A = "_removeButton_40vfm_208", N = {
8
+ const S = "_root_etflv_4", k = "_hasRemoveAction_etflv_199", q = "_isSquare_etflv_205", A = "_removeButton_etflv_210", N = {
9
9
  root: S,
10
- "variant-primary": "_variant-primary_40vfm_68",
11
- "variant-info": "_variant-info_40vfm_76",
12
- "variant-success": "_variant-success_40vfm_84",
13
- "variant-danger": "_variant-danger_40vfm_92",
14
- "variant-warning": "_variant-warning_40vfm_100",
15
- "variant-ai": "_variant-ai_40vfm_108",
16
- "variant-blue": "_variant-blue_40vfm_116",
17
- "variant-green": "_variant-green_40vfm_124",
18
- "variant-orange": "_variant-orange_40vfm_132",
19
- "variant-pink": "_variant-pink_40vfm_140",
20
- "variant-teal": "_variant-teal_40vfm_148",
21
- "variant-violet": "_variant-violet_40vfm_156",
22
- "size-xs": "_size-xs_40vfm_164",
23
- "size-sm": "_size-sm_40vfm_175",
24
- "size-md": "_size-md_40vfm_186",
10
+ "variant-primary": "_variant-primary_etflv_70",
11
+ "variant-info": "_variant-info_etflv_78",
12
+ "variant-success": "_variant-success_etflv_86",
13
+ "variant-danger": "_variant-danger_etflv_94",
14
+ "variant-warning": "_variant-warning_etflv_102",
15
+ "variant-ai": "_variant-ai_etflv_110",
16
+ "variant-blue": "_variant-blue_etflv_118",
17
+ "variant-green": "_variant-green_etflv_126",
18
+ "variant-orange": "_variant-orange_etflv_134",
19
+ "variant-pink": "_variant-pink_etflv_142",
20
+ "variant-teal": "_variant-teal_etflv_150",
21
+ "variant-violet": "_variant-violet_etflv_158",
22
+ "size-xs": "_size-xs_etflv_166",
23
+ "size-sm": "_size-sm_etflv_177",
24
+ "size-md": "_size-md_etflv_188",
25
25
  hasRemoveAction: k,
26
26
  isSquare: q,
27
27
  removeButton: A
28
28
  }, s = R(N);
29
- function b(a) {
30
- if (typeof a == "string" || typeof a == "number")
31
- return a.toString().length;
32
- if (z.isValidElement(a) && typeof a.props.children == "string")
33
- return a.props.children.length;
29
+ function b(t) {
30
+ if (typeof t == "string" || typeof t == "number")
31
+ return t.toString().length;
32
+ if (z.isValidElement(t) && typeof t.props.children == "string")
33
+ return t.props.children.length;
34
34
  }
35
- const $ = y((a, o) => {
35
+ const $ = y((t, o) => {
36
36
  const {
37
37
  as: _ = "div",
38
- children: n,
38
+ children: i,
39
39
  className: v,
40
- icon: m,
40
+ icon: l,
41
41
  onClick: f,
42
- onRemove: i,
43
- removeButtonProps: t,
44
- size: c = "md",
45
- variant: e,
46
- ...l
47
- } = a, u = b(n) === 1 && !i, g = (p) => {
48
- t != null && t.onClick && t.onClick(p), i && i();
42
+ onRemove: e,
43
+ removeButtonProps: a,
44
+ size: m = "md",
45
+ variant: n,
46
+ ...c
47
+ } = t, u = b(i) === 1 && !e, g = (p) => {
48
+ a != null && a.onClick && a.onClick(p), e && e();
49
49
  };
50
50
  return /* @__PURE__ */ d(
51
51
  _,
52
52
  {
53
53
  className: s(
54
54
  "root",
55
- e && `variant-${e}`,
56
- `size-${c}`,
57
- !!i && "hasRemoveAction",
55
+ n && `variant-${n}`,
56
+ `size-${m}`,
57
+ !!e && "hasRemoveAction",
58
58
  u && "isSquare",
59
59
  v
60
60
  ),
61
61
  onClick: f,
62
62
  ref: o,
63
- ...l,
63
+ ...c,
64
64
  children: [
65
- m,
66
- n,
67
- i ? /* @__PURE__ */ r(
65
+ l,
66
+ i,
67
+ e ? /* @__PURE__ */ r(
68
68
  h,
69
69
  {
70
70
  "aria-label": "remove tag",
71
- ...t,
72
- className: s("removeButton", t == null ? void 0 : t.className),
71
+ ...a,
72
+ className: s("removeButton", a == null ? void 0 : a.className),
73
73
  onClick: g,
74
74
  size: "sm",
75
75
  variant: "tertiary",
package/dist/Text.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
  import { createElement as g } from "react";
3
- import { c as m } from "./index-CdiHdiVB.js";
3
+ import { c as m } from "./index-PAaZGbyz.js";
4
4
  import { f as b } from "./forwardRefWithAs-8eP3ZN15.js";
5
5
  const q = "_root_1tqvt_2", h = {
6
6
  root: q,
package/dist/Textarea.js CHANGED
@@ -2,7 +2,7 @@
2
2
  import { jsx as c } from "react/jsx-runtime";
3
3
  import { forwardRef as _ } from "react";
4
4
  import { useField as m } from "./Field.js";
5
- import { c as g } from "./index-CdiHdiVB.js";
5
+ import { c as g } from "./index-PAaZGbyz.js";
6
6
  const v = "_root_rh62g_2", f = {
7
7
  root: v,
8
8
  "variant-danger": "_variant-danger_rh62g_35",
@@ -2,9 +2,9 @@
2
2
  import { jsx as f } from "react/jsx-runtime";
3
3
  import { forwardRef as S, useState as w, useRef as j, useEffect as d } from "react";
4
4
  import { D as F, C as I } from "./CustomPopper-vwbOQq72.js";
5
- import { b as L, D as M, s as O } from "./utils-DileZjMm.js";
5
+ import { b as L, D as M, s as O } from "./utils-BD597oo6.js";
6
6
  import { InputText as U } from "./InputText.js";
7
- import { c as _ } from "./index-CdiHdiVB.js";
7
+ import { c as _ } from "./index-PAaZGbyz.js";
8
8
  const q = _(O), V = S(
9
9
  ({
10
10
  autoFocus: o,
package/dist/Toast.css CHANGED
@@ -1 +1 @@
1
- @layer components{._title_1trg0_2{display:flex;align-items:center;padding-bottom:var(--border-radius-sm);color:var(--color-background-neutral-primary-fixed);font-weight:var(--font-weight-semi-bold)}._title_1trg0_2>*:first-child{flex-shrink:0}._growl_1trg0_12{position:relative;padding:var(--border-radius-xl);border-radius:var(--border-radius-md);border-style:solid;border-width:var(--border-width-xs);max-width:340px}._growl_1trg0_12 div:first-of-type{align-self:baseline;font-size:var(--font-size-14)}._growl_1trg0_12 button{flex-shrink:0}._snackbar_1trg0_27{display:flex;align-items:center;padding:var(--border-radius-md) var(--border-radius-lg);border-radius:var(--border-radius-md);width:max-content;gap:var(--border-radius-md)}._snackbar_1trg0_27 div:first-of-type{align-self:center;font-size:var(--font-size-14)}._snackbar_1trg0_27 div:last-of-type{flex-direction:row;margin-left:var(--border-radius-sm)!important}._snackbar-separator_1trg0_43{padding-left:var(--border-radius-md);border-left:1px solid;border-left-color:var(--borderLeftColor, --color-neutral-90)}._snackbar-separator_1trg0_43._info_1trg0_48{--borderLeftColor: var(--color-background-accent-blue-secondary)}._snackbar-separator_1trg0_43._success_1trg0_51{--borderLeftColor: var(--color-background-accent-green-primary)}._snackbar-separator_1trg0_43._warning_1trg0_54{--borderLeftColor: var(--color-background-warning-subtle)}._snackbar-separator_1trg0_43._danger_1trg0_57{--borderLeftColor: var(--color-background-danger-subtle)}}
1
+ @layer components{._root_q0jyz_2{display:flex;flex-direction:column;overflow:hidden;border-width:var(--components-dimensions-toast-border-width);border-radius:var(--components-dimensions-toast-border-radius);border-color:var(--components-colors-toast-color-border-default);box-shadow:var(--elevation-20);background-color:var(--components-colors-toast-color-background-default);transition:all var(--duration-medium)}._root_q0jyz_2:hover{border-color:var(--components-colors-toast-color-border-hover);box-shadow:var(--elevation-30)}._icon_q0jyz_17{flex-shrink:0;border-radius:var(--components-dimensions-toast-icon-border-radius);padding:var(--components-dimensions-toast-icon-padding-inline);background-color:var(--iconBackgroundColor);color:var(--iconColor)}._variant-error_q0jyz_24{--iconBackgroundColor: var(--components-colors-toast-icon-color-background-error);--iconColor: var(--components-colors-toast-icon-color-icon-error)}._variant-warning_q0jyz_28{--iconBackgroundColor: var(--components-colors-toast-icon-color-background-warning);--iconColor: var(--components-colors-toast-icon-color-icon-warning)}._variant-success_q0jyz_32{--iconBackgroundColor: var(--components-colors-toast-icon-color-background-success);--iconColor: var(--components-colors-toast-icon-color-icon-success)}._variant-info_q0jyz_36{--iconBackgroundColor: var(--components-colors-toast-icon-color-background-information);--iconColor: var(--components-colors-toast-icon-color-icon-information)}._progress_q0jyz_40{width:100%;height:4px;background:var(--components-colors-latency-color-background-bar)}._progress-bar_q0jyz_45{width:100%;height:100%;background:var(--components-colors-latency-color-background-progress);transform-origin:left center;animation:_toast-progress_q0jyz_1 var(--duration) linear forwards}._hide-progress-bar_q0jyz_52{display:none}@keyframes _toast-progress_q0jyz_1{0%{transform:scaleX(0)}to{transform:scaleX(1)}}._snackbar_q0jyz_63{display:flex;flex-direction:row;align-items:center;padding:var(--components-dimensions-toast-padding-inline);gap:var(--components-dimensions-toast-gap-content);max-width:660px}._growl_q0jyz_71{display:flex;flex-direction:row;align-items:center;padding:var(--components-dimensions-toast-padding-inline);gap:var(--components-dimensions-growl-gap-content);max-width:450px}._growl_q0jyz_71 ._content_q0jyz_79{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-md)}._growl_q0jyz_71 ._close-button_q0jyz_85{align-self:start}._growl_q0jyz_71 ._icon_q0jyz_17{align-self:flex-start}._title_q0jyz_91{display:flex;align-items:center;padding-bottom:var(--border-radius-sm);color:var(--color-background-neutral-primary-fixed);font-weight:var(--font-weight-semi-bold)}._title_q0jyz_91>*:first-child{flex-shrink:0}}