@ultraviolet/ui 3.6.0 → 3.7.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/Avatar/styles.css.js +1 -0
- package/dist/components/Avatar/variables.css.js +0 -1
- package/dist/components/Checkbox/index.d.ts.map +1 -1
- package/dist/components/Checkbox/index.js +2 -1
- package/dist/components/Checkbox/styles.css.d.ts +4 -3
- package/dist/components/Checkbox/styles.css.d.ts.map +1 -1
- package/dist/components/Checkbox/styles.css.js +12 -5
- package/dist/components/CheckboxGroup/index.js +2 -2
- package/dist/components/CheckboxGroup/styles.css.d.ts +1 -1
- package/dist/components/CheckboxGroup/styles.css.d.ts.map +1 -1
- package/dist/components/CheckboxGroup/styles.css.js +2 -2
- package/dist/components/Drawer/index.d.ts.map +1 -1
- package/dist/components/Drawer/index.js +2 -2
- package/dist/components/Drawer/styles.css.d.ts +1 -0
- package/dist/components/Drawer/styles.css.d.ts.map +1 -1
- package/dist/components/Drawer/styles.css.js +2 -2
- package/dist/components/ExpandableCard/styles.css.d.ts +2 -2
- package/dist/components/ExpandableCard/styles.css.d.ts.map +1 -1
- package/dist/components/ExpandableCard/styles.css.js +5 -5
- package/dist/components/LineChart/CustomLegend.d.ts.map +1 -1
- package/dist/components/LineChart/CustomLegend.js +13 -4
- package/dist/components/LineChart/Tooltip.d.ts +3 -1
- package/dist/components/LineChart/Tooltip.d.ts.map +1 -1
- package/dist/components/LineChart/Tooltip.js +7 -3
- package/dist/components/LineChart/index.d.ts +6 -2
- package/dist/components/LineChart/index.d.ts.map +1 -1
- package/dist/components/LineChart/index.js +14 -1
- package/dist/components/LineChart/styles.css.d.ts +2 -0
- package/dist/components/LineChart/styles.css.d.ts.map +1 -1
- package/dist/components/LineChart/styles.css.js +6 -2
- package/dist/components/List/styles.css.d.ts +1 -1
- package/dist/components/List/styles.css.d.ts.map +1 -1
- package/dist/components/List/styles.css.js +3 -4
- package/dist/components/Menu/MenuContent.d.ts.map +1 -1
- package/dist/components/Menu/MenuContent.js +4 -0
- package/dist/components/Menu/components/Item.d.ts.map +1 -1
- package/dist/components/Menu/components/Item.js +4 -0
- package/dist/components/Modal/styles.css.d.ts.map +1 -1
- package/dist/components/Modal/styles.css.js +1 -0
- package/dist/components/Popup/styles.css.js +1 -0
- package/dist/components/Popup/variables.css.js +0 -1
- package/dist/components/ProgressBar/styles.css.js +1 -0
- package/dist/components/ProgressBar/variables.css.js +0 -1
- package/dist/components/Radio/index.d.ts.map +1 -1
- package/dist/components/Radio/index.js +10 -3
- package/dist/components/Radio/styles.css.d.ts +2 -1
- package/dist/components/Radio/styles.css.d.ts.map +1 -1
- package/dist/components/Radio/styles.css.js +10 -5
- package/dist/components/SearchInput/styles.css.d.ts.map +1 -1
- package/dist/components/SearchInput/styles.css.js +0 -1
- package/dist/components/SelectInput/components/selectBar.css.d.ts.map +1 -1
- package/dist/components/SelectInput/components/selectBar.css.js +2 -0
- package/dist/components/SelectableCard/index.d.ts.map +1 -1
- package/dist/components/SelectableCard/index.js +2 -2
- package/dist/components/SelectableCard/styles.css.d.ts +2 -1
- package/dist/components/SelectableCard/styles.css.d.ts.map +1 -1
- package/dist/components/SelectableCard/styles.css.js +4 -5
- package/dist/components/SelectableCardOptionGroup/styles.css.d.ts.map +1 -1
- package/dist/components/SelectableCardOptionGroup/styles.css.js +0 -2
- package/dist/components/SwitchButton/Option.d.ts.map +1 -1
- package/dist/components/SwitchButton/Option.js +6 -2
- package/dist/components/SwitchButton/styles.css.d.ts +2 -1
- package/dist/components/SwitchButton/styles.css.d.ts.map +1 -1
- package/dist/components/SwitchButton/styles.css.js +6 -2
- package/dist/components/Table/Row.d.ts.map +1 -1
- package/dist/components/Table/Row.js +6 -2
- package/dist/components/Table/styles.css.d.ts +1 -0
- package/dist/components/Table/styles.css.d.ts.map +1 -1
- package/dist/components/Table/styles.css.js +2 -0
- package/dist/components/Tabs/styles.css.d.ts +2 -2
- package/dist/components/Tabs/styles.css.d.ts.map +1 -1
- package/dist/components/Tabs/styles.css.js +4 -4
- package/dist/components/TagList/index.d.ts.map +1 -1
- package/dist/components/TagList/index.js +3 -3
- package/dist/components/TagList/styles.css.d.ts +1 -0
- package/dist/components/TagList/styles.css.d.ts.map +1 -1
- package/dist/components/TagList/styles.css.js +3 -1
- package/dist/components/Text/style.css.js +1 -0
- package/dist/components/Text/variables.css.js +0 -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/TextInput/styles.css.js +4 -3
- package/dist/components/UnitInput/styles.css.d.ts.map +1 -1
- package/dist/components/UnitInput/styles.css.js +0 -1
- package/dist/components/compositions/OptionSelector/RevealOnHover.d.ts.map +1 -1
- package/dist/components/compositions/OptionSelector/RevealOnHover.js +4 -4
- package/dist/components/compositions/OptionSelector/styles.css.d.ts.map +1 -1
- package/dist/ui.css +1 -1
- package/package.json +10 -8
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/* empty css */
|
|
1
2
|
/* empty css */
|
|
2
3
|
import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
|
|
3
4
|
var containerAvatar = createRuntimeFn({ defaultClassName: "uv_19x8y1k0", variantClassNames: { sentiment: { neutral: "uv_19x8y1k1", primary: "uv_19x8y1k2" }, shape: { circle: "uv_19x8y1k3", square: "uv_19x8y1k4" }, size: { large: "uv_19x8y1k5", medium: "uv_19x8y1k6", small: "uv_19x8y1k7", xsmall: "uv_19x8y1k8" } }, defaultVariants: {}, compoundVariants: [[{ shape: "square", size: "large" }, "uv_19x8y1k9"], [{ shape: "square", size: "medium" }, "uv_19x8y1ka"], [{ shape: "square", size: "small" }, "uv_19x8y1kb"], [{ shape: "square", size: "xsmall" }, "uv_19x8y1kc"]] });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAmC3D,KAAK,SAAS,GACV;IACE,QAAQ,EAAE,SAAS,CAAA;IACnB,YAAY,CAAC,EAAE,KAAK,CAAA;CACrB,GACD;IACE,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB,YAAY,EAAE,MAAM,CAAA;CACrB,CAAA;AAEL,KAAK,aAAa,GAAG;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,GAAG,eAAe,CAAA;IACnC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,CAAC,iBAAiB,CAAC,CAAC,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,GAAG,IAAI,CACN,mBAAmB,CAAC,gBAAgB,CAAC,EACnC,WAAW,GACX,IAAI,GACJ,MAAM,GACN,QAAQ,GACR,UAAU,GACV,SAAS,GACT,SAAS,GACT,UAAU,GACV,OAAO,GACP,OAAO,CACV,GACC,SAAS,CAAA;AAEX;;GAEG;AACH,eAAO,MAAM,QAAQ,4GAqJpB,CAAA"}
|
|
@@ -6,7 +6,7 @@ import { forwardRef, useId } from "react";
|
|
|
6
6
|
import { Stack } from "../Stack/index.js";
|
|
7
7
|
import { Text } from "../Text/index.js";
|
|
8
8
|
import { Tooltip } from "../Tooltip/index.js";
|
|
9
|
-
import { checkboxInput, icon, checkMixedMark, label, errorText, checkboxContainer, innerCheckbox } from "./styles.css.js";
|
|
9
|
+
import { checkboxInput, icon, iconPath, checkMixedMark, label, errorText, checkboxContainer, innerCheckbox } from "./styles.css.js";
|
|
10
10
|
const CheckboxIconContainer = ({ children }) => {
|
|
11
11
|
const theme = useTheme();
|
|
12
12
|
return /* @__PURE__ */ jsxs("g", { children: [
|
|
@@ -88,6 +88,7 @@ const Checkbox = forwardRef(
|
|
|
88
88
|
/* @__PURE__ */ jsx("svg", { className: icon, fill: "none", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx(CheckboxIconContainer, { children: checked !== "indeterminate" ? /* @__PURE__ */ jsx(
|
|
89
89
|
"path",
|
|
90
90
|
{
|
|
91
|
+
className: iconPath,
|
|
91
92
|
clipRule: "evenodd",
|
|
92
93
|
d: "M15.6678 5.26709C16.0849 5.6463 16.113 6.28907 15.7307 6.70276L9.29172 13.6705C9.10291 13.8748 8.83818 13.9937 8.55884 13.9998C8.2795 14.0058 8.0098 13.8984 7.81223 13.7024L4.30004 10.2185C3.89999 9.82169 3.89999 9.17831 4.30004 8.78149C4.70009 8.38467 5.34869 8.38467 5.74874 8.78149L8.50441 11.5149L14.2205 5.32951C14.6028 4.91583 15.2508 4.88788 15.6678 5.26709Z",
|
|
93
94
|
fill: "white",
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
export declare const errorText: string;
|
|
2
|
+
export declare const checkboxContainer: string;
|
|
3
|
+
export declare const checkboxInput: string;
|
|
4
|
+
export declare const icon: string;
|
|
2
5
|
export declare const innerCheckbox: string;
|
|
6
|
+
export declare const iconPath: string;
|
|
3
7
|
export declare const checkMixedMark: string;
|
|
4
|
-
export declare const icon: string;
|
|
5
8
|
export declare const label: string;
|
|
6
|
-
export declare const checkboxInput: string;
|
|
7
|
-
export declare const checkboxContainer: string;
|
|
8
9
|
//# sourceMappingURL=styles.css.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/styles.css.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/styles.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,SAAS,QAEpB,CAAA;AAEF,eAAO,MAAM,iBAAiB,QAa5B,CAAA;AACF,eAAO,MAAM,aAAa,QAexB,CAAA;AAEF,eAAO,MAAM,IAAI,QA+Cf,CAAA;AAEF,eAAO,MAAM,aAAa,QA2FxB,CAAA;AAEF,eAAO,MAAM,QAAQ,QAUnB,CAAA;AAEF,eAAO,MAAM,cAAc,QAMzB,CAAA;AAEF,eAAO,MAAM,KAAK,QAWhB,CAAA"}
|
|
@@ -1,17 +1,24 @@
|
|
|
1
|
+
/* empty css */
|
|
2
|
+
/* empty css */
|
|
3
|
+
/* empty css */
|
|
4
|
+
/* empty css */
|
|
5
|
+
/* empty css */
|
|
1
6
|
/* empty css */
|
|
2
7
|
var errorText = "uv_9pjq8o0";
|
|
3
|
-
var
|
|
4
|
-
var
|
|
8
|
+
var checkboxContainer = "uv_9pjq8o1";
|
|
9
|
+
var checkboxInput = "uv_9pjq8o2";
|
|
5
10
|
var icon = "uv_9pjq8o3";
|
|
6
|
-
var
|
|
7
|
-
var
|
|
8
|
-
var
|
|
11
|
+
var innerCheckbox = "uv_9pjq8o4";
|
|
12
|
+
var iconPath = "uv_9pjq8o5";
|
|
13
|
+
var checkMixedMark = "uv_9pjq8o6";
|
|
14
|
+
var label = "uv_9pjq8o7";
|
|
9
15
|
export {
|
|
10
16
|
checkMixedMark,
|
|
11
17
|
checkboxContainer,
|
|
12
18
|
checkboxInput,
|
|
13
19
|
errorText,
|
|
14
20
|
icon,
|
|
21
|
+
iconPath,
|
|
15
22
|
innerCheckbox,
|
|
16
23
|
label
|
|
17
24
|
};
|
|
@@ -6,7 +6,7 @@ import { Checkbox } from "../Checkbox/index.js";
|
|
|
6
6
|
import { Label } from "../Label/index.js";
|
|
7
7
|
import { Stack } from "../Stack/index.js";
|
|
8
8
|
import { Text } from "../Text/index.js";
|
|
9
|
-
import { fieldset,
|
|
9
|
+
import { fieldset, checkboxGroup } from "./styles.css.js";
|
|
10
10
|
const CheckboxGroupContext = createContext(void 0);
|
|
11
11
|
const CheckboxGroupCheckbox = ({
|
|
12
12
|
onFocus,
|
|
@@ -38,7 +38,7 @@ const CheckboxGroupCheckbox = ({
|
|
|
38
38
|
{
|
|
39
39
|
autoFocus,
|
|
40
40
|
checked: groupValues?.includes(checkboxValue),
|
|
41
|
-
className: cn(className,
|
|
41
|
+
className: cn(className, checkboxGroup),
|
|
42
42
|
"data-testid": dataTestId,
|
|
43
43
|
disabled,
|
|
44
44
|
error: error || errorContext,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/CheckboxGroup/styles.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,QAInB,CAAA;AAEF,eAAO,MAAM,
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/CheckboxGroup/styles.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,QAInB,CAAA;AAEF,eAAO,MAAM,aAAa,QAAY,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAKhC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAKhC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAW5C,KAAK,WAAW,GAAG,IAAI,CACrB,cAAc,CAAC,OAAO,KAAK,CAAC,EAC1B,WAAW,GACX,UAAU,GACV,WAAW,GACX,aAAa,GACb,YAAY,GACZ,oBAAoB,GACpB,WAAW,GACX,IAAI,GACJ,SAAS,GACT,MAAM,GACN,YAAY,GACZ,OAAO,CACV,GAAG;IACF,MAAM,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAA;IAC/B,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAA;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,4CAElE,CAAA;AAED,eAAO,MAAM,UAAU,GAAI,6LAkBxB,WAAW,4CAqEb,CAAA;AAED,eAAO,MAAM,MAAM,iMAvEhB,WAAW;4BAtB8B;QAAE,QAAQ,EAAE,SAAS,CAAA;KAAE;CA+FjE,CAAA"}
|
|
@@ -5,7 +5,7 @@ import { Modal } from "../Modal/index.js";
|
|
|
5
5
|
import { Separator } from "../Separator/index.js";
|
|
6
6
|
import { Stack } from "../Stack/index.js";
|
|
7
7
|
import { Text } from "../Text/index.js";
|
|
8
|
-
import { drawerContentWrapper, drawerChildrenWrapper, drawerFooter, drawer, drawerContent, drawerHeader } from "./styles.css.js";
|
|
8
|
+
import { drawerContentWrapper, drawerChildrenWrapper, drawerFooter, drawer, drawerBase, drawerContent, drawerHeader } from "./styles.css.js";
|
|
9
9
|
const DrawerContent = ({ children }) => /* @__PURE__ */ jsx("div", { className: drawerContent, children });
|
|
10
10
|
const BaseDrawer = ({
|
|
11
11
|
size = "medium",
|
|
@@ -60,7 +60,7 @@ const BaseDrawer = ({
|
|
|
60
60
|
{
|
|
61
61
|
ariaLabel,
|
|
62
62
|
backdropClassName: "backdrop-drawer",
|
|
63
|
-
className: cn(className, drawer[size]),
|
|
63
|
+
className: cn(className, drawer[size], drawerBase),
|
|
64
64
|
"data-size": size,
|
|
65
65
|
"data-testid": dataTestId,
|
|
66
66
|
disclosure,
|
|
@@ -10,4 +10,5 @@ export declare const drawerChildrenWrapper: string;
|
|
|
10
10
|
export declare const drawerContent: string;
|
|
11
11
|
export declare const drawerHeader: string;
|
|
12
12
|
export declare const drawerFooter: string;
|
|
13
|
+
export declare const drawerBase: string;
|
|
13
14
|
//# sourceMappingURL=styles.css.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/styles.css.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,KAAK;;;;CAIjB,CAAA;AAYD,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,KAAK,CAAA;AAyBzC,eAAO,MAAM,MAAM,8CAIjB,CAAA;AAEF,eAAO,MAAM,oBAAoB,QAG/B,CAAA;AAEF,eAAO,MAAM,qBAAqB,QAGhC,CAAA;AAEF,eAAO,MAAM,aAAa,QAExB,CAAA;AAEF,eAAO,MAAM,YAAY,QAGvB,CAAA;AAEF,eAAO,MAAM,YAAY,QAGvB,CAAA;AAEF,eAAO,MAAM,UAAU,QAAY,CAAA"}
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
/* empty css */
|
|
2
|
-
/* empty css */
|
|
3
1
|
/* empty css */
|
|
4
2
|
var drawer = { large: "uv_1iezf7y3", medium: "uv_1iezf7y4", small: "uv_1iezf7y5" };
|
|
5
3
|
var drawerContentWrapper = "uv_1iezf7y6";
|
|
@@ -7,8 +5,10 @@ var drawerChildrenWrapper = "uv_1iezf7y7";
|
|
|
7
5
|
var drawerContent = "uv_1iezf7y8";
|
|
8
6
|
var drawerHeader = "uv_1iezf7y9";
|
|
9
7
|
var drawerFooter = "uv_1iezf7ya";
|
|
8
|
+
var drawerBase = "uv_1iezf7yb";
|
|
10
9
|
export {
|
|
11
10
|
drawer,
|
|
11
|
+
drawerBase,
|
|
12
12
|
drawerChildrenWrapper,
|
|
13
13
|
drawerContent,
|
|
14
14
|
drawerContentWrapper,
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
export declare const arrowIcon: string;
|
|
2
1
|
export declare const dropableArea: string;
|
|
3
2
|
export declare const summaryClass: string;
|
|
3
|
+
export declare const stackClass: string;
|
|
4
4
|
export declare const detailsClass: string;
|
|
5
|
+
export declare const arrowIcon: string;
|
|
5
6
|
export declare const content: string;
|
|
6
|
-
export declare const stackClass: string;
|
|
7
7
|
export declare const dragIconContainer: string;
|
|
8
8
|
//# sourceMappingURL=styles.css.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/ExpandableCard/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/ExpandableCard/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,QA2BvB,CAAA;AAEF,eAAO,MAAM,YAAY,QAgBvB,CAAA;AAEF,eAAO,MAAM,UAAU,QAErB,CAAA;AAEF,eAAO,MAAM,YAAY,QAkBvB,CAAA;AAEF,eAAO,MAAM,SAAS,QAOpB,CAAA;AAEF,eAAO,MAAM,OAAO,QAQlB,CAAA;AAEF,eAAO,MAAM,iBAAiB,QAmB5B,CAAA"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
/* empty css */
|
|
2
|
-
var
|
|
3
|
-
var
|
|
4
|
-
var
|
|
2
|
+
var dropableArea = "uv_jd0jfn0";
|
|
3
|
+
var summaryClass = "uv_jd0jfn1";
|
|
4
|
+
var stackClass = "uv_jd0jfn2";
|
|
5
5
|
var detailsClass = "uv_jd0jfn3";
|
|
6
|
-
var
|
|
7
|
-
var
|
|
6
|
+
var arrowIcon = "uv_jd0jfn4";
|
|
7
|
+
var content = "uv_jd0jfn5";
|
|
8
8
|
var dragIconContainer = "uv_jd0jfn6";
|
|
9
9
|
export {
|
|
10
10
|
arrowIcon,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomLegend.d.ts","sourceRoot":"","sources":["../../../src/components/LineChart/CustomLegend.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAC5C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;
|
|
1
|
+
{"version":3,"file":"CustomLegend.d.ts","sourceRoot":"","sources":["../../../src/components/LineChart/CustomLegend.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAC5C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAuCvC,KAAK,WAAW,GAAG,CAAC,KAAK,EAAE,UAAU,KAAK,MAAM,CAAA;AAIhD,KAAK,iBAAiB,GAAG;IACvB,eAAe,CAAC,EAAE,WAAW,CAAA;IAC7B,IAAI,CAAC,EAAE,KAAK,EAAE,CAAA;IACd,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACzC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,yFAO1B,iBAAiB,4CA2DnB,CAAA"}
|
|
@@ -7,8 +7,17 @@ import { getLegendColor } from "../../helpers/legend.js";
|
|
|
7
7
|
import { Checkbox } from "../Checkbox/index.js";
|
|
8
8
|
import { Text } from "../Text/index.js";
|
|
9
9
|
import { getSelected, getMin, getMax, getAverage, getCurrent } from "./helpers.js";
|
|
10
|
-
import { lineChartHead, longContainer, lineChartBody, lineChartRow, cellValueContainer, lineChartLegend, backgroundColorLegend, container, textLegend } from "./styles.css.js";
|
|
11
|
-
const Cell = ({ value, variant }) => /* @__PURE__ */ jsx(
|
|
10
|
+
import { lineChartHead, longContainer, lineChartHeadTitle, lineChartBody, lineChartRow, cellValueContainer, lineChartLegend, backgroundColorLegend, lineChartRowContent, container, textLegend } from "./styles.css.js";
|
|
11
|
+
const Cell = ({ value, variant }) => /* @__PURE__ */ jsx(
|
|
12
|
+
Text,
|
|
13
|
+
{
|
|
14
|
+
as: "span",
|
|
15
|
+
className: cn(textLegend, lineChartHeadTitle),
|
|
16
|
+
sentiment: "neutral",
|
|
17
|
+
variant,
|
|
18
|
+
children: value
|
|
19
|
+
}
|
|
20
|
+
);
|
|
12
21
|
const noop = (value) => value.toString();
|
|
13
22
|
const CustomLegend = ({
|
|
14
23
|
axisTransformer = noop,
|
|
@@ -19,7 +28,7 @@ const CustomLegend = ({
|
|
|
19
28
|
"data-testid": dataTestId
|
|
20
29
|
}) => /* @__PURE__ */ jsxs("div", { className: cn(className, container), "data-testid": dataTestId, children: [
|
|
21
30
|
/* @__PURE__ */ jsxs("div", { className: lineChartHead, children: [
|
|
22
|
-
/* @__PURE__ */ jsx("div", { className: longContainer, children: "Legend" }),
|
|
31
|
+
/* @__PURE__ */ jsx("div", { className: cn(longContainer, lineChartHeadTitle), children: "Legend" }),
|
|
23
32
|
/* @__PURE__ */ jsx(Cell, { value: "Minimum", variant: "body" }),
|
|
24
33
|
/* @__PURE__ */ jsx(Cell, { value: "Maximum", variant: "body" }),
|
|
25
34
|
/* @__PURE__ */ jsx(Cell, { value: "Average", variant: "body" }),
|
|
@@ -34,7 +43,7 @@ const CustomLegend = ({
|
|
|
34
43
|
{
|
|
35
44
|
className: lineChartRow,
|
|
36
45
|
children: [
|
|
37
|
-
/* @__PURE__ */ jsx("div", { className: longContainer, children: /* @__PURE__ */ jsx(
|
|
46
|
+
/* @__PURE__ */ jsx("div", { className: cn(longContainer, lineChartRowContent), children: /* @__PURE__ */ jsx(
|
|
38
47
|
Checkbox,
|
|
39
48
|
{
|
|
40
49
|
checked: selected.includes(labelIndexed),
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import type { Point } from '@nivo/line';
|
|
2
2
|
type LineChartTooltipProps = {
|
|
3
3
|
point: Point;
|
|
4
|
+
xFormatted?: string;
|
|
5
|
+
yFormatted?: string;
|
|
4
6
|
};
|
|
5
|
-
export declare const LineChartTooltip: ({ point }: LineChartTooltipProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export declare const LineChartTooltip: ({ point, xFormatted, yFormatted, }: LineChartTooltipProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
8
|
export {};
|
|
7
9
|
//# sourceMappingURL=Tooltip.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/LineChart/Tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAKvC,KAAK,qBAAqB,GAAG;
|
|
1
|
+
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/LineChart/Tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAKvC,KAAK,qBAAqB,GAAG;IAC3B,KAAK,EAAE,KAAK,CAAA;IACZ,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,gBAAgB,GAAI,oCAI9B,qBAAqB,4CA6BvB,CAAA"}
|
|
@@ -3,7 +3,11 @@ import { jsxs, jsx } from "react/jsx-runtime";
|
|
|
3
3
|
import { assignInlineVars } from "@vanilla-extract/dynamic";
|
|
4
4
|
import { Text } from "../Text/index.js";
|
|
5
5
|
import { lineTooltipContainer, lineColorSquare, colorLine } from "./styles.css.js";
|
|
6
|
-
const LineChartTooltip = ({
|
|
6
|
+
const LineChartTooltip = ({
|
|
7
|
+
point,
|
|
8
|
+
xFormatted,
|
|
9
|
+
yFormatted
|
|
10
|
+
}) => /* @__PURE__ */ jsxs("div", { className: lineTooltipContainer, children: [
|
|
7
11
|
/* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
|
|
8
12
|
"span",
|
|
9
13
|
{
|
|
@@ -21,7 +25,7 @@ const LineChartTooltip = ({ point }) => /* @__PURE__ */ jsxs("div", { className:
|
|
|
21
25
|
prominence: "stronger",
|
|
22
26
|
sentiment: "neutral",
|
|
23
27
|
variant: "bodyStronger",
|
|
24
|
-
children: point.data.yFormatted
|
|
28
|
+
children: yFormatted ?? point.data.yFormatted
|
|
25
29
|
}
|
|
26
30
|
),
|
|
27
31
|
/* @__PURE__ */ jsx(
|
|
@@ -31,7 +35,7 @@ const LineChartTooltip = ({ point }) => /* @__PURE__ */ jsxs("div", { className:
|
|
|
31
35
|
prominence: "stronger",
|
|
32
36
|
sentiment: "neutral",
|
|
33
37
|
variant: "bodySmall",
|
|
34
|
-
children: point.data.xFormatted
|
|
38
|
+
children: xFormatted ?? point.data.xFormatted
|
|
35
39
|
}
|
|
36
40
|
)
|
|
37
41
|
] })
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import type { DatumValue, Box as NivoBox, ValueFormat } from '@nivo/core';
|
|
2
|
-
import type { LineSvgProps, Serie } from '@nivo/line';
|
|
2
|
+
import type { LineSvgProps, Point, Serie } from '@nivo/line';
|
|
3
3
|
import type { ScaleSpec } from '@nivo/scales';
|
|
4
4
|
import type { ComponentProps, CSSProperties } from 'react';
|
|
5
5
|
import { CustomLegend } from './CustomLegend';
|
|
6
|
+
import { LineChartTooltip } from './Tooltip';
|
|
6
7
|
type LineChartProps = {
|
|
7
8
|
height?: string | number;
|
|
8
9
|
margin?: NivoBox;
|
|
@@ -10,6 +11,9 @@ type LineChartProps = {
|
|
|
10
11
|
yScale?: ScaleSpec;
|
|
11
12
|
data?: Serie[];
|
|
12
13
|
withLegend?: boolean;
|
|
14
|
+
tooltipFunction?: (props: {
|
|
15
|
+
point: Point;
|
|
16
|
+
}) => Partial<Pick<ComponentProps<typeof LineChartTooltip>, 'xFormatted' | 'yFormatted'>>;
|
|
13
17
|
axisFormatters?: Partial<Record<'bottom' | 'left' | 'right' | 'top', ComponentProps<typeof CustomLegend>['axisTransformer']>>;
|
|
14
18
|
pointFormatters?: Partial<Record<'x' | 'y', ValueFormat<DatumValue>>>;
|
|
15
19
|
tickValues?: Partial<Record<'bottom' | 'left' | 'right' | 'top', number | string>>;
|
|
@@ -22,6 +26,6 @@ type LineChartProps = {
|
|
|
22
26
|
* See https://nivo.rocks/line/ for more information.
|
|
23
27
|
* @experimental This component is experimental and may be subject to breaking changes in the future.
|
|
24
28
|
*/
|
|
25
|
-
export declare const LineChart: ({ height, margin, xScale, yScale, data, withLegend, axisFormatters, pointFormatters, tickValues, chartProps, style, "data-testid": dataTestId, }: LineChartProps) => import("react/jsx-runtime").JSX.Element;
|
|
29
|
+
export declare const LineChart: ({ height, margin, xScale, yScale, data, withLegend, tooltipFunction, axisFormatters, pointFormatters, tickValues, chartProps, style, "data-testid": dataTestId, }: LineChartProps) => import("react/jsx-runtime").JSX.Element;
|
|
26
30
|
export {};
|
|
27
31
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LineChart/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,GAAG,IAAI,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AACzE,OAAO,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LineChart/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,GAAG,IAAI,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AACzE,OAAO,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAE5D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAG7C,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAI1D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAE5C,KAAK,cAAc,GAAG;IACpB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,IAAI,CAAC,EAAE,KAAK,EAAE,CAAA;IACd,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE;QACxB,KAAK,EAAE,KAAK,CAAA;KACb,KAAK,OAAO,CACX,IAAI,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,EAAE,YAAY,GAAG,YAAY,CAAC,CAC3E,CAAA;IACD,cAAc,CAAC,EAAE,OAAO,CACtB,MAAM,CACJ,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,EACnC,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC,iBAAiB,CAAC,CACvD,CACF,CAAA;IACD,eAAe,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,GAAG,GAAG,GAAG,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,CAAA;IACrE,UAAU,CAAC,EAAE,OAAO,CAClB,MAAM,CAAC,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC,CAC7D,CAAA;IACD,UAAU,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAA;IAClC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AA0BD;;;;GAIG;AACH,eAAO,MAAM,SAAS,GAAI,mKAcvB,cAAc,4CA+EhB,CAAA"}
|
|
@@ -18,6 +18,17 @@ const DEFAULT_XSCALE = {
|
|
|
18
18
|
};
|
|
19
19
|
const DEFAULT_YSCALE = { type: "linear" };
|
|
20
20
|
const DEFAULT_CHARTPROPS = {};
|
|
21
|
+
const createCustomTooltip = (tooltipFunction) => (props) => {
|
|
22
|
+
const customProps = tooltipFunction ? tooltipFunction(props) : {};
|
|
23
|
+
return /* @__PURE__ */ jsx(
|
|
24
|
+
LineChartTooltip,
|
|
25
|
+
{
|
|
26
|
+
point: props.point,
|
|
27
|
+
xFormatted: customProps.xFormatted,
|
|
28
|
+
yFormatted: customProps.yFormatted
|
|
29
|
+
}
|
|
30
|
+
);
|
|
31
|
+
};
|
|
21
32
|
const LineChart = ({
|
|
22
33
|
height = "537px",
|
|
23
34
|
// to maintain aspect ratio based on our standard 1074px width
|
|
@@ -26,6 +37,7 @@ const LineChart = ({
|
|
|
26
37
|
yScale = DEFAULT_YSCALE,
|
|
27
38
|
data,
|
|
28
39
|
withLegend = false,
|
|
40
|
+
tooltipFunction,
|
|
29
41
|
axisFormatters,
|
|
30
42
|
pointFormatters,
|
|
31
43
|
tickValues,
|
|
@@ -54,6 +66,7 @@ const LineChart = ({
|
|
|
54
66
|
setSelected(dataset.datasets?.map(({ id }, index) => `${id}${index}`));
|
|
55
67
|
}, [dataset.datasets, selected]);
|
|
56
68
|
const localColors = getLegendColor(theme);
|
|
69
|
+
const CustomTooltip = createCustomTooltip(tooltipFunction);
|
|
57
70
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
58
71
|
/* @__PURE__ */ jsx("div", { style: { height, ...style }, children: /* @__PURE__ */ jsx(
|
|
59
72
|
ResponsiveLine,
|
|
@@ -79,7 +92,7 @@ const LineChart = ({
|
|
|
79
92
|
margin,
|
|
80
93
|
pointSize: 10,
|
|
81
94
|
theme: getNivoTheme(theme),
|
|
82
|
-
tooltip:
|
|
95
|
+
tooltip: CustomTooltip,
|
|
83
96
|
useMesh: true,
|
|
84
97
|
xFormat: pointFormatters?.x,
|
|
85
98
|
xScale,
|
|
@@ -8,6 +8,8 @@ export declare const lineTooltipContainer: string;
|
|
|
8
8
|
export declare const lineColorSquare: string;
|
|
9
9
|
export declare const lineChartBody: string;
|
|
10
10
|
export declare const lineChartHead: string;
|
|
11
|
+
export declare const lineChartHeadTitle: string;
|
|
11
12
|
export declare const lineChartLegend: string;
|
|
12
13
|
export declare const lineChartRow: string;
|
|
14
|
+
export declare const lineChartRowContent: string;
|
|
13
15
|
//# sourceMappingURL=styles.css.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/LineChart/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,oBAAc,CAAA;AACpC,eAAO,MAAM,qBAAqB,oBAAc,CAAA;AAEhD,eAAO,MAAM,UAAU,QAKrB,CAAA;AAEF,eAAO,MAAM,kBAAkB,QAG7B,CAAA;AAEF,eAAO,MAAM,aAAa,QAGxB,CAAA;AAEF,eAAO,MAAM,SAAS,QAEpB,CAAA;AAEF,eAAO,MAAM,oBAAoB,QAO/B,CAAA;AAEF,eAAO,MAAM,eAAe,QAM1B,CAAA;AAEF,eAAO,MAAM,aAAa,QAAY,CAAA;
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/LineChart/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,oBAAc,CAAA;AACpC,eAAO,MAAM,qBAAqB,oBAAc,CAAA;AAEhD,eAAO,MAAM,UAAU,QAKrB,CAAA;AAEF,eAAO,MAAM,kBAAkB,QAG7B,CAAA;AAEF,eAAO,MAAM,aAAa,QAGxB,CAAA;AAEF,eAAO,MAAM,SAAS,QAEpB,CAAA;AAEF,eAAO,MAAM,oBAAoB,QAO/B,CAAA;AAEF,eAAO,MAAM,eAAe,QAM1B,CAAA;AAEF,eAAO,MAAM,aAAa,QAAY,CAAA;AAEtC,eAAO,MAAM,aAAa,QAIxB,CAAA;AAEF,eAAO,MAAM,kBAAkB,QAM7B,CAAA;AAEF,eAAO,MAAM,eAAe,QAK1B,CAAA;AAEF,eAAO,MAAM,YAAY,QAQvB,CAAA;AAEF,eAAO,MAAM,mBAAmB,QAM9B,CAAA"}
|
|
@@ -9,8 +9,10 @@ var lineTooltipContainer = "uv_8i9lug6";
|
|
|
9
9
|
var lineColorSquare = "uv_8i9lug7";
|
|
10
10
|
var lineChartBody = "uv_8i9lug8";
|
|
11
11
|
var lineChartHead = "uv_8i9lug9";
|
|
12
|
-
var
|
|
13
|
-
var
|
|
12
|
+
var lineChartHeadTitle = "uv_8i9luga";
|
|
13
|
+
var lineChartLegend = "uv_8i9lugb";
|
|
14
|
+
var lineChartRow = "uv_8i9lugc";
|
|
15
|
+
var lineChartRowContent = "uv_8i9lugd";
|
|
14
16
|
export {
|
|
15
17
|
backgroundColorLegend,
|
|
16
18
|
cellValueContainer,
|
|
@@ -18,8 +20,10 @@ export {
|
|
|
18
20
|
container,
|
|
19
21
|
lineChartBody,
|
|
20
22
|
lineChartHead,
|
|
23
|
+
lineChartHeadTitle,
|
|
21
24
|
lineChartLegend,
|
|
22
25
|
lineChartRow,
|
|
26
|
+
lineChartRowContent,
|
|
23
27
|
lineColorSquare,
|
|
24
28
|
lineTooltipContainer,
|
|
25
29
|
longContainer,
|
|
@@ -20,7 +20,7 @@ export declare const listCell: string;
|
|
|
20
20
|
export declare const listCellStrict: string;
|
|
21
21
|
export declare const listCheckboxContainer: string;
|
|
22
22
|
export declare const listNoPaddingCell: string;
|
|
23
|
-
export declare const listExpandableCell: string;
|
|
24
23
|
export declare const listLoadingRow: string;
|
|
25
24
|
export declare const listSkeleton: string;
|
|
25
|
+
export declare const listExpandableCell: string;
|
|
26
26
|
//# sourceMappingURL=styles.css.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/List/styles.css.ts"],"names":[],"mappings":"AAiEA,eAAO,MAAM,aAAa,QAIxB,CAAA;AAEF,eAAO,MAAM,IAAI,QAMf,CAAA;AAEF,eAAO,MAAM,YAAY,4CAQvB,CAAA;AAEF,eAAO,MAAM,cAAc,QAsBzB,CAAA;AAEF,eAAO,MAAM,aAAa,QAIxB,CAAA;AAEF,eAAO,MAAM,uBAAuB,QAQlC,CAAA;AAEF,eAAO,MAAM,qBAAqB,QAShC,CAAA;
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/List/styles.css.ts"],"names":[],"mappings":"AAiEA,eAAO,MAAM,aAAa,QAIxB,CAAA;AAEF,eAAO,MAAM,IAAI,QAMf,CAAA;AAEF,eAAO,MAAM,YAAY,4CAQvB,CAAA;AAEF,eAAO,MAAM,cAAc,QAsBzB,CAAA;AAEF,eAAO,MAAM,aAAa,QAIxB,CAAA;AAEF,eAAO,MAAM,uBAAuB,QAQlC,CAAA;AAEF,eAAO,MAAM,qBAAqB,QAShC,CAAA;AAEF,eAAO,MAAM,mBAAmB,QAAY,CAAA;AAyB5C,eAAO,MAAM,OAAO;;;;;;;;;EAmBlB,CAAA;AAEF,eAAO,MAAM,QAAQ,QAuDnB,CAAA;AAEF,eAAO,MAAM,cAAc,QAAY,CAAA;AAQvC,eAAO,MAAM,qBAAqB,QAA6B,CAAA;AAE/D,eAAO,MAAM,iBAAiB,QAQ5B,CAAA;AAEF,eAAO,MAAM,cAAc,QAEzB,CAAA;AAEF,eAAO,MAAM,YAAY,QAKvB,CAAA;AAEF,eAAO,MAAM,kBAAkB,QAgB7B,CAAA"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/* empty css */
|
|
2
1
|
/* empty css */
|
|
3
2
|
import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
|
|
4
3
|
var listContainer = "uv_inoh541";
|
|
@@ -14,9 +13,9 @@ var listCell = "uv_inoh54k";
|
|
|
14
13
|
var listCellStrict = "uv_inoh54l";
|
|
15
14
|
var listCheckboxContainer = "uv_inoh54m";
|
|
16
15
|
var listNoPaddingCell = "uv_inoh54n";
|
|
17
|
-
var
|
|
18
|
-
var
|
|
19
|
-
var
|
|
16
|
+
var listLoadingRow = "uv_inoh54o";
|
|
17
|
+
var listSkeleton = "uv_inoh54p";
|
|
18
|
+
var listExpandableCell = "uv_inoh54q";
|
|
20
19
|
export {
|
|
21
20
|
list,
|
|
22
21
|
listCell,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuContent.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuContent.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,oBAAoB,EAGpB,SAAS,EACT,GAAG,EACJ,MAAM,OAAO,CAAA;AAad,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAkBhC,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;iBAqCU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"MenuContent.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuContent.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,oBAAoB,EAGpB,SAAS,EACT,GAAG,EACJ,MAAM,OAAO,CAAA;AAad,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAkBhC,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;iBAqCU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iJAkN3B,CAAA"}
|
|
@@ -57,6 +57,10 @@ const Menu = forwardRef(
|
|
|
57
57
|
"aria-haspopup": "dialog",
|
|
58
58
|
onClick: (event) => {
|
|
59
59
|
target.props.onClick?.(event);
|
|
60
|
+
if (isNested) {
|
|
61
|
+
event.preventDefault();
|
|
62
|
+
event.stopPropagation();
|
|
63
|
+
}
|
|
60
64
|
setIsVisible(!isVisible);
|
|
61
65
|
},
|
|
62
66
|
// @ts-expect-error not sure how to fix this
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/components/Item.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,aAAa,EAGb,iBAAiB,EACjB,SAAS,EAEV,MAAM,OAAO,CAAA;AAQd,KAAK,iBAAiB,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAA;AAEzD,KAAK,SAAS,GAAG;IACf,IAAI,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAA;IAChC,MAAM,CAAC,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAA;IACpC,GAAG,CAAC,EAAE,iBAAiB,CAAC,KAAK,CAAC,CAAA;IAC9B,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC5B,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC9B,QAAQ,EAAE,SAAS,CAAA;IACnB,OAAO,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,GAAG,SAAS,CAAA;IACpD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,iBAAiB,CAAA;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/components/Item.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,aAAa,EAGb,iBAAiB,EACjB,SAAS,EAEV,MAAM,OAAO,CAAA;AAQd,KAAK,iBAAiB,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAA;AAEzD,KAAK,SAAS,GAAG;IACf,IAAI,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAA;IAChC,MAAM,CAAC,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAA;IACpC,GAAG,CAAC,EAAE,iBAAiB,CAAC,KAAK,CAAC,CAAA;IAC9B,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC5B,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC9B,QAAQ,EAAE,SAAS,CAAA;IACnB,OAAO,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,GAAG,SAAS,CAAA;IACpD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,iBAAiB,CAAA;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,IAAI,mGAmLhB,CAAA"}
|
|
@@ -133,6 +133,10 @@ const Item = forwardRef(
|
|
|
133
133
|
"data-testid": dataTestId,
|
|
134
134
|
disabled,
|
|
135
135
|
onClick: (event) => {
|
|
136
|
+
if (isNested) {
|
|
137
|
+
event.stopPropagation();
|
|
138
|
+
event.preventDefault();
|
|
139
|
+
}
|
|
136
140
|
onClick?.(event);
|
|
137
141
|
if (hideOnClickItem) {
|
|
138
142
|
setIsVisible(false);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/styles.css.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/styles.css.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,QAAQ,oBAAc,CAAA;AACnC,eAAO,MAAM,aAAa,oBAAc,CAAA;AAExC,eAAO,MAAM,cAAc,QAIzB,CAAA;AAEF,eAAO,MAAM,mBAAmB,QAK9B,CAAA;AAEF,eAAO,MAAM,UAAU,QAKrB,CAAA;AAEF,eAAO,MAAM,YAAY,QAEvB,CAAA;AAEF,eAAO,MAAM,iBAAiB,QAgB5B,CAAA;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;EAoBxB,CAAA;AAEF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoDhB,CAAA"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/* empty css */
|
|
1
2
|
/* empty css */
|
|
2
3
|
import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
|
|
3
4
|
var containerPopup = createRuntimeFn({ defaultClassName: "uv_w40vpo2", variantClassNames: { hasMaxHeight: { true: "uv_w40vpo3" } }, defaultVariants: {}, compoundVariants: [] });
|
|
@@ -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;
|
|
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;AAyB5C,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,yGAoGjB,CAAA"}
|
|
@@ -5,7 +5,7 @@ import { forwardRef, useId } from "react";
|
|
|
5
5
|
import { Stack } from "../Stack/index.js";
|
|
6
6
|
import { Text } from "../Text/index.js";
|
|
7
7
|
import { Tooltip } from "../Tooltip/index.js";
|
|
8
|
-
import { radioStack, radio, ring, textLabel, labelStyle, container, margedText, innerCircleRing, radioMark } from "./styles.css.js";
|
|
8
|
+
import { radioStack, radio, ring, textLabel, labelRadio, labelStyle, container, margedText, innerCircleRing, radioMark } from "./styles.css.js";
|
|
9
9
|
const RadioMarkedIcon = () => /* @__PURE__ */ jsxs("g", { children: [
|
|
10
10
|
/* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", strokeWidth: "2" }),
|
|
11
11
|
/* @__PURE__ */ jsx("circle", { className: innerCircleRing, cx: "12", cy: "12", r: "8" }),
|
|
@@ -75,13 +75,20 @@ const Radio = forwardRef(
|
|
|
75
75
|
Text,
|
|
76
76
|
{
|
|
77
77
|
as: "label",
|
|
78
|
-
className: textLabel,
|
|
78
|
+
className: cn(textLabel, labelRadio),
|
|
79
79
|
htmlFor: localId,
|
|
80
80
|
prominence: "default",
|
|
81
81
|
variant: "body",
|
|
82
82
|
children: label
|
|
83
83
|
}
|
|
84
|
-
) : /* @__PURE__ */ jsx(
|
|
84
|
+
) : /* @__PURE__ */ jsx(
|
|
85
|
+
"label",
|
|
86
|
+
{
|
|
87
|
+
className: cn(labelStyle, labelRadio),
|
|
88
|
+
htmlFor: localId,
|
|
89
|
+
children: label
|
|
90
|
+
}
|
|
91
|
+
) })
|
|
85
92
|
) : null
|
|
86
93
|
]
|
|
87
94
|
}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
export declare const innerCircleRing: string;
|
|
2
1
|
export declare const radioStack: string;
|
|
3
2
|
export declare const margedText: string;
|
|
4
3
|
export declare const container: string;
|
|
5
4
|
export declare const textLabel: string;
|
|
5
|
+
export declare const labelRadio: string;
|
|
6
6
|
export declare const labelStyle: string;
|
|
7
7
|
export declare const radio: string;
|
|
8
8
|
export declare const ring: string;
|
|
9
9
|
export declare const radioMark: string;
|
|
10
|
+
export declare const innerCircleRing: string;
|
|
10
11
|
//# sourceMappingURL=styles.css.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/styles.css.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/styles.css.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,UAAU,QAcrB,CAAA;AAEF,eAAO,MAAM,UAAU,QAErB,CAAA;AAEF,eAAO,MAAM,SAAS,QAepB,CAAA;AAEF,eAAO,MAAM,SAAS,QASpB,CAAA;AAEF,eAAO,MAAM,UAAU,QA2BrB,CAAA;AAEF,eAAO,MAAM,UAAU,QAGrB,CAAA;AAEF,eAAO,MAAM,KAAK,QAahB,CAAA;AAEF,eAAO,MAAM,IAAI,QA0Cf,CAAA;AAEF,eAAO,MAAM,SAAS,QAWpB,CAAA;AAEF,eAAO,MAAM,eAAe,QAkB1B,CAAA"}
|