npm - uikit-react-public - Versions diffs - 0.32.5 → 0.36.0 - Mend

uikit-react-public 0.32.5 → 0.36.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (28) hide show

package/dist/index.js +10092 -6744
package/dist/theme/common/themeCommon.d.ts +629 -7
package/dist/theme/dark/darkColour.d.ts +144 -0
package/dist/theme/dark/darkTheme.d.ts +3 -0
package/dist/theme/index.d.ts +1 -0
package/dist/theme/light/lightColour.d.ts +29 -11
package/dist/theme/original/defaultTheme.d.ts +29 -49
package/dist/theme/original/originalColourNewStructure.d.ts +29 -11
package/dist/theme/useTheme.d.ts +59 -98
package/lib/components/Button/style/buttonPrimarySubtleStyle.ts +3 -3
package/lib/components/Button/style/buttonPrimaryWarningStyle.ts +4 -4
package/lib/components/Calendar/__tests__/__snapshots__/Calendar.test.tsx.snap +93 -93
package/lib/components/Calendar/subcomponents/Day.tsx +45 -35
package/lib/components/Dropdown/Dropdown.stories.tsx +1 -1
package/lib/components/Snackbar/Snackbar.tsx +4 -4
package/lib/components/Snackbar/__tests__/__snapshots__/Snackbar.test.tsx.snap +4 -4
package/lib/components/Toggle/Toggle.tsx +4 -4
package/lib/theme/__tests__/useTheme.test.tsx +28 -0
package/lib/theme/common/themeCommon.ts +162 -142
package/lib/theme/dark/darkColour.ts +260 -0
package/lib/theme/dark/darkTheme.ts +38 -0
package/lib/theme/index.ts +1 -0
package/lib/theme/light/lightColour.ts +76 -17
package/lib/theme/light/lightTheme.ts +2 -2
package/lib/theme/original/defaultTheme.ts +2 -2
package/lib/theme/original/originalColourNewStructure.ts +34 -20
package/lib/theme/useTheme.tsx +22 -9
package/package.json +2 -2

package/dist/theme/common/themeCommon.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-export declare const primitiveColour: {
+export declare const lightPrimitiveColour: {
     grey: {
         "10": {
             $value: {
@@ -98,7 +98,574 @@ export declare const primitiveColour: {
             };
         };
     };
-    whiteAlpha: {
+    red: {
+        "10": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "11": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "12": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "13": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "14": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "15": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "01": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "02": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "03": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "04": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "05": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "06": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "07": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "08": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "09": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+    };
+    orange: {
+        "10": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "11": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "12": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "13": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "14": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "15": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "01": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "02": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "03": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "04": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "05": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "06": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "07": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "08": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "09": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+    };
+    yellow: {
+        "10": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "11": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "12": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "13": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "14": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "15": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "01": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "02": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "03": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "04": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "05": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "06": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "07": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "08": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "09": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+    };
+    green: {
+        "10": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "11": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "12": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "13": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "14": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "15": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "01": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "02": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "03": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "04": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "05": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "06": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "07": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "08": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "09": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+    };
+    blue: {
+        "10": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "11": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "12": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "13": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "14": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "15": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "01": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "02": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "03": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "04": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "05": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "06": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "07": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "08": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "09": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+    };
+    brandPurple: {
+        "10": {
+            $description: string;
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "11": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "12": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "13": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "14": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "15": {
+            $description: string;
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "01": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "02": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "03": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "04": {
+            $description: string;
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "05": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "06": {
+            $description: string;
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "07": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "08": {
+            $description: string;
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "09": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+    };
+    brandBlur: {
+        "heritage-blue": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+    };
+};
+export declare const darkPrimitiveColour: {
+    grey: {
         "10": {
             $value: {
                 hex: string;
@@ -135,6 +702,66 @@ export declare const primitiveColour: {
                 alpha: number;
             };
         };
+        "00": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "01": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "02": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "03": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "04": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "05": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "06": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "07": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "08": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
+        "09": {
+            $value: {
+                hex: string;
+                alpha: number;
+            };
+        };
     };
     red: {
         "10": {
@@ -598,7 +1225,6 @@ export declare const primitiveColour: {
     };
     brandPurple: {
         "10": {
-            $description: string;
             $value: {
                 hex: string;
                 alpha: number;
@@ -629,7 +1255,6 @@ export declare const primitiveColour: {
             };
         };
         "15": {
-            $description: string;
             $value: {
                 hex: string;
                 alpha: number;
@@ -654,7 +1279,6 @@ export declare const primitiveColour: {
             };
         };
         "04": {
-            $description: string;
             $value: {
                 hex: string;
                 alpha: number;
@@ -667,7 +1291,6 @@ export declare const primitiveColour: {
             };
         };
         "06": {
-            $description: string;
             $value: {
                 hex: string;
                 alpha: number;
@@ -680,7 +1303,6 @@ export declare const primitiveColour: {
             };
         };
         "08": {
-            $description: string;
             $value: {
                 hex: string;
                 alpha: number;