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 +13 -13
- package/dist/Button.css +1 -1
- package/dist/Button.js +38 -38
- package/dist/Link.css +1 -1
- package/dist/Link.js +50 -50
- package/package.json +1 -1
package/dist/Accordion.js
CHANGED
|
@@ -1,30 +1,30 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import './Accordion.css';
|
|
3
|
-
import { jsxs as
|
|
4
|
-
import { D as
|
|
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",
|
|
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:
|
|
14
|
+
disclosure: N,
|
|
15
15
|
"disclosure-content": "_disclosure-content_1ugpw_48",
|
|
16
16
|
"content-child": "_content-child_1ugpw_63"
|
|
17
|
-
}, s = h(
|
|
18
|
-
({ children: t, className: n, dataTestId: c, store:
|
|
19
|
-
/* @__PURE__ */
|
|
20
|
-
|
|
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:
|
|
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: "
|
|
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:
|
|
36
|
+
store: i,
|
|
37
37
|
children: /* @__PURE__ */ o("div", { className: s("content-child"), children: t })
|
|
38
38
|
}
|
|
39
39
|
)
|
|
40
40
|
] })
|
|
41
41
|
);
|
|
42
|
-
|
|
42
|
+
w.displayName = "Accordion";
|
|
43
43
|
export {
|
|
44
|
-
|
|
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
|
|
4
|
-
import { B as
|
|
5
|
-
import { useButtonGroup as
|
|
6
|
-
import { Loader as
|
|
7
|
-
import { c as
|
|
8
|
-
import { f as
|
|
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
|
|
11
|
-
root:
|
|
12
|
-
"wui-icon-font": "_wui-icon-
|
|
13
|
-
"size-sm": "_size-
|
|
14
|
-
"size-md": "_size-
|
|
15
|
-
"size-lg": "_size-
|
|
16
|
-
"variant-primary": "_variant-
|
|
17
|
-
"variant-primary-neutral": "_variant-primary-
|
|
18
|
-
"variant-primary-ai": "_variant-primary-
|
|
19
|
-
"rotate-gradient": "_rotate-
|
|
20
|
-
"variant-primary-danger": "_variant-primary-
|
|
21
|
-
"variant-secondary": "_variant-
|
|
22
|
-
"variant-secondary-danger": "_variant-secondary-
|
|
23
|
-
"variant-tertiary": "_variant-
|
|
24
|
-
"variant-tertiary-danger": "_variant-tertiary-
|
|
25
|
-
loader:
|
|
26
|
-
"loader-children": "_loader-
|
|
27
|
-
}, e =
|
|
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:
|
|
33
|
+
disabled: d = !1,
|
|
34
34
|
isLoading: a = !1,
|
|
35
|
-
size:
|
|
36
|
-
variant:
|
|
37
|
-
...
|
|
38
|
-
},
|
|
39
|
-
const { disabled: p, size:
|
|
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
|
-
|
|
41
|
+
z,
|
|
42
42
|
{
|
|
43
43
|
...n === "button" ? { type: "button" } : {},
|
|
44
|
-
...
|
|
44
|
+
...c,
|
|
45
45
|
accessibleWhenDisabled: s,
|
|
46
|
-
className: e("root", `variant-${
|
|
46
|
+
className: e("root", `variant-${q}`, `size-${f}`, _),
|
|
47
47
|
disabled: y,
|
|
48
|
-
ref:
|
|
48
|
+
ref: b,
|
|
49
49
|
render: t ? /* @__PURE__ */ r(n, {}) : void 0,
|
|
50
50
|
children: [
|
|
51
|
-
a ? /* @__PURE__ */ o(
|
|
52
|
-
/* @__PURE__ */ r("div", { className: e("loader"), children: /* @__PURE__ */ r(
|
|
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
|
-
|
|
61
|
+
D.displayName = "Button";
|
|
62
62
|
export {
|
|
63
|
-
|
|
63
|
+
D as Button
|
|
64
64
|
};
|
package/dist/Link.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{.
|
|
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
|
|
4
|
-
import
|
|
5
|
-
import { Icon as
|
|
6
|
-
import { c as
|
|
7
|
-
import { f as
|
|
8
|
-
const
|
|
9
|
-
root:
|
|
10
|
-
isExternal:
|
|
11
|
-
"wui-text": "_wui-
|
|
12
|
-
"variant-primary": "_variant-
|
|
13
|
-
"variant-secondary": "_variant-
|
|
14
|
-
"size-xs": "_size-
|
|
15
|
-
"size-sm": "_size-
|
|
16
|
-
"size-md": "_size-
|
|
17
|
-
"size-lg": "_size-
|
|
18
|
-
isMultiline:
|
|
19
|
-
"icon-disabled": "_icon-
|
|
20
|
-
}, a =
|
|
21
|
-
|
|
22
|
-
|
|
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
|
|
26
|
-
|
|
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
|
-
|
|
29
|
-
className: a("wui-text",
|
|
28
|
+
p.cloneElement(s, {
|
|
29
|
+
className: a("wui-text", s.props.className)
|
|
30
30
|
})
|
|
31
|
-
) :
|
|
31
|
+
) : s, j = w((s, r) => {
|
|
32
32
|
const {
|
|
33
|
-
as:
|
|
34
|
-
children:
|
|
35
|
-
className:
|
|
36
|
-
disabled:
|
|
37
|
-
isExternal:
|
|
38
|
-
multiline:
|
|
39
|
-
size:
|
|
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:
|
|
42
|
-
...
|
|
43
|
-
} =
|
|
44
|
-
return /* @__PURE__ */
|
|
45
|
-
|
|
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":
|
|
47
|
+
"aria-disabled": i,
|
|
48
48
|
className: a(
|
|
49
49
|
"root",
|
|
50
|
-
`variant-${
|
|
51
|
-
`size-${
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
50
|
+
`variant-${y}`,
|
|
51
|
+
`size-${m}`,
|
|
52
|
+
o && "isExternal",
|
|
53
|
+
f && "isMultiline",
|
|
54
|
+
x
|
|
55
55
|
),
|
|
56
|
-
ref:
|
|
56
|
+
ref: r,
|
|
57
57
|
rel: _ === "_blank" ? "noopener noreferrer" : void 0,
|
|
58
|
-
tabIndex:
|
|
58
|
+
tabIndex: i ? -1 : 0,
|
|
59
59
|
target: _,
|
|
60
|
-
...
|
|
60
|
+
...z,
|
|
61
61
|
children: [
|
|
62
|
-
|
|
63
|
-
|
|
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
|
-
|
|
68
|
+
j.displayName = "Link";
|
|
69
69
|
export {
|
|
70
|
-
|
|
70
|
+
j as Link
|
|
71
71
|
};
|