welcome-ui 0.0.0-dev.1763989493458 → 0.0.0-dev.1764081436168

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/Accordion.js CHANGED
@@ -1,30 +1,30 @@
1
1
  "use client";
2
2
  import './Accordion.css';
3
- import { jsxs as i, jsx as o } from "react/jsx-runtime";
4
- import { D as d } from "./NMGNQVTG-DRO2uXZT.js";
3
+ import { jsxs as r, jsx as o } from "react/jsx-runtime";
4
+ import { D as m } from "./NMGNQVTG-DRO2uXZT.js";
5
5
  import { D as a } from "./T22PY7TE-gLuJpoOm.js";
6
6
  import { u as b } from "./T22PY7TE-gLuJpoOm.js";
7
7
  import { forwardRef as u } from "react";
8
8
  import { Icon as p } from "./Icon.js";
9
9
  import { Text as _ } from "./Text.js";
10
10
  import { c as h } from "./index-PAaZGbyz.js";
11
- const f = "_root_1ugpw_2", g = "_icon_1ugpw_11", w = "_disclosure_1ugpw_23", N = {
11
+ const f = "_root_1ugpw_2", g = "_icon_1ugpw_11", N = "_disclosure_1ugpw_23", v = {
12
12
  root: f,
13
13
  icon: g,
14
- disclosure: w,
14
+ disclosure: N,
15
15
  "disclosure-content": "_disclosure-content_1ugpw_48",
16
16
  "content-child": "_content-child_1ugpw_63"
17
- }, s = h(N), v = u(
18
- ({ children: t, className: n, dataTestId: c, store: r, title: e, ...l }, m) => /* @__PURE__ */ i("div", { className: s("root", n), ref: m, ...l, children: [
19
- /* @__PURE__ */ i(
20
- d,
17
+ }, s = h(v), w = u(
18
+ ({ children: t, className: n, dataTestId: c, store: i, title: e, ...l }, d) => /* @__PURE__ */ r("div", { className: s("root", n), ref: d, ...l, children: [
19
+ /* @__PURE__ */ r(
20
+ m,
21
21
  {
22
22
  className: s("disclosure"),
23
23
  "data-testid": c ? `${c}-title` : void 0,
24
- store: r,
24
+ store: i,
25
25
  children: [
26
26
  /* @__PURE__ */ o(_, { as: "h5", variant: "heading-sm-strong", children: e }),
27
- /* @__PURE__ */ o("div", { className: s("icon"), children: /* @__PURE__ */ o(p, { name: "arrow-right", size: "sm" }) })
27
+ /* @__PURE__ */ o("div", { className: s("icon"), children: /* @__PURE__ */ o(p, { name: "angle-right", size: "lg" }) })
28
28
  ]
29
29
  }
30
30
  ),
@@ -33,14 +33,14 @@ const f = "_root_1ugpw_2", g = "_icon_1ugpw_11", w = "_disclosure_1ugpw_23", N =
33
33
  {
34
34
  className: s("disclosure-content"),
35
35
  "data-testid": c ? `${c}-content` : void 0,
36
- store: r,
36
+ store: i,
37
37
  children: /* @__PURE__ */ o("div", { className: s("content-child"), children: t })
38
38
  }
39
39
  )
40
40
  ] })
41
41
  );
42
- v.displayName = "Accordion";
42
+ w.displayName = "Accordion";
43
43
  export {
44
- v as Accordion,
44
+ w as Accordion,
45
45
  b as useAccordion
46
46
  };
package/dist/Button.css CHANGED
@@ -1 +1 @@
1
- @property --gradient-angle{syntax: "<angle>"; initial-value: -60deg; inherits: true;}@keyframes _rotate-gradient_1ervh_1{to{--gradient-angle: 300deg}}@layer components{._root_1ervh_12{position:relative;display:inline-flex;align-items:center;justify-content:center;border-style:solid;cursor:pointer;border-radius:var(--border-radius-md);transition-property:all;transition-duration:var(--duration-medium);transition-timing-function:ease-in-out;outline:transparent solid var(--border-width-md);font-weight:var(--font-weight-semi-bold);font-family:var(--font-family-body);line-height:var(--font-line-height-xs);height:var(--buttonHeight);padding-inline:var(--buttonPaddingInline);font-size:var(--buttonFontSize);color:var(--buttonColor, var(--color-neutral-90));background:var(--buttonBackground);border-width:var(--buttonBorderWidth, 0);border-color:var(--buttonBorderColor, transparent);box-shadow:var(--buttonBoxShadow, none);gap:var(--buttonGap)}._root_1ervh_12[data-focus-visible],._root_1ervh_12:focus-visible{outline-width:var(--components-dimensions-button-border-width-focused);outline-color:var(--buttonOutlineColorFocus)}@media (hover: hover) and (pointer: fine){._root_1ervh_12:hover:not(:disabled):not([aria-disabled]){box-shadow:var(--elevation-20);--buttonBackground: var(--buttonBackgroundHover);--buttonBorderColor: var(--buttonBorderColorHover, transparent);--buttonColor: var(--buttonColorHover)}}._root_1ervh_12:active:not(:disabled):not([aria-disabled]){--buttonBackground: var(--buttonBackgroundActive);--buttonBorderColor: var(--buttonBorderColorActive, transparent);--buttonColor: var(--buttonColorPressed)}._root_1ervh_12:disabled,._root_1ervh_12[aria-disabled]{--buttonBorderColor: var(--buttonBorderColorDisabled, transparent);--buttonColor: var(--buttonColorDisabled);--buttonBackground: var(--buttonBackgroundDisabled);cursor:not-allowed}._root_1ervh_12 i.wui-icon-font,._root_1ervh_12 svg{font-weight:initial;width:var(--buttonIconSize);height:var(--buttonIconSize);font-size:var(--buttonIconSize)}._root_1ervh_12:has(svg:only-child),._root_1ervh_12:has(i._wui-icon-font_1ervh_64:only-child){width:var(--buttonHeight);--buttonPaddingInline: 0}._size-sm_1ervh_75{--buttonFontSize: var(--font-size-14);--buttonHeight: var(--components-dimensions-button-size-max-height-sm);--buttonPaddingInline: var(--components-dimensions-button-padding-inline-sm);--buttonIconSize: var(--components-dimensions-button-size-icon-sm);--buttonGap: var(--components-dimensions-button-gap-content-sm)}._size-md_1ervh_82{--buttonFontSize: var(--font-size-14);--buttonHeight: var(--components-dimensions-button-size-max-height-md);--buttonPaddingInline: var(--components-dimensions-button-padding-inline-md);--buttonIconSize: var(--components-dimensions-button-size-icon-md);--buttonGap: var(--components-dimensions-button-gap-content-md)}._size-lg_1ervh_89{--buttonFontSize: var(--font-size-16);--buttonHeight: var(--components-dimensions-button-size-max-height-lg);--buttonPaddingInline: var(--components-dimensions-button-padding-inline-lg);--buttonIconSize: var(--components-dimensions-button-size-icon-lg);--buttonGap: var(--components-dimensions-button-gap-content-lg)}._variant-primary_1ervh_96{--buttonBackground: var(--components-colors-button-color-background-primary-main-default);--buttonBackgroundActive: var( --components-colors-button-color-background-primary-main-pressed );--buttonBackgroundHover: var(--components-colors-button-color-background-primary-main-hover);--buttonOutlineColorFocus: var(--components-colors-button-color-border-focused);--buttonColorDisabled: var(--components-colors-button-color-text-primary-main-disabled);--buttonBackgroundDisabled: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--components-colors-button-color-background-primary-main-disabled) 2.5px, var(--components-colors-button-color-background-primary-main-disabled) 5.25px) padding-box}._variant-primary-neutral_1ervh_106{--buttonBackground: var(--components-colors-button-color-background-primary-neutral-default);--buttonBackgroundActive: var( --components-colors-button-color-background-primary-neutral-pressed );--buttonBackgroundHover: var( --components-colors-button-color-background-primary-neutral-hover );--buttonBackgroundDisabled: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--components-colors-button-color-background-primary-neutral-disabled) 2.5px, var(--components-colors-button-color-background-primary-neutral-disabled) 5.25px) padding-box;--buttonColor: var(--components-colors-button-color-text-primary-neutral-default);--buttonColorDisabled: var(--components-colors-button-color-text-primary-neutral-disabled);--buttonColorHover: var(--components-colors-button-color-text-primary-neutral-hover);--buttonColorPressed: var(--components-colors-button-color-text-primary-neutral-pressed);--buttonOutlineColorFocus: var(--components-colors-button-color-border-focused)}._variant-primary-ai_1ervh_121{--buttonBackground: linear-gradient(var(--components-colors-button-color-background-primary-ai-default) 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--buttonBackgroundActive: linear-gradient(var(--components-colors-button-color-background-primary-ai-pressed) 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--buttonBackgroundHover: linear-gradient(var(--components-colors-button-color-background-primary-ai-hover) 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--buttonBackgroundDisabled: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--components-colors-button-color-background-primary-ai-disabled) 2.5px, var(--components-colors-button-color-background-primary-ai-disabled) 5.25px) padding-box, linear-gradient( 107.75deg, var(--color-neutral-30) 0%, var(--color-neutral-50) 20%, var(--color-neutral-40) 40%, var(--color-neutral-50) 60%, var(--color-neutral-60) 80%, var(--color-neutral-50) 100% ) border-box;--buttonBorderWidth: var(--components-dimensions-button-border-width-ai);--buttonColor: var(--components-colors-button-color-text-primary-ai-default);--buttonColorDisabled: var(--components-colors-button-color-text-primary-ai-disabled);--buttonColorHover: var(--components-colors-button-color-text-primary-ai-hover);--buttonColorPressed: var(--components-colors-button-color-text-primary-ai-pressed);--buttonOutlineColorFocus: var(--components-colors-button-color-border-focused);animation:_rotate-gradient_1ervh_1 3s linear infinite paused}@media (hover: hover) and (pointer: fine){._variant-primary-ai_1ervh_121:hover:not(:disabled):not([aria-disabled]){animation-play-state:running}}._variant-primary-ai_1ervh_121:focus-visible{animation-play-state:running}._variant-primary-danger_1ervh_153{--buttonBackground: var(--components-colors-button-color-background-primary-danger-default);--buttonBackgroundActive: var( --components-colors-button-color-background-primary-danger-pressed );--buttonBackgroundHover: var( --components-colors-button-color-background-primary-danger-hover );--buttonBackgroundDisabled: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--components-colors-button-color-background-primary-danger-disabled) 2.5px, var(--components-colors-button-color-background-primary-danger-disabled) 5.25px) padding-box;--buttonColor: var(--components-colors-button-color-text-primary-danger-default);--buttonColorDisabled: var(--components-colors-button-color-text-primary-danger-disabled);--buttonColorHover: var(--components-colors-button-color-text-primary-danger-hover);--buttonColorPressed: var(--components-colors-button-color-text-primary-danger-pressed);--buttonBorderWidth: var(--components-dimensions-button-border-width-secondary);--buttonOutlineColorFocus: var(--components-colors-button-color-border-focused)}._variant-secondary_1ervh_169{--buttonBackground: var(--components-colors-button-color-background-secondary-main-default);--buttonBackgroundActive: var( --components-colors-button-color-background-secondary-main-pressed );--buttonBackgroundHover: var( --components-colors-button-color-background-secondary-main-hover );--buttonBackgroundDisabled: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--components-colors-button-color-background-secondary-main-disabled) 2.5px, var(--components-colors-button-color-background-secondary-main-disabled) 5.25px) padding-box;--buttonColor: var(--components-colors-button-color-text-secondary-main-default);--buttonColorDisabled: var(--components-colors-button-color-text-secondary-main-disabled);--buttonColorHover: var(--components-colors-button-color-text-secondary-main-hover);--buttonColorPressed: var(--components-colors-button-color-text-secondary-main-pressed);--buttonBorderWidth: var(--components-dimensions-button-border-width-secondary);--buttonBorderColor: var(--components-colors-button-color-border-secondary-main-default);--buttonBorderColorHover: var(--components-colors-button-color-border-secondary-main-hover);--buttonBorderColorActive: var( --components-colors-button-color-border-secondary-main-pressed );--buttonOutlineColorFocus: var(--components-colors-button-color-border-focused)}._variant-secondary-danger_1ervh_190{--buttonBackground: var(--components-colors-button-color-background-secondary-danger-default);--buttonBackgroundActive: var( --components-colors-button-color-background-secondary-danger-pressed );--buttonBackgroundHover: var( --components-colors-button-color-background-secondary-danger-hover );--buttonBackgroundDisabled: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--components-colors-button-color-background-secondary-danger-disabled) 2.5px, var(--components-colors-button-color-background-secondary-danger-disabled) 5.25px) padding-box;--buttonColor: var(--components-colors-button-color-text-secondary-danger-default);--buttonColorDisabled: var(--components-colors-button-color-text-secondary-danger-disabled);--buttonColorHover: var(--components-colors-button-color-text-secondary-danger-hover);--buttonColorPressed: var(--components-colors-button-color-text-secondary-danger-pressed);--buttonBorderWidth: var(--components-dimensions-button-border-width-secondary);--buttonBorderColor: var(--components-colors-button-color-border-secondary-danger-default);--buttonBorderColorHover: var(--components-colors-button-color-border-secondary-danger-hover);--buttonBorderColorActive: var( --components-colors-button-color-border-secondary-danger-pressed );--buttonOutlineColorFocus: var(--components-colors-button-color-border-focused)}._variant-tertiary_1ervh_211{--buttonBackground: var(--components-colors-button-color-background-tertiary-main-default);--buttonBackgroundActive: var( --components-colors-button-color-background-tertiary-main-pressed );--buttonBackgroundHover: var(--components-colors-button-color-background-tertiary-main-hover);--buttonBackgroundDisabled: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--components-colors-button-color-background-tertiary-main-disabled) 2.5px, var(--components-colors-button-color-background-tertiary-main-disabled) 5.25px) padding-box;--buttonColor: var(--components-colors-button-color-text-tertiary-main-default);--buttonColorDisabled: var(--components-colors-button-color-text-tertiary-main-disabled);--buttonColorHover: var(--components-colors-button-color-text-tertiary-main-hover);--buttonColorPressed: var(--components-colors-button-color-text-tertiary-main-pressed);--buttonOutlineColorFocus: var(--components-colors-button-color-border-focused)}._variant-tertiary-danger_1ervh_224{--buttonBackground: var(--components-colors-button-color-background-tertiary-danger-default);--buttonBackgroundActive: var( --components-colors-button-color-background-tertiary-danger-pressed );--buttonBackgroundHover: var( --components-colors-button-color-background-tertiary-danger-hover );--buttonBackgroundDisabled: var( --components-colors-button-color-background-tertiary-danger-disabled );--buttonColor: var(--components-colors-button-color-text-tertiary-danger-default);--buttonColorDisabled: var(--components-colors-button-color-text-tertiary-danger-disabled);--buttonColorHover: var(--components-colors-button-color-text-tertiary-danger-hover);--buttonColorPressed: var(--components-colors-button-color-text-tertiary-danger-pressed);--buttonOutlineColorFocus: var(--components-colors-button-color-border-focused)}._loader_1ervh_241{display:flex;align-items:center;justify-content:center;position:absolute;bottom:0;left:0;right:0;top:0}._loader-children_1ervh_251{opacity:0}}
1
+ @property --gradient-angle{syntax: "<angle>"; initial-value: -60deg; inherits: true;}@keyframes _rotate-gradient_1eb2q_1{to{--gradient-angle: 300deg}}@layer components{._root_1eb2q_12{position:relative;display:inline-flex;white-space:nowrap;align-items:center;justify-content:center;border-style:solid;cursor:pointer;border-radius:var(--border-radius-md);transition-property:all;transition-duration:var(--duration-medium);transition-timing-function:ease-in-out;outline:transparent solid var(--border-width-md);font-weight:var(--font-weight-semi-bold);font-family:var(--font-family-body);line-height:var(--font-line-height-xs);height:var(--buttonHeight);padding-inline:var(--buttonPaddingInline);font-size:var(--buttonFontSize);color:var(--buttonColor, var(--color-neutral-90));background:var(--buttonBackground);border-width:var(--buttonBorderWidth, 0);border-color:var(--buttonBorderColor, transparent);box-shadow:var(--buttonBoxShadow, none);gap:var(--buttonGap)}._root_1eb2q_12[data-focus-visible],._root_1eb2q_12:focus-visible{outline-width:var(--components-dimensions-button-border-width-focused);outline-color:var(--buttonOutlineColorFocus)}@media (hover: hover) and (pointer: fine){._root_1eb2q_12:hover:not(:disabled):not([aria-disabled]){box-shadow:var(--elevation-20);--buttonBackground: var(--buttonBackgroundHover);--buttonBorderColor: var(--buttonBorderColorHover, transparent);--buttonColor: var(--buttonColorHover)}}._root_1eb2q_12:active:not(:disabled):not([aria-disabled]){--buttonBackground: var(--buttonBackgroundActive);--buttonBorderColor: var(--buttonBorderColorActive, transparent);--buttonColor: var(--buttonColorPressed)}._root_1eb2q_12:disabled,._root_1eb2q_12[aria-disabled]{--buttonBorderColor: var(--buttonBorderColorDisabled, transparent);--buttonColor: var(--buttonColorDisabled);--buttonBackground: var(--buttonBackgroundDisabled);cursor:not-allowed}._root_1eb2q_12 i.wui-icon-font,._root_1eb2q_12 svg{font-weight:initial;width:var(--buttonIconSize);height:var(--buttonIconSize);font-size:var(--buttonIconSize)}._root_1eb2q_12:has(svg:only-child),._root_1eb2q_12:has(i._wui-icon-font_1eb2q_65:only-child){width:var(--buttonHeight);--buttonPaddingInline: 0}._size-sm_1eb2q_76{--buttonFontSize: var(--font-size-14);--buttonHeight: var(--components-dimensions-button-size-max-height-sm);--buttonPaddingInline: var(--components-dimensions-button-padding-inline-sm);--buttonIconSize: var(--components-dimensions-button-size-icon-sm);--buttonGap: var(--components-dimensions-button-gap-content-sm)}._size-md_1eb2q_83{--buttonFontSize: var(--font-size-14);--buttonHeight: var(--components-dimensions-button-size-max-height-md);--buttonPaddingInline: var(--components-dimensions-button-padding-inline-md);--buttonIconSize: var(--components-dimensions-button-size-icon-md);--buttonGap: var(--components-dimensions-button-gap-content-md)}._size-lg_1eb2q_90{--buttonFontSize: var(--font-size-16);--buttonHeight: var(--components-dimensions-button-size-max-height-lg);--buttonPaddingInline: var(--components-dimensions-button-padding-inline-lg);--buttonIconSize: var(--components-dimensions-button-size-icon-lg);--buttonGap: var(--components-dimensions-button-gap-content-lg)}._variant-primary_1eb2q_97{--buttonBackground: var(--components-colors-button-color-background-primary-main-default);--buttonBackgroundActive: var( --components-colors-button-color-background-primary-main-pressed );--buttonBackgroundHover: var(--components-colors-button-color-background-primary-main-hover);--buttonOutlineColorFocus: var(--components-colors-button-color-border-focused);--buttonColorDisabled: var(--components-colors-button-color-text-primary-main-disabled);--buttonBackgroundDisabled: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--components-colors-button-color-background-primary-main-disabled) 2.5px, var(--components-colors-button-color-background-primary-main-disabled) 5.25px) padding-box}._variant-primary-neutral_1eb2q_107{--buttonBackground: var(--components-colors-button-color-background-primary-neutral-default);--buttonBackgroundActive: var( --components-colors-button-color-background-primary-neutral-pressed );--buttonBackgroundHover: var( --components-colors-button-color-background-primary-neutral-hover );--buttonBackgroundDisabled: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--components-colors-button-color-background-primary-neutral-disabled) 2.5px, var(--components-colors-button-color-background-primary-neutral-disabled) 5.25px) padding-box;--buttonColor: var(--components-colors-button-color-text-primary-neutral-default);--buttonColorDisabled: var(--components-colors-button-color-text-primary-neutral-disabled);--buttonColorHover: var(--components-colors-button-color-text-primary-neutral-hover);--buttonColorPressed: var(--components-colors-button-color-text-primary-neutral-pressed);--buttonOutlineColorFocus: var(--components-colors-button-color-border-focused)}._variant-primary-ai_1eb2q_122{--buttonBackground: linear-gradient(var(--components-colors-button-color-background-primary-ai-default) 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--buttonBackgroundActive: linear-gradient(var(--components-colors-button-color-background-primary-ai-pressed) 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--buttonBackgroundHover: linear-gradient(var(--components-colors-button-color-background-primary-ai-hover) 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--buttonBackgroundDisabled: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--components-colors-button-color-background-primary-ai-disabled) 2.5px, var(--components-colors-button-color-background-primary-ai-disabled) 5.25px) padding-box, linear-gradient( 107.75deg, var(--color-neutral-30) 0%, var(--color-neutral-50) 20%, var(--color-neutral-40) 40%, var(--color-neutral-50) 60%, var(--color-neutral-60) 80%, var(--color-neutral-50) 100% ) border-box;--buttonBorderWidth: var(--components-dimensions-button-border-width-ai);--buttonColor: var(--components-colors-button-color-text-primary-ai-default);--buttonColorDisabled: var(--components-colors-button-color-text-primary-ai-disabled);--buttonColorHover: var(--components-colors-button-color-text-primary-ai-hover);--buttonColorPressed: var(--components-colors-button-color-text-primary-ai-pressed);--buttonOutlineColorFocus: var(--components-colors-button-color-border-focused);animation:_rotate-gradient_1eb2q_1 3s linear infinite paused}@media (hover: hover) and (pointer: fine){._variant-primary-ai_1eb2q_122:hover:not(:disabled):not([aria-disabled]){animation-play-state:running}}._variant-primary-ai_1eb2q_122:focus-visible{animation-play-state:running}._variant-primary-danger_1eb2q_154{--buttonBackground: var(--components-colors-button-color-background-primary-danger-default);--buttonBackgroundActive: var( --components-colors-button-color-background-primary-danger-pressed );--buttonBackgroundHover: var( --components-colors-button-color-background-primary-danger-hover );--buttonBackgroundDisabled: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--components-colors-button-color-background-primary-danger-disabled) 2.5px, var(--components-colors-button-color-background-primary-danger-disabled) 5.25px) padding-box;--buttonColor: var(--components-colors-button-color-text-primary-danger-default);--buttonColorDisabled: var(--components-colors-button-color-text-primary-danger-disabled);--buttonColorHover: var(--components-colors-button-color-text-primary-danger-hover);--buttonColorPressed: var(--components-colors-button-color-text-primary-danger-pressed);--buttonBorderWidth: var(--components-dimensions-button-border-width-secondary);--buttonOutlineColorFocus: var(--components-colors-button-color-border-focused)}._variant-secondary_1eb2q_170{--buttonBackground: var(--components-colors-button-color-background-secondary-main-default);--buttonBackgroundActive: var( --components-colors-button-color-background-secondary-main-pressed );--buttonBackgroundHover: var( --components-colors-button-color-background-secondary-main-hover );--buttonBackgroundDisabled: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--components-colors-button-color-background-secondary-main-disabled) 2.5px, var(--components-colors-button-color-background-secondary-main-disabled) 5.25px) padding-box;--buttonColor: var(--components-colors-button-color-text-secondary-main-default);--buttonColorDisabled: var(--components-colors-button-color-text-secondary-main-disabled);--buttonColorHover: var(--components-colors-button-color-text-secondary-main-hover);--buttonColorPressed: var(--components-colors-button-color-text-secondary-main-pressed);--buttonBorderWidth: var(--components-dimensions-button-border-width-secondary);--buttonBorderColor: var(--components-colors-button-color-border-secondary-main-default);--buttonBorderColorHover: var(--components-colors-button-color-border-secondary-main-hover);--buttonBorderColorActive: var( --components-colors-button-color-border-secondary-main-pressed );--buttonOutlineColorFocus: var(--components-colors-button-color-border-focused)}._variant-secondary-danger_1eb2q_191{--buttonBackground: var(--components-colors-button-color-background-secondary-danger-default);--buttonBackgroundActive: var( --components-colors-button-color-background-secondary-danger-pressed );--buttonBackgroundHover: var( --components-colors-button-color-background-secondary-danger-hover );--buttonBackgroundDisabled: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--components-colors-button-color-background-secondary-danger-disabled) 2.5px, var(--components-colors-button-color-background-secondary-danger-disabled) 5.25px) padding-box;--buttonColor: var(--components-colors-button-color-text-secondary-danger-default);--buttonColorDisabled: var(--components-colors-button-color-text-secondary-danger-disabled);--buttonColorHover: var(--components-colors-button-color-text-secondary-danger-hover);--buttonColorPressed: var(--components-colors-button-color-text-secondary-danger-pressed);--buttonBorderWidth: var(--components-dimensions-button-border-width-secondary);--buttonBorderColor: var(--components-colors-button-color-border-secondary-danger-default);--buttonBorderColorHover: var(--components-colors-button-color-border-secondary-danger-hover);--buttonBorderColorActive: var( --components-colors-button-color-border-secondary-danger-pressed );--buttonOutlineColorFocus: var(--components-colors-button-color-border-focused)}._variant-tertiary_1eb2q_212{--buttonBackground: var(--components-colors-button-color-background-tertiary-main-default);--buttonBackgroundActive: var( --components-colors-button-color-background-tertiary-main-pressed );--buttonBackgroundHover: var(--components-colors-button-color-background-tertiary-main-hover);--buttonBackgroundDisabled: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--components-colors-button-color-background-tertiary-main-disabled) 2.5px, var(--components-colors-button-color-background-tertiary-main-disabled) 5.25px) padding-box;--buttonColor: var(--components-colors-button-color-text-tertiary-main-default);--buttonColorDisabled: var(--components-colors-button-color-text-tertiary-main-disabled);--buttonColorHover: var(--components-colors-button-color-text-tertiary-main-hover);--buttonColorPressed: var(--components-colors-button-color-text-tertiary-main-pressed);--buttonOutlineColorFocus: var(--components-colors-button-color-border-focused)}._variant-tertiary-danger_1eb2q_225{--buttonBackground: var(--components-colors-button-color-background-tertiary-danger-default);--buttonBackgroundActive: var( --components-colors-button-color-background-tertiary-danger-pressed );--buttonBackgroundHover: var( --components-colors-button-color-background-tertiary-danger-hover );--buttonBackgroundDisabled: var( --components-colors-button-color-background-tertiary-danger-disabled );--buttonColor: var(--components-colors-button-color-text-tertiary-danger-default);--buttonColorDisabled: var(--components-colors-button-color-text-tertiary-danger-disabled);--buttonColorHover: var(--components-colors-button-color-text-tertiary-danger-hover);--buttonColorPressed: var(--components-colors-button-color-text-tertiary-danger-pressed);--buttonOutlineColorFocus: var(--components-colors-button-color-border-focused)}._loader_1eb2q_242{display:flex;align-items:center;justify-content:center;position:absolute;bottom:0;left:0;right:0;top:0}._loader-children_1eb2q_252{opacity:0}}
package/dist/Button.js CHANGED
@@ -1,55 +1,55 @@
1
1
  "use client";
