@orfium/ictinus 5.0.0-next.3 → 5.0.0-next.5

package/dist/index.d.ts

@@ -9,7 +9,7 @@ import { CommonButtonProps as CommonButtonProps$1, EventProps as EventProps$1 }
 import * as _emotion_serialize from '@emotion/serialize';
 import { CSSObject } from '@emotion/serialize';
 import { Elevation as Elevation$1 } from 'index';
-import { SpacingKey as SpacingKey$1 } from 'theme/spacing';
+import { SpacingKey as SpacingKey$1 } from 'theme/globals/spacing';
 import { Dayjs } from 'dayjs';
 import { AcceptedIconNames as AcceptedIconNames$1 } from 'components/Icon/types';
 import { TextInputBaseProps } from 'components/TextInputBase';
@@ -28,22 +28,6 @@ declare const queriesKeys: readonly ["des1920", "des1440", "des1366", "des1200",
 declare const queriesSizes: Record<typeof queriesKeys[number], string>;
 declare const useBreakpoints: () => react_media.QueryResults<Record<"des1920" | "des1440" | "des1366" | "des1200" | "tab1024" | "tab970" | "tab750" | "mob480" | "mob320", string>>;
 
-declare type Elevation = {
-    '01': string;
-    '02': string;
-    '03': string;
-    '04': string;
-};
-declare const elevation: Elevation;
-
-type elevation_d_Elevation = Elevation;
-declare namespace elevation_d {
-  export {
-    elevation as default,
-    elevation_d_Elevation as Elevation,
-  };
-}
-
 declare const grid: _emotion_react.SerializedStyles;
 declare const well: _emotion_react.SerializedStyles;
 declare const centerAbsoluteVertical: _emotion_react.SerializedStyles;
@@ -77,378 +61,133 @@ declare namespace functions_d {
   };
 }
 
-declare type Overrides = Record<string, any>;
-declare const overrides: Overrides;
+declare type Elevation = {
+    '01': string;
+    '02': string;
+    '03': string;
+    '04': string;
+};
+declare const elevation: Elevation;
 
