@cupra/ui-react 1.0.0-canary.12 → 1.0.0-canary.13
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/index.js +3309 -112
- package/package.json +2 -2
- package/dist/components/Accordion/Accordion.js +0 -8
- package/dist/components/Avatar/Avatar.js +0 -11
- package/dist/components/Bullets/Bullets.js +0 -6
- package/dist/components/Button/Button.js +0 -20
- package/dist/components/CarouselIndicator/CarouselIndicator.js +0 -9
- package/dist/components/Checkbox/Checkbox.js +0 -11
- package/dist/components/Chip/Chip.js +0 -9
- package/dist/components/Chips/Chips.js +0 -13
- package/dist/components/Currency/Currency.js +0 -9
- package/dist/components/Dialog/Dialog.js +0 -15
- package/dist/components/DialogBody/DialogBody.js +0 -9
- package/dist/components/DialogFooter/DialogFooter.js +0 -9
- package/dist/components/DialogHeader/DialogHeader.js +0 -9
- package/dist/components/Divider/Divider.js +0 -8
- package/dist/components/Hyperlink/Hyperlink.js +0 -11
- package/dist/components/Icon/Icon.js +0 -9
- package/dist/components/IconButton/IconButton.js +0 -19
- package/dist/components/Input/Input.js +0 -14
- package/dist/components/InteractiveCard/InteractiveCard.js +0 -26
- package/dist/components/LinkButton/LinkButton.js +0 -11
- package/dist/components/Loader/Loader.js +0 -24
- package/dist/components/Logo/Logo.js +0 -9
- package/dist/components/MapPin/MapPin.js +0 -11
- package/dist/components/Modal/Modal.js +0 -49
- package/dist/components/PasswordInput/PasswordInput.js +0 -39
- package/dist/components/PickerItem/PickerItem.js +0 -21
- package/dist/components/Radio/Radio.js +0 -14
- package/dist/components/RadioButton/RadioButton.js +0 -10
- package/dist/components/RadioButtonGroup/RadioButtonGroup.js +0 -10
- package/dist/components/Search/Search.js +0 -8
- package/dist/components/SearchInput/SearchInput.js +0 -46
- package/dist/components/SecondaryNavigation/SecondaryNavigation.js +0 -16
- package/dist/components/SegmentedControl/SegmentedControl.js +0 -11
- package/dist/components/Select/Select.js +0 -6
- package/dist/components/Selection/Selection.js +0 -9
- package/dist/components/SidebarNavigation/SidebarNavigation.js +0 -15
- package/dist/components/Slider/Slider.js +0 -16
- package/dist/components/StaticBox/StaticBox.js +0 -20
- package/dist/components/Stepper/Stepper.js +0 -6
- package/dist/components/Tabs/Tabs.js +0 -19
- package/dist/components/Tag/Tag.js +0 -11
- package/dist/components/Text/Text.js +0 -9
- package/dist/components/TextInput/TextInput.js +0 -44
- package/dist/components/Textarea/Textarea.js +0 -57
- package/dist/components/ThemeProvider/ThemeProvider.js +0 -6
- package/dist/components/Toast/Toast.js +0 -16
- package/dist/components/ToastMessage/ToastMessage.js +0 -13
- package/dist/components/ToggleButton/ToggleButton.js +0 -11
- package/dist/components/ToggleSwitch/ToggleSwitch.js +0 -22
- package/dist/components/Tooltip/Tooltip.js +0 -24
- package/dist/hooks/useBreakpoint.js +0 -42
- package/dist/hooks/useEventListeners.js +0 -26
- package/dist/hooks/useHandleEvent.js +0 -25
- package/dist/hooks/useResizeObserver/useResizeObserver.js +0 -14
- package/dist/node_modules/.pnpm/@emotion_is-prop-valid@1.2.2/node_modules/@emotion/is-prop-valid/dist/emotion-is-prop-valid.esm.js +0 -10
- package/dist/node_modules/.pnpm/@emotion_memoize@0.8.1/node_modules/@emotion/memoize/dist/emotion-memoize.esm.js +0 -9
- package/dist/node_modules/.pnpm/@emotion_unitless@0.8.1/node_modules/@emotion/unitless/dist/emotion-unitless.esm.js +0 -52
- package/dist/node_modules/.pnpm/styled-components@6.1.19_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/styled-components/dist/styled-components.browser.esm.js +0 -572
- package/dist/node_modules/.pnpm/stylis@4.3.2/node_modules/stylis/src/Enum.js +0 -12
- package/dist/node_modules/.pnpm/stylis@4.3.2/node_modules/stylis/src/Middleware.js +0 -49
- package/dist/node_modules/.pnpm/stylis@4.3.2/node_modules/stylis/src/Parser.js +0 -131
- package/dist/node_modules/.pnpm/stylis@4.3.2/node_modules/stylis/src/Prefixer.js +0 -187
- package/dist/node_modules/.pnpm/stylis@4.3.2/node_modules/stylis/src/Serializer.js +0 -27
- package/dist/node_modules/.pnpm/stylis@4.3.2/node_modules/stylis/src/Tokenizer.js +0 -147
- package/dist/node_modules/.pnpm/stylis@4.3.2/node_modules/stylis/src/Utility.js +0 -56
- package/dist/node_modules/.pnpm/tslib@2.6.2/node_modules/tslib/tslib.es6.js +0 -18
- package/dist/packages/ui-kit/dist-react/index.js +0 -9226
- package/dist/packages/ui-kit/dist-react/utils/breakpoints.js +0 -11
- package/dist/packages/ui-kit/dist-react/utils/debounce.js +0 -11
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cupra/ui-react",
|
|
3
|
-
"version": "1.0.0-canary.
|
|
3
|
+
"version": "1.0.0-canary.13",
|
|
4
4
|
"description": "React components library",
|
|
5
5
|
"author": "SEAT S.A.",
|
|
6
6
|
"license": "SEAT S.A. Library EULA 1.0",
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"styled-components": "^6.1.16",
|
|
39
|
-
"@cupra/ui-kit": "1.0.0-canary.
|
|
39
|
+
"@cupra/ui-kit": "1.0.0-canary.9"
|
|
40
40
|
},
|
|
41
41
|
"devDependencies": {
|
|
42
42
|
"@storybook/addon-docs": "^8.6.14",
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import "../../packages/ui-kit/dist-react/index.js";
|
|
3
|
-
const n = ({ children: t, ...r }) => /* @__PURE__ */ o("ds-accordion-react", { ...r, children: t }), e = ({ children: t }) => /* @__PURE__ */ o("div", { slot: "title", children: t }), c = ({ children: t }) => /* @__PURE__ */ o("div", { slot: "content", children: t });
|
|
4
|
-
n.Title = e;
|
|
5
|
-
n.Content = c;
|
|
6
|
-
export {
|
|
7
|
-
n as Accordion
|
|
8
|
-
};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { jsx as s } from "react/jsx-runtime";
|
|
2
|
-
import { isValidElement as i, cloneElement as m } from "react";
|
|
3
|
-
import { useHandleEvent as c } from "../../hooks/useHandleEvent.js";
|
|
4
|
-
import "../../packages/ui-kit/dist-react/index.js";
|
|
5
|
-
function v(t) {
|
|
6
|
-
const { className: e, onClick: r, image: o, ...a } = t, { ref: l } = c({ click: r }), n = o && i(o) ? m(o, { slot: "media", ...o.props }) : null;
|
|
7
|
-
return /* @__PURE__ */ s("ds-avatar-react", { ref: l, class: e, ...a, children: n });
|
|
8
|
-
}
|
|
9
|
-
export {
|
|
10
|
-
v as Avatar
|
|
11
|
-
};
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { jsx as c } from "react/jsx-runtime";
|
|
2
|
-
import "react";
|
|
3
|
-
import { useHandleEvent as m } from "../../hooks/useHandleEvent.js";
|
|
4
|
-
import "../../packages/ui-kit/dist-react/index.js";
|
|
5
|
-
function u(o) {
|
|
6
|
-
const { className: r, children: s, onClick: e, size: t, ...i } = o, { ref: n } = m({ click: e });
|
|
7
|
-
return /* @__PURE__ */ c(
|
|
8
|
-
"ds-button-react",
|
|
9
|
-
{
|
|
10
|
-
ref: n,
|
|
11
|
-
size: typeof t == "string" ? t : JSON.stringify(t),
|
|
12
|
-
class: r,
|
|
13
|
-
...i,
|
|
14
|
-
children: s
|
|
15
|
-
}
|
|
16
|
-
);
|
|
17
|
-
}
|
|
18
|
-
export {
|
|
19
|
-
u as Button
|
|
20
|
-
};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { jsx as t } from "react/jsx-runtime";
|
|
2
|
-
import "../../packages/ui-kit/dist-react/index.js";
|
|
3
|
-
function i(r) {
|
|
4
|
-
const { className: o, children: c, ...s } = r;
|
|
5
|
-
return /* @__PURE__ */ t("ds-carousel-indicator-react", { class: o, ...s });
|
|
6
|
-
}
|
|
7
|
-
export {
|
|
8
|
-
i as CarouselIndicator
|
|
9
|
-
};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { jsx as c } from "react/jsx-runtime";
|
|
2
|
-
import "react";
|
|
3
|
-
import { useHandleEvent as n } from "../../hooks/useHandleEvent.js";
|
|
4
|
-
import "../../packages/ui-kit/dist-react/index.js";
|
|
5
|
-
function s({ onChange: o, children: r, ...e }) {
|
|
6
|
-
const { ref: t } = n({ change: o });
|
|
7
|
-
return /* @__PURE__ */ c("ds-checkbox-react", { ref: t, ...e, children: r });
|
|
8
|
-
}
|
|
9
|
-
export {
|
|
10
|
-
s as Checkbox
|
|
11
|
-
};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { jsx as c } from "react/jsx-runtime";
|
|
2
|
-
import "../../packages/ui-kit/dist-react/index.js";
|
|
3
|
-
function p(r) {
|
|
4
|
-
const { className: o, children: s, ...t } = r;
|
|
5
|
-
return /* @__PURE__ */ c("ds-chip-react", { class: o, ...t, children: s });
|
|
6
|
-
}
|
|
7
|
-
export {
|
|
8
|
-
p as Chip
|
|
9
|
-
};
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { jsx as c } from "react/jsx-runtime";
|
|
2
|
-
import "../../packages/ui-kit/dist-react/index.js";
|
|
3
|
-
import "react";
|
|
4
|
-
import { useHandleEvent as i } from "../../hooks/useHandleEvent.js";
|
|
5
|
-
function d(r) {
|
|
6
|
-
const { className: s, children: o, onChange: e, ...t } = r, { ref: n } = i({
|
|
7
|
-
"ds-chips:change": e
|
|
8
|
-
});
|
|
9
|
-
return /* @__PURE__ */ c("ds-chips-react", { ref: n, class: s, ...t, children: o });
|
|
10
|
-
}
|
|
11
|
-
export {
|
|
12
|
-
d as Chips
|
|
13
|
-
};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { jsx as t } from "react/jsx-runtime";
|
|
2
|
-
import "../../packages/ui-kit/dist-react/index.js";
|
|
3
|
-
import "react";
|
|
4
|
-
import { useHandleEvent as c } from "../../hooks/useHandleEvent.js";
|
|
5
|
-
function u(e) {
|
|
6
|
-
const { className: n, children: l, onClose: s, withPortal: i, ...o } = e, { ref: a } = c({
|
|
7
|
-
"ds-dialog:close": s
|
|
8
|
-
});
|
|
9
|
-
if (!o.open) return null;
|
|
10
|
-
const r = /* @__PURE__ */ t("ds-dialog-react", { ref: a, class: n, ...o, children: l });
|
|
11
|
-
return i ? /* @__PURE__ */ t("ds-portal-react", { style: { display: "none" }, children: r }) : r;
|
|
12
|
-
}
|
|
13
|
-
export {
|
|
14
|
-
u as Dialog
|
|
15
|
-
};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { jsx as a } from "react/jsx-runtime";
|
|
2
|
-
import "../../packages/ui-kit/dist-react/index.js";
|
|
3
|
-
function i(o) {
|
|
4
|
-
const { className: r, children: s, ...t } = o;
|
|
5
|
-
return /* @__PURE__ */ a("ds-dialog-body-react", { class: r, ...t, children: s });
|
|
6
|
-
}
|
|
7
|
-
export {
|
|
8
|
-
i as DialogBody
|
|
9
|
-
};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { jsx as s } from "react/jsx-runtime";
|
|
2
|
-
import "../../packages/ui-kit/dist-react/index.js";
|
|
3
|
-
function i(o) {
|
|
4
|
-
const { className: r, children: t, ...e } = o;
|
|
5
|
-
return /* @__PURE__ */ s("ds-dialog-footer-react", { class: r, ...e, children: t });
|
|
6
|
-
}
|
|
7
|
-
export {
|
|
8
|
-
i as DialogFooter
|
|
9
|
-
};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { jsx as s } from "react/jsx-runtime";
|
|
2
|
-
import "../../packages/ui-kit/dist-react/index.js";
|
|
3
|
-
function i(r) {
|
|
4
|
-
const { className: e, children: o, ...a } = r;
|
|
5
|
-
return /* @__PURE__ */ s("ds-dialog-header-react", { class: e, ...a, children: o });
|
|
6
|
-
}
|
|
7
|
-
export {
|
|
8
|
-
i as DialogHeader
|
|
9
|
-
};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { jsx as i } from "react/jsx-runtime";
|
|
2
|
-
import "../../packages/ui-kit/dist-react/index.js";
|
|
3
|
-
import "react";
|
|
4
|
-
import { useHandleEvent as n } from "../../hooks/useHandleEvent.js";
|
|
5
|
-
function l({ children: r, onClick: t, ...e }) {
|
|
6
|
-
const { ref: o } = n({ click: t });
|
|
7
|
-
return /* @__PURE__ */ i("ds-hyperlink-react", { ref: o, ...e, children: r });
|
|
8
|
-
}
|
|
9
|
-
export {
|
|
10
|
-
l as Hyperlink
|
|
11
|
-
};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import "../../packages/ui-kit/dist-react/index.js";
|
|
3
|
-
function a(o) {
|
|
4
|
-
const { "icon-name": n, className: c, ...r } = o;
|
|
5
|
-
return /* @__PURE__ */ e("ds-icon-react", { "icon-name": n, class: c, ...r });
|
|
6
|
-
}
|
|
7
|
-
export {
|
|
8
|
-
a as Icon
|
|
9
|
-
};
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import "../../packages/ui-kit/dist-react/index.js";
|
|
3
|
-
import "react";
|
|
4
|
-
import { useHandleEvent as c } from "../../hooks/useHandleEvent.js";
|
|
5
|
-
function l(o) {
|
|
6
|
-
const { className: r, onClick: n, size: t, ...s } = o, { ref: i } = c({ click: n });
|
|
7
|
-
return /* @__PURE__ */ e(
|
|
8
|
-
"ds-icon-button-react",
|
|
9
|
-
{
|
|
10
|
-
ref: i,
|
|
11
|
-
size: typeof t == "string" ? t : JSON.stringify(t),
|
|
12
|
-
class: r,
|
|
13
|
-
...s
|
|
14
|
-
}
|
|
15
|
-
);
|
|
16
|
-
}
|
|
17
|
-
export {
|
|
18
|
-
l as IconButton
|
|
19
|
-
};
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { jsx as m } from "react/jsx-runtime";
|
|
2
|
-
import "../../packages/ui-kit/dist-react/index.js";
|
|
3
|
-
import { useHandleEvent as s } from "../../hooks/useHandleEvent.js";
|
|
4
|
-
import { forwardRef as i, useImperativeHandle as u } from "react";
|
|
5
|
-
const c = i(
|
|
6
|
-
({ className: e, onInput: t, onKeyDown: n, onChange: o, ...p }, a) => {
|
|
7
|
-
const { ref: r } = s({ input: t, keydown: n, change: o });
|
|
8
|
-
return u(a, () => r.current, []), /* @__PURE__ */ m("ds-input-react", { ref: r, class: e, ...p });
|
|
9
|
-
}
|
|
10
|
-
);
|
|
11
|
-
c.displayName = "Input";
|
|
12
|
-
export {
|
|
13
|
-
c as Input
|
|
14
|
-
};
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import "react";
|
|
3
|
-
import { useHandleEvent as p } from "../../hooks/useHandleEvent.js";
|
|
4
|
-
import "../../packages/ui-kit/dist-react/index.js";
|
|
5
|
-
function e(t) {
|
|
6
|
-
const { className: d, children: v, onClick: m, ...C } = t, { ref: u } = p({ click: m });
|
|
7
|
-
return /* @__PURE__ */ r("ds-interactive-card-react", { ref: u, class: d, ...C, children: v });
|
|
8
|
-
}
|
|
9
|
-
const a = ({ children: t }) => /* @__PURE__ */ r("div", { slot: "title", children: t }), i = ({ children: t }) => /* @__PURE__ */ r("div", { slot: "subtitle", children: t }), n = ({ children: t }) => /* @__PURE__ */ r("div", { slot: "meta", children: t }), o = ({ children: t }) => /* @__PURE__ */ r("div", { slot: "content", children: t }), l = ({ children: t }) => /* @__PURE__ */ r("div", { slot: "cta", children: t }), s = ({ children: t }) => /* @__PURE__ */ r("div", { slot: "error-title", children: t }), c = ({ children: t }) => /* @__PURE__ */ r("div", { slot: "error-text", children: t });
|
|
10
|
-
e.Title = a;
|
|
11
|
-
e.Subtitle = i;
|
|
12
|
-
e.Meta = n;
|
|
13
|
-
e.Content = o;
|
|
14
|
-
e.Cta = l;
|
|
15
|
-
e.ErrorTitle = s;
|
|
16
|
-
e.ErrorText = c;
|
|
17
|
-
a.displayName = "InteractiveCard.Title";
|
|
18
|
-
i.displayName = "InteractiveCard.Subtitle";
|
|
19
|
-
n.displayName = "InteractiveCard.Meta";
|
|
20
|
-
o.displayName = "InteractiveCard.Content";
|
|
21
|
-
l.displayName = "InteractiveCard.Cta";
|
|
22
|
-
s.displayName = "InteractiveCard.ErrorTitle";
|
|
23
|
-
c.displayName = "InteractiveCard.ErrorText";
|
|
24
|
-
export {
|
|
25
|
-
e as InteractiveCard
|
|
26
|
-
};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { jsx as i } from "react/jsx-runtime";
|
|
2
|
-
import "../../packages/ui-kit/dist-react/index.js";
|
|
3
|
-
import "react";
|
|
4
|
-
import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
|
|
5
|
-
function f({ children: t, onClick: o, ...r }) {
|
|
6
|
-
const { ref: n } = e({ click: o });
|
|
7
|
-
return /* @__PURE__ */ i("ds-link-button-react", { ref: n, ...r, children: t });
|
|
8
|
-
}
|
|
9
|
-
export {
|
|
10
|
-
f as LinkButton
|
|
11
|
-
};
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import "../../packages/ui-kit/dist-react/index.js";
|
|
3
|
-
function o(r) {
|
|
4
|
-
return /* @__PURE__ */ e("ds-loader-logo-react", { ...r });
|
|
5
|
-
}
|
|
6
|
-
function t(r) {
|
|
7
|
-
return /* @__PURE__ */ e("ds-loader-bar-react", { ...r });
|
|
8
|
-
}
|
|
9
|
-
function n(r) {
|
|
10
|
-
return /* @__PURE__ */ e("ds-loader-dots-react", { ...r });
|
|
11
|
-
}
|
|
12
|
-
function d(r) {
|
|
13
|
-
return /* @__PURE__ */ e("ds-loader-spinner-react", { ...r, children: r.text && /* @__PURE__ */ e("div", { slot: "text", children: r.text }) });
|
|
14
|
-
}
|
|
15
|
-
const c = {
|
|
16
|
-
Logo: o,
|
|
17
|
-
Bar: t,
|
|
18
|
-
Dots: n,
|
|
19
|
-
Spinner: d
|
|
20
|
-
};
|
|
21
|
-
export {
|
|
22
|
-
c as Loader,
|
|
23
|
-
o as LoaderLogo
|
|
24
|
-
};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import "react";
|
|
3
|
-
import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
|
|
4
|
-
import "../../packages/ui-kit/dist-react/index.js";
|
|
5
|
-
function c({ onChange: r, ...t }) {
|
|
6
|
-
const { ref: n } = e({ change: r });
|
|
7
|
-
return /* @__PURE__ */ o("ds-map-pin-react", { ref: n, ...t });
|
|
8
|
-
}
|
|
9
|
-
export {
|
|
10
|
-
c as MapPin
|
|
11
|
-
};
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import { jsx as n } from "react/jsx-runtime";
|
|
2
|
-
import "react";
|
|
3
|
-
import { useHandleEvent as f } from "../../hooks/useHandleEvent.js";
|
|
4
|
-
import p from "../../node_modules/.pnpm/styled-components@6.1.19_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/styled-components/dist/styled-components.browser.esm.js";
|
|
5
|
-
import "../../packages/ui-kit/dist-react/index.js";
|
|
6
|
-
function e() {
|
|
7
|
-
}
|
|
8
|
-
const C = p.div`
|
|
9
|
-
margin: 0;
|
|
10
|
-
width: 100%;
|
|
11
|
-
height: 100%;
|
|
12
|
-
position: absolute;
|
|
13
|
-
top: 50%;
|
|
14
|
-
left: 50%;
|
|
15
|
-
transform: translate(-50%, -50%);
|
|
16
|
-
`;
|
|
17
|
-
function l(t) {
|
|
18
|
-
const {
|
|
19
|
-
children: o,
|
|
20
|
-
onClickCloseButton: i = e,
|
|
21
|
-
onClickConfirmButton: s = e,
|
|
22
|
-
onClickCancelButton: u = e,
|
|
23
|
-
className: a,
|
|
24
|
-
withPortal: m,
|
|
25
|
-
...r
|
|
26
|
-
} = t, { ref: d } = f({
|
|
27
|
-
"click-close-button": i,
|
|
28
|
-
"click-confirm-button": s,
|
|
29
|
-
"click-cancel-button": u
|
|
30
|
-
});
|
|
31
|
-
if (!r.open) return null;
|
|
32
|
-
const c = /* @__PURE__ */ n("ds-modal-react", { ref: d, class: a, ...r, children: o });
|
|
33
|
-
return m ? /* @__PURE__ */ n("ds-portal-react", { style: { display: "none" }, children: c }) : c;
|
|
34
|
-
}
|
|
35
|
-
function h({ children: t }) {
|
|
36
|
-
return /* @__PURE__ */ n("div", { slot: "title", children: t });
|
|
37
|
-
}
|
|
38
|
-
function k({ className: t = "", children: o }) {
|
|
39
|
-
return /* @__PURE__ */ n("div", { slot: "content", className: `ds-scroll ${t}`.trim(), children: o });
|
|
40
|
-
}
|
|
41
|
-
function b({ children: t }) {
|
|
42
|
-
return /* @__PURE__ */ n(C, { slot: "content", children: t });
|
|
43
|
-
}
|
|
44
|
-
l.Title = h;
|
|
45
|
-
l.Content = k;
|
|
46
|
-
l.FullScreenContent = b;
|
|
47
|
-
export {
|
|
48
|
-
l as Modal
|
|
49
|
-
};
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import { jsxs as x, jsx as i } from "react/jsx-runtime";
|
|
2
|
-
import "../../packages/ui-kit/dist-react/index.js";
|
|
3
|
-
import "react";
|
|
4
|
-
import { useHandleEvent as b } from "../../hooks/useHandleEvent.js";
|
|
5
|
-
function H(l) {
|
|
6
|
-
const {
|
|
7
|
-
className: d,
|
|
8
|
-
children: w,
|
|
9
|
-
onChange: c,
|
|
10
|
-
onInput: u,
|
|
11
|
-
inputId: e,
|
|
12
|
-
placeHolder: n,
|
|
13
|
-
value: r,
|
|
14
|
-
label: h,
|
|
15
|
-
required: t,
|
|
16
|
-
disabled: o,
|
|
17
|
-
pattern: s,
|
|
18
|
-
maxLength: p,
|
|
19
|
-
minLength: a,
|
|
20
|
-
...m
|
|
21
|
-
} = l, { ref: f } = b({ change: c, input: u }), g = {
|
|
22
|
-
type: "password",
|
|
23
|
-
...!!e && { id: e },
|
|
24
|
-
...!!n && { placeholder: n },
|
|
25
|
-
...!!r && { value: r },
|
|
26
|
-
...!!t && { required: t },
|
|
27
|
-
...!!o && { disabled: o },
|
|
28
|
-
...!!a && { minLength: a },
|
|
29
|
-
...!!p && { maxLength: p },
|
|
30
|
-
...!!s && { pattern: s }
|
|
31
|
-
};
|
|
32
|
-
return /* @__PURE__ */ x("ds-password-input-react", { ref: f, class: d, ...m, children: [
|
|
33
|
-
/* @__PURE__ */ i("label", { htmlFor: e, children: h }),
|
|
34
|
-
/* @__PURE__ */ i("input", { ...g })
|
|
35
|
-
] });
|
|
36
|
-
}
|
|
37
|
-
export {
|
|
38
|
-
H as PasswordInput
|
|
39
|
-
};
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { jsx as n } from "react/jsx-runtime";
|
|
2
|
-
import "../../packages/ui-kit/dist-react/index.js";
|
|
3
|
-
import { useHandleEvent as m } from "../../hooks/useHandleEvent.js";
|
|
4
|
-
function a(r) {
|
|
5
|
-
const { className: i, children: t, onClick: s, size: e, ...c } = r, { ref: o } = m({
|
|
6
|
-
"ds-picker-item:click": s
|
|
7
|
-
});
|
|
8
|
-
return /* @__PURE__ */ n(
|
|
9
|
-
"ds-picker-item-react",
|
|
10
|
-
{
|
|
11
|
-
ref: o,
|
|
12
|
-
size: typeof e == "string" ? e : JSON.stringify(e),
|
|
13
|
-
class: i,
|
|
14
|
-
...c,
|
|
15
|
-
children: t
|
|
16
|
-
}
|
|
17
|
-
);
|
|
18
|
-
}
|
|
19
|
-
export {
|
|
20
|
-
a as PickerItem
|
|
21
|
-
};
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { jsx as s } from "react/jsx-runtime";
|
|
2
|
-
import "react";
|
|
3
|
-
import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
|
|
4
|
-
import "../../packages/ui-kit/dist-react/index.js";
|
|
5
|
-
const c = ({ children: o, onChange: r, className: t, ...a }) => {
|
|
6
|
-
const { ref: n } = e({ change: r });
|
|
7
|
-
return /* @__PURE__ */ s("ds-radio-group-react", { ref: n, class: t, ...a, children: o });
|
|
8
|
-
}, i = ({ children: o, className: r, ...t }) => /* @__PURE__ */ s("ds-radio-react", { class: r, ...t, children: o }), f = {
|
|
9
|
-
Group: c,
|
|
10
|
-
Button: i
|
|
11
|
-
};
|
|
12
|
-
export {
|
|
13
|
-
f as Radio
|
|
14
|
-
};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { jsx as a } from "react/jsx-runtime";
|
|
2
|
-
import "../../packages/ui-kit/dist-react/index.js";
|
|
3
|
-
import { useHandleEvent as c } from "../../hooks/useHandleEvent.js";
|
|
4
|
-
function p(o) {
|
|
5
|
-
const { className: t, children: r, onChange: n, ...e } = o, { ref: s } = c({ change: n });
|
|
6
|
-
return /* @__PURE__ */ a("ds-radio-button-react", { ref: s, class: t, ...e, children: r });
|
|
7
|
-
}
|
|
8
|
-
export {
|
|
9
|
-
p as RadioButton
|
|
10
|
-
};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { jsx as a } from "react/jsx-runtime";
|
|
2
|
-
import "../../packages/ui-kit/dist-react/index.js";
|
|
3
|
-
import { useHandleEvent as c } from "../../hooks/useHandleEvent.js";
|
|
4
|
-
function m(o) {
|
|
5
|
-
const { className: r, children: t, onChange: n, ...e } = o, { ref: s } = c({ change: n });
|
|
6
|
-
return /* @__PURE__ */ a("ds-radio-button-group-react", { ref: s, class: r, ...e, children: t });
|
|
7
|
-
}
|
|
8
|
-
export {
|
|
9
|
-
m as RadioButtonGroup
|
|
10
|
-
};
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { jsx as s } from "react/jsx-runtime";
|
|
2
|
-
import { forwardRef as t } from "react";
|
|
3
|
-
import "../../packages/ui-kit/dist-react/index.js";
|
|
4
|
-
const c = t(({ onInput: r, className: a, ...e }, o) => /* @__PURE__ */ s("ds-search-react", { ref: o, class: a, onInput: r, ...e }));
|
|
5
|
-
c.displayName = "Search";
|
|
6
|
-
export {
|
|
7
|
-
c as Search
|
|
8
|
-
};
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import { jsx as t } from "react/jsx-runtime";
|
|
2
|
-
import "../../packages/ui-kit/dist-react/index.js";
|
|
3
|
-
import "react";
|
|
4
|
-
import { useHandleEvent as g } from "../../hooks/useHandleEvent.js";
|
|
5
|
-
function H(e) {
|
|
6
|
-
const {
|
|
7
|
-
className: n,
|
|
8
|
-
children: x,
|
|
9
|
-
onChange: r,
|
|
10
|
-
onInput: o,
|
|
11
|
-
onClickPositionButton: i,
|
|
12
|
-
placeHolder: a,
|
|
13
|
-
type: P,
|
|
14
|
-
value: p,
|
|
15
|
-
label: c,
|
|
16
|
-
required: l,
|
|
17
|
-
disabled: s,
|
|
18
|
-
pattern: u,
|
|
19
|
-
maxLength: h,
|
|
20
|
-
minLength: d,
|
|
21
|
-
inputProps: m,
|
|
22
|
-
...b
|
|
23
|
-
} = e, { ref: f } = g({
|
|
24
|
-
change: r,
|
|
25
|
-
input: o,
|
|
26
|
-
"ds-search-input:click-position-button": i
|
|
27
|
-
});
|
|
28
|
-
return /* @__PURE__ */ t("ds-search-input-react", { ref: f, class: n, ...b, children: /* @__PURE__ */ t(
|
|
29
|
-
"input",
|
|
30
|
-
{
|
|
31
|
-
type: "text",
|
|
32
|
-
"aria-label": c,
|
|
33
|
-
placeholder: a,
|
|
34
|
-
value: p,
|
|
35
|
-
required: l,
|
|
36
|
-
disabled: s,
|
|
37
|
-
minLength: d,
|
|
38
|
-
maxLength: h,
|
|
39
|
-
pattern: u,
|
|
40
|
-
...m
|
|
41
|
-
}
|
|
42
|
-
) });
|
|
43
|
-
}
|
|
44
|
-
export {
|
|
45
|
-
H as SearchInput
|
|
46
|
-
};
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import "../../packages/ui-kit/dist-react/index.js";
|
|
3
|
-
import "react";
|
|
4
|
-
import { useHandleEvent as a } from "../../hooks/useHandleEvent.js";
|
|
5
|
-
function n(t) {
|
|
6
|
-
const { className: s, children: e, onSelect: r, ...i } = t, { ref: c } = a({
|
|
7
|
-
"ds-secondary-navigation:select": r
|
|
8
|
-
});
|
|
9
|
-
return /* @__PURE__ */ o("ds-secondary-navigation-react", { ref: c, class: s, ...i, children: e });
|
|
10
|
-
}
|
|
11
|
-
const m = ({ children: t }) => /* @__PURE__ */ o("div", { slot: "items", children: t }), d = ({ children: t }) => /* @__PURE__ */ o("div", { slot: "actions", children: t });
|
|
12
|
-
n.Items = m;
|
|
13
|
-
n.Actions = d;
|
|
14
|
-
export {
|
|
15
|
-
n as SecondaryNavigation
|
|
16
|
-
};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { jsx as c } from "react/jsx-runtime";
|
|
2
|
-
import "../../packages/ui-kit/dist-react/index.js";
|
|
3
|
-
import "react";
|
|
4
|
-
import { useHandleEvent as m } from "../../hooks/useHandleEvent.js";
|
|
5
|
-
function d(e) {
|
|
6
|
-
const { onChange: o, className: r, children: t, ...n } = e, { ref: s } = m({ change: o });
|
|
7
|
-
return /* @__PURE__ */ c("ds-segmented-control-react", { ref: s, class: r, ...n, children: t });
|
|
8
|
-
}
|
|
9
|
-
export {
|
|
10
|
-
d as SegmentedControl
|
|
11
|
-
};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { jsx as t } from "react/jsx-runtime";
|
|
2
|
-
import "../../packages/ui-kit/dist-react/index.js";
|
|
3
|
-
function i(e) {
|
|
4
|
-
const { className: o, children: s, ...r } = e;
|
|
5
|
-
return /* @__PURE__ */ t("ds-selection-react", { class: o, ...r });
|
|
6
|
-
}
|
|
7
|
-
export {
|
|
8
|
-
i as Selection
|
|
9
|
-
};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import "../../packages/ui-kit/dist-react/index.js";
|
|
3
|
-
function s(t) {
|
|
4
|
-
const { className: i, children: r, ...n } = t;
|
|
5
|
-
return /* @__PURE__ */ e("ds-sidebar-navigation-react", { class: i, ...n, children: r });
|
|
6
|
-
}
|
|
7
|
-
const o = ({ children: t }) => /* @__PURE__ */ e("div", { slot: "aside-text", children: t }), a = ({ children: t }) => /* @__PURE__ */ e("div", { slot: "aside-icon", children: t }), d = ({ children: t }) => /* @__PURE__ */ e("div", { slot: "aside-helper-text", children: t }), c = ({ children: t }) => /* @__PURE__ */ e("div", { slot: "main-cta", children: t }), l = ({ children: t }) => /* @__PURE__ */ e("div", { slot: "ctas", children: t });
|
|
8
|
-
s.AsideText = o;
|
|
9
|
-
s.AsideIcon = a;
|
|
10
|
-
s.AsideHelperText = d;
|
|
11
|
-
s.MainCta = c;
|
|
12
|
-
s.Ctas = l;
|
|
13
|
-
export {
|
|
14
|
-
s as SidebarNavigation
|
|
15
|
-
};
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { jsx as t } from "react/jsx-runtime";
|
|
2
|
-
import "../../packages/ui-kit/dist-react/index.js";
|
|
3
|
-
function l(s) {
|
|
4
|
-
const { className: e, children: o, size: r, ...i } = s;
|
|
5
|
-
return /* @__PURE__ */ t(
|
|
6
|
-
"ds-slider-react",
|
|
7
|
-
{
|
|
8
|
-
size: typeof r == "string" ? r : JSON.stringify(r),
|
|
9
|
-
class: e,
|
|
10
|
-
...i
|
|
11
|
-
}
|
|
12
|
-
);
|
|
13
|
-
}
|
|
14
|
-
export {
|
|
15
|
-
l as Slider
|
|
16
|
-
};
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { jsx as n } from "react/jsx-runtime";
|
|
2
|
-
import "react";
|
|
3
|
-
import { useHandleEvent as c } from "../../hooks/useHandleEvent.js";
|
|
4
|
-
import "../../packages/ui-kit/dist-react/index.js";
|
|
5
|
-
function l(r) {
|
|
6
|
-
const { className: o, children: s, size: t, ...e } = r, { ref: i } = c({});
|
|
7
|
-
return /* @__PURE__ */ n(
|
|
8
|
-
"ds-static-box-react",
|
|
9
|
-
{
|
|
10
|
-
ref: i,
|
|
11
|
-
size: typeof t == "string" ? t : JSON.stringify(t),
|
|
12
|
-
class: o,
|
|
13
|
-
...e,
|
|
14
|
-
children: s
|
|
15
|
-
}
|
|
16
|
-
);
|
|
17
|
-
}
|
|
18
|
-
export {
|
|
19
|
-
l as StaticBox
|
|
20
|
-
};
|