2
2
  import './Button.css';
3
- import { jsxs as o, jsx as r, Fragment as z } from "react/jsx-runtime";
4
- import { B as b } from "./XCKGTAUF-CJwwVibW.js";
5
- import { useButtonGroup as x } from "./ButtonGroup.js";
6
- import { Loader as B } from "./Loader.js";
7
- import { c as N } from "./index-PAaZGbyz.js";
8
- import { f as w } from "./forwardRefWithAs-8eP3ZN15.js";
3
+ import { jsxs as o, jsx as r, Fragment as g } from "react/jsx-runtime";
4
+ import { B as z } from "./XCKGTAUF-CJwwVibW.js";
5
+ import { useButtonGroup as h } from "./ButtonGroup.js";
6
+ import { Loader as x } from "./Loader.js";
7
+ import { c as B } from "./index-PAaZGbyz.js";
8
+ import { f as N } from "./forwardRefWithAs-8eP3ZN15.js";
9
9
  import "react";
10
- const $ = "_root_1ervh_12", j = "_loader_1ervh_241", D = {
11
- root: $,
12
- "wui-icon-font": "_wui-icon-font_1ervh_64",
13
- "size-sm": "_size-sm_1ervh_75",
14
- "size-md": "_size-md_1ervh_82",
15
- "size-lg": "_size-lg_1ervh_89",
16
- "variant-primary": "_variant-primary_1ervh_96",
17
- "variant-primary-neutral": "_variant-primary-neutral_1ervh_106",
18
- "variant-primary-ai": "_variant-primary-ai_1ervh_121",
19
- "rotate-gradient": "_rotate-gradient_1ervh_1",
20
- "variant-primary-danger": "_variant-primary-danger_1ervh_153",
21
- "variant-secondary": "_variant-secondary_1ervh_169",
22
- "variant-secondary-danger": "_variant-secondary-danger_1ervh_190",
23
- "variant-tertiary": "_variant-tertiary_1ervh_211",
24
- "variant-tertiary-danger": "_variant-tertiary-danger_1ervh_224",
25
- loader: j,
26
- "loader-children": "_loader-children_1ervh_251"
27
- }, e = N(D), S = w(
10
+ const w = "_root_1eb2q_12", $ = "_loader_1eb2q_242", j = {
11
+ root: w,
12
+ "wui-icon-font": "_wui-icon-font_1eb2q_65",
13
+ "size-sm": "_size-sm_1eb2q_76",
14
+ "size-md": "_size-md_1eb2q_83",
15
+ "size-lg": "_size-lg_1eb2q_90",
16
+ "variant-primary": "_variant-primary_1eb2q_97",
17
+ "variant-primary-neutral": "_variant-primary-neutral_1eb2q_107",
18
+ "variant-primary-ai": "_variant-primary-ai_1eb2q_122",
19
+ "rotate-gradient": "_rotate-gradient_1eb2q_1",
20
+ "variant-primary-danger": "_variant-primary-danger_1eb2q_154",
21
+ "variant-secondary": "_variant-secondary_1eb2q_170",
22
+ "variant-secondary-danger": "_variant-secondary-danger_1eb2q_191",
23
+ "variant-tertiary": "_variant-tertiary_1eb2q_212",
24
+ "variant-tertiary-danger": "_variant-tertiary-danger_1eb2q_225",
25
+ loader: $,
26
+ "loader-children": "_loader-children_1eb2q_252"
27
+ }, e = B(j), D = N(
28
28
  ({
29
29
  accessibleWhenDisabled: s = !0,
30
30
  as: t,
31
31
  children: i,
32
32
  className: _ = "",
33
- disabled: v = !1,
33
+ disabled: d = !1,
34
34
  isLoading: a = !1,
35
- size: d = "lg",
36
- variant: l = "primary",
37
- ...m
38
- }, c) => {
39
- const { disabled: p, size: h, variant: u } = x(), y = p || v || a, f = u || l, g = h || d, n = t || "button";
35
+ size: l = "lg",
36
+ variant: m = "primary",
37
+ ...c
38
+ }, b) => {
39
+ const { disabled: p, size: v, variant: u } = h(), y = p || d || a, q = u || m, f = v || l, n = t || "button";
40
40
  return /* @__PURE__ */ o(
41
- b,
41
+ z,
42
42
  {
43
43
  ...n === "button" ? { type: "button" } : {},
44
- ...m,
44
+ ...c,
45
45
  accessibleWhenDisabled: s,
46
- className: e("root", `variant-${f}`, `size-${g}`, _),
46
+ className: e("root", `variant-${q}`, `size-${f}`, _),
47
47
  disabled: y,
48
- ref: c,
48
+ ref: b,
49
49
  render: t ? /* @__PURE__ */ r(n, {}) : void 0,
50
50
  children: [
51
- a ? /* @__PURE__ */ o(z, { children: [
52
- /* @__PURE__ */ r("div", { className: e("loader"), children: /* @__PURE__ */ r(B, { size: "xs" }) }),
51
+ a ? /* @__PURE__ */ o(g, { children: [
52
+ /* @__PURE__ */ r("div", { className: e("loader"), children: /* @__PURE__ */ r(x, { size: "xs" }) }),
53
53
  /* @__PURE__ */ r("div", { className: e("loader-children"), children: i })
54
54
  ] }) : null,
55
55
  !a && i
@@ -58,7 +58,7 @@ const $ = "_root_1ervh_12", j = "_loader_1ervh_241", D = {
58
58
  );
59
59
  }
60
60
  );
61
- S.displayName = "Button";
61
+ D.displayName = "Button";
62
62
  export {
63
- S as Button
63
+ D as Button
64
64
  };
package/dist/Link.css CHANGED
@@ -1 +1 @@
1
- @layer components{._root_1q1g6_2{display:inline-flex;flex-direction:row;align-items:center;opacity:1;line-height:var(--lineHeight);text-decoration:none;cursor:pointer;font-weight:var(--font-weight-medium);color:var(--color)}._root_1q1g6_2._isExternal_1q1g6_14{--backgroundSize: calc(100% - var(--spacing-lg) - var(--spacing-sm)) 50%}._root_1q1g6_2._isExternal_1q1g6_14 ._wui-text_1q1g6_17>svg{display:inline;margin-left:var(--spacing-sm)}._root_1q1g6_2:visited._variant-primary_1q1g6_21{color:var(--colorVisited)}._root_1q1g6_2:visited._variant-primary_1q1g6_21 ._wui-text_1q1g6_17{background-color:var(--backgroundColorVisited)}._root_1q1g6_2:visited._variant-secondary_1q1g6_28{color:var(--colorVisited)}._root_1q1g6_2:visited._variant-secondary_1q1g6_28 ._wui-text_1q1g6_17{background-color:var(--backgroundColorVisited)}@media (hover: hover) and (pointer: fine){._root_1q1g6_2:hover{--color: var(--colorHover);--backgroundPositionY: 100%;--backgroundSize: 100% 100%}._root_1q1g6_2:hover:visited._variant-primary_1q1g6_21{color:var(--colorVisitedHover)}._root_1q1g6_2:hover:visited._variant-primary_1q1g6_21 ._wui-text_1q1g6_17{background-color:var(--backgroundColorVisitedHover)}._root_1q1g6_2:hover:visited._variant-secondary_1q1g6_28{color:var(--colorVisitedHover)}._root_1q1g6_2:hover:visited._variant-secondary_1q1g6_28 ._wui-text_1q1g6_17{background-color:var(--backgroundColorVisitedHover)}}._root_1q1g6_2:focus-visible{outline:none;--color: var(--colorHover);--backgroundPositionY: 100%;--backgroundSize: 100% 100%}._root_1q1g6_2[aria-disabled]{--backgroundImageColor: var(--backgroundImageColorDisabled);--color: var(--colorDisabled);pointer-events:none}._root_1q1g6_2[aria-disabled]:visited ._wui-text_1q1g6_17{background-color:var(--backgroundImageColorDisabled)}._variant-primary_1q1g6_21{--backgroundImageColor: var(--components-colors-link-color-underline-primary-default);--backgroundImageColorDisabled: var( --components-colors-link-color-underline-primary-disabled );--backgroundColorVisited: var( --components-colors-link-color-background-primary-visited-default );--backgroundColorVisitedHover: var( --components-colors-link-color-background-primary-visited-hover );--color: var(--components-colors-link-color-text-primary-default);--colorHover: var(--components-colors-link-color-text-primary-hover);--colorDisabled: var(--components-colors-link-color-text-primary-disabled);--colorVisited: var(--components-colors-link-color-text-primary-visited-default);--colorVisitedHover: var(--components-colors-link-color-text-primary-visited-hover)}._variant-secondary_1q1g6_28{--backgroundImageColor: var(--components-colors-link-color-underline-secondary-default);--backgroundImageColorDisabled: var( --components-colors-link-color-underline-secondary-disabled );--backgroundColorVisited: var( --components-colors-link-color-background-secondary-visited-default );--backgroundColorVisitedHover: var( --components-colors-link-color-background-secondary-visited-hover );--color: var(--components-colors-link-color-text-secondary-default);--colorHover: var(--components-colors-link-color-text-secondary-hover);--colorDisabled: var(--components-colors-link-color-text-secondary-disabled);--colorVisited: var(--components-colors-link-color-text-secondary-visited-default);--colorVisitedHover: var(--components-colors-link-color-text-secondary-visited-hover)}._size-xs_1q1g6_102{font-size:var(--font-size-xs);--lineHeight: var(--font-line-height-sm)}._size-sm_1q1g6_106{font-size:var(--font-size-sm);--lineHeight: var(--font-line-height-md);--backgroundPositionY: calc(200% - .2em) }._size-md_1q1g6_111{font-size:var(--font-size-md);--lineHeight: var(--font-line-height-lg)}._size-lg_1q1g6_115{font-size:var(--font-size-lg);--lineHeight: var(--font-line-height-lg)}._wui-text_1q1g6_17{margin-right:calc(var(--components-dimensions-link-padding-inline-icon) * -1);margin-left:calc(var(--components-dimensions-link-padding-inline-icon) * -1);padding-left:var(--components-dimensions-link-padding-inline-icon);padding-right:var(--components-dimensions-link-padding-inline-icon);transition:background var(--duration-medium),color var(--duration-medium);background-repeat:no-repeat;background-size:var(--backgroundSize, 100% 50%);background-image:linear-gradient(0deg,var(--backgroundImageColor),var(--backgroundImageColor) 100%);background-position-y:var(--backgroundPositionY, calc(200% - .125em) )}._isMultiline_1q1g6_130{display:inline}._icon-disabled_1q1g6_133{margin-right:var(--spacing-xxs)}._icon-disabled_1q1g6_133._variant-primary_1q1g6_21{color:var(--components-colors-link-color-icon-primary-disabled)}._icon-disabled_1q1g6_133._variant-secondary_1q1g6_28{color:var(--components-colors-link-color-icon-secondary-disabled)}}
1
+ @layer components{._root_skpk8_2{display:inline-flex;flex-direction:row;align-items:center;opacity:1;line-height:var(--lineHeight);text-decoration:none;cursor:pointer;font-weight:var(--font-weight-medium);color:var(--color)}._root_skpk8_2._isExternal_skpk8_14{--backgroundSize: calc(100% - var(--spacing-lg) - var(--spacing-sm)) 50%}._root_skpk8_2._isExternal_skpk8_14 ._wui-text_skpk8_17>svg{display:inline;margin-left:var(--spacing-xxs)}._root_skpk8_2:visited._variant-primary_skpk8_21{color:var(--colorVisited)}._root_skpk8_2:visited._variant-primary_skpk8_21 ._wui-text_skpk8_17{background-color:var(--backgroundColorVisited)}._root_skpk8_2:visited._variant-secondary_skpk8_28{color:var(--colorVisited)}._root_skpk8_2:visited._variant-secondary_skpk8_28 ._wui-text_skpk8_17{background-color:var(--backgroundColorVisited)}@media (hover: hover) and (pointer: fine){._root_skpk8_2:hover{--color: var(--colorHover);--backgroundPositionY: 100%;--backgroundSize: 100% 100%}._root_skpk8_2:hover:visited._variant-primary_skpk8_21{color:var(--colorVisitedHover)}._root_skpk8_2:hover:visited._variant-primary_skpk8_21 ._wui-text_skpk8_17{background-color:var(--backgroundColorVisitedHover)}._root_skpk8_2:hover:visited._variant-secondary_skpk8_28{color:var(--colorVisitedHover)}._root_skpk8_2:hover:visited._variant-secondary_skpk8_28 ._wui-text_skpk8_17{background-color:var(--backgroundColorVisitedHover)}}._root_skpk8_2:focus-visible{outline:none;--color: var(--colorHover);--backgroundPositionY: 100%;--backgroundSize: 100% 100%}._root_skpk8_2[aria-disabled]{--backgroundImageColor: var(--backgroundImageColorDisabled);--color: var(--colorDisabled);pointer-events:none}._root_skpk8_2[aria-disabled]:visited ._wui-text_skpk8_17{background-color:var(--backgroundImageColorDisabled)}._variant-primary_skpk8_21{--backgroundImageColor: var(--components-colors-link-color-underline-primary-default);--backgroundImageColorDisabled: var( --components-colors-link-color-underline-primary-disabled );--backgroundColorVisited: var( --components-colors-link-color-background-primary-visited-default );--backgroundColorVisitedHover: var( --components-colors-link-color-background-primary-visited-hover );--color: var(--components-colors-link-color-text-primary-default);--colorHover: var(--components-colors-link-color-text-primary-hover);--colorDisabled: var(--components-colors-link-color-text-primary-disabled);--colorVisited: var(--components-colors-link-color-text-primary-visited-default);--colorVisitedHover: var(--components-colors-link-color-text-primary-visited-hover)}._variant-secondary_skpk8_28{--backgroundImageColor: var(--components-colors-link-color-underline-secondary-default);--backgroundImageColorDisabled: var( --components-colors-link-color-underline-secondary-disabled );--backgroundColorVisited: var( --components-colors-link-color-background-secondary-visited-default );--backgroundColorVisitedHover: var( --components-colors-link-color-background-secondary-visited-hover );--color: var(--components-colors-link-color-text-secondary-default);--colorHover: var(--components-colors-link-color-text-secondary-hover);--colorDisabled: var(--components-colors-link-color-text-secondary-disabled);--colorVisited: var(--components-colors-link-color-text-secondary-visited-default);--colorVisitedHover: var(--components-colors-link-color-text-secondary-visited-hover)}._size-xs_skpk8_102{font-size:var(--font-size-xs);--lineHeight: var(--font-line-height-sm)}._size-sm_skpk8_106{font-size:var(--font-size-sm);--lineHeight: var(--font-line-height-md);--backgroundPositionY: calc(200% - .2em) }._size-md_skpk8_111{font-size:var(--font-size-md);--lineHeight: var(--font-line-height-lg)}._size-lg_skpk8_115{font-size:var(--font-size-lg);--lineHeight: var(--font-line-height-lg)}._wui-text_skpk8_17{margin-right:calc(var(--components-dimensions-link-padding-inline-icon) * -1);margin-left:calc(var(--components-dimensions-link-padding-inline-icon) * -1);padding-left:var(--components-dimensions-link-padding-inline-icon);padding-right:var(--components-dimensions-link-padding-inline-icon);transition:background var(--duration-medium),color var(--duration-medium);background-repeat:no-repeat;background-size:var(--backgroundSize, 100% 50%);background-image:linear-gradient(0deg,var(--backgroundImageColor),var(--backgroundImageColor) 100%);background-position-y:var(--backgroundPositionY, calc(200% - .125em) )}._isMultiline_skpk8_130{display:inline}._icon-disabled_skpk8_133{margin-right:var(--spacing-xxs)}._icon-disabled_skpk8_133._variant-primary_skpk8_21{color:var(--components-colors-link-color-icon-primary-disabled)}._icon-disabled_skpk8_133._variant-secondary_skpk8_28{color:var(--components-colors-link-color-icon-secondary-disabled)}}
package/dist/Link.js CHANGED
@@ -1,71 +1,71 @@
1
1
  "use client";
2
2
  import './Link.css';
3
- import { jsxs as p, jsx as r } from "react/jsx-runtime";
4
- import o from "react";
5
- import { Icon as c } from "./Icon.js";
6
- import { c as b } from "./index-PAaZGbyz.js";
7
- import { f as k } from "./forwardRefWithAs-8eP3ZN15.js";
8
- const v = "_root_1q1g6_2", w = "_isExternal_1q1g6_14", E = "_isMultiline_1q1g6_130", M = {
9
- root: v,
10
- isExternal: w,
11
- "wui-text": "_wui-text_1q1g6_17",
12
- "variant-primary": "_variant-primary_1q1g6_21",
13
- "variant-secondary": "_variant-secondary_1q1g6_28",
14
- "size-xs": "_size-xs_1q1g6_102",
15
- "size-sm": "_size-sm_1q1g6_106",
16
- "size-md": "_size-md_1q1g6_111",
17
- "size-lg": "_size-lg_1q1g6_115",
18
- isMultiline: E,
19
- "icon-disabled": "_icon-disabled_1q1g6_133"
20
- }, a = b(M), l = ({ children: e, isExternal: s }) => /* @__PURE__ */ p("span", { className: a("wui-text"), children: [
21
- e,
22
- s ? /* @__PURE__ */ r(c, { name: "external-link-alt" }) : null
3
+ import { jsxs as d, jsx as n } from "react/jsx-runtime";
4
+ import p from "react";
5
+ import { Icon as u } from "./Icon.js";
6
+ import { c as v } from "./index-PAaZGbyz.js";
7
+ import { f as w } from "./forwardRefWithAs-8eP3ZN15.js";
8
+ const E = "_root_skpk8_2", M = "_isExternal_skpk8_14", W = "_isMultiline_skpk8_130", L = {
9
+ root: E,
10
+ isExternal: M,
11
+ "wui-text": "_wui-text_skpk8_17",
12
+ "variant-primary": "_variant-primary_skpk8_21",
13
+ "variant-secondary": "_variant-secondary_skpk8_28",
14
+ "size-xs": "_size-xs_skpk8_102",
15
+ "size-sm": "_size-sm_skpk8_106",
16
+ "size-md": "_size-md_skpk8_111",
17
+ "size-lg": "_size-lg_skpk8_115",
18
+ isMultiline: W,
19
+ "icon-disabled": "_icon-disabled_skpk8_133"
20
+ }, a = v(L), l = ({ children: s, isExternal: r, size: e }) => /* @__PURE__ */ d("span", { className: a("wui-text"), children: [
21
+ s,
22
+ r ? /* @__PURE__ */ n(u, { name: "external-link-alt", size: e }) : null
23
23
  ] });
24
24
  l.displayName = "Link.Wrapper";
25
- const m = (e, s) => typeof e == "string" ? /* @__PURE__ */ r(l, { isExternal: s, children: e }) : o.isValidElement(e) && (e.type === "span" || e.props.as === "span" || // FormattedMessage from react-intl has a span tag by default
26
- e.props.tagName === "span" || e.props["data-wui-link"] === !0 || typeof e.props.children == "string") ? s ? /* @__PURE__ */ r(l, { isExternal: s, children: e }) : (
25
+ const c = (s, r, e) => typeof s == "string" ? /* @__PURE__ */ n(l, { isExternal: e, size: r, children: s }) : p.isValidElement(s) && (s.type === "span" || s.props.as === "span" || // FormattedMessage from react-intl has a span tag by default
26
+ s.props.tagName === "span" || s.props["data-wui-link"] === !0 || typeof s.props.children == "string") ? e ? /* @__PURE__ */ n(l, { isExternal: e, size: r, children: s }) : (
27
27
  // If it is not external, we just need to add wui-text className to the child as we don't need to wrap it to display the icon
28
- o.cloneElement(e, {
29
- className: a("wui-text", e.props.className)
28
+ p.cloneElement(s, {
29
+ className: a("wui-text", s.props.className)
30
30
  })
31
- ) : e, W = k((e, s) => {
31
+ ) : s, j = w((s, r) => {
32
32
  const {
33
- as: d,
34
- children: n,
35
- className: u,
36
- disabled: t,
37
- isExternal: i,
38
- multiline: g,
39
- size: f = "md",
33
+ as: e,
34
+ children: t,
35
+ className: x,
36
+ disabled: i,
37
+ isExternal: o,
38
+ multiline: f,
39
+ size: m = "md",
40
40
  target: _,
41
- variant: x = "primary",
42
- ...y
43
- } = e, q = d || "a", z = typeof n == "string" ? m(n, i) : o.Children.map(n, (N) => m(N, i));
44
- return /* @__PURE__ */ p(
45
- q,
41
+ variant: y = "primary",
42
+ ...z
43
+ } = s, N = e || "a", k = m === "xs" ? "sm" : "md", b = typeof t == "string" ? c(t, k, o) : p.Children.map(t, (g) => c(g, k, o));
44
+ return /* @__PURE__ */ d(
45
+ N,
46
46
  {
47
- "aria-disabled": t,
47
+ "aria-disabled": i,
48
48
  className: a(
49
49
  "root",
50
- `variant-${x}`,
51
- `size-${f}`,
52
- i && "isExternal",
53
- g && "isMultiline",
54
- u
50
+ `variant-${y}`,
51
+ `size-${m}`,
52
+ o && "isExternal",
53
+ f && "isMultiline",
54
+ x
55
55
  ),
56
- ref: s,
56
+ ref: r,
57
57
  rel: _ === "_blank" ? "noopener noreferrer" : void 0,
58
- tabIndex: t ? -1 : 0,
58
+ tabIndex: i ? -1 : 0,
59
59
  target: _,
60
- ...y,
60
+ ...z,
61
61
  children: [
62
- t ? /* @__PURE__ */ r(c, { className: a("icon-disabled"), name: "ban", size: "md" }) : null,
63
- z
62
+ i ? /* @__PURE__ */ n(u, { className: a("icon-disabled"), name: "ban", size: "md" }) : null,
63
+ b
64
64
  ]
65
65
  }
66
66
  );
67
67
  });
68
- W.displayName = "Link";
68
+ j.displayName = "Link";
69
69
  export {
70
- W as Link
70
+ j as Link
71
71
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "welcome-ui",
3
- "version": "0.0.0-dev.1763989493458",
3
+ "version": "0.0.0-dev.1764081436168",
4
4
  "description": "Customizable design system with react, typescript, tailwindcss and ariakit.",
5
5
  "files": [
6
6
  "dist"