@ultraviolet/ui 3.4.0 → 3.5.1

package/dist/components/TreeMapChart/index.js

@@ -2,10 +2,10 @@
 import { jsx } from "react/jsx-runtime";
 import { ResponsiveTreeMapHtml } from "@nivo/treemap";
 import { useTheme } from "@ultraviolet/themes";
+import { cn } from "@ultraviolet/utils";
 import { useMemo, useCallback } from "react";
 import { getDataColors } from "../../helpers/treeMap.js";
-import { Text } from "../Text/index.js";
-import { treeMapContentWrapper } from "./styles.css.js";
+import { treeMapContainer } from "./styles.css.js";
 import { Tooltip } from "./Tooltip.js";
 const TreeMapChart = ({
   height = "537px",
@@ -17,7 +17,6 @@ const TreeMapChart = ({
   "data-testid": dataTestId
 }) => {
   const theme = useTheme();
-  const DEFAULT_COLOR = theme.colors.primary.text;
   const colors = useMemo(() => getDataColors(data, theme), [data, theme]);
   const tooltip = useCallback(
     (props) => {
@@ -26,48 +25,46 @@ const TreeMapChart = ({
     },
     [tooltipFunction]
   );
-  const nodeComponent = useCallback(
-    ({ node }) => {
-      const backgroundColor = colors[node.data.id] || DEFAULT_COLOR;
-      const spacing = 4;
-      return /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: treeMapContentWrapper,
-          onMouseEnter: node.onMouseEnter,
-          onMouseLeave: node.onMouseLeave,
-          onMouseMove: node.onMouseMove,
-          style: {
-            backgroundColor,
-            height: node.height - spacing,
-            left: node.x + spacing / 2,
-            top: node.y + spacing / 2,
-            width: node.width - spacing
-          },
-          children: /* @__PURE__ */ jsx(Text, { as: "div", oneLine: true, variant: "captionStrong", children: node.data.content })
-        }
-      );
-    },
-    [colors, DEFAULT_COLOR]
+  const nivoTheme = useMemo(
+    () => ({
+      labels: {
+        text: theme.typography.captionStrong
+      }
+    }),
+    [theme.typography.captionStrong]
   );
-  return /* @__PURE__ */ jsx("div", { className, "data-testid": dataTestId, style: { height }, children: /* @__PURE__ */ jsx(
-    ResponsiveTreeMapHtml,
+  return /* @__PURE__ */ jsx(
+    "div",
     {
-      animate: false,
-      data,
-      enableParentLabel: false,
-      identity: "id",
-      labelSkipSize: 0,
-      leavesOnly: true,
-      motionConfig: "none",
-      nodeComponent,
-      orientLabel: false,
-      tile: "squarify",
-      tooltip,
-      value: "value",
-      ...chartProps
+      className: cn(className, treeMapContainer),
+      "data-testid": dataTestId,
+      style: { height },
+      children: /* @__PURE__ */ jsx(
+        ResponsiveTreeMapHtml,
+        {
+          animate: false,
+          borderColor: theme.colors.neutral.background,
+          borderWidth: 2,
+          colors,
+          data,
+          enableParentLabel: false,
+          identity: "id",
+          label: (node) => typeof node.data.content === "string" ? node.data.content : node.id,
+          labelSkipSize: 20,
+          labelTextColor: theme.colors.neutral.background,
+          leavesOnly: true,
+          motionConfig: "none",
+          nodeOpacity: 1,
+          orientLabel: false,
+          theme: nivoTheme,
+          tile: "squarify",
+          tooltip,
+          value: "value",
+          ...chartProps
+        }
+      )
     }
-  ) });
+  );
 };
 export {
   TreeMapChart

package/dist/components/TreeMapChart/styles.css.d.ts

@@ -1,3 +1,3 @@
 export declare const treeMapTooltipContainer: string;
-export declare const treeMapContentWrapper: string;
+export declare const treeMapContainer: string;
 //# sourceMappingURL=styles.css.d.ts.map

package/dist/components/TreeMapChart/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/TreeMapChart/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,uBAAuB,QAOlC,CAAA;AAEF,eAAO,MAAM,qBAAqB,QAKhC,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/TreeMapChart/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,uBAAuB,QAOlC,CAAA;AAEF,eAAO,MAAM,gBAAgB,QAE3B,CAAA"}

package/dist/components/TreeMapChart/styles.css.js

@@ -1,7 +1,7 @@
 /* empty css                          */
 var treeMapTooltipContainer = "uv_1pnrimq0";
-var treeMapContentWrapper = "uv_1pnrimq1";
+var treeMapContainer = "uv_1pnrimq1";
 export {
-  treeMapContentWrapper,
+  treeMapContainer,
   treeMapTooltipContainer
 };

package/dist/components/UnitInput/index.js

@@ -183,7 +183,7 @@ const UnitInput = ({
             children: error || success || helper
           }
         ) : null,
-        !error && !success && typeof helper !== "string" && helper ? helper : null
+        !(error || success) && typeof helper !== "string" && helper ? helper : null
       ]
     }
   );

package/dist/components/UnitInput/styles.css.js

@@ -1,10 +1,10 @@
 /* empty css                                                     */
 /* empty css                          */
 var widthSelectInput = "var(--uv_gwf0fl0)";
-var unitInputNumber = { small: "uv_gwf0fl2 uv_gwf0fl1", medium: "uv_gwf0fl3 uv_gwf0fl1", large: "uv_gwf0fl4 uv_gwf0fl1" };
-var unitInputState = { readOnly: "uv_gwf0fl6 uv_gwf0fl5", disabled: "uv_gwf0fl7 uv_gwf0fl5", success: "uv_gwf0fl8 uv_gwf0fl5", error: "uv_gwf0fl9 uv_gwf0fl5", "default": "uv_gwf0fla uv_gwf0fl5" };
+var unitInputNumber = { large: "uv_gwf0fl2 uv_gwf0fl1", medium: "uv_gwf0fl3 uv_gwf0fl1", small: "uv_gwf0fl4 uv_gwf0fl1" };
+var unitInputState = { "default": "uv_gwf0fl6 uv_gwf0fl5", disabled: "uv_gwf0fl7 uv_gwf0fl5", error: "uv_gwf0fl8 uv_gwf0fl5", readOnly: "uv_gwf0fl9 uv_gwf0fl5", success: "uv_gwf0fla uv_gwf0fl5" };
 var unitInputNumberWrapper = "uv_gwf0flb";
-var unitInputSize = { small: "uv_gwf0flc", medium: "uv_gwf0fld", large: "uv_gwf0fle" };
+var unitInputSize = { large: "uv_gwf0flc", medium: "uv_gwf0fld", small: "uv_gwf0fle" };
 var unitInputUnitWidth = "uv_gwf0flf";
 var unitInputUnit = "uv_gwf0flg";
 export {

package/dist/components/VerificationCode/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/VerificationCode/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAGV,aAAa,EAGb,SAAS,EACV,MAAM,OAAO,CAAA;AAWd,KAAK,qBAAqB,GAAG;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;IAC9C;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IAClC;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACpC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC1B,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAAI,8NAoB9B,qBAAqB,4CAwNvB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/VerificationCode/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAGV,aAAa,EAGb,SAAS,EACV,MAAM,OAAO,CAAA;AAWd,KAAK,qBAAqB,GAAG;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;IAC9C;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IAClC;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACpC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC1B,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAAI,8NAoB9B,qBAAqB,4CAyNvB,CAAA"}

package/dist/components/VerificationCode/index.js

@@ -195,13 +195,13 @@ const VerificationCode = ({
           {
             as: "p",
             disabled,
-            prominence: !error && !success ? "weak" : "default",
+            prominence: error || success ? "default" : "weak",
             sentiment,
             variant: "caption",
             children: error || success || helper
           }
         ) : null,
-        !error && !success && typeof helper !== "string" && helper ? helper : null
+        !(error || success) && typeof helper !== "string" && helper ? helper : null
       ]
     }
   );

