@ultraviolet/ui 3.12.3 → 3.13.0

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

package/dist/theme/index.d.ts

@@ -61,10 +61,10 @@ declare const colors: {
         backgroundHover: string;
         backgroundStrong: string;
         backgroundStrongDisabled: string;
+        backgroundStrongHover: string;
         backgroundStronger: string;
         backgroundStrongerDisabled: string;
         backgroundStrongerHover: string;
-        backgroundStrongHover: string;
         backgroundWeak: string;
         backgroundWeakDisabled: string;
         backgroundWeakElevated: string;
@@ -74,10 +74,10 @@ declare const colors: {
         borderHover: string;
         borderStrong: string;
         borderStrongDisabled: string;
+        borderStrongHover: string;
         borderStronger: string;
         borderStrongerDisabled: string;
         borderStrongerHover: string;
-        borderStrongHover: string;
         borderWeak: string;
         borderWeakDisabled: string;
         borderWeakHover: string;
@@ -86,10 +86,10 @@ declare const colors: {
         iconHover: string;
         iconStrong: string;
         iconStrongDisabled: string;
+        iconStrongHover: string;
         iconStronger: string;
         iconStrongerDisabled: string;
         iconStrongerHover: string;
-        iconStrongHover: string;
         iconWeak: string;
         iconWeakDisabled: string;
         iconWeakHover: string;
@@ -98,10 +98,10 @@ declare const colors: {
         textHover: string;
         textStrong: string;
         textStrongDisabled: string;
+        textStrongHover: string;
         textStronger: string;
         textStrongerDisabled: string;
         textStrongerHover: string;
-        textStrongHover: string;
         textWeak: string;
         textWeakDisabled: string;
         textWeakHover: string;
@@ -111,6 +111,11 @@ declare const colors: {
             charts: {
                 danger: string;
                 data1: string;
+                data10: string;
+                data11: string;
+                data12: string;
+                data13: string;
+                data14: string;
                 data2: string;
                 data3: string;
                 data4: string;
@@ -119,11 +124,6 @@ declare const colors: {
                 data7: string;
                 data8: string;
                 data9: string;
-                data10: string;
-                data11: string;
-                data12: string;
-                data13: string;
-                data14: string;
                 success: string;
             };
         };
@@ -692,10 +692,7 @@ declare const colors: {
     };
 }, space: {
     '0': string;
-    '0.5': string;
-    '0.25': string;
     '1': string;
-    '1.5': string;
     '2': string;
     '3': string;
     '4': string;
@@ -705,6 +702,9 @@ declare const colors: {
     '8': string;
     '9': string;
     '10': string;
+    '0.25': string;
+    '0.5': string;
+    '1.5': string;
 }, radii: {
     circle: string;
     default: string;
@@ -797,10 +797,10 @@ declare const extendTheme: (extendedTheme: RecursivePartial<{
             backgroundHover: string;
             backgroundStrong: string;
             backgroundStrongDisabled: string;
+            backgroundStrongHover: string;
             backgroundStronger: string;
             backgroundStrongerDisabled: string;
             backgroundStrongerHover: string;
-            backgroundStrongHover: string;
             backgroundWeak: string;
             backgroundWeakDisabled: string;
             backgroundWeakElevated: string;
@@ -810,10 +810,10 @@ declare const extendTheme: (extendedTheme: RecursivePartial<{
             borderHover: string;
             borderStrong: string;
             borderStrongDisabled: string;
+            borderStrongHover: string;
             borderStronger: string;
             borderStrongerDisabled: string;
             borderStrongerHover: string;
-            borderStrongHover: string;
             borderWeak: string;
             borderWeakDisabled: string;
             borderWeakHover: string;
@@ -822,10 +822,10 @@ declare const extendTheme: (extendedTheme: RecursivePartial<{
             iconHover: string;
             iconStrong: string;
             iconStrongDisabled: string;
+            iconStrongHover: string;
             iconStronger: string;
             iconStrongerDisabled: string;
             iconStrongerHover: string;
-            iconStrongHover: string;
             iconWeak: string;
             iconWeakDisabled: string;
             iconWeakHover: string;
@@ -834,10 +834,10 @@ declare const extendTheme: (extendedTheme: RecursivePartial<{
             textHover: string;
             textStrong: string;
             textStrongDisabled: string;
+            textStrongHover: string;
             textStronger: string;
             textStrongerDisabled: string;
             textStrongerHover: string;
-            textStrongHover: string;
             textWeak: string;
             textWeakDisabled: string;
             textWeakHover: string;
@@ -847,6 +847,11 @@ declare const extendTheme: (extendedTheme: RecursivePartial<{
                 charts: {
                     danger: string;
                     data1: string;
+                    data10: string;
+                    data11: string;
+                    data12: string;
+                    data13: string;
+                    data14: string;
                     data2: string;
                     data3: string;
                     data4: string;
@@ -855,11 +860,6 @@ declare const extendTheme: (extendedTheme: RecursivePartial<{
                     data7: string;
                     data8: string;
                     data9: string;
-                    data10: string;
-                    data11: string;
-                    data12: string;
-                    data13: string;
-                    data14: string;
                     success: string;
                 };
             };
@@ -1141,9 +1141,6 @@ declare const extendTheme: (extendedTheme: RecursivePartial<{
     };
     sizing: {
         '0': string;
-        '012': string;
-        '025': string;
-        '050': string;
         '100': string;
         '125': string;
         '150': string;
@@ -1162,13 +1159,13 @@ declare const extendTheme: (extendedTheme: RecursivePartial<{
         '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;
@@ -1178,6 +1175,9 @@ declare const extendTheme: (extendedTheme: RecursivePartial<{
         '8': string;
         '9': string;
         '10': string;
+        '0.25': string;
+        '0.5': string;
+        '1.5': string;
     };
     theme: string;
     typography: {
@@ -1547,10 +1547,10 @@ declare const extendTheme: (extendedTheme: RecursivePartial<{
             backgroundHover: string;
             backgroundStrong: string;
             backgroundStrongDisabled: string;
+            backgroundStrongHover: string;
             backgroundStronger: string;
             backgroundStrongerDisabled: string;
             backgroundStrongerHover: string;
-            backgroundStrongHover: string;
             backgroundWeak: string;
             backgroundWeakDisabled: string;
             backgroundWeakElevated: string;
@@ -1560,10 +1560,10 @@ declare const extendTheme: (extendedTheme: RecursivePartial<{
             borderHover: string;
             borderStrong: string;
             borderStrongDisabled: string;
+            borderStrongHover: string;
             borderStronger: string;
             borderStrongerDisabled: string;
             borderStrongerHover: string;
-            borderStrongHover: string;
             borderWeak: string;
             borderWeakDisabled: string;
             borderWeakHover: string;
@@ -1572,10 +1572,10 @@ declare const extendTheme: (extendedTheme: RecursivePartial<{
             iconHover: string;
             iconStrong: string;
             iconStrongDisabled: string;
+            iconStrongHover: string;
             iconStronger: string;
             iconStrongerDisabled: string;
             iconStrongerHover: string;
-            iconStrongHover: string;
             iconWeak: string;
             iconWeakDisabled: string;
             iconWeakHover: string;
@@ -1584,10 +1584,10 @@ declare const extendTheme: (extendedTheme: RecursivePartial<{
             textHover: string;
             textStrong: string;
             textStrongDisabled: string;
+            textStrongHover: string;
             textStronger: string;
             textStrongerDisabled: string;
             textStrongerHover: string;
-            textStrongHover: string;
             textWeak: string;
             textWeakDisabled: string;
             textWeakHover: string;
@@ -1597,6 +1597,11 @@ declare const extendTheme: (extendedTheme: RecursivePartial<{
                 charts: {
                     danger: string;
                     data1: string;
+                    data10: string;
+                    data11: string;
+                    data12: string;
+                    data13: string;
+                    data14: string;
                     data2: string;
                     data3: string;
                     data4: string;
@@ -1605,11 +1610,6 @@ declare const extendTheme: (extendedTheme: RecursivePartial<{
                     data7: string;
                     data8: string;
                     data9: string;
-                    data10: string;
-                    data11: string;
-                    data12: string;
-                    data13: string;
-                    data14: string;
                     success: string;
                 };
             };
@@ -1891,9 +1891,6 @@ declare const extendTheme: (extendedTheme: RecursivePartial<{
     };
     sizing: {
         '0': string;
-        '012': string;
-        '025': string;
-        '050': string;
         '100': string;
         '125': string;
         '150': string;
@@ -1912,13 +1909,13 @@ declare const extendTheme: (extendedTheme: RecursivePartial<{
         '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;
@@ -1928,6 +1925,9 @@ declare const extendTheme: (extendedTheme: RecursivePartial<{
         '8': string;
         '9': string;
         '10': string;
+        '0.25': string;
+        '0.5': string;
+        '1.5': string;
     };
     theme: string;
     typography: {