@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.
Files changed (89) hide show
  1. package/dist/components/Avatar/styles.css.js +1 -0
  2. package/dist/components/Avatar/variables.css.js +0 -1
  3. package/dist/components/Checkbox/index.d.ts.map +1 -1
  4. package/dist/components/Checkbox/index.js +2 -1
  5. package/dist/components/Checkbox/styles.css.d.ts +4 -3
  6. package/dist/components/Checkbox/styles.css.d.ts.map +1 -1
  7. package/dist/components/Checkbox/styles.css.js +12 -5
  8. package/dist/components/CheckboxGroup/index.js +2 -2
  9. package/dist/components/CheckboxGroup/styles.css.d.ts +1 -1
  10. package/dist/components/CheckboxGroup/styles.css.d.ts.map +1 -1
  11. package/dist/components/CheckboxGroup/styles.css.js +2 -2
  12. package/dist/components/Drawer/index.d.ts.map +1 -1
  13. package/dist/components/Drawer/index.js +2 -2
  14. package/dist/components/Drawer/styles.css.d.ts +1 -0
  15. package/dist/components/Drawer/styles.css.d.ts.map +1 -1
  16. package/dist/components/Drawer/styles.css.js +2 -2
  17. package/dist/components/ExpandableCard/styles.css.d.ts +2 -2
  18. package/dist/components/ExpandableCard/styles.css.d.ts.map +1 -1
  19. package/dist/components/ExpandableCard/styles.css.js +5 -5
  20. package/dist/components/LineChart/CustomLegend.d.ts.map +1 -1
  21. package/dist/components/LineChart/CustomLegend.js +13 -4
  22. package/dist/components/LineChart/Tooltip.d.ts +3 -1
  23. package/dist/components/LineChart/Tooltip.d.ts.map +1 -1
  24. package/dist/components/LineChart/Tooltip.js +7 -3
  25. package/dist/components/LineChart/index.d.ts +6 -2
  26. package/dist/components/LineChart/index.d.ts.map +1 -1
  27. package/dist/components/LineChart/index.js +14 -1
  28. package/dist/components/LineChart/styles.css.d.ts +2 -0
  29. package/dist/components/LineChart/styles.css.d.ts.map +1 -1
  30. package/dist/components/LineChart/styles.css.js +6 -2
  31. package/dist/components/List/styles.css.d.ts +1 -1
  32. package/dist/components/List/styles.css.d.ts.map +1 -1
  33. package/dist/components/List/styles.css.js +3 -4
  34. package/dist/components/Menu/MenuContent.d.ts.map +1 -1
  35. package/dist/components/Menu/MenuContent.js +4 -0
  36. package/dist/components/Menu/components/Item.d.ts.map +1 -1
  37. package/dist/components/Menu/components/Item.js +4 -0
  38. package/dist/components/Modal/styles.css.d.ts.map +1 -1
  39. package/dist/components/Modal/styles.css.js +1 -0
  40. package/dist/components/Popup/styles.css.js +1 -0
  41. package/dist/components/Popup/variables.css.js +0 -1
  42. package/dist/components/ProgressBar/styles.css.js +1 -0
  43. package/dist/components/ProgressBar/variables.css.js +0 -1
  44. package/dist/components/Radio/index.d.ts.map +1 -1
  45. package/dist/components/Radio/index.js +10 -3
  46. package/dist/components/Radio/styles.css.d.ts +2 -1
  47. package/dist/components/Radio/styles.css.d.ts.map +1 -1
  48. package/dist/components/Radio/styles.css.js +10 -5
  49. package/dist/components/SearchInput/styles.css.d.ts.map +1 -1
  50. package/dist/components/SearchInput/styles.css.js +0 -1
  51. package/dist/components/SelectInput/components/selectBar.css.d.ts.map +1 -1
  52. package/dist/components/SelectInput/components/selectBar.css.js +2 -0
  53. package/dist/components/SelectableCard/index.d.ts.map +1 -1
  54. package/dist/components/SelectableCard/index.js +2 -2
  55. package/dist/components/SelectableCard/styles.css.d.ts +2 -1
  56. package/dist/components/SelectableCard/styles.css.d.ts.map +1 -1
  57. package/dist/components/SelectableCard/styles.css.js +4 -5
  58. package/dist/components/SelectableCardOptionGroup/styles.css.d.ts.map +1 -1
  59. package/dist/components/SelectableCardOptionGroup/styles.css.js +0 -2
  60. package/dist/components/SwitchButton/Option.d.ts.map +1 -1
  61. package/dist/components/SwitchButton/Option.js +6 -2
  62. package/dist/components/SwitchButton/styles.css.d.ts +2 -1
  63. package/dist/components/SwitchButton/styles.css.d.ts.map +1 -1
  64. package/dist/components/SwitchButton/styles.css.js +6 -2
  65. package/dist/components/Table/Row.d.ts.map +1 -1
  66. package/dist/components/Table/Row.js +6 -2
  67. package/dist/components/Table/styles.css.d.ts +1 -0
  68. package/dist/components/Table/styles.css.d.ts.map +1 -1
  69. package/dist/components/Table/styles.css.js +2 -0
  70. package/dist/components/Tabs/styles.css.d.ts +2 -2
  71. package/dist/components/Tabs/styles.css.d.ts.map +1 -1
  72. package/dist/components/Tabs/styles.css.js +4 -4
  73. package/dist/components/TagList/index.d.ts.map +1 -1
  74. package/dist/components/TagList/index.js +3 -3
  75. package/dist/components/TagList/styles.css.d.ts +1 -0
  76. package/dist/components/TagList/styles.css.d.ts.map +1 -1
  77. package/dist/components/TagList/styles.css.js +3 -1
  78. package/dist/components/Text/style.css.js +1 -0
  79. package/dist/components/Text/variables.css.js +0 -1
  80. package/dist/components/TextInput/styles.css.d.ts +1 -1
  81. package/dist/components/TextInput/styles.css.d.ts.map +1 -1
  82. package/dist/components/TextInput/styles.css.js +4 -3
  83. package/dist/components/UnitInput/styles.css.d.ts.map +1 -1
  84. package/dist/components/UnitInput/styles.css.js +0 -1
  85. package/dist/components/compositions/OptionSelector/RevealOnHover.d.ts.map +1 -1
  86. package/dist/components/compositions/OptionSelector/RevealOnHover.js +4 -4
  87. package/dist/components/compositions/OptionSelector/styles.css.d.ts.map +1 -1
  88. package/dist/ui.css +1 -1
  89. 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,4 +1,3 @@
