@ultraviolet/ui 3.4.0 → 3.5.1
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.js +1 -1
- package/dist/components/Alert/styles.css.d.ts +8 -8
- package/dist/components/Alert/styles.css.js +1 -1
- package/dist/components/Avatar/styles.css.d.ts +36 -36
- package/dist/components/Avatar/styles.css.js +4 -4
- package/dist/components/Badge/styles.css.d.ts +28 -28
- package/dist/components/Badge/styles.css.js +1 -1
- package/dist/components/Banner/index.js +1 -1
- package/dist/components/Banner/styles.css.d.ts +2 -2
- package/dist/components/Banner/styles.css.js +2 -2
- package/dist/components/BarStack/styles.css.d.ts +7 -7
- package/dist/components/BarStack/styles.css.js +1 -1
- package/dist/components/Bullet/styles.css.d.ts +13 -13
- package/dist/components/Bullet/styles.css.js +1 -1
- package/dist/components/Button/index.d.ts +2 -2
- package/dist/components/Button/index.d.ts.map +1 -1
- package/dist/components/Button/styles.css.d.ts +39 -39
- package/dist/components/Button/styles.css.js +1 -1
- package/dist/components/Checkbox/index.js +4 -4
- package/dist/components/Chip/ChipIcon.d.ts.map +1 -1
- package/dist/components/Chip/ChipIcon.js +4 -1
- package/dist/components/Chip/index.d.ts +1 -1
- package/dist/components/CopyButton/index.js +1 -1
- package/dist/components/DateInput/components/CalendarContent.js +7 -7
- package/dist/components/DateInput/components/CalendarDaily.js +1 -1
- package/dist/components/DateInput/components/CalendarMonthly.d.ts.map +1 -1
- package/dist/components/DateInput/components/CalendarMonthly.js +1 -1
- package/dist/components/DateInput/helpers.d.ts.map +1 -1
- package/dist/components/Dialog/components/Buttons.js +1 -1
- package/dist/components/Dialog/index.d.ts +2 -2
- package/dist/components/Drawer/styles.css.js +1 -1
- package/dist/components/EmptyState/styles.css.d.ts +11 -11
- package/dist/components/EmptyState/styles.css.js +2 -2
- package/dist/components/Expandable/index.js +1 -1
- package/dist/components/ExpandableCard/styles.css.d.ts.map +1 -1
- package/dist/components/FileInput/index.js +1 -1
- package/dist/components/FileInput/styles.css.d.ts +11 -11
- package/dist/components/FileInput/styles.css.js +5 -5
- package/dist/components/GlobalAlert/styles.css.js +1 -1
- package/dist/components/Key/styles.css.d.ts +12 -12
- package/dist/components/Key/styles.css.js +1 -1
- package/dist/components/Label/index.d.ts.map +1 -1
- package/dist/components/Label/index.js +41 -28
- package/dist/components/Label/styles.css.js +1 -1
- package/dist/components/Link/styles.css.d.ts.map +1 -1
- package/dist/components/List/ListContext.d.ts +2 -2
- package/dist/components/List/ListContext.d.ts.map +1 -1
- package/dist/components/List/Row.d.ts +1 -1
- package/dist/components/List/Row.d.ts.map +1 -1
- package/dist/components/List/SelectBar.d.ts +1 -1
- package/dist/components/List/SelectBar.d.ts.map +1 -1
- package/dist/components/List/SkeletonRows.d.ts.map +1 -1
- package/dist/components/List/index.d.ts +2 -5
- package/dist/components/List/index.d.ts.map +1 -1
- package/dist/components/List/styles.css.d.ts +3 -3
- package/dist/components/List/styles.css.js +1 -1
- package/dist/components/Menu/styles.css.js +1 -1
- package/dist/components/Modal/ModalContent.d.ts.map +1 -1
- package/dist/components/Modal/components/Dialog.d.ts.map +1 -1
- package/dist/components/Modal/components/Dialog.js +1 -1
- package/dist/components/Modal/index.js +3 -3
- package/dist/components/Modal/styles.css.d.ts +17 -17
- package/dist/components/Modal/styles.css.js +1 -1
- package/dist/components/NumberInput/index.d.ts +1 -1
- package/dist/components/NumberInput/index.js +2 -2
- package/dist/components/NumberInput/styles.css.d.ts +48 -48
- package/dist/components/NumberInput/styles.css.d.ts.map +1 -1
- package/dist/components/NumberInput/styles.css.js +4 -4
- package/dist/components/Pagination/getPageNumbers.d.ts +1 -1
- package/dist/components/Pagination/styles.css.js +2 -2
- package/dist/components/PieChart/index.js +3 -3
- package/dist/components/PieChart/styles.css.d.ts +7 -7
- package/dist/components/PieChart/styles.css.js +3 -3
- package/dist/components/Popover/index.js +1 -1
- package/dist/components/Popover/styles.css.d.ts +3 -3
- package/dist/components/Popup/helpers.js +2 -2
- package/dist/components/Popup/index.js +19 -19
- package/dist/components/Popup/styles.css.d.ts +6 -6
- package/dist/components/Popup/styles.css.js +1 -1
- package/dist/components/Radio/index.d.ts.map +1 -1
- package/dist/components/Radio/index.js +14 -11
- package/dist/components/RadioGroup/index.js +1 -1
- package/dist/components/Row/styles.css.d.ts +19 -19
- package/dist/components/Row/styles.css.d.ts.map +1 -1
- package/dist/components/Row/styles.css.js +2 -2
- package/dist/components/Row/variables.css.d.ts +1 -1
- package/dist/components/Row/variables.css.d.ts.map +1 -1
- package/dist/components/Row/variables.css.js +2 -2
- package/dist/components/SelectInput/components/Dropdown.d.ts +14 -1
- package/dist/components/SelectInput/components/Dropdown.d.ts.map +1 -1
- package/dist/components/SelectInput/components/Dropdown.js +398 -222
- package/dist/components/SelectInput/components/SearchBarDropdown.d.ts.map +1 -1
- package/dist/components/SelectInput/components/SearchBarDropdown.js +25 -19
- package/dist/components/SelectInput/components/SelectBar.d.ts.map +1 -1
- package/dist/components/SelectInput/components/SelectBar.js +8 -11
- package/dist/components/SelectInput/components/dropdown.css.d.ts +2 -0
- package/dist/components/SelectInput/components/dropdown.css.d.ts.map +1 -1
- package/dist/components/SelectInput/components/dropdown.css.js +13 -9
- package/dist/components/SelectInput/components/selectBar.css.d.ts +43 -43
- package/dist/components/SelectInput/components/selectBar.css.d.ts.map +1 -1
- package/dist/components/SelectInput/components/selectBar.css.js +2 -2
- package/dist/components/SelectInput/constants.d.ts +13 -0
- package/dist/components/SelectInput/constants.d.ts.map +1 -0
- package/dist/components/SelectInput/constants.js +18 -0
- package/dist/components/SelectInput/findOptionInOptions.js +3 -3
- package/dist/components/SelectInput/index.d.ts +11 -5
- package/dist/components/SelectInput/index.d.ts.map +1 -1
- package/dist/components/SelectInput/index.js +8 -2
- package/dist/components/SelectInput/types.d.ts +0 -5
- package/dist/components/SelectInput/types.d.ts.map +1 -1
- package/dist/components/SelectableCard/index.d.ts.map +1 -1
- package/dist/components/SelectableCard/index.js +8 -5
- package/dist/components/SelectableCard/styles.css.d.ts +9 -9
- package/dist/components/SelectableCard/styles.css.js +3 -2
- package/dist/components/SelectableCard/variables.css.js +0 -1
- package/dist/components/Separator/index.d.ts.map +1 -1
- package/dist/components/Separator/index.js +33 -31
- package/dist/components/Skeleton/Block.d.ts.map +1 -1
- package/dist/components/Skeleton/Block.js +7 -4
- package/dist/components/Skeleton/Blocks.d.ts.map +1 -1
- package/dist/components/Skeleton/Blocks.js +7 -4
- package/dist/components/Skeleton/BoxWithIcon.d.ts.map +1 -1
- package/dist/components/Skeleton/BoxWithIcon.js +7 -4
- package/dist/components/Skeleton/List.d.ts.map +1 -1
- package/dist/components/Skeleton/List.js +8 -2
- package/dist/components/Skeleton/Slider.d.ts.map +1 -1
- package/dist/components/Skeleton/Slider.js +4 -1
- package/dist/components/Skeleton/index.d.ts.map +1 -1
- package/dist/components/Skeleton/index.js +17 -14
- package/dist/components/Slider/components/DoubleSlider.d.ts +1 -1
- package/dist/components/Slider/components/DoubleSlider.d.ts.map +1 -1
- package/dist/components/Slider/components/DoubleSlider.js +24 -20
- package/dist/components/Slider/components/SingleSlider.d.ts +1 -1
- package/dist/components/Slider/components/SingleSlider.d.ts.map +1 -1
- package/dist/components/Slider/components/SingleSlider.js +9 -3
- package/dist/components/Slider/index.d.ts +1 -1
- package/dist/components/Slider/index.d.ts.map +1 -1
- package/dist/components/Slider/index.js +3 -0
- package/dist/components/Slider/styles.css.d.ts +47 -43
- package/dist/components/Slider/styles.css.d.ts.map +1 -1
- package/dist/components/Slider/styles.css.js +5 -5
- package/dist/components/Slider/types.d.ts +5 -0
- package/dist/components/Slider/types.d.ts.map +1 -1
- package/dist/components/Snippet/index.js +1 -1
- package/dist/components/Snippet/styles.css.d.ts +12 -12
- package/dist/components/Snippet/styles.css.js +7 -7
- package/dist/components/Stack/index.d.ts +2 -3
- package/dist/components/Stack/index.d.ts.map +1 -1
- package/dist/components/Stack/index.js +67 -65
- package/dist/components/Stack/styles.css.d.ts +87 -87
- package/dist/components/Stack/styles.css.js +4 -4
- package/dist/components/Status/styles.css.d.ts +1 -1
- package/dist/components/StepList/styles.css.d.ts +7 -7
- package/dist/components/StepList/styles.css.js +2 -2
- package/dist/components/Stepper/index.d.ts.map +1 -1
- package/dist/components/Stepper/index.js +13 -10
- package/dist/components/Stepper/styles.css.d.ts +45 -45
- package/dist/components/Stepper/styles.css.js +6 -6
- package/dist/components/SwitchButton/index.js +3 -3
- package/dist/components/SwitchButton/styles.css.js +3 -3
- package/dist/components/Table/HeaderRow.d.ts.map +1 -1
- package/dist/components/Table/HeaderRow.js +25 -22
- package/dist/components/Table/Row.d.ts +1 -1
- package/dist/components/Table/Row.d.ts.map +1 -1
- package/dist/components/Table/SelectBar.d.ts +1 -1
- package/dist/components/Table/SelectBar.d.ts.map +1 -1
- package/dist/components/Table/SkeletonRows.d.ts.map +1 -1
- package/dist/components/Table/index.d.ts +4 -4
- package/dist/components/Table/index.d.ts.map +1 -1
- package/dist/components/Table/styles.css.d.ts +21 -21
- package/dist/components/Table/styles.css.js +2 -2
- package/dist/components/Tabs/Tab.js +1 -1
- package/dist/components/Tabs/index.d.ts +1 -1
- package/dist/components/Tabs/styles.css.js +1 -1
- package/dist/components/Tag/styles.css.d.ts +10 -10
- package/dist/components/Tag/styles.css.js +1 -1
- package/dist/components/TagInput/index.js +5 -5
- package/dist/components/TagInput/styles.css.d.ts +4 -4
- package/dist/components/TagInput/styles.css.js +1 -1
- package/dist/components/TagList/index.d.ts.map +1 -1
- package/dist/components/TagList/index.js +1 -1
- package/dist/components/Text/style.css.d.ts +26 -26
- package/dist/components/Text/style.css.d.ts.map +1 -1
- package/dist/components/Text/style.css.js +1 -1
- package/dist/components/TextArea/index.d.ts.map +1 -1
- package/dist/components/TextArea/index.js +14 -7
- package/dist/components/TextArea/styles.css.d.ts +2 -2
- package/dist/components/TextArea/styles.css.js +1 -1
- package/dist/components/TextInput/index.d.ts +1 -1
- package/dist/components/TextInput/index.js +2 -2
- package/dist/components/TimeInput/helpers.d.ts.map +1 -1
- package/dist/components/TimeInput/helpers.js +2 -1
- package/dist/components/TimeInput/index.js +4 -4
- package/dist/components/TimeInput/styles.css.d.ts +22 -22
- package/dist/components/TimeInput/styles.css.js +1 -1
- package/dist/components/Toaster/constants.d.ts.map +1 -1
- package/dist/components/Toggle/styles.css.d.ts +53 -53
- package/dist/components/Toggle/styles.css.js +2 -2
- package/dist/components/Tooltip/index.d.ts +1 -1
- package/dist/components/TreeMapChart/index.d.ts +1 -1
- package/dist/components/TreeMapChart/index.d.ts.map +1 -1
- package/dist/components/TreeMapChart/index.js +39 -42
- package/dist/components/TreeMapChart/styles.css.d.ts +1 -1
- package/dist/components/TreeMapChart/styles.css.d.ts.map +1 -1
- package/dist/components/TreeMapChart/styles.css.js +2 -2
- package/dist/components/UnitInput/index.js +1 -1
- package/dist/components/UnitInput/styles.css.js +3 -3
- package/dist/components/VerificationCode/index.d.ts.map +1 -1
- package/dist/components/VerificationCode/index.js +2 -2
- package/dist/components/VerificationCode/styles.css.js +1 -1
- package/dist/components/compositions/OptionSelector/index.d.ts.map +1 -1
- package/dist/components/compositions/OptionSelector/index.js +91 -59
- package/dist/components/compositions/OptionSelector/styles.css.d.ts +2 -0
- package/dist/components/compositions/OptionSelector/styles.css.d.ts.map +1 -1
- package/dist/components/compositions/OptionSelector/styles.css.js +4 -0
- package/dist/helpers/treeMap.d.ts +4 -5
- package/dist/helpers/treeMap.d.ts.map +1 -1
- package/dist/helpers/treeMap.js +7 -5
- package/dist/theme/ThemeProvider.d.ts +33 -0
- package/dist/theme/ThemeProvider.d.ts.map +1 -1
- package/dist/theme/index.d.ts +33 -0
- package/dist/theme/index.d.ts.map +1 -1
- package/dist/ui.css +1 -1
- package/package.json +6 -6
- package/dist/components/SelectInput/types.js +0 -9
|
@@ -9,7 +9,7 @@ var listHeaderRow = "uv_inoh546";
|
|
|
9
9
|
var listNoPaddingHeaderCell = "uv_inoh547";
|
|
10
10
|
var listExpandableWrapper = "uv_inoh548";
|
|
11
11
|
var listCheckboxInRange = "uv_inoh549";
|
|
12
|
-
var listRow = createRuntimeFn({ defaultClassName: "uv_inoh54b uv_inoh54a", variantClassNames: {
|
|
12
|
+
var listRow = createRuntimeFn({ defaultClassName: "uv_inoh54b uv_inoh54a", variantClassNames: { highlightAnimation: { true: "uv_inoh54c" }, sentiment: { primary: "uv_inoh54d", secondary: "uv_inoh54e", neutral: "uv_inoh54f", success: "uv_inoh54g", danger: "uv_inoh54h", warning: "uv_inoh54i", info: "uv_inoh54j" } }, defaultVariants: { highlightAnimation: false, sentiment: "neutral" }, compoundVariants: [] });
|
|
13
13
|
var listCell = "uv_inoh54k";
|
|
14
14
|
var listCellStrict = "uv_inoh54l";
|
|
15
15
|
var listCheckboxContainer = "uv_inoh54m";
|
|
@@ -9,7 +9,7 @@ var menuList = "uv_gky3yh7";
|
|
|
9
9
|
var menuSearchInput = "uv_gky3yh8";
|
|
10
10
|
var menuGroup = "uv_gky3yh9";
|
|
11
11
|
var menuItemContainer = createRuntimeFn({ defaultClassName: "uv_gky3yha", variantClassNames: { borderless: { false: "uv_gky3yhb", true: "uv_gky3yhc" } }, defaultVariants: { borderless: false }, compoundVariants: [] });
|
|
12
|
-
var menuItem = createRuntimeFn({ defaultClassName: "uv_gky3yhd", variantClassNames: { borderless: { true: "uv_gky3yhe" }, disabled: { true: "uv_gky3yhf" }, sentiment: { neutral: "uv_gky3yhg", danger: "uv_gky3yhh", primary: "uv_gky3yhi" } }, defaultVariants: { borderless: false, disabled: false, sentiment: "neutral" }, compoundVariants: [[{ sentiment: "neutral"
|
|
12
|
+
var menuItem = createRuntimeFn({ defaultClassName: "uv_gky3yhd", variantClassNames: { borderless: { true: "uv_gky3yhe" }, disabled: { true: "uv_gky3yhf" }, sentiment: { neutral: "uv_gky3yhg", danger: "uv_gky3yhh", primary: "uv_gky3yhi" } }, defaultVariants: { borderless: false, disabled: false, sentiment: "neutral" }, compoundVariants: [[{ disabled: false, sentiment: "neutral" }, "uv_gky3yhj"], [{ disabled: false, sentiment: "danger" }, "uv_gky3yhk"], [{ disabled: false, sentiment: "primary" }, "uv_gky3yhl"], [{ disabled: true, sentiment: "neutral" }, "uv_gky3yhm"], [{ disabled: true, sentiment: "danger" }, "uv_gky3yhn"], [{ disabled: true, sentiment: "primary" }, "uv_gky3yho"]] });
|
|
13
13
|
export {
|
|
14
14
|
heightAvailableSpace,
|
|
15
15
|
heightMenu,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalContent.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalContent.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ModalContent.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalContent.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,GAAG,CAAA;AAG9B,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAExD,KAAK,iBAAiB,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,GAAG;IACtD,OAAO,EAAE,OAAO,CAAA;IAChB,IAAI,EAAE,OAAO,CAAA;IACb,SAAS,EAAE,cAAc,CAAA;IACzB,SAAS,EAAE,SAAS,CAAA;IACpB,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,qOAoB1B,iBAAiB,mDA8CV,CAAA"}
|
|
@@ -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,gCA2Ob,CAAA"}
|
|
@@ -185,7 +185,7 @@ const Dialog = ({
|
|
|
185
185
|
/* @__PURE__ */ jsx(
|
|
186
186
|
Stack,
|
|
187
187
|
{
|
|
188
|
-
alignItems: "end",
|
|
188
|
+
alignItems: "flex-end",
|
|
189
189
|
className: modalImageContainer,
|
|
190
190
|
justifyContent: "center",
|
|
191
191
|
children: /* @__PURE__ */ jsx("img", { alt: "illustration", className: modalImage, src: image })
|
|
@@ -61,7 +61,7 @@ const Modal = ({
|
|
|
61
61
|
visible
|
|
62
62
|
}
|
|
63
63
|
) : null,
|
|
64
|
-
|
|
64
|
+
context ? /* @__PURE__ */ jsx(
|
|
65
65
|
ModalContent,
|
|
66
66
|
{
|
|
67
67
|
ariaLabel,
|
|
@@ -84,7 +84,7 @@ const Modal = ({
|
|
|
84
84
|
visible,
|
|
85
85
|
children
|
|
86
86
|
}
|
|
87
|
-
)
|
|
87
|
+
) : /* @__PURE__ */ jsx(ModalProvider, { children: /* @__PURE__ */ jsx(
|
|
88
88
|
ModalContent,
|
|
89
89
|
{
|
|
90
90
|
ariaLabel,
|
|
@@ -107,7 +107,7 @@ const Modal = ({
|
|
|
107
107
|
visible,
|
|
108
108
|
children
|
|
109
109
|
}
|
|
110
|
-
)
|
|
110
|
+
) })
|
|
111
111
|
] });
|
|
112
112
|
};
|
|
113
113
|
export {
|
|
@@ -8,12 +8,12 @@ export declare const modalBackdropBase: string;
|
|
|
8
8
|
export declare const modalBackdrop: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
9
9
|
open: {
|
|
10
10
|
true: {
|
|
11
|
-
padding: `var(--${string})`;
|
|
12
|
-
overflow: "auto";
|
|
13
|
-
display: "flex";
|
|
14
11
|
bottom: number;
|
|
15
|
-
|
|
12
|
+
display: "flex";
|
|
16
13
|
height: "100%";
|
|
14
|
+
left: number;
|
|
15
|
+
overflow: "auto";
|
|
16
|
+
padding: `var(--${string})`;
|
|
17
17
|
width: "100%";
|
|
18
18
|
};
|
|
19
19
|
};
|
|
@@ -24,9 +24,14 @@ export declare const modalBackdrop: import("@vanilla-extract/recipes").RuntimeFn
|
|
|
24
24
|
};
|
|
25
25
|
}>;
|
|
26
26
|
export declare const modal: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
27
|
+
animation: {
|
|
28
|
+
true: {
|
|
29
|
+
animation: `${string} 0.3s ease-in-out forwards`;
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
image: {
|
|
33
|
+
true: {
|
|
34
|
+
padding: number;
|
|
30
35
|
};
|
|
31
36
|
};
|
|
32
37
|
placement: {
|
|
@@ -62,18 +67,13 @@ export declare const modal: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
|
62
67
|
marginTop: number;
|
|
63
68
|
};
|
|
64
69
|
};
|
|
65
|
-
image: {
|
|
66
|
-
true: {
|
|
67
|
-
padding: number;
|
|
68
|
-
};
|
|
69
|
-
};
|
|
70
|
-
animation: {
|
|
71
|
-
true: {
|
|
72
|
-
animation: `${string} 0.3s ease-in-out forwards`;
|
|
73
|
-
};
|
|
74
|
-
};
|
|
75
70
|
positivePosition: {
|
|
76
71
|
true: {};
|
|
77
72
|
};
|
|
73
|
+
size: {
|
|
74
|
+
[k: string]: {
|
|
75
|
+
width: `${number}rem`;
|
|
76
|
+
};
|
|
77
|
+
};
|
|
78
78
|
}>;
|
|
79
79
|
//# sourceMappingURL=styles.css.d.ts.map
|
|
@@ -8,7 +8,7 @@ var modalImageContainer = "uv_lrojhc3";
|
|
|
8
8
|
var modalImage = "uv_lrojhc4";
|
|
9
9
|
var modalContent = "uv_lrojhc5";
|
|
10
10
|
var modalBackdrop = createRuntimeFn({ defaultClassName: "uv_lrojhc7 uv_lrojhc6", variantClassNames: { open: { true: "uv_lrojhc8" }, visible: { true: "uv_lrojhc9" } }, defaultVariants: {}, compoundVariants: [] });
|
|
11
|
-
var modal = createRuntimeFn({ defaultClassName: "uv_lrojhca", variantClassNames: {
|
|
11
|
+
var modal = createRuntimeFn({ defaultClassName: "uv_lrojhca", variantClassNames: { animation: { true: "uv_lrojhcb" }, image: { true: "uv_lrojhcc" }, placement: { bottom: "uv_lrojhcd", "bottom-left": "uv_lrojhce", "bottom-right": "uv_lrojhcf", center: "uv_lrojhcg", left: "uv_lrojhch", right: "uv_lrojhci", top: "uv_lrojhcj", "top-left": "uv_lrojhck", "top-right": "uv_lrojhcl" }, positivePosition: { true: "uv_lrojhcm" }, size: { large: "uv_lrojhcn", medium: "uv_lrojhco", small: "uv_lrojhcp", xsmall: "uv_lrojhcq", xxsmall: "uv_lrojhcr" } }, defaultVariants: { animation: false, image: false, placement: "center", positivePosition: false, size: "medium" }, compoundVariants: [[{ positivePosition: true, size: "large" }, "uv_lrojhcs"], [{ positivePosition: true, size: "medium" }, "uv_lrojhct"], [{ positivePosition: true, size: "small" }, "uv_lrojhcu"], [{ positivePosition: true, size: "xsmall" }, "uv_lrojhcv"], [{ positivePosition: true, size: "xxsmall" }, "uv_lrojhcw"]] });
|
|
12
12
|
export {
|
|
13
13
|
modal,
|
|
14
14
|
modalBackdrop,
|
|
@@ -30,6 +30,6 @@ export declare const NumberInput: import("react").ForwardRefExoticComponent<{
|
|
|
30
30
|
onChange?: (newValue: number | null) => void;
|
|
31
31
|
min?: number;
|
|
32
32
|
max?: number;
|
|
33
|
-
} & Pick<InputHTMLAttributes<HTMLInputElement>, "style" | "disabled" | "id" | "autoFocus" | "aria-label" | "onFocus" | "onBlur" | "
|
|
33
|
+
} & Pick<InputHTMLAttributes<HTMLInputElement>, "style" | "disabled" | "id" | "autoFocus" | "aria-label" | "onFocus" | "onBlur" | "step" | "name" | "required" | "placeholder" | "readOnly"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
34
34
|
export {};
|
|
35
35
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -239,13 +239,13 @@ const NumberInput = forwardRef(
|
|
|
239
239
|
{
|
|
240
240
|
as: "span",
|
|
241
241
|
disabled: disabled || readOnly,
|
|
242
|
-
prominence:
|
|
242
|
+
prominence: error || success ? "default" : "weak",
|
|
243
243
|
sentiment: helperSentiment,
|
|
244
244
|
variant: "caption",
|
|
245
245
|
children: error || success || helper
|
|
246
246
|
}
|
|
247
247
|
) : null,
|
|
248
|
-
!error
|
|
248
|
+
!(error || success) && typeof helper !== "string" && helper ? helper : null
|
|
249
249
|
] });
|
|
250
250
|
}
|
|
251
251
|
);
|
|
@@ -7,20 +7,6 @@ export declare const inputContainer: import("@vanilla-extract/recipes").RuntimeF
|
|
|
7
7
|
};
|
|
8
8
|
}>;
|
|
9
9
|
export declare const unit: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
10
|
-
size: {
|
|
11
|
-
small: {
|
|
12
|
-
height: `var(--${string})`;
|
|
13
|
-
fontSize: `var(--${string})`;
|
|
14
|
-
};
|
|
15
|
-
medium: {
|
|
16
|
-
height: `var(--${string})`;
|
|
17
|
-
fontSize: `var(--${string})`;
|
|
18
|
-
};
|
|
19
|
-
large: {
|
|
20
|
-
height: `var(--${string})`;
|
|
21
|
-
fontSize: `var(--${string})`;
|
|
22
|
-
};
|
|
23
|
-
};
|
|
24
10
|
disabled: {
|
|
25
11
|
true: {
|
|
26
12
|
background: `var(--${string})`;
|
|
@@ -33,77 +19,91 @@ export declare const unit: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
|
33
19
|
background: `var(--${string})`;
|
|
34
20
|
};
|
|
35
21
|
};
|
|
22
|
+
size: {
|
|
23
|
+
large: {
|
|
24
|
+
fontSize: `var(--${string})`;
|
|
25
|
+
height: `var(--${string})`;
|
|
26
|
+
};
|
|
27
|
+
medium: {
|
|
28
|
+
fontSize: `var(--${string})`;
|
|
29
|
+
height: `var(--${string})`;
|
|
30
|
+
};
|
|
31
|
+
small: {
|
|
32
|
+
fontSize: `var(--${string})`;
|
|
33
|
+
height: `var(--${string})`;
|
|
34
|
+
};
|
|
35
|
+
};
|
|
36
36
|
}>;
|
|
37
37
|
export declare const numberinput: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
38
|
+
controls: {
|
|
39
|
+
false: {
|
|
40
|
+
textAlign: "left";
|
|
41
|
+
};
|
|
42
|
+
};
|
|
38
43
|
hasUnit: {
|
|
39
44
|
true: {
|
|
40
|
-
textAlign: "left";
|
|
41
45
|
padding: `var(--${string}) 0 var(--${string}) var(--${string})`;
|
|
46
|
+
textAlign: "left";
|
|
42
47
|
};
|
|
43
48
|
};
|
|
44
49
|
size: {
|
|
45
|
-
|
|
50
|
+
large: {
|
|
51
|
+
fontFamily: `var(--${string})`;
|
|
52
|
+
fontSize: `var(--${string})`;
|
|
53
|
+
fontWeight: `var(--${string})`;
|
|
46
54
|
height: `var(--${string})`;
|
|
55
|
+
lineHeight: `var(--${string})`;
|
|
47
56
|
};
|
|
48
57
|
medium: {
|
|
49
58
|
height: `var(--${string})`;
|
|
50
59
|
};
|
|
51
|
-
|
|
60
|
+
small: {
|
|
52
61
|
height: `var(--${string})`;
|
|
53
|
-
fontSize: `var(--${string})`;
|
|
54
|
-
fontFamily: `var(--${string})`;
|
|
55
|
-
fontWeight: `var(--${string})`;
|
|
56
|
-
lineHeight: `var(--${string})`;
|
|
57
|
-
};
|
|
58
|
-
};
|
|
59
|
-
controls: {
|
|
60
|
-
false: {
|
|
61
|
-
textAlign: "left";
|
|
62
62
|
};
|
|
63
63
|
};
|
|
64
64
|
}>;
|
|
65
65
|
export declare const numberinputContainer: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
borderColor: `var(--${string})`;
|
|
66
|
+
size: {
|
|
67
|
+
large: {
|
|
68
|
+
height: `var(--${string})`;
|
|
70
69
|
};
|
|
71
|
-
|
|
72
|
-
|
|
70
|
+
medium: {
|
|
71
|
+
height: `var(--${string})`;
|
|
73
72
|
};
|
|
74
|
-
|
|
75
|
-
|
|
73
|
+
small: {
|
|
74
|
+
height: `var(--${string})`;
|
|
75
|
+
};
|
|
76
|
+
};
|
|
77
|
+
state: {
|
|
78
|
+
default: {};
|
|
79
|
+
disabled: {
|
|
76
80
|
background: `var(--${string})`;
|
|
81
|
+
borderColor: `var(--${string})`;
|
|
77
82
|
cursor: "not-allowed";
|
|
78
83
|
selectors: {
|
|
79
84
|
'&:hover': {
|
|
80
85
|
borderColor: `var(--${string})`;
|
|
81
86
|
};
|
|
82
|
-
'&:focus-within': {
|
|
83
|
-
borderColor: `var(--${string})`;
|
|
84
|
-
};
|
|
85
87
|
};
|
|
86
88
|
};
|
|
87
|
-
|
|
89
|
+
error: {
|
|
88
90
|
borderColor: `var(--${string})`;
|
|
91
|
+
};
|
|
92
|
+
readOnly: {
|
|
89
93
|
background: `var(--${string})`;
|
|
94
|
+
borderColor: `var(--${string})`;
|
|
90
95
|
cursor: "not-allowed";
|
|
91
96
|
selectors: {
|
|
97
|
+
'&:focus-within': {
|
|
98
|
+
borderColor: `var(--${string})`;
|
|
99
|
+
};
|
|
92
100
|
'&:hover': {
|
|
93
101
|
borderColor: `var(--${string})`;
|
|
94
102
|
};
|
|
95
103
|
};
|
|
96
104
|
};
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
small: {
|
|
100
|
-
height: `var(--${string})`;
|
|
101
|
-
};
|
|
102
|
-
medium: {
|
|
103
|
-
height: `var(--${string})`;
|
|
104
|
-
};
|
|
105
|
-
large: {
|
|
106
|
-
height: `var(--${string})`;
|
|
105
|
+
success: {
|
|
106
|
+
borderColor: `var(--${string})`;
|
|
107
107
|
};
|
|
108
108
|
};
|
|
109
109
|
}>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/NumberInput/styles.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,wBAAwB,8CAanC,CAAA;AAEF,eAAO,MAAM,cAAc;;;;;;EAkBzB,CAAA;AAEF,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/NumberInput/styles.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,wBAAwB,8CAanC,CAAA;AAEF,eAAO,MAAM,cAAc;;;;;;EAkBzB,CAAA;AAEF,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoCf,CAAA;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2EtB,CAAA;AAEF,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkE/B,CAAA"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
/* empty css */
|
|
2
2
|
import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
|
|
3
|
-
var numberinputSideContainer = {
|
|
3
|
+
var numberinputSideContainer = { large: "uv_1ce7gb60", medium: "uv_1ce7gb61", small: "uv_1ce7gb62" };
|
|
4
4
|
var inputContainer = createRuntimeFn({ defaultClassName: "uv_1ce7gb63", variantClassNames: { controls: { false: "uv_1ce7gb64" } }, defaultVariants: { controls: true }, compoundVariants: [] });
|
|
5
|
-
var unit = createRuntimeFn({ defaultClassName: "uv_1ce7gb65", variantClassNames: {
|
|
6
|
-
var numberinput = createRuntimeFn({ defaultClassName: "uv_1ce7gb6b", variantClassNames: {
|
|
7
|
-
var numberinputContainer = createRuntimeFn({ defaultClassName: "uv_1ce7gb6h", variantClassNames: {
|
|
5
|
+
var unit = createRuntimeFn({ defaultClassName: "uv_1ce7gb65", variantClassNames: { disabled: { true: "uv_1ce7gb66" }, readOnly: { true: "uv_1ce7gb67" }, size: { large: "uv_1ce7gb68", medium: "uv_1ce7gb69", small: "uv_1ce7gb6a" } }, defaultVariants: { disabled: false, readOnly: false, size: "large" }, compoundVariants: [] });
|
|
6
|
+
var numberinput = createRuntimeFn({ defaultClassName: "uv_1ce7gb6b", variantClassNames: { controls: { false: "uv_1ce7gb6c" }, hasUnit: { true: "uv_1ce7gb6d" }, size: { large: "uv_1ce7gb6e", medium: "uv_1ce7gb6f", small: "uv_1ce7gb6g" } }, defaultVariants: { controls: true, hasUnit: false, size: "large" }, compoundVariants: [] });
|
|
7
|
+
var numberinputContainer = createRuntimeFn({ defaultClassName: "uv_1ce7gb6h", variantClassNames: { size: { large: "uv_1ce7gb6i", medium: "uv_1ce7gb6j", small: "uv_1ce7gb6k" }, state: { "default": "uv_1ce7gb6l", disabled: "uv_1ce7gb6m", error: "uv_1ce7gb6n", readOnly: "uv_1ce7gb6o", success: "uv_1ce7gb6p" } }, defaultVariants: { size: "large", state: "default" }, compoundVariants: [] });
|
|
8
8
|
export {
|
|
9
9
|
inputContainer,
|
|
10
10
|
numberinput,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/* empty css */
|
|
2
2
|
var pageNumbersContainer = "uv_a0295u0";
|
|
3
|
-
var pageButton = {
|
|
4
|
-
var ellipsisClass = {
|
|
3
|
+
var pageButton = { medium: "uv_a0295u1", small: "uv_a0295u2" };
|
|
4
|
+
var ellipsisClass = { medium: "uv_a0295u4 uv_a0295u3", small: "uv_a0295u5 uv_a0295u3" };
|
|
5
5
|
export {
|
|
6
6
|
ellipsisClass,
|
|
7
7
|
pageButton,
|
|
@@ -58,15 +58,15 @@ const PieChart = ({
|
|
|
58
58
|
/* @__PURE__ */ jsx(
|
|
59
59
|
Pie,
|
|
60
60
|
{
|
|
61
|
-
activeOuterRadiusOffset:
|
|
61
|
+
activeOuterRadiusOffset: isEmpty ? 0 : 4,
|
|
62
62
|
colors: localColors,
|
|
63
63
|
cornerRadius: 0,
|
|
64
|
-
data:
|
|
64
|
+
data: isEmpty ? [
|
|
65
65
|
{
|
|
66
66
|
id: "empty",
|
|
67
67
|
percent: 100
|
|
68
68
|
}
|
|
69
|
-
],
|
|
69
|
+
] : data,
|
|
70
70
|
defs: [
|
|
71
71
|
{
|
|
72
72
|
background: "inherit",
|
|
@@ -6,10 +6,10 @@ export declare const contentPie: string;
|
|
|
6
6
|
export declare const listPie: string;
|
|
7
7
|
export declare const listItemPie: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
8
8
|
isFocused: {
|
|
9
|
-
|
|
9
|
+
false: {
|
|
10
10
|
color: `var(--${string})`;
|
|
11
11
|
};
|
|
12
|
-
|
|
12
|
+
true: {
|
|
13
13
|
color: `var(--${string})`;
|
|
14
14
|
};
|
|
15
15
|
};
|
|
@@ -25,10 +25,10 @@ export declare const labelPie: string;
|
|
|
25
25
|
export declare const valuePie: Record<"default" | "isFocused", string>;
|
|
26
26
|
export declare const textPie: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
27
27
|
isFocused: {
|
|
28
|
-
|
|
28
|
+
false: {
|
|
29
29
|
fontWeight: number;
|
|
30
30
|
};
|
|
31
|
-
|
|
31
|
+
true: {
|
|
32
32
|
fontWeight: number;
|
|
33
33
|
};
|
|
34
34
|
};
|
|
@@ -37,12 +37,12 @@ export declare const toggleBoxPie: string;
|
|
|
37
37
|
export declare const linePie: string;
|
|
38
38
|
export declare const progressiveLinePie: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
39
39
|
isFocused: {
|
|
40
|
-
true: {
|
|
41
|
-
width: "100%";
|
|
42
|
-
};
|
|
43
40
|
false: {
|
|
44
41
|
width: "0%";
|
|
45
42
|
};
|
|
43
|
+
true: {
|
|
44
|
+
width: "100%";
|
|
45
|
+
};
|
|
46
46
|
};
|
|
47
47
|
}>;
|
|
48
48
|
export declare const listTooltipPie: string;
|
|
@@ -6,14 +6,14 @@ var containerPie = "uv_6tpqrj3";
|
|
|
6
6
|
var emptyLegendPie = "uv_6tpqrj4";
|
|
7
7
|
var contentPie = "uv_6tpqrj5";
|
|
8
8
|
var listPie = "uv_6tpqrj6";
|
|
9
|
-
var listItemPie = createRuntimeFn({ defaultClassName: "uv_6tpqrj7", variantClassNames: { isFocused: {
|
|
9
|
+
var listItemPie = createRuntimeFn({ defaultClassName: "uv_6tpqrj7", variantClassNames: { isFocused: { false: "uv_6tpqrj8", true: "uv_6tpqrj9" } }, defaultVariants: {}, compoundVariants: [] });
|
|
10
10
|
var bulletPie = createRuntimeFn({ defaultClassName: "uv_6tpqrja", variantClassNames: { isFocused: { true: "uv_6tpqrjb" } }, defaultVariants: {}, compoundVariants: [] });
|
|
11
11
|
var labelPie = "uv_6tpqrjc";
|
|
12
12
|
var valuePie = { "default": "uv_6tpqrjd", isFocused: "uv_6tpqrje" };
|
|
13
|
-
var textPie = createRuntimeFn({ defaultClassName: "uv_6tpqrjf", variantClassNames: { isFocused: {
|
|
13
|
+
var textPie = createRuntimeFn({ defaultClassName: "uv_6tpqrjf", variantClassNames: { isFocused: { false: "uv_6tpqrjg", true: "uv_6tpqrjh" } }, defaultVariants: {}, compoundVariants: [] });
|
|
14
14
|
var toggleBoxPie = "uv_6tpqrji";
|
|
15
15
|
var linePie = "uv_6tpqrjj";
|
|
16
|
-
var progressiveLinePie = createRuntimeFn({ defaultClassName: "uv_6tpqrjk", variantClassNames: { isFocused: {
|
|
16
|
+
var progressiveLinePie = createRuntimeFn({ defaultClassName: "uv_6tpqrjk", variantClassNames: { isFocused: { false: "uv_6tpqrjl", true: "uv_6tpqrjm" } }, defaultVariants: {}, compoundVariants: [] });
|
|
17
17
|
var listTooltipPie = "uv_6tpqrjn";
|
|
18
18
|
var itemTooltipPie = "uv_6tpqrjo";
|
|
19
19
|
export {
|
|
@@ -19,16 +19,16 @@ export declare const popover: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
|
19
19
|
};
|
|
20
20
|
size: {
|
|
21
21
|
large: {
|
|
22
|
-
width: string;
|
|
23
22
|
maxWidth: string;
|
|
23
|
+
width: string;
|
|
24
24
|
};
|
|
25
25
|
medium: {
|
|
26
|
-
width: string;
|
|
27
26
|
maxWidth: string;
|
|
27
|
+
width: string;
|
|
28
28
|
};
|
|
29
29
|
small: {
|
|
30
|
-
width: string;
|
|
31
30
|
maxWidth: string;
|
|
31
|
+
width: string;
|
|
32
32
|
};
|
|
33
33
|
};
|
|
34
34
|
}>;
|
|
@@ -183,7 +183,7 @@ const computePositions = ({
|
|
|
183
183
|
case "bottom": {
|
|
184
184
|
const positionX = isAligned ? overloadedChildrenLeft : overloadedChildrenLeft + childrenWidth / 2 - popupWidth / 2;
|
|
185
185
|
const positionY = overloadedChildrenTop + scrollTopValue + childrenHeight + arrowWidth + SPACE;
|
|
186
|
-
const computedPositionX =
|
|
186
|
+
const computedPositionX = isAligned ? positionX : positionX + popupOverflow;
|
|
187
187
|
const finalPositionX = isPopupPortalTargetBody ? Math.max(computedPositionX, 0) : computedPositionX;
|
|
188
188
|
return {
|
|
189
189
|
arrowLeft: isAligned ? childrenWidth / 2 - arrowWidth : popupWidth / 2 + popupOverflow * -1,
|
|
@@ -257,7 +257,7 @@ const computePositions = ({
|
|
|
257
257
|
default: {
|
|
258
258
|
const positionX = isAligned ? overloadedChildrenLeft : overloadedChildrenLeft + childrenWidth / 2 - popupWidth / 2;
|
|
259
259
|
const positionY = overloadedChildrenTop + scrollTopValue - popupHeight - arrowWidth - SPACE;
|
|
260
|
-
const computedPositionX =
|
|
260
|
+
const computedPositionX = isAligned ? positionX : positionX + popupOverflow;
|
|
261
261
|
const finalPositionX = isPopupPortalTargetBody ? Math.max(computedPositionX, 0) : computedPositionX;
|
|
262
262
|
return {
|
|
263
263
|
arrowLeft: isAligned ? childrenWidth / 2 - arrowWidth : popupWidth / 2 + popupOverflow * -1,
|
|
@@ -117,26 +117,26 @@ const Popup = forwardRef(
|
|
|
117
117
|
}, [onWindowChangeDetected]);
|
|
118
118
|
const closePopup = useCallback(() => {
|
|
119
119
|
const closeFunction = () => {
|
|
120
|
-
if (
|
|
120
|
+
if (disableAnimation) {
|
|
121
|
+
onClose?.();
|
|
122
|
+
unmountPopupFromDom();
|
|
123
|
+
} else {
|
|
121
124
|
setReverseAnimation(true);
|
|
122
125
|
timer.current = setTimeout(() => {
|
|
123
126
|
onClose?.();
|
|
124
127
|
unmountPopupFromDom();
|
|
125
128
|
}, animationDuration);
|
|
126
|
-
} else {
|
|
127
|
-
onClose?.();
|
|
128
|
-
unmountPopupFromDom();
|
|
129
129
|
}
|
|
130
130
|
};
|
|
131
|
-
if (
|
|
131
|
+
if (disableAnimation) {
|
|
132
|
+
closeFunction();
|
|
133
|
+
} else {
|
|
132
134
|
debounceTimer.current = setTimeout(
|
|
133
135
|
() => {
|
|
134
136
|
closeFunction();
|
|
135
137
|
},
|
|
136
138
|
debounceDelay && !disableAnimation ? debounceDelay : 0
|
|
137
139
|
);
|
|
138
|
-
} else {
|
|
139
|
-
closeFunction();
|
|
140
140
|
}
|
|
141
141
|
}, [
|
|
142
142
|
animationDuration,
|
|
@@ -305,10 +305,10 @@ const Popup = forwardRef(
|
|
|
305
305
|
const renderChildren = useCallback(() => {
|
|
306
306
|
if (typeof children === "function") {
|
|
307
307
|
return children({
|
|
308
|
-
onBlur:
|
|
309
|
-
onFocus:
|
|
310
|
-
onPointerEnter:
|
|
311
|
-
onPointerLeave:
|
|
308
|
+
onBlur: isControlled ? noop : onPointerEvent(false),
|
|
309
|
+
onFocus: isControlled ? noop : onPointerEvent(true),
|
|
310
|
+
onPointerEnter: isControlled ? noop : onPointerEvent(true),
|
|
311
|
+
onPointerLeave: isControlled ? noop : onPointerEvent(false),
|
|
312
312
|
ref: childrenRef
|
|
313
313
|
});
|
|
314
314
|
}
|
|
@@ -322,13 +322,13 @@ const Popup = forwardRef(
|
|
|
322
322
|
fullHeight: containerFullHeight,
|
|
323
323
|
fullWidth: containerFullWidth
|
|
324
324
|
}),
|
|
325
|
-
onBlur:
|
|
326
|
-
onFocus:
|
|
325
|
+
onBlur: isControlled ? noop : onPointerEvent(false),
|
|
326
|
+
onFocus: isControlled ? noop : onPointerEvent(true),
|
|
327
327
|
onKeyDown: (event) => {
|
|
328
328
|
onKeyDown?.(event);
|
|
329
329
|
},
|
|
330
|
-
onPointerEnter:
|
|
331
|
-
onPointerLeave:
|
|
330
|
+
onPointerEnter: isControlled ? noop : onPointerEvent(true),
|
|
331
|
+
onPointerLeave: isControlled ? noop : onPointerEvent(false),
|
|
332
332
|
ref: childrenRef,
|
|
333
333
|
tabIndex,
|
|
334
334
|
children
|
|
@@ -370,17 +370,17 @@ const Popup = forwardRef(
|
|
|
370
370
|
className,
|
|
371
371
|
popup({
|
|
372
372
|
hasArrow,
|
|
373
|
-
visibleInDom:
|
|
373
|
+
visibleInDom: dynamicDomRendering ? void 0 : visibleInDom
|
|
374
374
|
}),
|
|
375
375
|
isAnimated ? animationPopup[reverseAnimation ? "reverse" : "notReverse"] : ""
|
|
376
376
|
),
|
|
377
377
|
"data-testid": dataTestId,
|
|
378
|
-
"data-visible-in-dom":
|
|
378
|
+
"data-visible-in-dom": dynamicDomRendering ? void 0 : visibleInDom,
|
|
379
379
|
id: generatedId,
|
|
380
380
|
onClick: stopClickPropagation,
|
|
381
381
|
onKeyDown: role === "dialog" ? handleFocusTrap : void 0,
|
|
382
|
-
onPointerEnter:
|
|
383
|
-
onPointerLeave:
|
|
382
|
+
onPointerEnter: isControlled ? noop : onPointerEvent(true),
|
|
383
|
+
onPointerLeave: isControlled ? noop : onPointerEvent(false),
|
|
384
384
|
ref: innerPopupRef,
|
|
385
385
|
role,
|
|
386
386
|
style: {
|
|
@@ -10,16 +10,16 @@ export declare const popup: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
|
10
10
|
true: {
|
|
11
11
|
selectors: {
|
|
12
12
|
'&::after': {
|
|
13
|
+
borderColor: `var(--${string}) transparent transparent transparent`;
|
|
14
|
+
borderStyle: "solid";
|
|
15
|
+
borderWidth: "8px";
|
|
13
16
|
content: " ";
|
|
14
|
-
position: "absolute";
|
|
15
|
-
top: `var(--${string})`;
|
|
16
17
|
left: `var(--${string})`;
|
|
17
|
-
transform: `var(--${string})`;
|
|
18
18
|
marginLeft: "-8px";
|
|
19
|
-
borderWidth: "8px";
|
|
20
|
-
borderStyle: "solid";
|
|
21
|
-
borderColor: `var(--${string}) transparent transparent transparent`;
|
|
22
19
|
pointerEvents: "none";
|
|
20
|
+
position: "absolute";
|
|
21
|
+
top: `var(--${string})`;
|
|
22
|
+
transform: `var(--${string})`;
|
|
23
23
|
};
|
|
24
24
|
};
|
|
25
25
|
};
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
|
|
4
4
|
var containerPopup = createRuntimeFn({ defaultClassName: "uv_w40vpo2", variantClassNames: { hasMaxHeight: { true: "uv_w40vpo3" } }, defaultVariants: {}, compoundVariants: [] });
|
|
5
5
|
var popup = createRuntimeFn({ defaultClassName: "uv_w40vpo4", variantClassNames: { hasArrow: { true: "uv_w40vpo5" }, visibleInDom: { false: "uv_w40vpo6" } }, defaultVariants: { hasArrow: true, visibleInDom: true }, compoundVariants: [] });
|
|
6
|
-
var animationPopup = {
|
|
6
|
+
var animationPopup = { notReverse: "uv_w40vpo7", reverse: "uv_w40vpo8" };
|
|
7
7
|
var childrenContainerPopup = createRuntimeFn({ defaultClassName: "uv_w40vpo9", variantClassNames: { fullHeight: { true: "uv_w40vpoa" }, fullWidth: { true: "uv_w40vpob" } }, defaultVariants: {}, compoundVariants: [] });
|
|
8
8
|
export {
|
|
9
9
|
animationPopup,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAwB5C,KAAK,UAAU,GAAG;IAChB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,GAAG,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,CAAC,GACnE,IAAI,CACF,mBAAmB,CAAC,gBAAgB,CAAC,EACnC,SAAS,GACT,QAAQ,GACR,UAAU,GACV,WAAW,GACX,WAAW,GACX,IAAI,GACJ,MAAM,GACN,UAAU,GACV,UAAU,GACV,SAAS,GACT,SAAS,GACT,OAAO,CACV,GACD,SAAS,CAAA;AAEX;;GAEG;AACH,eAAO,MAAM,KAAK,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAwB5C,KAAK,UAAU,GAAG;IAChB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,GAAG,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,CAAC,GACnE,IAAI,CACF,mBAAmB,CAAC,gBAAgB,CAAC,EACnC,SAAS,GACT,QAAQ,GACR,UAAU,GACV,WAAW,GACX,WAAW,GACX,IAAI,GACJ,MAAM,GACN,UAAU,GACV,UAAU,GACV,SAAS,GACT,SAAS,GACT,OAAO,CACV,GACD,SAAS,CAAA;AAEX;;GAEG;AACH,eAAO,MAAM,KAAK,yGAiGjB,CAAA"}
|