@orfium/ictinus 5.1.1 → 5.3.0

package/dist/index.d.ts

@@ -491,81 +491,6 @@ type BorderWidth = {
     get: (val: BorderWidthKey, fn?: (val: string) => unknown) => string;
 };
 
-declare const boxShadow: {
-    readonly '0': {
-        readonly value: {
-            readonly x: "0px";
-            readonly y: "0px";
-            readonly blur: "0px";
-            readonly spread: "0px";
-            readonly color: "rgba(200,206,255,0.45)";
-            readonly type: "innerShadow";
-        };
-        readonly type: "boxShadow";
-    };
-    readonly '1': {
-        readonly value: {
-            readonly x: "0px";
-            readonly y: "2px";
-            readonly blur: "4px";
-            readonly spread: "0px";
-            readonly color: "rgba(200,206,255,0.45)";
-            readonly type: "dropShadow";
-        };
-        readonly type: "boxShadow";
-    };
-    readonly '2': {
-        readonly value: {
-            readonly x: "0";
-            readonly y: "4";
-            readonly blur: "8";
-            readonly spread: "0";
-            readonly color: "rgba(200,206,255,0.45)";
-            readonly type: "dropShadow";
-        };
-        readonly type: "boxShadow";
-    };
-    readonly '3': {
-        readonly value: {
-            readonly x: "0px";
-            readonly y: "8px";
-            readonly blur: "16px";
-            readonly spread: "0px";
-            readonly color: "rgba(200,206,255,0.45)";
-            readonly type: "dropShadow";
-        };
-        readonly type: "boxShadow";
-    };
-    readonly '4': {
-        readonly value: {
-            readonly x: "0px";
-            readonly y: "16px";
-            readonly blur: "24px";
-            readonly spread: "0px";
-            readonly color: "rgba(200,206,255,0.45)";
-            readonly type: "dropShadow";
-        };
-        readonly type: "boxShadow";
-    };
-    readonly '5': {
-        readonly value: {
-            readonly x: "0px";
-            readonly y: "-2px";
-            readonly blur: "4px";
-            readonly spread: "0px";
-            readonly color: "rgba(200,206,255,0.45)";
-            readonly type: "dropShadow";
-        };
-        readonly type: "boxShadow";
-        readonly description: "used for sticky/fixed components";
-    };
-};
-
-type BoxShadowKey = keyof typeof boxShadow;
-type BoxShadow = {
-    get: (val: BoxShadowKey, fn?: (val: string) => unknown) => string;
-};
-
 declare const colors$1: {
     readonly gradient: {
         readonly '1': {
@@ -1056,12 +981,88 @@ type GradientPaletteConfig = {
     inverted?: string;
 };
 
+declare const boxShadow: {
+    readonly '0': {
+        readonly value: {
+            readonly x: "0";
+            readonly y: "0";
+            readonly blur: "0";
+            readonly spread: "0";
+            readonly color: "rgba(200,206,255,0.45)";
+            readonly type: "dropShadow";
+        };
+        readonly type: "boxShadow";
+        readonly description: "No shadow variant";
+    };
+    readonly '1': {
+        readonly value: {
+            readonly x: "0";
+            readonly y: "2";
+            readonly blur: "4";
+            readonly spread: "0";
+            readonly color: "rgba(200,206,255,0.45)";
+            readonly type: "dropShadow";
+        };
+        readonly type: "boxShadow";
+    };
+    readonly '2': {
+        readonly value: {
+            readonly x: "0";
+            readonly y: "4";
+            readonly blur: "8";
+            readonly spread: "0";
+            readonly color: "rgba(200,206,255,0.45)";
+            readonly type: "dropShadow";
+        };
+        readonly type: "boxShadow";
+    };
+    readonly '3': {
+        readonly value: {
+            readonly x: "0";
+            readonly y: "8";
+            readonly blur: "16";
+            readonly spread: "0";
+            readonly color: "rgba(200,206,255,0.45)";
+            readonly type: "dropShadow";
+        };
+        readonly type: "boxShadow";
+    };
+    readonly '4': {
+        readonly value: {
+            readonly x: "0";
+            readonly y: "16";
+            readonly blur: "24";
+            readonly spread: "0";
+            readonly color: "rgba(200,206,255,0.45)";
+            readonly type: "dropShadow";
+        };
+        readonly type: "boxShadow";
+    };
+    readonly '5': {
+        readonly value: {
+            readonly x: "0";
+            readonly y: "-2";
+            readonly blur: "4";
+            readonly spread: "0";
+            readonly color: "rgba(200,206,255,0.45)";
+            readonly type: "dropShadow";
+        };
+        readonly type: "boxShadow";
+        readonly description: "Used for sticky/fixed components";
+    };
+};
+
+type SemanticBoxShadowKey = keyof typeof boxShadow;
+type SemanticBoxShadow = {
+    get: (val: SemanticBoxShadowKey, fn?: (val: string) => unknown) => string;
+};
+
 declare const colors: {
     readonly backgroundColor: {
         readonly default: {
             readonly value: "{colors.neutral.1}";
             readonly type: "color";
-            readonly description: "light backgroundColor variant";
+            readonly description: "default backgroundColor variant";
         };
         readonly transparent: {
             readonly value: "{colors.transparent.1}";
@@ -1071,7 +1072,7 @@ declare const colors: {
         readonly alt: {
             readonly value: "{colors.neutral.2}";
             readonly type: "color";
-            readonly description: "tinted backgroundColor variant";
+            readonly description: "alt backgroundColor variant";
         };
         readonly inverted: {
             readonly value: "{colors.neutral.6}";
@@ -1088,118 +1089,118 @@ declare const colors: {
         readonly default: {
             readonly value: "{colors.transparent.5}";
             readonly type: "color";
-            readonly description: "backdrop shade, dark variant";
+            readonly description: "backdrop shade";
         };
     };
     readonly palette: {
         readonly error: {
-            readonly light: {
+            readonly muted: {
                 readonly type: "color";
                 readonly value: "{colors.red.1}";
             };
-            readonly main: {
+            readonly base: {
                 readonly type: "color";
                 readonly value: "{colors.red.2}";
             };
-            readonly dark: {
+            readonly contrast: {
                 readonly type: "color";
                 readonly value: "{colors.red.3}";
             };
         };
         readonly warning: {
-            readonly light: {
+            readonly muted: {
                 readonly type: "color";
                 readonly value: "{colors.orange.1}";
             };
-            readonly main: {
+            readonly base: {
                 readonly type: "color";
                 readonly value: "{colors.orange.2}";
             };
-            readonly dark: {
+            readonly contrast: {
                 readonly type: "color";
                 readonly value: "{colors.orange.3}";
             };
         };
         readonly primary: {
-            readonly light: {
+            readonly muted: {
                 readonly type: "color";
                 readonly value: "{colors.blue.5}";
             };
-            readonly main: {
+            readonly base: {
                 readonly type: "color";
                 readonly value: "{colors.blue.6}";
             };
-            readonly dark: {
+            readonly contrast: {
                 readonly type: "color";
                 readonly value: "{colors.blue.7}";
             };
         };
         readonly secondary: {
-            readonly light: {
+            readonly muted: {
                 readonly type: "color";
                 readonly value: "{colors.transparent.2}";
             };
-            readonly main: {
+            readonly base: {
                 readonly type: "color";
                 readonly value: "{colors.transparent.3}";
             };
-            readonly dark: {
+            readonly contrast: {
                 readonly type: "color";
                 readonly value: "{colors.transparent.4}";
             };
         };
         readonly success: {
-            readonly light: {
+            readonly muted: {
                 readonly type: "color";
                 readonly value: "{colors.teal.1}";
             };
-            readonly main: {
+            readonly base: {
                 readonly type: "color";
                 readonly value: "{colors.teal.2}";
             };
-            readonly dark: {
+            readonly contrast: {
                 readonly type: "color";
                 readonly value: "{colors.teal.3}";
             };
         };
         readonly tertiary: {
-            readonly light: {
+            readonly muted: {
                 readonly value: "{colors.transparent.2}";
                 readonly type: "color";
             };
-            readonly main: {
+            readonly base: {
                 readonly value: "{colors.transparent.1}";
                 readonly type: "color";
             };
-            readonly dark: {
+            readonly contrast: {
                 readonly value: "{colors.transparent.3}";
                 readonly type: "color";
             };
         };
         readonly upsell: {
-            readonly light: {
+            readonly muted: {
                 readonly value: "{colors.purple.1}";
                 readonly type: "color";
             };
-            readonly main: {
+            readonly base: {
                 readonly value: "{colors.purple.2}";
                 readonly type: "color";
             };
-            readonly dark: {
+            readonly contrast: {
                 readonly value: "{colors.purple.3}";
                 readonly type: "color";
             };
         };
         readonly primaryAlt: {
-            readonly light: {
+            readonly muted: {
                 readonly value: "{colors.blue.1}";
                 readonly type: "color";
             };
-            readonly main: {
+            readonly base: {
                 readonly value: "{colors.blue.2}";
                 readonly type: "color";
             };
-            readonly dark: {
+            readonly contrast: {
                 readonly value: "{colors.blue.3}";
                 readonly type: "color";
             };
@@ -1821,6 +1822,7 @@ type SemanticTheme = {
     icon: SemanticIcon;
     state: SemanticState;
     typography: SemanticTypography;
+    boxShadow: SemanticBoxShadow;
 };
 /** Will add more themes in the future (e.g.: DarkTheme) */
 type Tokens = SemanticTheme;
@@ -1833,7 +1835,6 @@ type Theme = {
         elevation: Elevation;
         borderRadius: BorderRadius;
         borderWidth: BorderWidth;
-        boxShadow: BoxShadow;
         opacity: Opacity;
         sizing: Sizing;
     };
@@ -2102,7 +2103,7 @@ type IconButtonProps = Omit<ButtonBaseProps$1, 'type' | 'isBlock' | 'isLoading'
     /** This property defines the type of the IconButton */
     type?: PrimitiveButtonTypes;
     /** This property defines witch icon to use */
-    name: AcceptedIconNames;
+    iconName: AcceptedIconNames;
     /** This property defines the shape of the IconButton */
     shape?: IconButtonShape;
 };
@@ -2110,7 +2111,7 @@ declare const IconButton: React__default.ForwardRefExoticComponent<Omit<ButtonBa
     /** This property defines the type of the IconButton */
     type?: PrimitiveButtonTypes;
     /** This property defines witch icon to use */
-    name: AcceptedIconNames;
+    iconName: AcceptedIconNames;
     /** This property defines the shape of the IconButton */
     shape?: IconButtonShape;
 } & React__default.RefAttributes<HTMLButtonElement>>;