1
- /* empty css */
2
1
  var finalSizeAvatar = "var(--uv_18799yd0)";
3
2
  var finalColorAvatar = "var(--uv_18799yd1)";
4
3
  var halvedColorAvatar = "var(--uv_18799yd2)";
@@ -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;AAkC3D,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,4GAoJpB,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":"AAGA,eAAO,MAAM,SAAS,QAEpB,CAAA;AAEF,eAAO,MAAM,aAAa,QAGxB,CAAA;AAEF,eAAO,MAAM,cAAc,QAAY,CAAA;AAEvC,eAAO,MAAM,IAAI,QAMf,CAAA;AAOF,eAAO,MAAM,KAAK,QAGhB,CAAA;AAEF,eAAO,MAAM,aAAa,QAOxB,CAAA;AAEF,eAAO,MAAM,iBAAiB,QAI5B,CAAA"}
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 innerCheckbox = "uv_9pjq8o1";
4
- var checkMixedMark = "uv_9pjq8o2";
8
+ var checkboxContainer = "uv_9pjq8o1";
9
+ var checkboxInput = "uv_9pjq8o2";
5
10
  var icon = "uv_9pjq8o3";
6
- var label = "uv_9pjq8o4";
7
- var checkboxInput = "uv_9pjq8o5";
8
- var checkboxContainer = "uv_9pjq8o6";
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, checkbox } from "./styles.css.js";
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, checkbox),
41
+ className: cn(className, checkboxGroup),
42
42
  "data-testid": dataTestId,
43
43
  disabled,
44
44
  error: error || errorContext,
@@ -1,3 +1,3 @@
1
1
  export declare const fieldset: string;
2
- export declare const checkbox: string;
2
+ export declare const checkboxGroup: string;
3
3
  //# sourceMappingURL=styles.css.d.ts.map
@@ -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,QAAQ,QAAY,CAAA"}
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,7 +1,7 @@
1
1
  /* empty css */
2
2
  var fieldset = "uv_19cjf6j0";
3
- var checkbox = "uv_19cjf6j1";
3
+ var checkboxGroup = "uv_19cjf6j1";
4
4
  export {
5
- checkbox,
5
+ checkboxGroup,
6
6
  fieldset
7
7
  };