package/dist/components/VerificationCode/styles.css.js

@@ -1,5 +1,5 @@
 /* empty css                          */
-var inputSizes = { small: "uv_1k9synd0", medium: "uv_1k9synd1", large: "uv_1k9synd2", xlarge: "uv_1k9synd3" };
+var inputSizes = { large: "uv_1k9synd0", medium: "uv_1k9synd1", small: "uv_1k9synd2", xlarge: "uv_1k9synd3" };
 var inputClass = "uv_1k9synd4";
 var filedSetClass = "uv_1k9synd5";
 export {

package/dist/components/compositions/OptionSelector/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/OptionSelector/index.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,mBAAmB,EAAkB,MAAM,SAAS,CAAA;AA0ClE;;;GAGG;AACH,eAAO,MAAM,cAAc,GAAI,4KAe5B,mBAAmB,4CAgHrB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/OptionSelector/index.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,mBAAmB,EAAkB,MAAM,SAAS,CAAA;AA+ClE;;;GAGG;AACH,eAAO,MAAM,cAAc,GAAI,4KAe5B,mBAAmB,4CA0IrB,CAAA"}

package/dist/components/compositions/OptionSelector/index.js

@@ -6,8 +6,9 @@ import { useMemo } from "react";
 import { Label } from "../../Label/index.js";
 import { SelectInput } from "../../SelectInput/index.js";
 import { Stack } from "../../Stack/index.js";
+import { Text } from "../../Text/index.js";
 import { RevealOnHover } from "./RevealOnHover.js";
-import { firstLabel, secondLabel, firstSelectInput, arrow, secondSelectInput, optionSelectorWrapper } from "./styles.css.js";
+import { firstLabel, secondLabel, firstSelectInput, arrow, secondSelectInput, errorFirstSelector, errorSecondSelector, optionSelectorWrapper } from "./styles.css.js";
 const IconWithContent = ({
   content,
   icon
@@ -21,8 +22,16 @@ const makeSelectInputOptions = (options) => options.map((option) => {
     {
       content: /* @__PURE__ */ jsx(IconWithContent, { content: option.content, icon: option.icon }),
       hoverContent: /* @__PURE__ */ jsx(IconWithContent, { content: option.hoverContent, icon: option.icon })
-    }
-  ) : /* @__PURE__ */ jsx(IconWithContent, { content: option.content, icon: option.icon });
+    },
+    option.value
+  ) : /* @__PURE__ */ jsx(
+    IconWithContent,
+    {
+      content: option.content,
+      icon: option.icon
+    },
+    option.value
+  );
   return {
     disabled: option.disabled,
     label: optionLabel,
@@ -80,68 +89,91 @@ const OptionSelector = ({
     onChange?.({ first: val, second: value?.second });
   };
   const onChangeSecondSelector = (val) => onChange?.({ first: value?.first, second: val });
-  return /* @__PURE__ */ jsxs(
-    "fieldset",
-    {
-      "aria-label": ariaLabel,
-      "aria-required": required,
-      className: cn(className, optionSelectorWrapper),
-      "data-testid": dataTestId,
-      name,
-      style,
-      children: [
-        /* @__PURE__ */ jsx(Label, { className: firstLabel, children: firstSelector.label }),
-        firstValue && secondSelector && secondSelectorOptions ? /* @__PURE__ */ jsx(Label, { className: secondLabel, children: secondSelector?.label }) : null,
-        /* @__PURE__ */ jsx(
-          SelectInput,
-          {
-            className: firstSelectInput,
-            "data-testid": "first-selector",
-            disabled: firstSelector.disabled || disabled,
-            error: error || firstSelector.error,
-            helper: firstSelector.helper,
-            labelDescription: firstSelector.labelDescription,
-            onChange: onChangeFirstSelector,
-            optionalInfoPlacement: "right",
-            options: firstSelectorOptions,
-            placeholder: firstSelector.placeholder,
-            readOnly: firstSelector.options.length === 1 || firstSelector.readOnly || readOnly,
-            required,
-            size,
-            value: firstValue
-          }
-        ),
-        firstValue && secondSelector && secondSelectorOptions ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(
-            RayStartArrowIcon,
-            {
-              className: arrow,
-              prominence: "weak",
-              sentiment: "neutral",
-              size
-            }
-          ),
+  return (
+    // biome-ignore lint/a11y/useAriaPropsSupportedByRole: to fix
+    /* @__PURE__ */ jsxs(
+      "fieldset",
+      {
+        "aria-label": ariaLabel,
+        "aria-required": required,
+        className: cn(className, optionSelectorWrapper),
+        "data-testid": dataTestId,
+        name,
+        style,
+        children: [
+          /* @__PURE__ */ jsx(Label, { className: firstLabel, required, children: firstSelector.label }),
+          firstValue && secondSelector && secondSelectorOptions ? /* @__PURE__ */ jsx(Label, { className: secondLabel, required, children: secondSelector?.label }) : null,
           /* @__PURE__ */ jsx(
             SelectInput,
             {
-              className: secondSelectInput,
-              "data-testid": "second-selector",
-              disabled: !!firstSelector.error || secondSelector.disabled || disabled,
-              error: !!error || secondSelector.error,
-              helper: secondSelector.helper,
-              labelDescription: secondSelector.labelDescription,
-              onChange: onChangeSecondSelector,
+              className: firstSelectInput,
+              "data-testid": "first-selector",
+              disabled: firstSelector.disabled || disabled,
+              error: error || !!firstSelector.error,
+              helper: firstSelector.helper,
+              labelDescription: firstSelector.labelDescription,
+              onChange: onChangeFirstSelector,
               optionalInfoPlacement: "right",
-              options: secondSelectorOptions,
-              placeholder: secondSelector.placeholder,
-              readOnly: secondSelector.options.length === 1 || secondSelector.readOnly || readOnly,
+              options: firstSelectorOptions,
+              placeholder: firstSelector.placeholder,
+              readOnly: firstSelector.options.length === 1 || firstSelector.readOnly || readOnly,
+              required,
               size,
-              value: secondValue
+              value: firstValue
             }
-          )
-        ] }) : null
-      ]
-    }
+          ),
+          firstValue && secondSelector && secondSelectorOptions ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              RayStartArrowIcon,
+              {
+                className: arrow,
+                prominence: "weak",
+                sentiment: "neutral",
+                size
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              SelectInput,
+              {
+                className: secondSelectInput,
+                "data-testid": "second-selector",
+                disabled: !!firstSelector.error || secondSelector.disabled || disabled,
+                error: !!error || !!secondSelector.error,
+                helper: secondSelector.helper,
+                labelDescription: secondSelector.labelDescription,
+                onChange: onChangeSecondSelector,
+                optionalInfoPlacement: "right",
+                options: secondSelectorOptions,
+                placeholder: secondSelector.placeholder,
+                readOnly: secondSelector.options.length === 1 || secondSelector.readOnly || readOnly,
+                size,
+                value: secondValue
+              }
+            )
+          ] }) : null,
+          firstSelector.error && typeof firstSelector.error === "string" ? /* @__PURE__ */ jsx(
+            Text,
+            {
+              as: "p",
+              className: errorFirstSelector,
+              sentiment: "danger",
+              variant: "caption",
+              children: firstSelector.error
+            }
+          ) : null,
+          secondSelector?.error && typeof secondSelector?.error === "string" ? /* @__PURE__ */ jsx(
+            Text,
+            {
+              as: "p",
+              className: errorSecondSelector,
+              sentiment: "danger",
+              variant: "caption",
+              children: secondSelector.error
+            }
+          ) : null
+        ]
+      }
+    )
   );
 };
 export {

package/dist/components/compositions/OptionSelector/styles.css.d.ts

@@ -5,4 +5,6 @@ export declare const secondLabel: string;
 export declare const firstSelectInput: string;
 export declare const secondSelectInput: string;
 export declare const arrow: string;
+export declare const errorFirstSelector: string;
+export declare const errorSecondSelector: string;
 //# sourceMappingURL=styles.css.d.ts.map

package/dist/components/compositions/OptionSelector/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/OptionSelector/styles.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,qBAAqB,QAMhC,CAAA;AAEF,eAAO,MAAM,aAAa,QAAY,CAAA;AAwBtC,eAAO,MAAM,UAAU,QAGrB,CAAA;AAEF,eAAO,MAAM,WAAW,QAGtB,CAAA;AAEF,eAAO,MAAM,gBAAgB,QAG3B,CAAA;AAEF,eAAO,MAAM,iBAAiB,QAG5B,CAAA;AAEF,eAAO,MAAM,KAAK,QAGhB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/OptionSelector/styles.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,qBAAqB,QAMhC,CAAA;AAEF,eAAO,MAAM,aAAa,QAAY,CAAA;AAwBtC,eAAO,MAAM,UAAU,QAGrB,CAAA;AAEF,eAAO,MAAM,WAAW,QAGtB,CAAA;AAEF,eAAO,MAAM,gBAAgB,QAG3B,CAAA;AAEF,eAAO,MAAM,iBAAiB,QAG5B,CAAA;AAEF,eAAO,MAAM,KAAK,QAGhB,CAAA;AAEF,eAAO,MAAM,kBAAkB,QAI7B,CAAA;AAEF,eAAO,MAAM,mBAAmB,QAI9B,CAAA"}

package/dist/components/compositions/OptionSelector/styles.css.js

@@ -8,8 +8,12 @@ var secondLabel = "uv_12opk3l3";
 var firstSelectInput = "uv_12opk3l4";
 var secondSelectInput = "uv_12opk3l5";
 var arrow = "uv_12opk3l6";
+var errorFirstSelector = "uv_12opk3l7";
+var errorSecondSelector = "uv_12opk3l8";
 export {
   arrow,
+  errorFirstSelector,
+  errorSecondSelector,
   firstLabel,
   firstSelectInput,
   optionSelectorWrapper,

package/dist/helpers/treeMap.d.ts

@@ -1,7 +1,6 @@
 import type { DefaultTreeMapDatum } from '@nivo/treemap';
 import type { consoleLightTheme } from '@ultraviolet/themes';
 type Theme = typeof consoleLightTheme;
-type ReturnType = Record<string, string>;
 /**
  * Recursively collects all IDs from a tree map data structure.
  *
@@ -65,11 +64,11 @@ export declare const getOpacity: (n: number) => number;
  */
 export declare const percentToHex: (percentage: number) => string;
 /**
- * Generates a color mapping for tree map data with graduated opacity values.
+ * Generates the needed colors for the tree map with graduated opacity values.
  *
  * @param {DefaultTreeMapDatum} data - The tree map data structure to generate colors for
  * @param {Theme} theme - The theme object containing color configuration
- * @returns {ReturnType} An object mapping node IDs to color strings in hex format with alpha channel
+ * @returns {string[]} An array of color strings in hex format with alpha channel
  *
  * @description
  * This function creates a color scheme for a tree map visualization by:
@@ -85,8 +84,8 @@ export declare const percentToHex: (percentage: number) => string;
  * const data = { id: 'root', children: [{ id: 'child1' }, { id: 'child2' }] }
  * const theme = { colors: { primary: { text: '#3B82F6' } } }
  * getDataColors(data, theme)
- * // returns { 'root': '#3B82F6FF', 'child1': '#3B82F600', 'child2': '#3B82F610' }
+ * // returns { '#3B82F6FF', '#3B82F600', '#3B82F610' }
  */
-export declare const getDataColors: (data: DefaultTreeMapDatum, theme: Theme) => ReturnType;
+export declare const getDataColors: (data: DefaultTreeMapDatum, theme: Theme) => string[];
 export {};
 //# sourceMappingURL=treeMap.d.ts.map

package/dist/helpers/treeMap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"treeMap.d.ts","sourceRoot":"","sources":["../../src/helpers/treeMap.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAA;AACxD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAE5D,KAAK,KAAK,GAAG,OAAO,iBAAiB,CAAA;AACrC,KAAK,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;AAExC;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,SAAS,GAAI,MAAM,mBAAmB,KAAG,MAAM,EAU3D,CAAA;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,UAAU,GAAI,GAAG,MAAM,KAAG,MAkBtC,CAAA;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,YAAY,GAAI,YAAY,MAAM,KAAG,MAKjD,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,aAAa,GACxB,MAAM,mBAAmB,EACzB,OAAO,KAAK,KACX,UAaF,CAAA"}
+{"version":3,"file":"treeMap.d.ts","sourceRoot":"","sources":["../../src/helpers/treeMap.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAA;AACxD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAE5D,KAAK,KAAK,GAAG,OAAO,iBAAiB,CAAA;AAErC;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,SAAS,GAAI,MAAM,mBAAmB,KAAG,MAAM,EAU3D,CAAA;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,UAAU,GAAI,GAAG,MAAM,KAAG,MAkBtC,CAAA;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,YAAY,GAAI,YAAY,MAAM,KAAG,MAKjD,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,aAAa,GACxB,MAAM,mBAAmB,EACzB,OAAO,KAAK,KACX,MAAM,EASR,CAAA"}

package/dist/helpers/treeMap.js

@@ -28,11 +28,13 @@ const percentToHex = (percentage) => {
 };
 const getDataColors = (data, theme) => {
   const baseColor = theme.colors.primary.text;
-  const colors = {};
-  getAllIds(data).forEach((element, key) => {
-    colors[element] = `${baseColor}${percentToHex(getOpacity((100 - key) % 100))}`;
-  });
-  return colors;
+  return getAllIds(data).map(
+    (_, index) => (
+      // if we have more than 100 elements, we use the mod function to be able to return to the start
+      // as we only have 100 transparency values for a given color
+      `${baseColor}${percentToHex(getOpacity((100 - index) % 100))}`
+    )
+  );
 };
 export {
   getAllIds,

package/dist/theme/ThemeProvider.d.ts

@@ -598,6 +598,39 @@ export declare const useTheme: () => {
             textDecoration: string;
             weight: string;
         };
+        codeSmall: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            paragraphSpacing: string;
+            textCase: string;
+            textDecoration: string;
+            weight: string;
+        };
+        codeSmallStrong: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            paragraphSpacing: string;
+            textCase: string;
+            textDecoration: string;
+            weight: string;
+        };
+        codeSmallStronger: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            paragraphSpacing: string;
+            textCase: string;
+            textDecoration: string;
+            weight: string;
+        };
         codeStrong: {
             fontFamily: string;
             fontSize: string;

package/dist/theme/ThemeProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAA0B,MAAM,qBAAqB,CAAA;AAE/E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKtC;;GAEG;AAEH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CASpB,CAAA;AAED,KAAK,kBAAkB,GAAG;IACxB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,iBAAiB,CAAA;IAChC,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,GAAI,sBAG3B,kBAAkB,4CA2BpB,CAAA"}
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAA0B,MAAM,qBAAqB,CAAA;AAE/E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKtC;;GAEG;AAEH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CASpB,CAAA;AAED,KAAK,kBAAkB,GAAG;IACxB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,iBAAiB,CAAA;IAChC,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,GAAI,sBAG3B,kBAAkB,4CA2BpB,CAAA"}

package/dist/theme/index.d.ts

@@ -535,6 +535,39 @@ declare const colors: {
         textDecoration: string;
         weight: string;
     };
+    codeSmall: {
+        fontFamily: string;
+        fontSize: string;
+        fontWeight: string;
+        letterSpacing: string;
+        lineHeight: string;
+        paragraphSpacing: string;
+        textCase: string;
+        textDecoration: string;
+        weight: string;
+    };
+    codeSmallStrong: {
+        fontFamily: string;
+        fontSize: string;
+        fontWeight: string;
+        letterSpacing: string;
+        lineHeight: string;
+        paragraphSpacing: string;
+        textCase: string;
+        textDecoration: string;
+        weight: string;
+    };
+    codeSmallStronger: {
+        fontFamily: string;
+        fontSize: string;
+        fontWeight: string;
+        letterSpacing: string;
+        lineHeight: string;
+        paragraphSpacing: string;
+        textCase: string;
+        textDecoration: string;
+        weight: string;
+    };
     codeStrong: {
         fontFamily: string;
         fontSize: string;

package/dist/theme/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,iBAAiB,EACjB,aAAa,EACb,QAAQ,EACT,MAAM,qBAAqB,CAAA;AAG5B,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,iBAAiB,CAAC,WAAW,CAAA;AAEnE,KAAK,kBAAkB,GAAG,OAAO,iBAAiB,CAAA;AAElD,QAAA,MAAQ,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAE,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAE,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAE,KAAK;;;;;;;;;;;;;;;GAAE,KAAK;;;;;;;;GAAE,WAAW;;;;;;;CAC3C,CAAA;AAEnB,KAAK,gBAAgB,CAAC,CAAC,IAAI;KACxB,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CACxC,CAAA;AAED;;;;GAIG;AACH,QAAA,MAAM,WAAW,GAAI,eAAe,gBAAgB,CAAC,kBAAkB,CAAC,KACvB,kBAAkB,CAAA;AAGnE,KAAK,KAAK,GAAG,OAAO,CAClB,MAAM,OAAO,iBAAiB,CAAC,MAAM,EACnC,SAAS,GACT,WAAW,GACX,SAAS,GACT,SAAS,GACT,QAAQ,GACR,SAAS,GACT,MAAM,CACT,CAAA;AAED,KAAK,aAAa,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,CAAA;AAE9C,QAAA,MAAM,UAAU,sFAQN,CAAA;AAEV,QAAA,MAAM,0BAA0B,yEAE/B,CAAA;AAED,YAAY,EAAE,kBAAkB,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA;AAExD,OAAO,EACL,MAAM,EACN,OAAO,EACP,KAAK,EACL,KAAK,EACL,WAAW,IAAI,OAAO,EACtB,gBAAgB,IAAI,SAAS,EAC7B,WAAW,EACX,UAAU,EACV,0BAA0B,EAC1B,UAAU,EACV,aAAa,EACb,QAAQ,GACT,CAAA;AAED,eAAe,iBAAiB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,iBAAiB,EACjB,aAAa,EACb,QAAQ,EACT,MAAM,qBAAqB,CAAA;AAG5B,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,iBAAiB,CAAC,WAAW,CAAA;AAEnE,KAAK,kBAAkB,GAAG,OAAO,iBAAiB,CAAA;AAElD,QAAA,MAAQ,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAE,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAE,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAE,KAAK;;;;;;;;;;;;;;;GAAE,KAAK;;;;;;;;GAAE,WAAW;;;;;;;CAC3C,CAAA;AAEnB,KAAK,gBAAgB,CAAC,CAAC,IAAI;KACxB,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CACxC,CAAA;AAED;;;;GAIG;AACH,QAAA,MAAM,WAAW,GAAI,eAAe,gBAAgB,CAAC,kBAAkB,CAAC,KACvB,kBAAkB,CAAA;AAGnE,KAAK,KAAK,GAAG,OAAO,CAClB,MAAM,OAAO,iBAAiB,CAAC,MAAM,EACnC,SAAS,GACT,WAAW,GACX,SAAS,GACT,SAAS,GACT,QAAQ,GACR,SAAS,GACT,MAAM,CACT,CAAA;AAED,KAAK,aAAa,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,CAAA;AAE9C,QAAA,MAAM,UAAU,sFAQN,CAAA;AAEV,QAAA,MAAM,0BAA0B,yEAE/B,CAAA;AAED,YAAY,EAAE,kBAAkB,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA;AAExD,OAAO,EACL,MAAM,EACN,OAAO,EACP,KAAK,EACL,KAAK,EACL,WAAW,IAAI,OAAO,EACtB,gBAAgB,IAAI,SAAS,EAC7B,WAAW,EACX,UAAU,EACV,0BAA0B,EAC1B,UAAU,EACV,aAAa,EACb,QAAQ,GACT,CAAA;AAED,eAAe,iBAAiB,CAAA"}