@ultraviolet/ui 3.12.2 → 3.13.0

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: {

package/dist/index.js

@@ -7,10 +7,6 @@ import { tooltipStyle } from "./components/Tooltip/styles.css.js";
 import { Tooltip } from "./components/Tooltip/index.js";
 import { textStyle } from "./components/Text/style.css.js";
 import { Text } from "./components/Text/index.js";
-import { expandableStyle } from "./components/Expandable/styles.css.js";
-import { Expandable } from "./components/Expandable/index.js";
-import { badgeStyle } from "./components/Badge/styles.css.js";
-import { Badge } from "./components/Badge/index.js";
 import { loaderStyle } from "./components/Loader/styles.css.js";
 import { Loader } from "./components/Loader/index.js";
 import { buttonStyle } from "./components/Button/styles.css.js";
@@ -25,6 +21,10 @@ import { Key } from "./components/Key/index.js";
 import { searchInputStyle } from "./components/SearchInput/styles.css.js";
 import { SearchInput } from "./components/SearchInput/index.js";
 import { Menu } from "./components/Menu/index.js";
+import { badgeStyle } from "./components/Badge/styles.css.js";
+import { Badge } from "./components/Badge/index.js";
+import { expandableStyle } from "./components/Expandable/styles.css.js";
+import { Expandable } from "./components/Expandable/index.js";
 import { separatorStyle } from "./components/Separator/styles.css.js";
 import { Separator } from "./components/Separator/index.js";
 import { rowStyle } from "./components/Row/styles.css.js";
@@ -33,11 +33,11 @@ import { numberInputStyle } from "./components/NumberInput/styles.css.js";
 import { NumberInput } from "./components/NumberInput/index.js";
 import { alertStyle } from "./components/Alert/styles.css.js";
 import { Alert } from "./components/Alert/index.js";
-import { checkboxStyle } from "./components/Checkbox/styles.css.js";
-import { Checkbox } from "./components/Checkbox/index.js";
+import { selectInputStyle } from "./components/SelectInput/styles.css.js";
 import { skeletonStyle } from "./components/Skeleton/styles.css.js";
 import { Skeleton } from "./components/Skeleton/index.js";
-import { selectInputStyle } from "./components/SelectInput/styles.css.js";
+import { checkboxStyle } from "./components/Checkbox/styles.css.js";
+import { Checkbox } from "./components/Checkbox/index.js";
 import { tagStyle } from "./components/Tag/styles.css.js";
 import { Tag } from "./components/Tag/index.js";
 import { SelectInput } from "./components/SelectInput/index.js";
@@ -74,7 +74,8 @@ import { Breadcrumbs } from "./components/Breadcrumbs/index.js";
 import { carouselStyle } from "./components/Carousel/styles.css.js";
 import { Carousel } from "./components/Carousel/index.js";
 import { checkboxGroupStyle } from "./components/CheckboxGroup/styles.css.js";
-import { CheckboxGroup, CheckboxGroupCheckbox } from "./components/CheckboxGroup/index.js";
+import { CheckboxGroupCheckbox } from "./components/CheckboxGroup/SingleCheckbox.js";
+import { CheckboxGroup } from "./components/CheckboxGroup/index.js";
 import { chipStyle } from "./components/Chip/styles.css.js";
 import { Chip } from "./components/Chip/index.js";
 import { dateInputStyle } from "./components/DateInput/styles.css.js";

package/dist/theme/ThemeProvider.d.ts

@@ -71,10 +71,10 @@ export declare const useTheme: () => {
             backgroundHover: string;
             backgroundStrong: string;
             backgroundStrongDisabled: string;
+            backgroundStrongHover: string;
             backgroundStronger: string;
             backgroundStrongerDisabled: string;
             backgroundStrongerHover: string;
-            backgroundStrongHover: string;
             backgroundWeak: string;
             backgroundWeakDisabled: string;
             backgroundWeakElevated: string;
@@ -84,10 +84,10 @@ export declare const useTheme: () => {
             borderHover: string;
             borderStrong: string;
             borderStrongDisabled: string;
+            borderStrongHover: string;
             borderStronger: string;
             borderStrongerDisabled: string;
             borderStrongerHover: string;
-            borderStrongHover: string;
             borderWeak: string;
             borderWeakDisabled: string;
             borderWeakHover: string;
@@ -96,10 +96,10 @@ export declare const useTheme: () => {
             iconHover: string;
             iconStrong: string;
             iconStrongDisabled: string;
+            iconStrongHover: string;
             iconStronger: string;
             iconStrongerDisabled: string;
             iconStrongerHover: string;
-            iconStrongHover: string;
             iconWeak: string;
             iconWeakDisabled: string;
             iconWeakHover: string;
@@ -108,10 +108,10 @@ export declare const useTheme: () => {
             textHover: string;
             textStrong: string;
             textStrongDisabled: string;
+            textStrongHover: string;
             textStronger: string;
             textStrongerDisabled: string;
             textStrongerHover: string;
-            textStrongHover: string;
             textWeak: string;
             textWeakDisabled: string;
             textWeakHover: string;
@@ -121,6 +121,11 @@ export declare const useTheme: () => {
                 charts: {
                     danger: string;
                     data1: string;
+                    data10: string;
+                    data11: string;
+                    data12: string;
+                    data13: string;
+                    data14: string;
                     data2: string;
                     data3: string;
                     data4: string;
@@ -129,11 +134,6 @@ export declare const useTheme: () => {
                     data7: string;
                     data8: string;
                     data9: string;
-                    data10: string;
-                    data11: string;
-                    data12: string;
-                    data13: string;
-                    data14: string;
                     success: string;
                 };
             };
@@ -415,9 +415,6 @@ export declare const useTheme: () => {
     };
     sizing: {
         '0': string;
-        '012': string;
-        '025': string;
-        '050': string;
         '100': string;
         '125': string;
         '150': string;
@@ -436,13 +433,13 @@ export declare const useTheme: () => {
         '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;
@@ -452,6 +449,9 @@ export declare const useTheme: () => {
         '8': string;
         '9': string;
         '10': string;
+        '0.25': string;
+        '0.5': string;
+        '1.5': string;
     };
     theme: string;
     typography: {