@@ -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;AAU5C,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"}
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":"AASA,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"}
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,SAAS,QAEpB,CAAA;AAEF,eAAO,MAAM,YAAY,QA2BvB,CAAA;AAEF,eAAO,MAAM,YAAY,QAgBvB,CAAA;AAEF,eAAO,MAAM,YAAY,QAevB,CAAA;AAEF,eAAO,MAAM,OAAO,QAQlB,CAAA;AAKF,eAAO,MAAM,UAAU,QAErB,CAAA;AAMF,eAAO,MAAM,iBAAiB,QAmB5B,CAAA"}
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 arrowIcon = "uv_jd0jfn0";
3
- var dropableArea = "uv_jd0jfn1";
4
- var summaryClass = "uv_jd0jfn2";
2
+ var dropableArea = "uv_jd0jfn0";
3
+ var summaryClass = "uv_jd0jfn1";
4
+ var stackClass = "uv_jd0jfn2";
5
5
  var detailsClass = "uv_jd0jfn3";
6
- var content = "uv_jd0jfn4";
7
- var stackClass = "uv_jd0jfn5";
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;AAgCvC,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"}
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(Text, { as: "span", className: textLegend, sentiment: "neutral", variant, children: value });
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;IAAE,KAAK,EAAE,KAAK,CAAA;CAAE,CAAA;AAE7C,eAAO,MAAM,gBAAgB,GAAI,WAAW,qBAAqB,4CA6BhE,CAAA"}
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 = ({ point }) => /* @__PURE__ */ jsxs("div", { className: lineTooltipContainer, children: [
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;AAErD,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;AAI7C,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,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;AAYD;;;;GAIG;AACH,eAAO,MAAM,SAAS,GAAI,kJAavB,cAAc,4CA6EhB,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: LineChartTooltip,
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;AAMtC,eAAO,MAAM,aAAa,QAIxB,CAAA;AAMF,eAAO,MAAM,eAAe,QAK1B,CAAA;AAEF,eAAO,MAAM,YAAY,QAGvB,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 lineChartLegend = "uv_8i9luga";
13
- var lineChartRow = "uv_8i9lugb";
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;AAmBF,eAAO,MAAM,mBAAmB,QAAY,CAAA;AA8B5C,eAAO,MAAM,OAAO;;;;;;;;;EAmBlB,CAAA;AAEF,eAAO,MAAM,QAAQ,QA0BnB,CAAA;AAEF,eAAO,MAAM,cAAc,QAAY,CAAA;AA0CvC,eAAO,MAAM,qBAAqB,QAA6B,CAAA;AAE/D,eAAO,MAAM,iBAAiB,QAQ5B,CAAA;AAEF,eAAO,MAAM,kBAAkB,QAE7B,CAAA;AAEF,eAAO,MAAM,cAAc,QAEzB,CAAA;AAEF,eAAO,MAAM,YAAY,QAKvB,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 listExpandableCell = "uv_inoh54o";
18
- var listLoadingRow = "uv_inoh54p";
19
- var listSkeleton = "uv_inoh54q";
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iJA8M3B,CAAA"}
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,mGA+KhB,CAAA"}
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":"AAMA,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,QAU5B,CAAA;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;EAoBxB,CAAA;AAEF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoDhB,CAAA"}
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,4 +1,5 @@
1
1
  /* empty css */
2
+ /* empty css */
2
3
  /* empty css */
3
4
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
4
5
  var topModal = "var(--uv_lrojhc0)";
@@ -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,4 +1,3 @@
1
- /* empty css */
2
1
  var arrowTop = "var(--uv_ozfz3c0)";
3
2
  var arrowLeft = "var(--uv_ozfz3c1)";
4
3
  var arrowTransform = "var(--uv_ozfz3c2)";
@@ -1,3 +1,4 @@
1
+ /* empty css */
1
2
  /* empty css */
2
3
  var progressContainer = "uv_1pgcd801";
3
4
  var customText = "uv_1pgcd802";
@@ -1,4 +1,3 @@
1
- /* empty css */
2
1
  var percentageValue = "var(--uv_1taqqht0)";
3
2
  export {
4
3
  percentageValue
@@ -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,yGAiGjB,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("label", { className: labelStyle, htmlFor: localId, children: label }) })
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":"AAGA,eAAO,MAAM,eAAe,QAAY,CAAA;AACxC,eAAO,MAAM,UAAU,QAAY,CAAA;AACnC,eAAO,MAAM,UAAU,QAErB,CAAA;AAEF,eAAO,MAAM,SAAS,QAepB,CAAA;AAEF,eAAO,MAAM,SAAS,QASpB,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"}
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"}