@ultraviolet/ui 3.7.0 → 3.8.0
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/components/Alert/index.d.ts.map +1 -1
- package/dist/components/Alert/index.js +5 -1
- package/dist/components/Alert/styles.css.d.ts +1 -1
- package/dist/components/Avatar/index.d.ts.map +1 -1
- package/dist/components/Avatar/index.js +45 -41
- package/dist/components/Banner/index.d.ts.map +1 -1
- package/dist/components/Banner/index.js +2 -2
- package/dist/components/Banner/styles.css.d.ts +1 -1
- package/dist/components/BarStack/styles.css.js +1 -1
- package/dist/components/Button/index.d.ts +41 -22
- package/dist/components/Button/index.d.ts.map +1 -1
- package/dist/components/Button/index.js +18 -10
- package/dist/components/Checkbox/index.d.ts +1 -1
- package/dist/components/Checkbox/index.d.ts.map +1 -1
- package/dist/components/Checkbox/index.js +44 -38
- package/dist/components/Chip/index.d.ts +1 -1
- package/dist/components/CopyButton/index.d.ts.map +1 -1
- package/dist/components/CopyButton/index.js +2 -1
- package/dist/components/DateInput/components/CalendarContent.d.ts.map +1 -1
- package/dist/components/DateInput/components/CalendarContent.js +2 -1
- package/dist/components/DateInput/helpersLocale.d.ts.map +1 -1
- package/dist/components/DateInput/helpersLocale.js +8 -5
- package/dist/components/DateInput/index.js +1 -1
- package/dist/components/Dialog/constants.d.ts +1 -1
- package/dist/components/Dialog/index.d.ts +20 -5
- package/dist/components/Dialog/index.d.ts.map +1 -1
- package/dist/components/Dialog/index.js +2 -1
- package/dist/components/Drawer/styles.css.d.ts +1 -1
- package/dist/components/EmptyState/index.d.ts.map +1 -1
- package/dist/components/EmptyState/index.js +13 -2
- package/dist/components/EmptyState/styles.css.d.ts +1 -1
- package/dist/components/ExpandableCard/index.d.ts.map +1 -1
- package/dist/components/ExpandableCard/index.js +30 -21
- package/dist/components/FileInput/components/List.d.ts.map +1 -1
- package/dist/components/FileInput/components/List.js +15 -2
- package/dist/components/FileInput/index.d.ts.map +1 -1
- package/dist/components/FileInput/index.js +1 -1
- package/dist/components/GlobalAlert/GlobalAlertLink.d.ts +3 -1
- package/dist/components/GlobalAlert/GlobalAlertLink.d.ts.map +1 -1
- package/dist/components/GlobalAlert/index.d.ts +61 -1
- package/dist/components/GlobalAlert/index.d.ts.map +1 -1
- package/dist/components/GlobalAlert/index.js +1 -1
- package/dist/components/Link/index.d.ts +23 -2
- package/dist/components/Link/index.d.ts.map +1 -1
- package/dist/components/Link/index.js +29 -15
- package/dist/components/List/HeaderCell.d.ts.map +1 -1
- package/dist/components/List/HeaderCell.js +3 -1
- package/dist/components/List/ListContext.d.ts.map +1 -1
- package/dist/components/List/ListContext.js +3 -1
- package/dist/components/List/Row.d.ts.map +1 -1
- package/dist/components/List/Row.js +16 -6
- package/dist/components/List/SkeletonRows.d.ts.map +1 -1
- package/dist/components/List/SkeletonRows.js +0 -1
- package/dist/components/List/styles.css.d.ts +1 -0
- package/dist/components/List/styles.css.d.ts.map +1 -1
- package/dist/components/List/styles.css.js +3 -1
- package/dist/components/List/variables.css.js +1 -1
- package/dist/components/Menu/components/Item.js +1 -1
- package/dist/components/Menu/helpers.d.ts +1 -1
- package/dist/components/Menu/index.d.ts +1 -1
- package/dist/components/Meter/index.d.ts.map +1 -1
- package/dist/components/Meter/index.js +43 -40
- package/dist/components/Modal/ModalContent.js +1 -1
- package/dist/components/Modal/components/Dialog.d.ts.map +1 -1
- package/dist/components/Modal/components/Dialog.js +10 -1
- package/dist/components/Notice/index.js +1 -1
- package/dist/components/Notification/Notification.js +1 -1
- package/dist/components/NumberInput/index.d.ts.map +1 -1
- package/dist/components/NumberInput/index.js +2 -1
- package/dist/components/NumberInput/styles.css.d.ts +1 -1
- package/dist/components/Pagination/PaginationButtons.d.ts.map +1 -1
- package/dist/components/Pagination/PaginationButtons.js +2 -1
- package/dist/components/Pagination/PerPage.d.ts +2 -1
- package/dist/components/Pagination/PerPage.d.ts.map +1 -1
- package/dist/components/Pagination/PerPage.js +3 -1
- package/dist/components/Pagination/index.d.ts +6 -1
- package/dist/components/Pagination/index.d.ts.map +1 -1
- package/dist/components/Pagination/index.js +2 -0
- package/dist/components/Pagination/styles.css.d.ts +2 -2
- package/dist/components/PasswordCheck/index.d.ts.map +1 -1
- package/dist/components/PasswordCheck/index.js +2 -1
- package/dist/components/Popover/index.d.ts.map +1 -1
- package/dist/components/Popover/index.js +1 -1
- package/dist/components/ProgressBar/styles.css.d.ts +1 -1
- package/dist/components/Radio/index.js +22 -22
- package/dist/components/Row/styles.css.d.ts +44 -44
- package/dist/components/SearchInput/index.js +1 -1
- package/dist/components/SelectInput/components/Dropdown.d.ts.map +1 -1
- package/dist/components/SelectInput/components/Dropdown.js +53 -57
- package/dist/components/SelectInput/components/SearchBarDropdown.js +1 -1
- package/dist/components/SelectInput/components/SelectBar.d.ts.map +1 -1
- package/dist/components/SelectInput/components/SelectBar.js +5 -1
- package/dist/components/SelectInput/components/selectBar.css.d.ts +1 -1
- package/dist/components/SelectableCard/IllustrationContainer.d.ts +8 -0
- package/dist/components/SelectableCard/IllustrationContainer.d.ts.map +1 -0
- package/dist/components/SelectableCard/IllustrationContainer.js +66 -0
- package/dist/components/SelectableCard/MultiStateInput.d.ts +3 -0
- package/dist/components/SelectableCard/MultiStateInput.d.ts.map +1 -0
- package/dist/components/SelectableCard/MultiStateInput.js +94 -0
- package/dist/components/SelectableCard/SelectableCard.d.ts +7 -0
- package/dist/components/SelectableCard/SelectableCard.d.ts.map +1 -0
- package/dist/components/SelectableCard/SelectableCard.js +165 -0
- package/dist/components/SelectableCard/index.d.ts +1 -33
- package/dist/components/SelectableCard/index.d.ts.map +1 -1
- package/dist/components/SelectableCard/types.d.ts +32 -0
- package/dist/components/SelectableCard/types.d.ts.map +1 -0
- package/dist/components/SelectableCardGroup/index.js +1 -1
- package/dist/components/SelectableCardOptionGroup/components/Option.js +1 -1
- package/dist/components/Separator/index.d.ts.map +1 -1
- package/dist/components/Separator/index.js +1 -0
- package/dist/components/Skeleton/Donut.d.ts.map +1 -1
- package/dist/components/Skeleton/Donut.js +12 -9
- package/dist/components/Slider/styles.css.d.ts +1 -1
- package/dist/components/Snippet/index.js +1 -1
- package/dist/components/Stack/styles.css.d.ts +46 -46
- package/dist/components/Stepper/Step.js +1 -1
- package/dist/components/Stepper/styles.css.d.ts +1 -1
- package/dist/components/SwitchButton/Option.js +1 -1
- package/dist/components/SwitchButton/index.d.ts.map +1 -1
- package/dist/components/SwitchButton/index.js +7 -4
- package/dist/components/SwitchButton/styles.css.d.ts +2 -2
- package/dist/components/SwitchButton/styles.css.d.ts.map +1 -1
- package/dist/components/Table/HeaderCell.d.ts.map +1 -1
- package/dist/components/Table/HeaderCell.js +3 -1
- package/dist/components/Table/HeaderRow.d.ts.map +1 -1
- package/dist/components/Table/HeaderRow.js +22 -25
- package/dist/components/Table/Row.d.ts.map +1 -1
- package/dist/components/Table/Row.js +2 -1
- package/dist/components/Table/SkeletonRows.d.ts.map +1 -1
- package/dist/components/Table/SkeletonRows.js +4 -13
- package/dist/components/Tabs/TabMenu.js +1 -1
- package/dist/components/Tabs/index.d.ts +2 -2
- package/dist/components/Tag/index.d.ts.map +1 -1
- package/dist/components/Tag/index.js +2 -1
- package/dist/components/TagInput/index.d.ts.map +1 -1
- package/dist/components/TagInput/index.js +3 -1
- package/dist/components/Text/constants.d.ts +4 -7
- package/dist/components/Text/constants.d.ts.map +1 -1
- package/dist/components/Text/index.d.ts +2 -1
- package/dist/components/Text/index.d.ts.map +1 -1
- package/dist/components/Text/index.js +4 -4
- package/dist/components/Text/style.css.d.ts +6 -6
- package/dist/components/Text/style.css.d.ts.map +1 -1
- package/dist/components/Text/style.css.js +1 -2
- package/dist/components/Text/variables.css.d.ts +4 -2
- package/dist/components/Text/variables.css.d.ts.map +1 -1
- package/dist/components/Text/variables.css.js +3 -4
- package/dist/components/TextArea/index.d.ts.map +1 -1
- package/dist/components/TextArea/index.js +3 -1
- package/dist/components/TextInput/index.d.ts.map +1 -1
- package/dist/components/TextInput/index.js +6 -1
- package/dist/components/TextInput/styles.css.d.ts +1 -1
- package/dist/components/TextInput/styles.css.d.ts.map +1 -1
- package/dist/components/TimeInput/index.d.ts.map +1 -1
- package/dist/components/TimeInput/index.js +2 -1
- package/dist/components/Toaster/components/CloseButton.js +1 -1
- package/dist/components/Toggle/index.d.ts +2 -7
- package/dist/components/Toggle/index.d.ts.map +1 -1
- package/dist/components/Toggle/index.js +13 -1
- package/dist/components/Tooltip/index.d.ts +1 -1
- package/dist/components/UnitInput/index.d.ts.map +1 -1
- package/dist/components/UnitInput/index.js +2 -1
- package/dist/components/UnitInput/styles.css.d.ts +2 -2
- package/dist/components/VerificationCode/styles.css.d.ts +1 -1
- package/dist/components/compositions/OptionSelector/__mock__/resources.d.ts.map +1 -1
- package/dist/components/compositions/OptionSelector/index.js +1 -1
- package/dist/index.js +3 -2
- package/dist/theme/ThemeProvider.d.ts.map +1 -1
- package/dist/theme/ThemeProvider.js +46 -4
- package/dist/theme/index.d.ts +3 -2
- package/dist/theme/index.d.ts.map +1 -1
- package/dist/theme/index.js +1 -2
- package/dist/ui.css +1 -1
- package/package.json +3 -3
- package/dist/components/SelectableCard/index.js +0 -232
|
@@ -15,7 +15,8 @@ var listCheckboxContainer = "uv_inoh54m";
|
|
|
15
15
|
var listNoPaddingCell = "uv_inoh54n";
|
|
16
16
|
var listLoadingRow = "uv_inoh54o";
|
|
17
17
|
var listSkeleton = "uv_inoh54p";
|
|
18
|
-
var
|
|
18
|
+
var listExpandableButton = "uv_inoh54q";
|
|
19
|
+
var listExpandableCell = "uv_inoh54r";
|
|
19
20
|
export {
|
|
20
21
|
list,
|
|
21
22
|
listCell,
|
|
@@ -23,6 +24,7 @@ export {
|
|
|
23
24
|
listCheckboxContainer,
|
|
24
25
|
listCheckboxInRange,
|
|
25
26
|
listContainer,
|
|
27
|
+
listExpandableButton,
|
|
26
28
|
listExpandableCell,
|
|
27
29
|
listExpandableWrapper,
|
|
28
30
|
listHeaderCell,
|
|
@@ -8,7 +8,7 @@ var minWidthCell = "var(--uv_1431nf66)";
|
|
|
8
8
|
var widthChildrenCell = "var(--uv_1431nf67)";
|
|
9
9
|
var maxWidthChildrenCell = "var(--uv_1431nf68)";
|
|
10
10
|
var minWidthChildrenCell = "var(--uv_1431nf69)";
|
|
11
|
-
var listCellPadding = "var(--
|
|
11
|
+
var listCellPadding = "var(--uv_theme_rwwhsl9v)";
|
|
12
12
|
export {
|
|
13
13
|
listCellPadding,
|
|
14
14
|
maxWidthCell,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { ArrowRightIcon } from "@ultraviolet/icons";
|
|
3
|
+
import { ArrowRightIcon } from "@ultraviolet/icons/ArrowRightIcon";
|
|
4
4
|
import { cn } from "@ultraviolet/utils";
|
|
5
5
|
import { forwardRef, useCallback } from "react";
|
|
6
6
|
import { Stack } from "../../Stack/index.js";
|
|
@@ -3,5 +3,5 @@ import type { ReactNode } from 'react';
|
|
|
3
3
|
* Search inside a children (React Element) recursively until a result is found
|
|
4
4
|
*/
|
|
5
5
|
export declare const searchChildren: (children: ReactNode, searchString: string) => ReactNode[];
|
|
6
|
-
export declare const getListItem: (listItems: Element[]) => (
|
|
6
|
+
export declare const getListItem: (listItems: Element[]) => (HTMLAnchorElement | HTMLButtonElement)[];
|
|
7
7
|
//# sourceMappingURL=helpers.d.ts.map
|
|
@@ -71,7 +71,7 @@ export declare const Menu: import("react").ForwardRefExoticComponent<{
|
|
|
71
71
|
children: import("react").ReactNode;
|
|
72
72
|
onClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
|
|
73
73
|
borderless?: boolean;
|
|
74
|
-
sentiment?: "
|
|
74
|
+
sentiment?: "danger" | "neutral" | "primary";
|
|
75
75
|
active?: boolean;
|
|
76
76
|
'data-testid'?: string;
|
|
77
77
|
searchText?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Meter/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAI1C,KAAK,QAAQ,GAAG;IACd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,KAAK,0BAA0B,GAAG;IAChC;;OAEG;IACH,QAAQ,EAAE,QAAQ,EAAE,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,KAAK,GAAI,8EAQnB,0BAA0B,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Meter/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAI1C,KAAK,QAAQ,GAAG;IACd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,KAAK,0BAA0B,GAAG;IAChC;;OAEG;IACH,QAAQ,EAAE,QAAQ,EAAE,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,KAAK,GAAI,8EAQnB,0BAA0B,4CA8C5B,CAAA"}
|
|
@@ -16,48 +16,51 @@ const Meter = ({
|
|
|
16
16
|
const width = `${toValue}%`;
|
|
17
17
|
const backgroundColor = strength[value]?.color ?? strength[0].color;
|
|
18
18
|
const text = strength[value]?.text ?? strength[0].text;
|
|
19
|
-
return
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
"
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
/* @__PURE__ */
|
|
37
|
-
|
|
19
|
+
return (
|
|
20
|
+
// biome-ignore lint/a11y/useSemanticElements: style issue
|
|
21
|
+
/* @__PURE__ */ jsxs(
|
|
22
|
+
"div",
|
|
23
|
+
{
|
|
24
|
+
"aria-labelledby": "meter-label",
|
|
25
|
+
"aria-live": "polite",
|
|
26
|
+
"aria-valuemax": strength.length ?? 0,
|
|
27
|
+
"aria-valuemin": 0,
|
|
28
|
+
"aria-valuenow": value,
|
|
29
|
+
className,
|
|
30
|
+
"data-testid": dataTestId,
|
|
31
|
+
id,
|
|
32
|
+
role: "meter",
|
|
33
|
+
style,
|
|
34
|
+
title,
|
|
35
|
+
children: [
|
|
36
|
+
/* @__PURE__ */ jsxs(Text, { as: "p", id: "meter-label", variant: "bodySmallStrong", children: [
|
|
37
|
+
title,
|
|
38
|
+
/* @__PURE__ */ jsx(
|
|
39
|
+
Text,
|
|
40
|
+
{
|
|
41
|
+
as: "span",
|
|
42
|
+
className: strengthMeter,
|
|
43
|
+
style: assignInlineVars({
|
|
44
|
+
[colorMeter]: strength[value].color
|
|
45
|
+
}),
|
|
46
|
+
variant: "bodySmallStrong",
|
|
47
|
+
children: text
|
|
48
|
+
}
|
|
49
|
+
)
|
|
50
|
+
] }),
|
|
51
|
+
/* @__PURE__ */ jsx("div", { className: wrapperMeter, children: /* @__PURE__ */ jsx(
|
|
52
|
+
"div",
|
|
38
53
|
{
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
}
|
|
44
|
-
variant: "bodySmallStrong",
|
|
45
|
-
children: text
|
|
54
|
+
className: meter,
|
|
55
|
+
style: {
|
|
56
|
+
backgroundColor,
|
|
57
|
+
width
|
|
58
|
+
}
|
|
46
59
|
}
|
|
47
|
-
)
|
|
48
|
-
]
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
{
|
|
52
|
-
className: meter,
|
|
53
|
-
style: {
|
|
54
|
-
backgroundColor,
|
|
55
|
-
width
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
) })
|
|
59
|
-
]
|
|
60
|
-
}
|
|
60
|
+
) })
|
|
61
|
+
]
|
|
62
|
+
}
|
|
63
|
+
)
|
|
61
64
|
);
|
|
62
65
|
};
|
|
63
66
|
export {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx, jsxs, Fragment } from "react/jsx-runtime";
|
|
3
|
-
import { CloseIcon } from "@ultraviolet/icons";
|
|
3
|
+
import { CloseIcon } from "@ultraviolet/icons/CloseIcon";
|
|
4
4
|
import { Button } from "../Button/index.js";
|
|
5
5
|
import { Dialog } from "./components/Dialog.js";
|
|
6
6
|
import { modalContainer } from "./styles.css.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/components/Dialog.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAQ3C,eAAO,MAAM,MAAM,GAAI,iLAepB,WAAW,
|
|
1
|
+
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/components/Dialog.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAQ3C,eAAO,MAAM,MAAM,GAAI,iLAepB,WAAW,gCAiPb,CAAA"}
|
|
@@ -188,7 +188,16 @@ const Dialog = ({
|
|
|
188
188
|
alignItems: "flex-end",
|
|
189
189
|
className: modalImageContainer,
|
|
190
190
|
justifyContent: "center",
|
|
191
|
-
children: /* @__PURE__ */ jsx(
|
|
191
|
+
children: /* @__PURE__ */ jsx(
|
|
192
|
+
"img",
|
|
193
|
+
{
|
|
194
|
+
alt: "illustration",
|
|
195
|
+
className: modalImage,
|
|
196
|
+
height: "auto",
|
|
197
|
+
src: image,
|
|
198
|
+
width: "auto"
|
|
199
|
+
}
|
|
200
|
+
)
|
|
192
201
|
}
|
|
193
202
|
),
|
|
194
203
|
/* @__PURE__ */ jsx(Stack, { className: modalContent, gap: 5, children })
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
3
|
-
import { InformationOutlineIcon } from "@ultraviolet/icons";
|
|
3
|
+
import { InformationOutlineIcon } from "@ultraviolet/icons/InformationOutlineIcon";
|
|
4
4
|
import { cn } from "@ultraviolet/utils";
|
|
5
5
|
import { Text } from "../Text/index.js";
|
|
6
6
|
import { notice } from "./styles.css.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
3
|
-
import { CloseIcon } from "@ultraviolet/icons";
|
|
3
|
+
import { CloseIcon } from "@ultraviolet/icons/CloseIcon";
|
|
4
4
|
import { toast } from "react-toastify";
|
|
5
5
|
import { Button } from "../Button/index.js";
|
|
6
6
|
import { Stack } from "../Stack/index.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NumberInput/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NumberInput/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAgB,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAezE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AASvC,KAAK,KAAK,GAAG,MAAM,OAAO,KAAK,CAAA;AA2C/B;;;GAGG;AACH,eAAO,MAAM,WAAW;WA5Cf,KAAK;IACZ;;OAEG;WACI,MAAM;cACH,MAAM;gBACJ,MAAM;oBACF,MAAM;YACd,MAAM;IACd;;OAEG;uBACgB,SAAS;IAC5B;;OAEG;eACQ,OAAO;YACV,MAAM;cACJ,MAAM,GAAG,OAAO;aACjB,SAAS;YACV,MAAM,GAAG,IAAI;eACV,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI;UACtC,MAAM;UACN,MAAM;+OAsRb,CAAA"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
3
|
-
import { MinusIcon
|
|
3
|
+
import { MinusIcon } from "@ultraviolet/icons/MinusIcon";
|
|
4
|
+
import { PlusIcon } from "@ultraviolet/icons/PlusIcon";
|
|
4
5
|
import { forwardRef, useRef, useImperativeHandle, useId, useMemo, useCallback } from "react";
|
|
5
6
|
import { Button } from "../Button/index.js";
|
|
6
7
|
import { Label } from "../Label/index.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const numberinputSideContainer: Record<"
|
|
1
|
+
export declare const numberinputSideContainer: Record<"small" | "large" | "medium", string>;
|
|
2
2
|
export declare const inputContainer: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
3
3
|
controls: {
|
|
4
4
|
false: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PaginationButtons.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationButtons.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PaginationButtons.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationButtons.tsx"],"names":[],"mappings":"AAWA,KAAK,sBAAsB,GAAG;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,SAAS,EAAE,MAAM,CAAA;IACjB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AAgDD,eAAO,MAAM,iBAAiB,GAAI,uGAS/B,sBAAsB,4CAmExB,CAAA"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsxs, jsx, Fragment } from "react/jsx-runtime";
|
|
3
|
-
import { ArrowLeftIcon
|
|
3
|
+
import { ArrowLeftIcon } from "@ultraviolet/icons/ArrowLeftIcon";
|
|
4
|
+
import { ArrowRightIcon } from "@ultraviolet/icons/ArrowRightIcon";
|
|
4
5
|
import { useCallback, useMemo } from "react";
|
|
5
6
|
import { Button } from "../Button/index.js";
|
|
6
7
|
import { Stack } from "../Stack/index.js";
|
|
@@ -7,7 +7,8 @@ type PerPageProps = {
|
|
|
7
7
|
numberOfItemsText?: string;
|
|
8
8
|
page: number;
|
|
9
9
|
numberOfItems: number;
|
|
10
|
+
portalTarget?: HTMLElement;
|
|
10
11
|
};
|
|
11
|
-
export declare const PerPage: ({ perPage, onChangePerPage, perPageText, setPerPage, numberOfItemsText, page, numberOfItems, }: PerPageProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export declare const PerPage: ({ perPage, onChangePerPage, perPageText, setPerPage, numberOfItemsText, page, numberOfItems, portalTarget, }: PerPageProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
13
|
export {};
|
|
13
14
|
//# sourceMappingURL=PerPage.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PerPage.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PerPage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAwBrD,KAAK,YAAY,GAAG;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAA;IAC5C,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,aAAa,EAAE,MAAM,CAAA;
|
|
1
|
+
{"version":3,"file":"PerPage.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PerPage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAwBrD,KAAK,YAAY,GAAG;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAA;IAC5C,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,aAAa,EAAE,MAAM,CAAA;IACrB,YAAY,CAAC,EAAE,WAAW,CAAA;CAC3B,CAAA;AAED,eAAO,MAAM,OAAO,GAAI,8GASrB,YAAY,4CA6Bd,CAAA"}
|
|
@@ -28,7 +28,8 @@ const PerPage = ({
|
|
|
28
28
|
setPerPage,
|
|
29
29
|
numberOfItemsText,
|
|
30
30
|
page,
|
|
31
|
-
numberOfItems
|
|
31
|
+
numberOfItems,
|
|
32
|
+
portalTarget
|
|
32
33
|
}) => {
|
|
33
34
|
const handleChange = (value) => {
|
|
34
35
|
const intValue = Number.parseInt(value, 10);
|
|
@@ -43,6 +44,7 @@ const PerPage = ({
|
|
|
43
44
|
name: "select-items-per-page",
|
|
44
45
|
onChange: handleChange,
|
|
45
46
|
options: optionsItemsPerPage,
|
|
47
|
+
portalTarget,
|
|
46
48
|
size: "small",
|
|
47
49
|
style: {
|
|
48
50
|
width: "fit-content"
|
|
@@ -44,17 +44,22 @@ type PaginationProps = {
|
|
|
44
44
|
* Number of items in the list
|
|
45
45
|
*/
|
|
46
46
|
numberOfItems: number;
|
|
47
|
+
/**
|
|
48
|
+
* Defines the target element for the perPage dropdown menu
|
|
49
|
+
*/
|
|
50
|
+
perPagePortalTarget?: HTMLElement;
|
|
47
51
|
} | {
|
|
48
52
|
perPage?: never;
|
|
49
53
|
onChangePerPage?: never;
|
|
50
54
|
perPageText?: never;
|
|
51
55
|
numberOfItemsText?: never;
|
|
52
56
|
numberOfItems?: never;
|
|
57
|
+
perPagePortalTarget?: never;
|
|
53
58
|
});
|
|
54
59
|
/**
|
|
55
60
|
* Pagination is a component to navigate between pages, it is composed of 2 buttons to go to the previous and next page,
|
|
56
61
|
* and a list of buttons to go to a specific page.
|
|
57
62
|
*/
|
|
58
|
-
export declare const Pagination: ({ disabled, page, pageCount, onChange, pageTabCount, className, perPage, onChangePerPage, perPageText, numberOfItemsText, numberOfItems, "data-testid": dataTestId, style, }: PaginationProps) => import("react/jsx-runtime").JSX.Element;
|
|
63
|
+
export declare const Pagination: ({ disabled, page, pageCount, onChange, pageTabCount, className, perPage, onChangePerPage, perPageText, numberOfItemsText, numberOfItems, perPagePortalTarget, "data-testid": dataTestId, style, }: PaginationProps) => import("react/jsx-runtime").JSX.Element;
|
|
59
64
|
export {};
|
|
60
65
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAM1C,KAAK,eAAe,GAAG;IACrB;;MAEE;IACF,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC;;MAEE;IACF,IAAI,EAAE,MAAM,CAAA;IACZ;;MAEE;IACF,SAAS,EAAE,MAAM,CAAA;IACjB;;MAEE;IACF,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;MAEE;IACF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,GAAG,CACA;IACE;;OAEG;IACH,OAAO,EAAE,MAAM,CAAA;IACf;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B;;OAEG;IACH,aAAa,EAAE,MAAM,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAM1C,KAAK,eAAe,GAAG;IACrB;;MAEE;IACF,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC;;MAEE;IACF,IAAI,EAAE,MAAM,CAAA;IACZ;;MAEE;IACF,SAAS,EAAE,MAAM,CAAA;IACjB;;MAEE;IACF,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;MAEE;IACF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,GAAG,CACA;IACE;;OAEG;IACH,OAAO,EAAE,MAAM,CAAA;IACf;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B;;OAEG;IACH,aAAa,EAAE,MAAM,CAAA;IACrB;;OAEG;IACH,mBAAmB,CAAC,EAAE,WAAW,CAAA;CAClC,GACD;IACE,OAAO,CAAC,EAAE,KAAK,CAAA;IACf,eAAe,CAAC,EAAE,KAAK,CAAA;IACvB,WAAW,CAAC,EAAE,KAAK,CAAA;IACnB,iBAAiB,CAAC,EAAE,KAAK,CAAA;IACzB,aAAa,CAAC,EAAE,KAAK,CAAA;IACrB,mBAAmB,CAAC,EAAE,KAAK,CAAA;CAC5B,CACJ,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,GAAI,mMAexB,eAAe,4CA4CjB,CAAA"}
|
|
@@ -16,6 +16,7 @@ const Pagination = ({
|
|
|
16
16
|
perPageText,
|
|
17
17
|
numberOfItemsText,
|
|
18
18
|
numberOfItems,
|
|
19
|
+
perPagePortalTarget,
|
|
19
20
|
"data-testid": dataTestId,
|
|
20
21
|
style
|
|
21
22
|
}) => {
|
|
@@ -43,6 +44,7 @@ const Pagination = ({
|
|
|
43
44
|
page,
|
|
44
45
|
perPage: perPageComputed,
|
|
45
46
|
perPageText,
|
|
47
|
+
portalTarget: perPagePortalTarget,
|
|
46
48
|
setPerPage
|
|
47
49
|
}
|
|
48
50
|
) : null,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export declare const pageNumbersContainer: string;
|
|
2
|
-
export declare const pageButton: Record<"
|
|
3
|
-
export declare const ellipsisClass: Record<"
|
|
2
|
+
export declare const pageButton: Record<"small" | "medium", string>;
|
|
3
|
+
export declare const ellipsisClass: Record<"small" | "medium", string>;
|
|
4
4
|
//# sourceMappingURL=styles.css.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PasswordCheck/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PasswordCheck/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAK1C,KAAK,IAAI,GAAG;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,OAAO,CAAA;CACf,CAAA;AAED,KAAK,kBAAkB,GAAG;IACxB;;;OAGG;IACH,KAAK,EAAE,IAAI,EAAE,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,GAAI,yDAK3B,kBAAkB,4CAoBpB,CAAA"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { CheckCircleIcon
|
|
3
|
+
import { CheckCircleIcon } from "@ultraviolet/icons/CheckCircleIcon";
|
|
4
|
+
import { CloseIcon } from "@ultraviolet/icons/CloseIcon";
|
|
4
5
|
import { cn } from "@ultraviolet/utils";
|
|
5
6
|
import { Stack } from "../Stack/index.js";
|
|
6
7
|
import { Text } from "../Text/index.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAY3D,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAGhC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAG7C,KAAK,aAAa,GAAG,SAAS,GAAG,SAAS,CAAA;AAuE1C;;;GAGG;AACH,eAAO,MAAM,OAAO;cA1BR,SAAS;aACV,SAAS;WACX,MAAM;gBACD,aAAa;cACf,OAAO;WACV,MAAM,OAAO,WAAW;cACrB,MAAM,IAAI;gBACR,MAAM;oBACF,MAAM;eACX,MAAM;gBACL,MAAM;IAClB;;;OAGG;mBACY,WAAW;gBACd,OAAO,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,WAAW,CAAC,EAAE,aAAa,CAAC;;;;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAY3D,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAGhC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAG7C,KAAK,aAAa,GAAG,SAAS,GAAG,SAAS,CAAA;AAuE1C;;;GAGG;AACH,eAAO,MAAM,OAAO;cA1BR,SAAS;aACV,SAAS;WACX,MAAM;gBACD,aAAa;cACf,OAAO;WACV,MAAM,OAAO,WAAW;cACrB,MAAM,IAAI;gBACR,MAAM;oBACF,MAAM;eACX,MAAM;gBACL,MAAM;IAClB;;;OAGG;mBACY,WAAW;gBACd,OAAO,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,WAAW,CAAC,EAAE,aAAa,CAAC;;;;iBAjB/E,CADA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8IA6GC,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { CloseIcon } from "@ultraviolet/icons";
|
|
3
|
+
import { CloseIcon } from "@ultraviolet/icons/CloseIcon";
|
|
4
4
|
import { cn } from "@ultraviolet/utils";
|
|
5
5
|
import { forwardRef, useRef, useContext, useState, useEffect, useCallback, useMemo } from "react";
|
|
6
6
|
import { Button } from "../Button/index.js";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export declare const progressContainer: string;
|
|
2
2
|
export declare const customText: string;
|
|
3
3
|
export declare const progressBar: string;
|
|
4
|
-
export declare const filledBarSentiments: Record<"
|
|
4
|
+
export declare const filledBarSentiments: Record<"danger" | "info" | "success" | "primary" | "warning" | "secondary", string>;
|
|
5
5
|
//# sourceMappingURL=styles.css.d.ts.map
|
|
@@ -68,28 +68,28 @@ const Radio = forwardRef(
|
|
|
68
68
|
value
|
|
69
69
|
}
|
|
70
70
|
),
|
|
71
|
-
/* @__PURE__ */
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
) : null
|
|
71
|
+
/* @__PURE__ */ jsxs("svg", { className: ring, viewBox: "0 0 24 24", children: [
|
|
72
|
+
/* @__PURE__ */ jsx("title", { children: "radio" }),
|
|
73
|
+
/* @__PURE__ */ jsx(RadioMarkedIcon, {})
|
|
74
|
+
] }),
|
|
75
|
+
label ? /* @__PURE__ */ jsx(Fragment, { children: typeof label === "string" ? /* @__PURE__ */ jsx(
|
|
76
|
+
Text,
|
|
77
|
+
{
|
|
78
|
+
as: "label",
|
|
79
|
+
className: cn(textLabel, labelRadio),
|
|
80
|
+
htmlFor: localId,
|
|
81
|
+
prominence: "default",
|
|
82
|
+
variant: "body",
|
|
83
|
+
children: label
|
|
84
|
+
}
|
|
85
|
+
) : /* @__PURE__ */ jsx(
|
|
86
|
+
"label",
|
|
87
|
+
{
|
|
88
|
+
className: cn(labelStyle, labelRadio),
|
|
89
|
+
htmlFor: localId,
|
|
90
|
+
children: label
|
|
91
|
+
}
|
|
92
|
+
) }) : null
|
|
93
93
|
]
|
|
94
94
|
}
|
|
95
95
|
),
|