@ultraviolet/ui 3.12.3 → 3.13.0

package/dist/components/compositions/OrderSummary/components/SubCategory.js

@@ -0,0 +1,104 @@
+import { __esmMin, __name } from "../../../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../../Stack/index.js";
+import { Text, init_Text } from "../../../Text/index.js";
+import { NumberInput, init_NumberInput } from "../../../NumberInput/index.js";
+import { init_styles_css, orderSummaryStyle } from "../styles.css.js";
+import { SubCategoryPrice, init_SubCategoryPrice } from "./SubCategoryPrice.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { AttachIcon } from "@ultraviolet/icons/AttachIcon";
+
+//#region src/components/compositions/OrderSummary/components/SubCategory.tsx
+var SubCategory;
+var init_SubCategory = __esmMin(() => {
+	init_NumberInput();
+	init_Stack();
+	init_Text();
+	init_styles_css();
+	init_SubCategoryPrice();
+	SubCategory = ({ subCategory }) => {
+		var _subCategory$details;
+		return /* @__PURE__ */ jsxs(Stack, {
+			direction: "column",
+			gap: 1,
+			children: [/* @__PURE__ */ jsxs(Stack, {
+				alignItems: "center",
+				direction: "row",
+				justifyContent: "space-between",
+				children: [
+					subCategory.additionalInfo || subCategory.icon ? /* @__PURE__ */ jsxs(Stack, {
+						alignItems: "center",
+						direction: "row",
+						gap: 1,
+						children: [
+							subCategory.icon,
+							/* @__PURE__ */ jsx(Text, {
+								as: "span",
+								prominence: "strong",
+								sentiment: "neutral",
+								variant: "bodySmallStrong",
+								children: subCategory.anchor ? /* @__PURE__ */ jsxs("a", {
+									className: orderSummaryStyle.anchor,
+									href: subCategory.anchor,
+									children: [/* @__PURE__ */ jsx(AttachIcon, {
+										className: orderSummaryStyle.anchorIcon({ size: "small" }),
+										sentiment: "info"
+									}), subCategory.title]
+								}) : subCategory.title
+							}),
+							/* @__PURE__ */ jsx(Text, {
+								as: "span",
+								italic: true,
+								sentiment: "primary",
+								variant: "bodySmall",
+								children: subCategory.additionalInfo
+							})
+						]
+					}) : /* @__PURE__ */ jsx(Text, {
+						as: "span",
+						prominence: "strong",
+						sentiment: "neutral",
+						variant: "bodySmallStrong",
+						children: subCategory.anchor ? /* @__PURE__ */ jsxs("a", {
+							className: orderSummaryStyle.anchor,
+							href: subCategory.anchor,
+							children: [/* @__PURE__ */ jsx(AttachIcon, {
+								className: orderSummaryStyle.anchorIcon({ size: "small" }),
+								sentiment: "info"
+							}), subCategory.title]
+						}) : subCategory.title
+					}),
+					subCategory.customContent ? /* @__PURE__ */ jsx(Text, {
+						as: "span",
+						prominence: "strong",
+						sentiment: "neutral",
+						variant: "bodySmallStrong",
+						children: subCategory.customContent
+					}) : null,
+					subCategory.numberInput ? /* @__PURE__ */ jsx(NumberInput, {
+						className: orderSummaryStyle.numberInput,
+						controls: subCategory.numberInputControls,
+						onChange: subCategory.onChangeInput,
+						size: "small",
+						unit: subCategory.numberInputUnit,
+						value: subCategory.numberInputValue
+					}) : null,
+					/* @__PURE__ */ jsx(SubCategoryPrice, { subCategory })
+				]
+			}), /* @__PURE__ */ jsx(Stack, {
+				className: orderSummaryStyle.details,
+				direction: "column",
+				gap: .5,
+				children: (_subCategory$details = subCategory.details) === null || _subCategory$details === void 0 ? void 0 : _subCategory$details.map((detail, index) => detail ? /* @__PURE__ */ jsx(Text, {
+					as: "span",
+					sentiment: "neutral",
+					variant: "bodySmall",
+					children: detail
+				}, `${subCategory.title}-${index}`) : null)
+			})]
+		});
+	};
+});
+
+//#endregion
+init_SubCategory();
+export { SubCategory, init_SubCategory };