-type overrides_d_Overrides = Overrides;
-declare namespace overrides_d {
+type elevation_d_Elevation = Elevation;
+declare namespace elevation_d {
   export {
-    overrides as default,
-    overrides_d_Overrides as Overrides,
+    elevation as default,
+    elevation_d_Elevation as Elevation,
   };
 }
 
-declare const borderRadius: {
+declare const spacing$1: {
     readonly '0': {
-        readonly value: "0px";
-        readonly type: "borderRadius";
-        readonly description: "Corner radius = 0px";
+        readonly value: "0";
+        readonly type: "spacing";
     };
     readonly '1': {
-        readonly value: "2px";
-        readonly type: "borderRadius";
-        readonly description: "Corner radius = 2px";
+        readonly value: "1";
+        readonly type: "spacing";
     };
     readonly '2': {
-        readonly value: "4px";
-        readonly type: "borderRadius";
-        readonly description: "Corner radius = 4px";
+        readonly value: "2";
+        readonly type: "spacing";
     };
     readonly '3': {
-        readonly value: "8px";
-        readonly type: "borderRadius";
-        readonly description: "Corner radius = 8px";
+        readonly value: "4";
+        readonly type: "spacing";
     };
     readonly '4': {
-        readonly value: "16px";
-        readonly type: "borderRadius";
-        readonly description: "Corner radius = 16px";
+        readonly value: "8";
+        readonly type: "spacing";
     };
     readonly '5': {
-        readonly value: "36px";
-        readonly type: "borderRadius";
-        readonly description: "Corner radius = 36px";
+        readonly value: "12";
+        readonly type: "spacing";
     };
     readonly '6': {
-        readonly value: "48px";
-        readonly type: "borderRadius";
-        readonly description: "Corner radius = 48px";
+        readonly value: "16";
+        readonly type: "spacing";
     };
     readonly '7': {
-        readonly value: "100px";
-        readonly type: "borderRadius";
-        readonly description: "Corner radius = 100px used for circles and pill shaped elements";
-    };
-};
-
-declare type BorderRadiusKey = keyof typeof borderRadius;
-declare type BorderRadius = {
-    get: (val: BorderRadiusKey) => string;
-};
-
-declare const borderWidth: {
-    readonly '1': {
-        readonly value: "1px";
-        readonly type: "borderWidth";
-        readonly description: "Default 1pxs stroke";
-    };
-    readonly '2': {
-        readonly value: "2px";
-        readonly type: "borderWidth";
+        readonly value: "20";
+        readonly type: "spacing";
     };
-};
-
-declare type BorderWidthKey = keyof typeof borderWidth;
-declare type BorderWidth = {
-    get: (val: BorderWidthKey) => string;
-};
-
-declare const boxShadow: {
-    readonly '0': {
-        readonly value: {
-            readonly x: "0";
-            readonly y: "0";
-            readonly blur: "0";
-            readonly spread: "0";
-            readonly color: "#";
-            readonly type: "innerShadow";
-        };
-        readonly type: "boxShadow";
+    readonly '8': {
+        readonly value: "24";
+        readonly type: "spacing";
     };
-    readonly '1': {
-        readonly value: {
-            readonly x: "0";
-            readonly y: "2";
-            readonly blur: "5";
-            readonly spread: "0";
-            readonly color: "#10306612";
-            readonly type: "dropShadow";
-        };
-        readonly type: "boxShadow";
+    readonly '9': {
+        readonly value: "32";
+        readonly type: "spacing";
     };
-    readonly '2': {
-        readonly value: {
-            readonly x: "0";
-            readonly y: "4";
-            readonly blur: "8";
-            readonly spread: "0";
-            readonly color: "#10306612";
-            readonly type: "dropShadow";
-        };
-        readonly type: "boxShadow";
+    readonly '10': {
+        readonly value: "36";
+        readonly type: "spacing";
     };
-    readonly '3': {
-        readonly value: {
-            readonly color: "#10306612";
-            readonly type: "dropShadow";
-            readonly x: "0";
-            readonly y: "8";
-            readonly blur: "16";
-            readonly spread: "0";
-        };
-        readonly type: "boxShadow";
+    readonly '11': {
+        readonly value: "40";
+        readonly type: "spacing";
     };
-    readonly '4': {
-        readonly value: {
-            readonly color: "#10306612";
-            readonly type: "dropShadow";
-            readonly x: "0";
-            readonly y: "16";
-            readonly blur: "24";
-            readonly spread: "0";
-        };
-        readonly type: "boxShadow";
+    readonly '12': {
+        readonly value: "44";
+        readonly type: "spacing";
     };
 };
 
-declare type BoxShadowKey = keyof typeof boxShadow;
-declare type BoxShadow = {
-    get: (val: BoxShadowKey) => string;
+declare type SpacingKey = keyof typeof spacing$1;
+declare type Spacing = {
+    get: (val: SpacingKey) => string;
 };
+declare const spacing: Spacing;
 
-declare const opacity: {
-    readonly '0': {
-        readonly value: "0";
-        readonly type: "opacity";
-    };
-    readonly '1': {
-        readonly value: "7%";
-        readonly type: "opacity";
-    };
-    readonly '2': {
-        readonly value: "14%";
-        readonly type: "opacity";
-    };
-    readonly '3': {
-        readonly value: "21%";
-        readonly type: "opacity";
-    };
-    readonly '4': {
-        readonly value: "50%";
-        readonly type: "opacity";
-        readonly description: "used in disabled state";
-    };
-    readonly '5': {
-        readonly value: "75%";
-        readonly type: "opacity";
-        readonly description: "used in backdrop overlays";
-    };
-};
+type spacing_d_SpacingKey = SpacingKey;
+type spacing_d_Spacing = Spacing;
+declare namespace spacing_d {
+  export {
+    spacing as default,
+    spacing_d_SpacingKey as SpacingKey,
+    spacing_d_Spacing as Spacing,
+  };
+}
 
-declare type OpacityKey = keyof typeof opacity;
-declare type Opacity = {
-    get: (val: OpacityKey) => string;
+declare const fontFamily: {
+    readonly roboto: {
+        readonly value: "Roboto";
+        readonly type: "fontFamilies";
+    };
 };
 
-declare const sizing: {
-    readonly '0': {
-        readonly value: "0";
-        readonly type: "sizing";
-    };
+declare const fontSize: {
     readonly '1': {
-        readonly value: "4";
-        readonly type: "sizing";
+        readonly value: "10";
+        readonly type: "fontSizes";
+        readonly description: "smallest possible body size. Used only for avatar initials";
     };
     readonly '2': {
-        readonly value: "8";
-        readonly type: "sizing";
+        readonly value: "12";
+        readonly type: "fontSizes";
     };
     readonly '3': {
-        readonly value: "12";
-        readonly type: "sizing";
+        readonly value: "14";
+        readonly type: "fontSizes";
     };
     readonly '4': {
         readonly value: "16";
-        readonly type: "sizing";
+        readonly type: "fontSizes";
     };
     readonly '5': {
-        readonly value: "20";
-        readonly type: "sizing";
+        readonly value: "18";
+        readonly type: "fontSizes";
     };
     readonly '6': {
-        readonly value: "24";
-        readonly type: "sizing";
+        readonly value: "20";
+        readonly type: "fontSizes";
     };
     readonly '7': {
-        readonly value: "28";
-        readonly type: "sizing";
+        readonly value: "22";
+        readonly type: "fontSizes";
     };
     readonly '8': {
-        readonly value: "32";
-        readonly type: "sizing";
-    };
-    readonly '9': {
-        readonly value: "36";
-        readonly type: "sizing";
-    };
-    readonly '10': {
-        readonly value: "40";
-        readonly type: "sizing";
-    };
-    readonly '11': {
-        readonly value: "44";
-        readonly type: "sizing";
-    };
-    readonly '12': {
-        readonly value: "48";
-        readonly type: "sizing";
-    };
-    readonly '13': {
-        readonly value: "52";
-        readonly type: "sizing";
-    };
-    readonly '14': {
-        readonly value: "56";
-        readonly type: "sizing";
-    };
-    readonly '15': {
-        readonly value: "64";
-        readonly type: "sizing";
-    };
-    readonly '16': {
-        readonly value: "72";
-        readonly type: "sizing";
-    };
-    readonly '17': {
-        readonly value: "80";
-        readonly type: "sizing";
-    };
-    readonly '18': {
-        readonly value: "88";
-        readonly type: "sizing";
-    };
-    readonly '19': {
-        readonly value: "92";
-        readonly type: "sizing";
-    };
-};
-
-declare type SizingKey = keyof typeof sizing;
-declare type Sizing = {
-    get: (val: SizingKey) => string;
-};
-
-declare const spacing$1: {
-    readonly '0': {
-        readonly value: "0";
-        readonly type: "spacing";
-    };
-    readonly '1': {
-        readonly value: "1";
-        readonly type: "spacing";
-    };
-    readonly '2': {
-        readonly value: "2";
-        readonly type: "spacing";
-    };
-    readonly '3': {
-        readonly value: "4";
-        readonly type: "spacing";
-    };
-    readonly '4': {
-        readonly value: "8";
-        readonly type: "spacing";
-    };
-    readonly '5': {
-        readonly value: "12";
-        readonly type: "spacing";
-    };
-    readonly '6': {
-        readonly value: "16";
-        readonly type: "spacing";
-    };
-    readonly '7': {
-        readonly value: "20";
-        readonly type: "spacing";
-    };
-    readonly '8': {
-        readonly value: "24";
-        readonly type: "spacing";
-    };
-    readonly '9': {
-        readonly value: "32";
-        readonly type: "spacing";
-    };
-    readonly '10': {
-        readonly value: "36";
-        readonly type: "spacing";
-    };
-    readonly '11': {
-        readonly value: "40";
-        readonly type: "spacing";
-    };
-    readonly '12': {
-        readonly value: "44";
-        readonly type: "spacing";
-    };
-};
-
-declare type SpacingKey = keyof typeof spacing$1;
-declare type Spacing = {
-    get: (val: SpacingKey) => string;
-};
-declare const spacing: Spacing;
-
-type spacing_d_SpacingKey = SpacingKey;
-type spacing_d_Spacing = Spacing;
-declare namespace spacing_d {
-  export {
-    spacing as default,
-    spacing_d_SpacingKey as SpacingKey,
-    spacing_d_Spacing as Spacing,
-  };
-}
-
-declare const fontFamily: {
-    readonly roboto: {
-        readonly value: "Roboto";
-        readonly type: "fontFamilies";
-    };
-};
-
-declare const fontSize: {
-    readonly '1': {
-        readonly value: "10";
-        readonly type: "fontSizes";
-        readonly description: "smallest possible body size. Used only for avatar initials";
-    };
-    readonly '2': {
-        readonly value: "12";
-        readonly type: "fontSizes";
-    };
-    readonly '3': {
-        readonly value: "14";
-        readonly type: "fontSizes";
-    };
-    readonly '4': {
-        readonly value: "16";
-        readonly type: "fontSizes";
-    };
-    readonly '5': {
-        readonly value: "18";
-        readonly type: "fontSizes";
-    };
-    readonly '6': {
-        readonly value: "20";
-        readonly type: "fontSizes";
-    };
-    readonly '7': {
-        readonly value: "22";
-        readonly type: "fontSizes";
-    };
-    readonly '8': {
-        readonly value: "24";
-        readonly type: "fontSizes";
+        readonly value: "24";
+        readonly type: "fontSizes";
     };
     readonly '9': {
         readonly value: "28";
@@ -652,20 +391,332 @@ declare namespace typography_d {
   };
 }
 
+declare type Overrides = Record<string, any>;
+declare const overrides: Overrides;
+
+type overrides_d_Overrides = Overrides;
+declare namespace overrides_d {
+  export {
+    overrides as default,
+    overrides_d_Overrides as Overrides,
+  };
+}
+
+declare const borderRadius: {
+    readonly '0': {
+        readonly value: "0px";
+        readonly type: "borderRadius";
+        readonly description: "Corner radius = 0px";
+    };
+    readonly '1': {
+        readonly value: "2px";
+        readonly type: "borderRadius";
+        readonly description: "Corner radius = 2px";
+    };
+    readonly '2': {
+        readonly value: "4px";
+        readonly type: "borderRadius";
+        readonly description: "Corner radius = 4px";
+    };
+    readonly '3': {
+        readonly value: "8px";
+        readonly type: "borderRadius";
+        readonly description: "Corner radius = 8px";
+    };
+    readonly '4': {
+        readonly value: "16px";
+        readonly type: "borderRadius";
+        readonly description: "Corner radius = 16px";
+    };
+    readonly '5': {
+        readonly value: "36px";
+        readonly type: "borderRadius";
+        readonly description: "Corner radius = 36px";
+    };
+    readonly '6': {
+        readonly value: "48px";
+        readonly type: "borderRadius";
+        readonly description: "Corner radius = 48px";
+    };
+    readonly '7': {
+        readonly value: "100px";
+        readonly type: "borderRadius";
+        readonly description: "Corner radius = 100px used for circles and pill shaped elements";
+    };
+};
+
+declare type BorderRadiusKey = keyof typeof borderRadius;
+declare type BorderRadius = {
+    get: (val: BorderRadiusKey) => string;
+};
+
+declare const borderWidth: {
+    readonly '1': {
+        readonly value: "1px";
+        readonly type: "borderWidth";
+        readonly description: "Default 1pxs stroke";
+    };
+    readonly '2': {
+        readonly value: "2px";
+        readonly type: "borderWidth";
+    };
+};
+
+declare type BorderWidthKey = keyof typeof borderWidth;
+declare type BorderWidth = {
+    get: (val: BorderWidthKey) => string;
+};
+
+declare const boxShadow: {
+    readonly '0': {
+        readonly value: {
+            readonly x: "0";
+            readonly y: "0";
+            readonly blur: "0";
+            readonly spread: "0";
+            readonly color: "#";
+            readonly type: "innerShadow";
+        };
+        readonly type: "boxShadow";
+    };
+    readonly '1': {
+        readonly value: {
+            readonly x: "0";
+            readonly y: "2";
+            readonly blur: "5";
+            readonly spread: "0";
+            readonly color: "#10306612";
+            readonly type: "dropShadow";
+        };
+        readonly type: "boxShadow";
+    };
+    readonly '2': {
+        readonly value: {
+            readonly x: "0";
+            readonly y: "4";
+            readonly blur: "8";
+            readonly spread: "0";
+            readonly color: "#10306612";
+            readonly type: "dropShadow";
+        };
+        readonly type: "boxShadow";
+    };
+    readonly '3': {
+        readonly value: {
+            readonly color: "#10306612";
+            readonly type: "dropShadow";
+            readonly x: "0";
+            readonly y: "8";
+            readonly blur: "16";
+            readonly spread: "0";
+        };
+        readonly type: "boxShadow";
+    };
+    readonly '4': {
+        readonly value: {
+            readonly color: "#10306612";
+            readonly type: "dropShadow";
+            readonly x: "0";
+            readonly y: "16";
+            readonly blur: "24";
+            readonly spread: "0";
+        };
+        readonly type: "boxShadow";
+    };
+};
+
+declare type BoxShadowKey = keyof typeof boxShadow;
+declare type BoxShadow = {
+    get: (val: BoxShadowKey) => string;
+};
+
+declare const opacity: {
+    readonly '0': {
+        readonly value: "0";
+        readonly type: "opacity";
+    };
+    readonly '1': {
+        readonly value: "7%";
+        readonly type: "opacity";
+    };
+    readonly '2': {
+        readonly value: "14%";
+        readonly type: "opacity";
+    };
+    readonly '3': {
+        readonly value: "21%";
+        readonly type: "opacity";
+    };
+    readonly '4': {
+        readonly value: "50%";
+        readonly type: "opacity";
+        readonly description: "used in disabled state";
+    };
+    readonly '5': {
+        readonly value: "75%";
+        readonly type: "opacity";
+        readonly description: "used in backdrop overlays";
+    };
+};
+
+declare type OpacityKey = keyof typeof opacity;
+declare type Opacity = {
+    get: (val: OpacityKey) => string;
+};
+
+declare const sizing: {
+    readonly '0': {
+        readonly value: "0";
+        readonly type: "sizing";
+    };
+    readonly '1': {
+        readonly value: "4";
+        readonly type: "sizing";
+    };
+    readonly '2': {
+        readonly value: "8";
+        readonly type: "sizing";
+    };
+    readonly '3': {
+        readonly value: "12";
+        readonly type: "sizing";
+    };
+    readonly '4': {
+        readonly value: "16";
+        readonly type: "sizing";
+    };
+    readonly '5': {
+        readonly value: "20";
+        readonly type: "sizing";
+    };
+    readonly '6': {
+        readonly value: "24";
+        readonly type: "sizing";
+    };
+    readonly '7': {
+        readonly value: "28";
+        readonly type: "sizing";
+    };
+    readonly '8': {
+        readonly value: "32";
+        readonly type: "sizing";
+    };
+    readonly '9': {
+        readonly value: "36";
+        readonly type: "sizing";
+    };
+    readonly '10': {
+        readonly value: "40";
+        readonly type: "sizing";
+    };
+    readonly '11': {
+        readonly value: "44";
+        readonly type: "sizing";
+    };
+    readonly '12': {
+        readonly value: "48";
+        readonly type: "sizing";
+    };
+    readonly '13': {
+        readonly value: "52";
+        readonly type: "sizing";
+    };
+    readonly '14': {
+        readonly value: "56";
+        readonly type: "sizing";
+    };
+    readonly '15': {
+        readonly value: "64";
+        readonly type: "sizing";
+    };
+    readonly '16': {
+        readonly value: "72";
+        readonly type: "sizing";
+    };
+    readonly '17': {
+        readonly value: "80";
+        readonly type: "sizing";
+    };
+    readonly '18': {
+        readonly value: "88";
+        readonly type: "sizing";
+    };
+    readonly '19': {
+        readonly value: "92";
+        readonly type: "sizing";
+    };
+};
+
+declare type SizingKey = keyof typeof sizing;
+declare type Sizing = {
+    get: (val: SizingKey) => string;
+};
+
+declare type NeutralPaletteConfig = {
+    light?: string;
+    dark?: string;
+    grey?: string;
+    transparent?: string;
+};
+declare type GradientPaletteConfig = {
+    primary?: string;
+    secondary?: string;
+    tertiary?: string;
+    upsell?: string;
+    inverted?: string;
+};
+
+declare type SemanticBackDrop = {
+    get: (val: string) => string;
+};
+
+declare type SemanticBackgroundColor = {
+    get: (val: string) => string;
+};
+
+declare type SemanticBorderColor = {
+    get: (val: string) => string;
+};
+
+declare type SemanticDisabledState = {
+    get: (val: string) => string;
+};
+
+declare type SemanticPalette = {
+    get: (val: string) => string;
+};
+
+declare type SemanticTextColor = {
+    get: (val: string) => string;
+};
+
 declare type TextColorTypes = 'primary' | 'secondary' | 'light';
-declare type ColorScheme = 'light' | 'dark';
+declare type ColorScheme = 'semantic' | 'dark';
+declare type SemanticTheme = {
+    backdrop: SemanticBackDrop;
+    backgroundColor: SemanticBackgroundColor;
+    borderColor: SemanticBorderColor;
+    disabledState: SemanticDisabledState;
+    palette: SemanticPalette;
+    textColor: SemanticTextColor;
+};
+/** Will add more themes in the future (e.g.: DarkTheme) */
+declare type Tokens = SemanticTheme;
 declare type Theme = {
-    palette: Palette;
-    typography: Typography;
-    spacing: Spacing;
-    elevation: Elevation;
+    globals: {
+        colors: Palette;
+        typography: Typography;
+        spacing: Spacing;
+        elevation: Elevation;
+        borderRadius: BorderRadius;
+        borderWidth: BorderWidth;
+        boxShadow: BoxShadow;
+        opacity: Opacity;
+        sizing: Sizing;
+    };
+    tokens: Tokens;
     colorScheme: ColorScheme;
     overrides: Overrides;
-    borderRadius: BorderRadius;
-    borderWidth: BorderWidth;
-    boxShadow: BoxShadow;
-    opacity: Opacity;
-    sizing: Sizing;
     utils: {
         getColor: GetColor;
         getAAColorFromSwatches: GetAAColorFromSwatches;
@@ -676,17 +727,18 @@ declare type Theme = {
 declare const defaultTheme: (theming: ColorScheme) => Theme;
 
 declare const neutralColors: readonly ["neutralWhite", "neutralBlack"];
-declare const colorSchemes: readonly ["light", "dark"];
+declare const colorSchemes: readonly ["semantic", "dark"];
 /**
  * Here are listed all the colors available for our project
  * Flat colors are the actual colors of the system
  **/
-declare const flatColors: readonly ["greyScale", "darkGrey", "lightGrey", "red", "magenta", "purple", "darkBlue", "blue", "lightBlue", "teal", "green", "yellow", "orange", "darkOrange", "neutralWhite", "neutralBlack"];
+declare const flatColors: readonly ["greyScale", "darkGrey", "lightGrey", "red", "magenta", "lightPurple", "purple", "darkBlue", "blue", "lightBlue", "teal", "green", "yellow", "orange", "darkOrange", "neutralWhite", "neutralBlack"];
 /**
  * Here are listed all the colors available for our project
  * Pale colors are just colors without shades
  **/
-declare const paleColors: readonly ["greyScale", "darkGrey", "lightGrey", "red", "magenta", "purple", "darkBlue", "blue", "lightBlue", "teal", "green", "yellow", "orange"];
+/** @TODO remove all these when all components are revisited for v5 */
+declare const paleColors: readonly ["greyScale", "darkGrey", "lightGrey", "red", "magenta", "lightPurple", "purple", "darkBlue", "blue", "lightBlue", "teal", "green", "yellow", "orange"];
 /**
  * Here are listed all the color shades
  * Each colors of the flat palette is generated with these variations
@@ -704,23 +756,26 @@ declare const MAX_SHADE = 950;
  * Each color has again the above variations (shades)
  **/
 declare const mainTypes: readonly ["primary", "secondary", "success", "error", "warning", "info", "light", "link"];
-declare type flatPalette = Record<typeof flatColors[number], generatedColorShades>;
-declare type palePalette = Record<typeof paleColors[number], string>;
-declare type generatedColorShades = Record<typeof colorShades[number], string>;
+declare type FlatPalette = Record<typeof flatColors[number], GeneratedColorShades>;
+declare type PalePalette = Record<typeof paleColors[number], string>;
+declare type GeneratedColorShades = Record<typeof colorShades[number], string>;
 /**
  * Palette is end output of what is produced and exported to the client projects
  **/
 declare type Palette = {
+    flat: FlatPalette;
+    neutral: NeutralPaletteConfig;
+    gradient: GradientPaletteConfig;
+    /** @TODO remove all these when all components are revisited for v5 */
     text: {
-        primary: generatedColorShades;
-        secondary: generatedColorShades;
-        light: generatedColorShades;
+        primary: GeneratedColorShades;
+        secondary: GeneratedColorShades;
+        light: GeneratedColorShades;
     };
-    flat: flatPalette;
-    pale: palePalette;
+    pale: PalePalette;
     white: string;
     black: string;
-} & Record<typeof mainTypes[number], generatedColorShades>;
+} & Record<typeof mainTypes[number], GeneratedColorShades>;
 declare type formFieldStyles = 'filled' | 'outlined' | 'elevated';
 declare type GetColor = {
     (color: typeof flatColors[number], variant: typeof colorShades[number]): string;
@@ -752,9 +807,9 @@ declare const palette_d_MIN_SHADE: typeof MIN_SHADE;
 declare const palette_d_BASE_SHADE: typeof BASE_SHADE;
 declare const palette_d_MAX_SHADE: typeof MAX_SHADE;
 declare const palette_d_mainTypes: typeof mainTypes;
-type palette_d_flatPalette = flatPalette;
-type palette_d_palePalette = palePalette;
-type palette_d_generatedColorShades = generatedColorShades;
+type palette_d_FlatPalette = FlatPalette;
+type palette_d_PalePalette = PalePalette;
+type palette_d_GeneratedColorShades = GeneratedColorShades;
 type palette_d_Palette = Palette;
 type palette_d_formFieldStyles = formFieldStyles;
 type palette_d_GetColor = GetColor;
@@ -774,9 +829,9 @@ declare namespace palette_d {
     palette_d_BASE_SHADE as BASE_SHADE,
     palette_d_MAX_SHADE as MAX_SHADE,
     palette_d_mainTypes as mainTypes,
-    palette_d_flatPalette as flatPalette,
-    palette_d_palePalette as palePalette,
-    palette_d_generatedColorShades as generatedColorShades,
+    palette_d_FlatPalette as FlatPalette,
+    palette_d_PalePalette as PalePalette,
+    palette_d_GeneratedColorShades as GeneratedColorShades,
     palette_d_Palette as Palette,
     palette_d_formFieldStyles as formFieldStyles,
     palette_d_GetColor as GetColor,
@@ -828,7 +883,7 @@ declare type AvatarProps = {
 } & DivProps;
 declare type AvatarSizes = 'xs' | 'sm' | 'md' | 'lg';
 
-declare const Avatar: React__default.ForwardRefExoticComponent<Pick<AvatarProps, "children" | "onChange" | "color" | "value" | "download" | "size" | "name" | "onClick" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "default" | "className" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "content" | "height" | "width" | "start" | "type" | "disabled" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "encType" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "noValidate" | "open" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "step" | "target" | "useMap" | "wmode" | "wrap" | "iconName"> & React__default.RefAttributes<HTMLDivElement>>;
+declare const Avatar: React__default.ForwardRefExoticComponent<Pick<AvatarProps, "children" | "onChange" | "color" | "value" | "type" | "download" | "size" | "name" | "onClick" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "default" | "className" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "content" | "height" | "width" | "start" | "disabled" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "encType" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "noValidate" | "open" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "step" | "target" | "useMap" | "wmode" | "wrap" | "iconName"> & React__default.RefAttributes<HTMLDivElement>>;
 
 declare type AvatarStackProps = {
     /** the maximum number of avatars to be displayed **/
@@ -839,7 +894,7 @@ declare type AvatarStackProps = {
     color?: string;
 };
 
-declare const AvatarStack: React__default.ForwardRefExoticComponent<Pick<AvatarStackProps & TestProps$1 & Partial<Omit<React__default.HTMLProps<HTMLDivElement>, "size" | "css">>, "children" | "onChange" | "value" | "download" | "name" | "onClick" | keyof TestProps$1 | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "default" | "className" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "content" | "height" | "width" | "start" | "type" | "disabled" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "encType" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "noValidate" | "open" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "step" | "target" | "useMap" | "wmode" | "wrap" | keyof AvatarStackProps> & React__default.RefAttributes<HTMLDivElement>>;
+declare const AvatarStack: React__default.ForwardRefExoticComponent<Pick<AvatarStackProps & TestProps$1 & Partial<Omit<React__default.HTMLProps<HTMLDivElement>, "size" | "css">>, "children" | "onChange" | "value" | "type" | "download" | "name" | "onClick" | keyof TestProps$1 | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "default" | "className" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "content" | "height" | "width" | "start" | "disabled" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "encType" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "noValidate" | "open" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "step" | "target" | "useMap" | "wmode" | "wrap" | keyof AvatarStackProps> & React__default.RefAttributes<HTMLDivElement>>;
 
 declare type BreadcrumbItemData = {
     /** Defines the path used for a link breadcrumb item*/
@@ -908,7 +963,7 @@ declare type onClickProp = {
     onClick: ClickHandler;
 };
 declare type ButtonProps = Omit<ButtonBaseProps, 'onClick'> & TestProps$1 & onClickProp & CommonButtonProps$1;
-declare const Button: React__default.ForwardRefExoticComponent<Omit<ButtonBaseProps, "onClick"> & TestProps$1 & onClickProp & Partial<Omit<React__default.ButtonHTMLAttributes<HTMLButtonElement>, "size" | "onClick" | "css" | "onBlur" | "type" | "disabled">> & React__default.RefAttributes<HTMLButtonElement>>;
+declare const Button: React__default.ForwardRefExoticComponent<Omit<ButtonBaseProps, "onClick"> & TestProps$1 & onClickProp & Partial<Omit<React__default.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "size" | "onClick" | "css" | "onBlur" | "disabled">> & React__default.RefAttributes<HTMLButtonElement>>;
 
 declare type CardProps = {
     /** Elevation of Card */
@@ -1032,7 +1087,7 @@ declare type ChipBaseProps = {
 };
 declare type ChipProps = ChipBaseProps & TestProps & CommonButtonProps;
 
-declare const Chip: React__default.ForwardRefExoticComponent<ChipBaseProps & TestProps & Partial<Omit<React__default.ButtonHTMLAttributes<HTMLButtonElement>, "size" | "onClick" | "css" | "onBlur" | "type" | "disabled">> & React__default.RefAttributes<HTMLButtonElement | HTMLDivElement>>;
+declare const Chip: React__default.ForwardRefExoticComponent<ChipBaseProps & TestProps & Partial<Omit<React__default.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "size" | "onClick" | "css" | "onBlur" | "disabled">> & React__default.RefAttributes<HTMLButtonElement | HTMLDivElement>>;
 
 declare type OwnProps = {
     /** This property defines witch icon to use */
@@ -1685,7 +1740,7 @@ declare type OverlayProps = {
     /** The data test id if needed */
     dataTestId?: TestId$1;
 };
-declare const Overlay: React__default.ForwardRefExoticComponent<Pick<React__default.PropsWithChildren<OverlayProps & Partial<Omit<React__default.HTMLProps<HTMLDivElement>, "size" | "css">>>, "children" | "onChange" | "color" | "value" | "download" | "name" | "onClick" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "default" | "className" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "content" | "height" | "width" | "start" | "type" | "disabled" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "encType" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "noValidate" | "open" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "step" | "target" | "useMap" | "wmode" | "wrap" | keyof OverlayProps> & React__default.RefAttributes<HTMLDivElement>>;
+declare const Overlay: React__default.ForwardRefExoticComponent<Pick<React__default.PropsWithChildren<OverlayProps & Partial<Omit<React__default.HTMLProps<HTMLDivElement>, "size" | "css">>>, "children" | "onChange" | "color" | "value" | "type" | "download" | "name" | "onClick" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "default" | "className" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "content" | "height" | "width" | "start" | "disabled" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "encType" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "noValidate" | "open" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "step" | "target" | "useMap" | "wmode" | "wrap" | keyof OverlayProps> & React__default.RefAttributes<HTMLDivElement>>;
 
 declare type PaginationProps = {
     /** The current page you are on if you need to control it, defaults to 1 **/