npm - @televet/kibble-ui - Versions diffs - 4.0.1 → 5.0.0-beta.hotfix.1 - Mend

@televet/kibble-ui 4.0.1 → 5.0.0-beta.hotfix.1

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 (897) hide show

package/dist/types/theme/semanticTokens/semanticTokens.records.d.ts CHANGED Viewed

@@ -1,48 +1,44 @@
 export declare const semanticTextColorTokens: {
-    DEFAULT: import('./semanticTokens.types').SemanticTokenDefinition;
-    accent: {
+    DEFAULT: any;
+    default: any;
+    subtle: {
         DEFAULT: any;
-        subtle: any;
+        contrast: import('./semanticTokens.types').SemanticTokenDefinition;
     };
-    brand: {
+    interactive: {
         DEFAULT: any;
+        hover: any;
         contrast: {
             DEFAULT: import('./semanticTokens.types').SemanticTokenDefinition;
             hover: import('./semanticTokens.types').SemanticTokenDefinition;
         };
-        hover: any;
     };
-    contrast: any;
-    danger: {
+    brand: {
         DEFAULT: any;
+        hover: any;
         contrast: {
-            DEFAULT: any;
+            DEFAULT: import('./semanticTokens.types').SemanticTokenDefinition;
+            hover: import('./semanticTokens.types').SemanticTokenDefinition;
         };
     };
-    default: import('./semanticTokens.types').SemanticTokenDefinition;
     info: any;
-    interactive: {
+    success: any;
+    warning: any;
+    danger: {
         DEFAULT: any;
         contrast: {
-            DEFAULT: import('./semanticTokens.types').SemanticTokenDefinition;
-            hover: import('./semanticTokens.types').SemanticTokenDefinition;
+            DEFAULT: any;
         };
-        hover: any;
-    };
-    logo: {
-        DEFAULT: any;
-        contrast: import('./semanticTokens.types').SemanticTokenDefinition;
     };
     placeholder: {
         DEFAULT: any;
         contrast: import('./semanticTokens.types').SemanticTokenDefinition;
     };
-    subtle: {
+    accent: {
         DEFAULT: any;
-        contrast: import('./semanticTokens.types').SemanticTokenDefinition;
+        subtle: any;
     };
-    success: any;
-    warning: any;
+    contrast: import('./semanticTokens.types').SemanticTokenDefinition;
 };
 export declare const semanticDividerColorTokens: {
     DEFAULT: any;
@@ -50,341 +46,363 @@ export declare const semanticDividerColorTokens: {
 };
 export declare const semanticBorderColorTokens: {
     DEFAULT: any;
-    accent: {
+    default: any;
+    subtle: any;
+    strong: {
         DEFAULT: any;
-        subtle: any;
+        contrast: import('./semanticTokens.types').SemanticTokenDefinition;
+    };
+    focus: {
+        DEFAULT: any;
+        contrast: import('./semanticTokens.types').SemanticTokenDefinition;
     };
     brand: {
         DEFAULT: any;
         contrast: import('./semanticTokens.types').SemanticTokenDefinition;
     };
-    contrast: import('./semanticTokens.types').SemanticTokenDefinition;
+    info: any;
+    success: any;
+    warning: any;
     danger: {
         DEFAULT: any;
         contrast: any;
     };
-    default: any;
-    focus: {
+    accent: {
         DEFAULT: any;
-        contrast: import('./semanticTokens.types').SemanticTokenDefinition;
-    };
-    info: any;
-    strong: {
-        DEFAULT: import('./semanticTokens.types').SemanticTokenDefinition;
-        contrast: any;
+        subtle: any;
     };
-    subtle: any;
-    'subtle.contrast': import('./semanticTokens.types').SemanticTokenDefinition;
-    success: any;
-    warning: any;
+    contrast: import('./semanticTokens.types').SemanticTokenDefinition;
+    'contrast.subtle': import('./semanticTokens.types').SemanticTokenDefinition;
 };
 export declare const semanticBackgroundColorTokens: {
     DEFAULT: any;
-    accent: {
+    default: any;
+    subtle: {
         DEFAULT: any;
-        subtle: any;
+        less: any;
     };
-    ai: {
+    primary: {
         DEFAULT: any;
         hover: any;
         pressed: any;
-    };
-    alpha: {
-        DEFAULT: any;
         contrast: {
             DEFAULT: import('./semanticTokens.types').SemanticTokenDefinition;
             hover: import('./semanticTokens.types').SemanticTokenDefinition;
             pressed: import('./semanticTokens.types').SemanticTokenDefinition;
         };
+    };
+    secondary: {
+        DEFAULT: any;
         hover: any;
         pressed: any;
+        contrast: {
+            DEFAULT: import('./semanticTokens.types').SemanticTokenDefinition;
+            hover: import('./semanticTokens.types').SemanticTokenDefinition;
+            pressed: import('./semanticTokens.types').SemanticTokenDefinition;
+        };
     };
-    backdrop: any;
     brand: any;
-    contrast: import('./semanticTokens.types').SemanticTokenDefinition;
+    info: any;
+    success: {
+        DEFAULT: any;
+        contrast: any;
+    };
+    warning: {
+        DEFAULT: any;
+        contrast: any;
+    };
     danger: {
-        DEFAULT: import('./semanticTokens.types').SemanticTokenDefinition;
+        DEFAULT: any;
         contrast: any;
     };
-    default: any;
     destructive: {
         DEFAULT: any;
+        hover: any;
+        pressed: any;
         contrast: {
             DEFAULT: any;
-            hover: import('./semanticTokens.types').SemanticTokenDefinition;
-            pressed: import('./semanticTokens.types').SemanticTokenDefinition;
+            hover: any;
+            pressed: any;
         };
-        hover: any;
-        pressed: any;
     };
-    destructiveAlpha: {
+    accent: {
         DEFAULT: any;
-        contrast: {
-            DEFAULT: import('./semanticTokens.types').SemanticTokenDefinition;
-            hover: import('./semanticTokens.types').SemanticTokenDefinition;
-            pressed: import('./semanticTokens.types').SemanticTokenDefinition;
-        };
-        hover: any;
-        pressed: any;
+        subtle: any;
     };
-    info: any;
     note: {
         DEFAULT: any;
         hover: any;
     };
-    overlay: {
-        DEFAULT: any;
-        contrast: import('./semanticTokens.types').SemanticTokenDefinition;
-    };
-    primary: {
+    alpha: {
         DEFAULT: any;
+        hover: any;
+        pressed: any;
         contrast: {
             DEFAULT: import('./semanticTokens.types').SemanticTokenDefinition;
             hover: import('./semanticTokens.types').SemanticTokenDefinition;
             pressed: import('./semanticTokens.types').SemanticTokenDefinition;
         };
-        hover: any;
-        pressed: any;
     };
     primaryAlpha: {
         DEFAULT: any;
+        hover: any;
+        pressed: any;
         contrast: {
             DEFAULT: import('./semanticTokens.types').SemanticTokenDefinition;
             hover: import('./semanticTokens.types').SemanticTokenDefinition;
             pressed: import('./semanticTokens.types').SemanticTokenDefinition;
         };
-        hover: any;
-        pressed: any;
     };
-    secondary: {
+    secondaryAlpha: {
         DEFAULT: any;
+        hover: any;
+        pressed: any;
         contrast: {
             DEFAULT: import('./semanticTokens.types').SemanticTokenDefinition;
             hover: import('./semanticTokens.types').SemanticTokenDefinition;
             pressed: import('./semanticTokens.types').SemanticTokenDefinition;
         };
-        hover: any;
-        pressed: any;
     };
-    secondaryAlpha: {
+    destructiveAlpha: {
         DEFAULT: any;
+        hover: any;
+        pressed: any;
         contrast: {
             DEFAULT: import('./semanticTokens.types').SemanticTokenDefinition;
             hover: import('./semanticTokens.types').SemanticTokenDefinition;
             pressed: import('./semanticTokens.types').SemanticTokenDefinition;
         };
-        hover: any;
-        pressed: any;
     };
-    subtle: {
+    overlay: {
         DEFAULT: any;
         contrast: import('./semanticTokens.types').SemanticTokenDefinition;
-        less: any;
-        more: import('./semanticTokens.types').SemanticTokenDefinition;
-        most: any;
     };
-    success: {
+    backdrop: any;
+    contrast: {
+        DEFAULT: import('./semanticTokens.types').SemanticTokenDefinition;
+        subtle: import('./semanticTokens.types').SemanticTokenDefinition;
+        moreSubtle: import('./semanticTokens.types').SemanticTokenDefinition;
+        mostSubtle: any;
+    };
+    gradientFull: {
         DEFAULT: any;
-        contrast: any;
+        hover: any;
+        pressed: any;
+        contrast: {
+            DEFAULT: import('./semanticTokens.types').SemanticTokenDefinition;
+            hover: import('./semanticTokens.types').SemanticTokenDefinition;
+            pressed: import('./semanticTokens.types').SemanticTokenDefinition;
+        };
     };
-    warning: {
+    gradientPink: {
+        DEFAULT: any;
+    };
+    gradientGreen: {
         DEFAULT: any;
-        contrast: any;
     };
 };
 export declare const semanticColorTokenRecord: {
     background: {
         DEFAULT: any;
-        accent: {
+        default: any;
+        subtle: {
             DEFAULT: any;
-            subtle: any;
+            less: any;
         };
-        ai: {
+        primary: {
             DEFAULT: any;
             hover: any;
             pressed: any;
-        };
-        alpha: {
-            DEFAULT: any;
             contrast: {
                 DEFAULT: import('./semanticTokens.types').SemanticTokenDefinition;
                 hover: import('./semanticTokens.types').SemanticTokenDefinition;
                 pressed: import('./semanticTokens.types').SemanticTokenDefinition;
             };
+        };
+        secondary: {
+            DEFAULT: any;
             hover: any;
             pressed: any;
+            contrast: {
+                DEFAULT: import('./semanticTokens.types').SemanticTokenDefinition;
+                hover: import('./semanticTokens.types').SemanticTokenDefinition;
+                pressed: import('./semanticTokens.types').SemanticTokenDefinition;
+            };
         };
-        backdrop: any;
         brand: any;
-        contrast: import('./semanticTokens.types').SemanticTokenDefinition;
+        info: any;
+        success: {
+            DEFAULT: any;
+            contrast: any;
+        };
+        warning: {
+            DEFAULT: any;
+            contrast: any;
+        };
         danger: {
-            DEFAULT: import('./semanticTokens.types').SemanticTokenDefinition;
+            DEFAULT: any;
             contrast: any;
         };
-        default: any;
         destructive: {
             DEFAULT: any;
+            hover: any;
+            pressed: any;
             contrast: {
                 DEFAULT: any;
-                hover: import('./semanticTokens.types').SemanticTokenDefinition;
-                pressed: import('./semanticTokens.types').SemanticTokenDefinition;
+                hover: any;
+                pressed: any;
             };
-            hover: any;
-            pressed: any;
         };
-        destructiveAlpha: {
+        accent: {
             DEFAULT: any;
-            contrast: {
-                DEFAULT: import('./semanticTokens.types').SemanticTokenDefinition;
-                hover: import('./semanticTokens.types').SemanticTokenDefinition;
-                pressed: import('./semanticTokens.types').SemanticTokenDefinition;
-            };
-            hover: any;
-            pressed: any;
+            subtle: any;
         };
-        info: any;
         note: {
             DEFAULT: any;
             hover: any;
         };
-        overlay: {
-            DEFAULT: any;
-            contrast: import('./semanticTokens.types').SemanticTokenDefinition;
-        };
-        primary: {
+        alpha: {
             DEFAULT: any;
+            hover: any;
+            pressed: any;
             contrast: {
                 DEFAULT: import('./semanticTokens.types').SemanticTokenDefinition;
                 hover: import('./semanticTokens.types').SemanticTokenDefinition;
                 pressed: import('./semanticTokens.types').SemanticTokenDefinition;
             };
-            hover: any;
-            pressed: any;
         };
         primaryAlpha: {
             DEFAULT: any;
+            hover: any;
+            pressed: any;
             contrast: {
                 DEFAULT: import('./semanticTokens.types').SemanticTokenDefinition;
                 hover: import('./semanticTokens.types').SemanticTokenDefinition;
                 pressed: import('./semanticTokens.types').SemanticTokenDefinition;
             };
-            hover: any;
-            pressed: any;
         };
-        secondary: {
+        secondaryAlpha: {
             DEFAULT: any;
+            hover: any;
+            pressed: any;
             contrast: {
                 DEFAULT: import('./semanticTokens.types').SemanticTokenDefinition;
                 hover: import('./semanticTokens.types').SemanticTokenDefinition;
                 pressed: import('./semanticTokens.types').SemanticTokenDefinition;
             };
-            hover: any;
-            pressed: any;
         };
-        secondaryAlpha: {
+        destructiveAlpha: {
             DEFAULT: any;
+            hover: any;
+            pressed: any;
             contrast: {
                 DEFAULT: import('./semanticTokens.types').SemanticTokenDefinition;
                 hover: import('./semanticTokens.types').SemanticTokenDefinition;
                 pressed: import('./semanticTokens.types').SemanticTokenDefinition;
             };
-            hover: any;
-            pressed: any;
         };
-        subtle: {
+        overlay: {
             DEFAULT: any;
             contrast: import('./semanticTokens.types').SemanticTokenDefinition;
-            less: any;
-            more: import('./semanticTokens.types').SemanticTokenDefinition;
-            most: any;
         };
-        success: {
+        backdrop: any;
+        contrast: {
+            DEFAULT: import('./semanticTokens.types').SemanticTokenDefinition;
+            subtle: import('./semanticTokens.types').SemanticTokenDefinition;
+            moreSubtle: import('./semanticTokens.types').SemanticTokenDefinition;
+            mostSubtle: any;
+        };
+        gradientFull: {
             DEFAULT: any;
-            contrast: any;
+            hover: any;
+            pressed: any;
+            contrast: {
+                DEFAULT: import('./semanticTokens.types').SemanticTokenDefinition;
+                hover: import('./semanticTokens.types').SemanticTokenDefinition;
+                pressed: import('./semanticTokens.types').SemanticTokenDefinition;
+            };
         };
-        warning: {
+        gradientPink: {
+            DEFAULT: any;
+        };
+        gradientGreen: {
             DEFAULT: any;
-            contrast: any;
         };
     };
     border: {
         DEFAULT: any;
-        accent: {
+        default: any;
+        subtle: any;
+        strong: {
             DEFAULT: any;
-            subtle: any;
+            contrast: import('./semanticTokens.types').SemanticTokenDefinition;
+        };
+        focus: {
+            DEFAULT: any;
+            contrast: import('./semanticTokens.types').SemanticTokenDefinition;
         };
         brand: {
             DEFAULT: any;
             contrast: import('./semanticTokens.types').SemanticTokenDefinition;
         };
-        contrast: import('./semanticTokens.types').SemanticTokenDefinition;
+        info: any;
+        success: any;
+        warning: any;
         danger: {
             DEFAULT: any;
             contrast: any;
         };
-        default: any;
-        focus: {
+        accent: {
             DEFAULT: any;
-            contrast: import('./semanticTokens.types').SemanticTokenDefinition;
-        };
-        info: any;
-        strong: {
-            DEFAULT: import('./semanticTokens.types').SemanticTokenDefinition;
-            contrast: any;
+            subtle: any;
         };
-        subtle: any;
-        'subtle.contrast': import('./semanticTokens.types').SemanticTokenDefinition;
-        success: any;
-        warning: any;
+        contrast: import('./semanticTokens.types').SemanticTokenDefinition;
+        'contrast.subtle': import('./semanticTokens.types').SemanticTokenDefinition;
     };
     divider: {
         DEFAULT: any;
         default: any;
     };
     text: {
-        DEFAULT: import('./semanticTokens.types').SemanticTokenDefinition;
-        accent: {
+        DEFAULT: any;
+        default: any;
+        subtle: {
             DEFAULT: any;
-            subtle: any;
+            contrast: import('./semanticTokens.types').SemanticTokenDefinition;
         };
-        brand: {
+        interactive: {
             DEFAULT: any;
+            hover: any;
             contrast: {
                 DEFAULT: import('./semanticTokens.types').SemanticTokenDefinition;
                 hover: import('./semanticTokens.types').SemanticTokenDefinition;
             };
-            hover: any;
         };
-        contrast: any;
-        danger: {
+        brand: {
             DEFAULT: any;
+            hover: any;
             contrast: {
-                DEFAULT: any;
+                DEFAULT: import('./semanticTokens.types').SemanticTokenDefinition;
+                hover: import('./semanticTokens.types').SemanticTokenDefinition;
             };
         };
-        default: import('./semanticTokens.types').SemanticTokenDefinition;
         info: any;
-        interactive: {
+        success: any;
+        warning: any;
+        danger: {
             DEFAULT: any;
             contrast: {
-                DEFAULT: import('./semanticTokens.types').SemanticTokenDefinition;
-                hover: import('./semanticTokens.types').SemanticTokenDefinition;
+                DEFAULT: any;
             };
-            hover: any;
-        };
-        logo: {
-            DEFAULT: any;
-            contrast: import('./semanticTokens.types').SemanticTokenDefinition;
         };
         placeholder: {
             DEFAULT: any;
             contrast: import('./semanticTokens.types').SemanticTokenDefinition;
         };
-        subtle: {
+        accent: {
             DEFAULT: any;
-            contrast: import('./semanticTokens.types').SemanticTokenDefinition;
+            subtle: any;
         };
-        success: any;
-        warning: any;
+        contrast: import('./semanticTokens.types').SemanticTokenDefinition;
     };
 };

package/dist/types/theme/semanticTokens/semanticTokens.types.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 export type SemanticProperty = 'text' | 'background' | 'border' | 'divider';
-export type SemanticColorScheme = 'primary' | 'secondary' | 'danger' | 'warning' | 'success' | 'neutral' | 'primaryAlpha' | 'secondaryAlpha' | 'dangerAlpha' | 'neutralAlpha' | 'ai';
+export type SemanticColorScheme = 'primary' | 'secondary' | 'danger' | 'warning' | 'success' | 'neutral' | 'primaryAlpha' | 'secondaryAlpha' | 'dangerAlpha' | 'neutralAlpha' | 'gradientFull' | 'gradientPink' | 'gradientGreen';
 export type SemanticTokenDefinition = {
     value: {
         _light: string | number;
@@ -8,9 +8,10 @@ export type SemanticTokenDefinition = {
 };
 export declare const semanticTypographyTokens: readonly ["text", "text.accent", "text.accentSubtle", "text.brand", "text.brand.contrast", "text.brand.contrast.hover", "text.brand.hover", "text.contrast", "text.danger", "text.danger.contrast", "text.default", "text.info", "text.interactive", "text.interactive.contrast", "text.interactive.contrast.hover", "text.interactive.hover", "text.placeholder", "text.placeholder.contrast", "text.subtle", "text.subtle.contrast", "text.success", "text.warning"];
 export type SemanticTypographyToken = (typeof semanticTypographyTokens)[number];
-export declare const semanticBackgroundTokens: readonly ["background.accent", "background.accentSubtle", "background.ai", "background.ai.hover", "background.ai.pressed", "background.alpha", "background.alpha.contrast", "background.alpha.contrast.hover", "background.alpha.contrast.pressed", "background.alpha.hover", "background.alpha.pressed", "background.backdrop", "background.brand", "background.contrast", "background.danger", "background.danger.contrast", "background.default", "background.destructive", "background.destructive.hover", "background.destructive.pressed", "background.destructive.contrast", "background.destructive.contrast.hover", "background.destructive.contrast.pressed", "background.destructiveAlpha", "background.destructiveAlpha.contrast", "background.destructiveAlpha.contrast.hover", "background.destructiveAlpha.contrast.pressed", "background.destructiveAlpha.hover", "background.destructiveAlpha.pressed", "background.info", "background.note", "background.note.hover", "background.overlay", "background.primary", "background.primary.contrast", "background.primary.contrast.hover", "background.primary.contrast.pressed", "background.primary.hover", "background.primary.pressed", "background.primaryAlpha", "background.primaryAlpha.contrast", "background.primaryAlpha.contrast.hover", "background.primaryAlpha.contrast.pressed", "background.primaryAlpha.hover", "background.primaryAlpha.pressed", "background.secondary", "background.secondary.contrast", "background.secondary.contrast.hover", "background.secondary.contrast.pressed", "background.secondary.hover", "background.secondary.pressed", "background.secondaryAlpha", "background.secondaryAlpha.contrast", "background.secondaryAlpha.contrast.hover", "background.secondaryAlpha.contrast.pressed", "background.secondaryAlpha.hover", "background.secondaryAlpha.pressed", "background.subtle", "background.subtle.contrast", "background.subtle.less", "background.subtle.more", "background.subtle.most", "background.success", "background.success.contrast", "background.warning", "background.warning.contrast"];
+export declare const semanticBackgroundTokens: readonly ["background.accent", "background.accentSubtle", "background.ai", "background.ai.hover", "background.ai.pressed", "background.alpha", "background.alpha.contrast", "background.alpha.contrast.hover", "background.alpha.contrast.pressed", "background.alpha.hover", "background.alpha.pressed", "background.backdrop", "background.brand", "background.contrast", "background.danger", "background.danger.contrast", "background.default", "background.destructive", "background.destructive.hover", "background.destructive.pressed", "background.destructive.contrast", "background.destructive.contrast.hover", "background.destructive.contrast.pressed", "background.destructiveAlpha", "background.destructiveAlpha.contrast", "background.destructiveAlpha.contrast.hover", "background.destructiveAlpha.contrast.pressed", "background.destructiveAlpha.hover", "background.destructiveAlpha.pressed", "background.info", "background.note", "background.note.hover", "background.overlay", "background.primary", "background.primary.contrast", "background.primary.contrast.hover", "background.primary.contrast.pressed", "background.primary.hover", "background.primary.pressed", "background.primaryAlpha", "background.primaryAlpha.contrast", "background.primaryAlpha.contrast.hover", "background.primaryAlpha.contrast.pressed", "background.primaryAlpha.hover", "background.primaryAlpha.pressed", "background.secondary", "background.secondary.contrast", "background.secondary.contrast.hover", "background.secondary.contrast.pressed", "background.secondary.hover", "background.secondary.pressed", "background.secondaryAlpha", "background.secondaryAlpha.contrast", "background.secondaryAlpha.contrast.hover", "background.secondaryAlpha.contrast.pressed", "background.secondaryAlpha.hover", "background.secondaryAlpha.pressed", "background.subtle", "background.contrast.subtle", "background.subtle.less", "background.contrast.moreSubtle", "background.contrast.mostSubtle", "background.success", "background.success.contrast", "background.warning", "background.warning.contrast"];
 export type SemanticBackgroundColorToken = (typeof semanticBackgroundTokens)[number];
 export declare const semanticDividerTokens: readonly ["divider", "divider.default"];
 export type SemanticDividerColorToken = (typeof semanticDividerTokens)[number];
-export declare const semanticBorderTokens: readonly ["border", "border.accent", "border.accentSubtle", "border.brand", "border.contrast", "border.danger", "border.danger.contrast", "border.default", "border.focus", "border.focus.contrast", "border.info", "border.strong", "border.strong.contrast", "border.subtle", "border.subtle.contrast", "border.success", "border.warning"];
+export declare const semanticBorderTokens: readonly ["border", "border.accent", "border.accentSubtle", "border.brand", "border.contrast", "border.danger", "border.danger.contrast", "border.default", "border.focus", "border.focus.contrast", "border.info", "border.strong", "border.strong.contrast", "border.subtle", "border.contrast.subtle", "border.success", "border.warning"];
 export type SemanticBorderColorToken = (typeof semanticBorderTokens)[number];
+export type KibbleSemanticColorToken = SemanticBackgroundColorToken | SemanticBorderColorToken | SemanticDividerColorToken | SemanticTypographyToken;

package/dist/types/theme/tokens/sizes/sizes.config.d.ts CHANGED Viewed

@@ -55,10 +55,10 @@ export declare const sizeTokens: {
     full: {
         value: string;
     };
-    "3xs": {
+    max: {
         value: string;
     };
-    max: {
+    "3xs": {
         value: string;
     };
     min: {

package/dist/types/theme/tokens/zIndices/zIndices.config.d.ts CHANGED Viewed

@@ -5,34 +5,34 @@ export declare const zIndexTokens: {
     overlay: {
         value: string;
     };
-    auto: {
+    hide: {
         value: string;
     };
-    popover: {
+    docked: {
         value: string;
     };
-    toast: {
+    dropdown: {
         value: string;
     };
-    tooltip: {
+    sticky: {
         value: string;
     };
-    sticky: {
+    banner: {
         value: string;
     };
-    hide: {
+    modal: {
         value: string;
     };
-    docked: {
+    popover: {
         value: string;
     };
-    dropdown: {
+    toast: {
         value: string;
     };
-    banner: {
+    tooltip: {
         value: string;
     };
-    modal: {
+    auto: {
         value: string;
     };
     skipLink: {