package/dist/components/compositions/OrderSummary/components/SubCategoryPrice.d.ts

@@ -0,0 +1,5 @@
+import type { SubCategoryType } from '../types';
+export declare const SubCategoryPrice: ({ subCategory, }: {
+    subCategory: SubCategoryType;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SubCategoryPrice.d.ts.map

package/dist/components/compositions/OrderSummary/components/SubCategoryPrice.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubCategoryPrice.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/OrderSummary/components/SubCategoryPrice.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE/C,eAAO,MAAM,gBAAgB;;6CA4H5B,CAAA"}

package/dist/components/compositions/OrderSummary/components/SubCategoryPrice.js

@@ -0,0 +1,50 @@
+import { __esmMin, __name } from "../../../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../../Stack/index.js";
+import { Text, init_Text } from "../../../Text/index.js";
+import { OrderSummaryContext, init_Provider } from "../Provider.js";
+import { calculateSubCategoryPrice, formatNumber, init_helpers } from "../helpers.js";
+import { useContext } from "react";
+import { Fragment as Fragment$1, jsxs } from "react/jsx-runtime";
+
+//#region src/components/compositions/OrderSummary/components/SubCategoryPrice.tsx
+var SubCategoryPrice;
+var init_SubCategoryPrice = __esmMin(() => {
+	init_Stack();
+	init_Text();
+	init_helpers();
+	init_Provider();
+	SubCategoryPrice = ({ subCategory }) => {
+		const { currency, localeFormat, hideTimeUnit, timePeriodAmount, timePeriodUnit, fractionDigits } = useContext(OrderSummaryContext);
+		const subCategoryPrice = calculateSubCategoryPrice(subCategory, hideTimeUnit, timePeriodAmount, timePeriodUnit);
+		const getCorrectPrice = (variant, index) => subCategory.priceUnit ? subCategory.price : subCategoryPrice[variant][index];
+		return /* @__PURE__ */ jsxs(Fragment$1, { children: [subCategory.price !== void 0 && !subCategory.hidePrice && subCategoryPrice.default[0] === subCategoryPrice.discounted[0] && subCategoryPrice.default[1] === subCategoryPrice.discounted[1] ? /* @__PURE__ */ jsxs(Text, {
+			as: "span",
+			prominence: "strong",
+			sentiment: "neutral",
+			variant: "bodySmallStrong",
+			children: [subCategoryPrice.discounted[0] === subCategoryPrice.discounted[1] || subCategory.priceUnit ? formatNumber(getCorrectPrice("discounted", 0), localeFormat, currency, fractionDigits) : `${formatNumber(subCategoryPrice.discounted[0], localeFormat, currency, fractionDigits)} - ${formatNumber(subCategoryPrice.discounted[1], localeFormat, currency, fractionDigits)}`, subCategory.priceUnit ? ` /${subCategory.priceUnit}` : ""]
+		}) : null, subCategory.price !== void 0 && !subCategory.hidePrice && (subCategoryPrice.default[0] !== subCategoryPrice.discounted[0] || subCategoryPrice.default[1] !== subCategoryPrice.discounted[1]) ? /* @__PURE__ */ jsxs(Stack, {
+			alignItems: "center",
+			direction: "row",
+			gap: 1,
+			children: [/* @__PURE__ */ jsxs(Text, {
+				as: "span",
+				prominence: "weak",
+				sentiment: "neutral",
+				strikeThrough: true,
+				variant: "bodySmallStrong",
+				children: [subCategoryPrice.default[0] === subCategoryPrice.default[1] || subCategory.priceUnit ? formatNumber(getCorrectPrice("default", 0), localeFormat, currency, fractionDigits) : `${formatNumber(subCategoryPrice.default[0], localeFormat, currency, fractionDigits)} - ${formatNumber(subCategoryPrice.default[1], localeFormat, currency, fractionDigits)}`, subCategory.priceUnit ? ` /${subCategory.priceUnit}` : ""]
+			}), /* @__PURE__ */ jsxs(Text, {
+				as: "span",
+				prominence: "strong",
+				sentiment: "neutral",
+				variant: "bodySmallStrong",
+				children: [subCategoryPrice.discounted[0] === subCategoryPrice.discounted[1] || subCategory.priceUnit ? formatNumber(getCorrectPrice("discounted", 0), localeFormat, currency, fractionDigits) : `${formatNumber(subCategoryPrice.discounted[0], localeFormat, currency, fractionDigits)} - ${formatNumber(subCategoryPrice.discounted[1], localeFormat, currency, fractionDigits)}`, subCategory.priceUnit ? ` /${subCategory.priceUnit}` : ""]
+			})]
+		}) : null] });
+	};
+});
+
+//#endregion
+init_SubCategoryPrice();
+export { SubCategoryPrice, init_SubCategoryPrice };

package/dist/components/compositions/OrderSummary/helpers.js

@@ -1,5 +1,5 @@
 import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2, init_objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.120.0/helpers/objectSpread2.js";
+import { _objectSpread2, init_objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
 import { init_constants, multiplier } from "./constants.js";
 import { OrderSummaryContext, init_Provider } from "./Provider.js";
 import { useContext } from "react";

package/dist/components/compositions/OrderSummary/index.d.ts

@@ -1,3 +1,7 @@
 import type { OrderSummaryProps } from './types';
+/**
+ * Key interface element that provides users with a comprehensive
+ * view of their selected configurations, costs, and any applied discounts.
+ */
 export declare const OrderSummary: ({ header, hideTimeUnit, periodOptions, valueUnitInput, unitUnitInput, items, locales, currency, localeFormat, footer, children, discount, totalPriceInfo, fractionDigits, hideDetails, onChange, onChangeUnitInput, totalPriceDescription, additionalInfo, className, totalPriceInfoPlacement, hideBeforePrice, 'data-testid': dataTestId, style, priceInformation, }: OrderSummaryProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/OrderSummary/index.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,iBAAiB,EAAY,MAAM,SAAS,CAAA;AAE1D,eAAO,MAAM,YAAY,uaAwLxB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/OrderSummary/index.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,iBAAiB,EAAY,MAAM,SAAS,CAAA;AAE1D;;;GAGG;AACH,eAAO,MAAM,YAAY,uaAwLxB,CAAA"}

package/dist/components/compositions/Plans/index.d.ts

@@ -17,6 +17,9 @@ type PlansProps<T extends string> = {
         content: string;
     };
 };
+/**
+ * Allows users to compare different offers, providing varying features and pricing options to suit different needs.
+ */
 export declare const Plans: <T extends string>({ fieldName, onChange, value, features, plans, hideFeatureText, hideLabels, locales, style, highlight, }: PlansProps<T>) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/Plans/index.tsx"],"names":[],"mappings":"AASA,OAAO,YAAY,MAAM,cAAc,CAAA;AAIvC,OAAO,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAChD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1C,KAAK,UAAU,CAAC,CAAC,SAAS,MAAM,IAAI;IAClC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;IACrD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAA;IACtB,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAA;IACpB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,OAAO,YAAY,EAAE,MAAM,CAAC,CAAA;IACnD,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,sFAAsF;IACtF,SAAS,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAA;CAC9C,CAAA;AAED,eAAO,MAAM,KAAK,GAAI,CAAC,oLAuOtB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/Plans/index.tsx"],"names":[],"mappings":"AASA,OAAO,YAAY,MAAM,cAAc,CAAA;AAIvC,OAAO,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAChD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1C,KAAK,UAAU,CAAC,CAAC,SAAS,MAAM,IAAI;IAClC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;IACrD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAA;IACtB,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAA;IACpB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,OAAO,YAAY,EAAE,MAAM,CAAC,CAAA;IACnD,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,sFAAsF;IACtF,SAAS,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAA;CAC9C,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,KAAK,GAAI,CAAC,oLAuOtB,CAAA"}

package/dist/components/index.js

@@ -3,8 +3,6 @@ import { Stack, init_Stack } from "./Stack/index.js";
 import { Popup, init_Popup } from "./Popup/index.js";
 import { Tooltip, init_Tooltip } from "./Tooltip/index.js";
 import { Text, init_Text } from "./Text/index.js";
-import { Expandable, init_Expandable } from "./Expandable/index.js";
-import { Badge, init_Badge } from "./Badge/index.js";
 import { Loader, init_Loader } from "./Loader/index.js";
 import { Button, init_Button } from "./Button/index.js";
 import { Label, init_Label } from "./Label/index.js";
@@ -12,12 +10,14 @@ import { TextInput, init_TextInput } from "./TextInput/index.js";
 import { Key, init_Key } from "./Key/index.js";
 import { SearchInput, init_SearchInput } from "./SearchInput/index.js";
 import { Menu, init_Menu } from "./Menu/index.js";
+import { Badge, init_Badge } from "./Badge/index.js";
+import { Expandable, init_Expandable } from "./Expandable/index.js";
 import { Separator, init_Separator } from "./Separator/index.js";
 import { Row, init_Row } from "./Row/index.js";
 import { NumberInput, init_NumberInput } from "./NumberInput/index.js";
 import { Alert, init_Alert } from "./Alert/index.js";
-import { Checkbox, init_Checkbox } from "./Checkbox/index.js";
 import { Skeleton, init_Skeleton } from "./Skeleton/index.js";
+import { Checkbox, init_Checkbox } from "./Checkbox/index.js";
 import { Tag, init_Tag } from "./Tag/index.js";
 import { SelectInput, init_SelectInput } from "./SelectInput/index.js";
 import { UnitInput, init_UnitInput } from "./UnitInput/index.js";
@@ -36,7 +36,8 @@ import { BarChart, init_BarChart } from "./BarChart/index.js";
 import { BarStack, init_BarStack } from "./BarStack/index.js";
 import { Breadcrumbs, init_Breadcrumbs } from "./Breadcrumbs/index.js";
 import { Carousel, init_Carousel } from "./Carousel/index.js";
-import { CheckboxGroup, CheckboxGroupCheckbox, init_CheckboxGroup } from "./CheckboxGroup/index.js";
+import { CheckboxGroupCheckbox } from "./CheckboxGroup/SingleCheckbox.js";
+import { CheckboxGroup, init_CheckboxGroup } from "./CheckboxGroup/index.js";
 import { Chip, init_Chip } from "./Chip/index.js";
 import { DateInput, init_DateInput } from "./DateInput/index.js";
 import { Modal, init_Modal } from "./Modal/index.js";

package/dist/components/styles.js

@@ -3,22 +3,22 @@ import { init_styles_css, stackStyle } from "./Stack/styles.css.js";
 import { init_styles_css as init_styles_css$1, popupStyle } from "./Popup/styles.css.js";
 import { init_styles_css as init_styles_css$2, tooltipStyle } from "./Tooltip/styles.css.js";
 import { init_style_css, textStyle } from "./Text/style.css.js";
-import { expandableStyle, init_styles_css as init_styles_css$3 } from "./Expandable/styles.css.js";
-import { badgeStyle, init_styles_css as init_styles_css$4 } from "./Badge/styles.css.js";
-import { init_styles_css as init_styles_css$5, loaderStyle } from "./Loader/styles.css.js";
-import { buttonStyle, init_styles_css as init_styles_css$6 } from "./Button/styles.css.js";
-import { init_styles_css as init_styles_css$7, menuStyle } from "./Menu/styles.css.js";
-import { init_styles_css as init_styles_css$8, labelStyle } from "./Label/styles.css.js";
-import { init_styles_css as init_styles_css$9, textInputStyle } from "./TextInput/styles.css.js";
-import { init_styles_css as init_styles_css$10, keyStyle } from "./Key/styles.css.js";
-import { init_styles_css as init_styles_css$11, searchInputStyle } from "./SearchInput/styles.css.js";
+import { init_styles_css as init_styles_css$3, loaderStyle } from "./Loader/styles.css.js";
+import { buttonStyle, init_styles_css as init_styles_css$4 } from "./Button/styles.css.js";
+import { init_styles_css as init_styles_css$5, menuStyle } from "./Menu/styles.css.js";
+import { init_styles_css as init_styles_css$6, labelStyle } from "./Label/styles.css.js";
+import { init_styles_css as init_styles_css$7, textInputStyle } from "./TextInput/styles.css.js";
+import { init_styles_css as init_styles_css$8, keyStyle } from "./Key/styles.css.js";
+import { init_styles_css as init_styles_css$9, searchInputStyle } from "./SearchInput/styles.css.js";
+import { badgeStyle, init_styles_css as init_styles_css$10 } from "./Badge/styles.css.js";
+import { expandableStyle, init_styles_css as init_styles_css$11 } from "./Expandable/styles.css.js";
 import { init_styles_css as init_styles_css$12, separatorStyle } from "./Separator/styles.css.js";
 import { init_styles_css as init_styles_css$13, rowStyle } from "./Row/styles.css.js";
 import { init_styles_css as init_styles_css$14, numberInputStyle } from "./NumberInput/styles.css.js";
 import { alertStyle, init_styles_css as init_styles_css$15 } from "./Alert/styles.css.js";
-import { checkboxStyle, init_styles_css as init_styles_css$16 } from "./Checkbox/styles.css.js";
+import { init_styles_css as init_styles_css$16, selectInputStyle } from "./SelectInput/styles.css.js";
 import { init_styles_css as init_styles_css$17, skeletonStyle } from "./Skeleton/styles.css.js";
-import { init_styles_css as init_styles_css$18, selectInputStyle } from "./SelectInput/styles.css.js";
+import { checkboxStyle, init_styles_css as init_styles_css$18 } from "./Checkbox/styles.css.js";
 import { init_styles_css as init_styles_css$19, tagStyle } from "./Tag/styles.css.js";
 import { init_styles_css as init_styles_css$20, unitInputStyle } from "./UnitInput/styles.css.js";
 import { bulletStyle, init_styles_css as init_styles_css$21 } from "./Bullet/styles.css.js";
@@ -79,33 +79,33 @@ var init_styles = __esmMin(() => {
 	init_styles_css$24();
 	init_styles_css$15();
 	init_styles_css$28();
-	init_styles_css$4();
+	init_styles_css$10();
 	init_styles_css$30();
 	init_styles_css$31();
 	init_styles_css$32();
 	init_styles_css$33();
 	init_styles_css$21();
-	init_styles_css$6();
+	init_styles_css$4();
 	init_styles_css$22();
 	init_styles_css$34();
-	init_styles_css$16();
+	init_styles_css$18();
 	init_styles_css$35();
 	init_styles_css$36();
 	init_styles_css$37();
 	init_styles_css$39();
 	init_styles_css$40();
 	init_styles_css$41();
-	init_styles_css$3();
+	init_styles_css$11();
 	init_styles_css$42();
 	init_styles_css$43();
 	init_styles_css$44();
-	init_styles_css$10();
 	init_styles_css$8();
+	init_styles_css$6();
 	init_styles_css$45();
 	init_styles_css$29();
 	init_styles_css$23();
+	init_styles_css$3();
 	init_styles_css$5();
-	init_styles_css$7();
 	init_styles_css$46();
 	init_styles_css$38();
 	init_styles_css$47();
@@ -120,11 +120,11 @@ var init_styles = __esmMin(() => {
 	init_styles_css$25();
 	init_styles_css$53();
 	init_styles_css$13();
-	init_styles_css$11();
+	init_styles_css$9();
 	init_styles_css$54();
 	init_styles_css$56();
 	init_styles_css$57();
-	init_styles_css$18();
+	init_styles_css$16();
 	init_styles_css$12();
 	init_styles_css$17();
 	init_styles_css$58();
@@ -141,7 +141,7 @@ var init_styles = __esmMin(() => {
 	init_styles_css$66();
 	init_style_css();
 	init_styles_css$67();
-	init_styles_css$9();
+	init_styles_css$7();
 	init_styles_css$68();
 	init_styles_css$69();
 	init_styles_css$55();

package/dist/helpers/legend.d.ts

@@ -66,10 +66,10 @@ export declare const getLegendColor: (theme: {
             backgroundHover: `var(--${string})`;
             backgroundStrong: `var(--${string})`;
             backgroundStrongDisabled: `var(--${string})`;
+            backgroundStrongHover: `var(--${string})`;
             backgroundStronger: `var(--${string})`;
             backgroundStrongerDisabled: `var(--${string})`;
             backgroundStrongerHover: `var(--${string})`;
-            backgroundStrongHover: `var(--${string})`;
             backgroundWeak: `var(--${string})`;
             backgroundWeakDisabled: `var(--${string})`;
             backgroundWeakElevated: `var(--${string})`;
@@ -79,10 +79,10 @@ export declare const getLegendColor: (theme: {
             borderHover: `var(--${string})`;
             borderStrong: `var(--${string})`;
             borderStrongDisabled: `var(--${string})`;
+            borderStrongHover: `var(--${string})`;
             borderStronger: `var(--${string})`;
             borderStrongerDisabled: `var(--${string})`;
             borderStrongerHover: `var(--${string})`;
-            borderStrongHover: `var(--${string})`;
             borderWeak: `var(--${string})`;
             borderWeakDisabled: `var(--${string})`;
             borderWeakHover: `var(--${string})`;
@@ -91,10 +91,10 @@ export declare const getLegendColor: (theme: {
             iconHover: `var(--${string})`;
             iconStrong: `var(--${string})`;
             iconStrongDisabled: `var(--${string})`;
+            iconStrongHover: `var(--${string})`;
             iconStronger: `var(--${string})`;
             iconStrongerDisabled: `var(--${string})`;
             iconStrongerHover: `var(--${string})`;
-            iconStrongHover: `var(--${string})`;
             iconWeak: `var(--${string})`;
             iconWeakDisabled: `var(--${string})`;
             iconWeakHover: `var(--${string})`;
@@ -103,10 +103,10 @@ export declare const getLegendColor: (theme: {
             textHover: `var(--${string})`;
             textStrong: `var(--${string})`;
             textStrongDisabled: `var(--${string})`;
+            textStrongHover: `var(--${string})`;
             textStronger: `var(--${string})`;
             textStrongerDisabled: `var(--${string})`;
             textStrongerHover: `var(--${string})`;
-            textStrongHover: `var(--${string})`;
             textWeak: `var(--${string})`;
             textWeakDisabled: `var(--${string})`;
             textWeakHover: `var(--${string})`;
@@ -116,6 +116,11 @@ export declare const getLegendColor: (theme: {
                 charts: {
                     danger: `var(--${string})`;
                     data1: `var(--${string})`;
+                    data10: `var(--${string})`;
+                    data11: `var(--${string})`;
+                    data12: `var(--${string})`;
+                    data13: `var(--${string})`;
+                    data14: `var(--${string})`;
                     data2: `var(--${string})`;
                     data3: `var(--${string})`;
                     data4: `var(--${string})`;
@@ -124,11 +129,6 @@ export declare const getLegendColor: (theme: {
                     data7: `var(--${string})`;
                     data8: `var(--${string})`;
                     data9: `var(--${string})`;
-                    data10: `var(--${string})`;
-                    data11: `var(--${string})`;
-                    data12: `var(--${string})`;
-                    data13: `var(--${string})`;
-                    data14: `var(--${string})`;
                     success: `var(--${string})`;
                 };
             };
@@ -410,9 +410,6 @@ export declare const getLegendColor: (theme: {
     };
     sizing: {
         '0': `var(--${string})`;
-        '012': `var(--${string})`;
-        '025': `var(--${string})`;
-        '050': `var(--${string})`;
         '100': `var(--${string})`;
         '125': `var(--${string})`;
         '150': `var(--${string})`;
@@ -431,13 +428,13 @@ export declare const getLegendColor: (theme: {
         '800': `var(--${string})`;
         '900': `var(--${string})`;
         '1000': `var(--${string})`;
+        '012': `var(--${string})`;
+        '025': `var(--${string})`;
+        '050': `var(--${string})`;
     };
     space: {
         '0': `var(--${string})`;
-        '0.5': `var(--${string})`;
-        '0.25': `var(--${string})`;
         '1': `var(--${string})`;
-        '1.5': `var(--${string})`;
         '2': `var(--${string})`;
         '3': `var(--${string})`;
         '4': `var(--${string})`;
@@ -447,6 +444,9 @@ export declare const getLegendColor: (theme: {
         '8': `var(--${string})`;
         '9': `var(--${string})`;
         '10': `var(--${string})`;
+        '0.25': `var(--${string})`;
+        '0.5': `var(--${string})`;
+        '1.5': `var(--${string})`;
     };
     theme: `var(--${string})`;
     typography: {

package/dist/helpers/nivoTheme.d.ts

@@ -66,10 +66,10 @@ export declare const getNivoTheme: (theme: {
             backgroundHover: string;
             backgroundStrong: string;
             backgroundStrongDisabled: string;
+            backgroundStrongHover: string;
             backgroundStronger: string;
             backgroundStrongerDisabled: string;
             backgroundStrongerHover: string;
-            backgroundStrongHover: string;
             backgroundWeak: string;
             backgroundWeakDisabled: string;
             backgroundWeakElevated: string;
@@ -79,10 +79,10 @@ export declare const getNivoTheme: (theme: {
             borderHover: string;
             borderStrong: string;
             borderStrongDisabled: string;
+            borderStrongHover: string;
             borderStronger: string;
             borderStrongerDisabled: string;
             borderStrongerHover: string;
-            borderStrongHover: string;
             borderWeak: string;
             borderWeakDisabled: string;
             borderWeakHover: string;
@@ -91,10 +91,10 @@ export declare const getNivoTheme: (theme: {
             iconHover: string;
             iconStrong: string;
             iconStrongDisabled: string;
+            iconStrongHover: string;
             iconStronger: string;
             iconStrongerDisabled: string;
             iconStrongerHover: string;
-            iconStrongHover: string;
             iconWeak: string;
             iconWeakDisabled: string;
             iconWeakHover: string;
@@ -103,10 +103,10 @@ export declare const getNivoTheme: (theme: {
             textHover: string;
             textStrong: string;
             textStrongDisabled: string;
+            textStrongHover: string;
             textStronger: string;
             textStrongerDisabled: string;
             textStrongerHover: string;
-            textStrongHover: string;
             textWeak: string;
             textWeakDisabled: string;
             textWeakHover: string;
@@ -116,6 +116,11 @@ export declare const getNivoTheme: (theme: {
                 charts: {
                     danger: string;
                     data1: string;
+                    data10: string;
+                    data11: string;
+                    data12: string;
+                    data13: string;
+                    data14: string;
                     data2: string;
                     data3: string;
                     data4: string;
@@ -124,11 +129,6 @@ export declare const getNivoTheme: (theme: {
                     data7: string;
                     data8: string;
                     data9: string;
-                    data10: string;
-                    data11: string;
-                    data12: string;
-                    data13: string;
-                    data14: string;
                     success: string;
                 };
             };
@@ -410,9 +410,6 @@ export declare const getNivoTheme: (theme: {
     };
     sizing: {
         '0': string;
-        '012': string;
-        '025': string;
-        '050': string;
         '100': string;
         '125': string;
         '150': string;
@@ -431,13 +428,13 @@ export declare const getNivoTheme: (theme: {
         '800': string;
         '900': string;
         '1000': string;
+        '012': string;
+        '025': string;
+        '050': string;
     };
     space: {
         '0': string;
-        '0.5': string;
-        '0.25': string;
         '1': string;
-        '1.5': string;
         '2': string;
         '3': string;
         '4': string;
@@ -447,6 +444,9 @@ export declare const getNivoTheme: (theme: {
         '8': string;
         '9': string;
         '10': string;
+        '0.25': string;
+        '0.5': string;
+        '1.5': string;
     };
     theme: string;
     typography: {

package/dist/helpers/treeMap.d.ts

@@ -152,10 +152,10 @@ export declare const getDataColors: (data: DefaultTreeMapDatum, theme: {
             backgroundHover: string;
             backgroundStrong: string;
             backgroundStrongDisabled: string;
+            backgroundStrongHover: string;
             backgroundStronger: string;
             backgroundStrongerDisabled: string;
             backgroundStrongerHover: string;
-            backgroundStrongHover: string;
             backgroundWeak: string;
             backgroundWeakDisabled: string;
             backgroundWeakElevated: string;
@@ -165,10 +165,10 @@ export declare const getDataColors: (data: DefaultTreeMapDatum, theme: {
             borderHover: string;
             borderStrong: string;
             borderStrongDisabled: string;
+            borderStrongHover: string;
             borderStronger: string;
             borderStrongerDisabled: string;
             borderStrongerHover: string;
-            borderStrongHover: string;
             borderWeak: string;
             borderWeakDisabled: string;
             borderWeakHover: string;
@@ -177,10 +177,10 @@ export declare const getDataColors: (data: DefaultTreeMapDatum, theme: {
             iconHover: string;
             iconStrong: string;
             iconStrongDisabled: string;
+            iconStrongHover: string;
             iconStronger: string;
             iconStrongerDisabled: string;
             iconStrongerHover: string;
-            iconStrongHover: string;
             iconWeak: string;
             iconWeakDisabled: string;
             iconWeakHover: string;
@@ -189,10 +189,10 @@ export declare const getDataColors: (data: DefaultTreeMapDatum, theme: {
             textHover: string;
             textStrong: string;
             textStrongDisabled: string;
+            textStrongHover: string;
             textStronger: string;
             textStrongerDisabled: string;
             textStrongerHover: string;
-            textStrongHover: string;
             textWeak: string;
             textWeakDisabled: string;
             textWeakHover: string;
@@ -202,6 +202,11 @@ export declare const getDataColors: (data: DefaultTreeMapDatum, theme: {
                 charts: {
                     danger: string;
                     data1: string;
+                    data10: string;
+                    data11: string;
+                    data12: string;
+                    data13: string;
+                    data14: string;
                     data2: string;
                     data3: string;
                     data4: string;
@@ -210,11 +215,6 @@ export declare const getDataColors: (data: DefaultTreeMapDatum, theme: {
                     data7: string;
                     data8: string;
                     data9: string;
-                    data10: string;
-                    data11: string;
-                    data12: string;
-                    data13: string;
-                    data14: string;
                     success: string;
                 };
             };
@@ -496,9 +496,6 @@ export declare const getDataColors: (data: DefaultTreeMapDatum, theme: {
     };
     sizing: {
         '0': string;
-        '012': string;
-        '025': string;
-        '050': string;
         '100': string;
         '125': string;
         '150': string;
@@ -517,13 +514,13 @@ export declare const getDataColors: (data: DefaultTreeMapDatum, theme: {
         '800': string;
         '900': string;
         '1000': string;
+        '012': string;
+        '025': string;
+        '050': string;
     };
     space: {
         '0': string;
-        '0.5': string;
-        '0.25': string;
         '1': string;
-        '1.5': string;
         '2': string;
         '3': string;
         '4': string;
@@ -533,6 +530,9 @@ export declare const getDataColors: (data: DefaultTreeMapDatum, theme: {
         '8': string;
         '9': string;
         '10': string;
+        '0.25': string;
+        '0.5': string;
+        '1.5': string;
     };
     theme: string;
     typography: {