@nova-design-system/nova-base 3.0.0-beta.36 → 3.0.0-beta.38

package/dist/generated/nova-tailwind-components.d.ts

@@ -35,6 +35,11 @@ export declare const NOVA_TAILWIND_COMPONENTS: {
         border: string;
         color: string;
     };
+    '.nv-button:active': {
+        background: string;
+        border: string;
+        color: string;
+    };
     '.nv-button:focus, .nv-button:focus-within': {
         outline: string;
     };
@@ -47,6 +52,11 @@ export declare const NOVA_TAILWIND_COMPONENTS: {
         cursor: string;
         boxShadow: string;
     };
+    '.nv-button.active': {
+        background: string;
+        border: string;
+        color: string;
+    };
     '.nv-button.danger': {
         background: string;
         border: string;
@@ -122,6 +132,11 @@ export declare const NOVA_TAILWIND_COMPONENTS: {
         border: string;
         color: string;
     };
+    '.nv-button.emphasis-high:active': {
+        background: string;
+        border: string;
+        color: string;
+    };
     '.nv-button.emphasis-high:focus, .nv-button.emphasis-high:focus-within': {
         outline: string;
     };
@@ -134,6 +149,11 @@ export declare const NOVA_TAILWIND_COMPONENTS: {
         cursor: string;
         boxShadow: string;
     };
+    '.nv-button.emphasis-high.active': {
+        background: string;
+        border: string;
+        color: string;
+    };
     '.nv-button.emphasis-high.danger': {
         background: string;
         border: string;
@@ -161,6 +181,11 @@ export declare const NOVA_TAILWIND_COMPONENTS: {
         border: string;
         color: string;
     };
+    '.nv-button.emphasis-medium:active': {
+        background: string;
+        border: string;
+        color: string;
+    };
     '.nv-button.emphasis-medium:focus, .nv-button.emphasis-medium:focus-within': {
         outline: string;
     };
@@ -173,6 +198,11 @@ export declare const NOVA_TAILWIND_COMPONENTS: {
         cursor: string;
         boxShadow: string;
     };
+    '.nv-button.emphasis-medium.active': {
+        background: string;
+        border: string;
+        color: string;
+    };
     '.nv-button.emphasis-medium.danger': {
         background: string;
         border: string;
@@ -200,6 +230,11 @@ export declare const NOVA_TAILWIND_COMPONENTS: {
         border: string;
         color: string;
     };
+    '.nv-button.emphasis-low:active': {
+        background: string;
+        border: string;
+        color: string;
+    };
     '.nv-button.emphasis-low:focus, .nv-button.emphasis-low:focus-within': {
         outline: string;
     };
@@ -212,6 +247,11 @@ export declare const NOVA_TAILWIND_COMPONENTS: {
         cursor: string;
         boxShadow: string;
     };
+    '.nv-button.emphasis-low.active': {
+        background: string;
+        border: string;
+        color: string;
+    };
     '.nv-button.emphasis-low.danger': {
         background: string;
         border: string;
@@ -239,6 +279,11 @@ export declare const NOVA_TAILWIND_COMPONENTS: {
         border: string;
         color: string;
     };
+    '.nv-button.emphasis-lower:active': {
+        background: string;
+        border: string;
+        color: string;
+    };
     '.nv-button.emphasis-lower:focus, .nv-button.emphasis-lower:focus-within': {
         outline: string;
     };
@@ -251,6 +296,11 @@ export declare const NOVA_TAILWIND_COMPONENTS: {
         cursor: string;
         boxShadow: string;
     };
+    '.nv-button.emphasis-lower.active': {
+        background: string;
+        border: string;
+        color: string;
+    };
     '.nv-button.emphasis-lower.danger': {
         background: string;
         border: string;
@@ -279,10 +329,71 @@ export declare const NOVA_TAILWIND_COMPONENTS: {
     '.nv-link:hover': {
         color: string;
     };
+    '.nv-sidenav .nv-link, .nv-navbar .nv-link, .nv-tabs .nv-link': {
+        display: string;
+        alignItems: string;
+        color: string;
+        backgroundColor: string;
+        textDecoration: string;
+        fontWeight: string;
+        padding: string;
+        columnGap: string;
+    };
+    '.nv-tabs': {
+        display: string;
+        flex: string;
+        alignItems: string;
+        borderBottom: string;
+        columnGap: string;
+    };
     '.nv-tabs .nv-link': {
+        borderStyle: string;
         borderColor: string;
+        borderWidth: string;
     };
-    '.nv-tabs .nv-link:hover,\n.nv-tabs .selected': {
+    '.nv-tabs .nv-link:hover': {
+        color: string;
+        borderColor: string;
+        backgroundColor: string;
+    };
+    '.nv-tabs .nv-link.active': {
+        color: string;
+        borderColor: string;
+        backgroundColor: string;
+    };
+    '.nv-navbar .nv-link, .nv-sidenav .nv-link': {
+        border: string;
+        borderRadius: string;
+    };
+    '.nv-navbar .nv-link:hover, .nv-sidenav .nv-link:hover': {
+        color: string;
         borderColor: string;
+        backgroundColor: string;
+    };
+    '.nv-navbar .nv-link.active, .nv-navbar .nv-link.router-link-active, .nv-sidenav .nv-link.active, .nv-sidenav .nv-link.router-link-active': {
+        color: string;
+        borderColor: string;
+        backgroundColor: string;
+    };
+    '.nv-sidenav .collapsible .nv-link': {
+        justifyContent: string;
+    };
+    '.nv-sidenav .collapsible .nv-link .nv-iconbutton': {
+        width: string;
+        height: string;
+    };
+    '.nv-link .nv-badge': {
+        borderRadius: string;
+        width: string;
+        display: string;
+        alignItems: string;
+        justifyContent: string;
+        fontSize: string;
+        color: string;
+        backgroundColor: string;
+    };
+    '.nv-link.disabled': {
+        opacity: string;
+        cursor: string;
     };
 };

package/dist/generated/nova-tailwind-components.js

@@ -36,11 +36,16 @@ export const NOVA_TAILWIND_COMPONENTS = {
         'border': '1px solid var(--components-button-medium-border)',
         'color': 'var(--components-button-medium-text-hover)'
     },
+    '.nv-button:active': {
+        'background': 'var(--components-button-medium-background-active)',
+        'border': '1px solid var(--components-button-medium-border-active)',
+        'color': 'var(--components-button-medium-text-active)'
+    },
     '.nv-button:focus, .nv-button:focus-within': {
         'outline': 'none'
     },
     '.nv-button:focus-visible, .nv-button:has(:focus-visible)': {
-        'outline': 'var(--focus-outline-stroke) solid var(--color-focus-brand)',
+        'outline': 'calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand)',
         'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
     },
     '.nv-button:disabled:not([disabled=false])': {
@@ -48,21 +53,26 @@ export const NOVA_TAILWIND_COMPONENTS = {
         'cursor': 'not-allowed',
         'boxShadow': 'none'
     },
+    '.nv-button.active': {
+        'background': 'var(--components-button-medium-background-active)',
+        'border': '1px solid var(--components-button-medium-border-active)',
+        'color': 'var(--components-button-medium-text-active)'
+    },
     '.nv-button.danger': {
         'background': 'var(--components-button-destructive-high-background)',
-        'border': '1px solid unset',
+        'border': '1px solid transparent',
         'color': 'var(--components-button-destructive-high-text)'
     },
     '.nv-button.danger:hover': {
         'background': 'var(--components-button-destructive-high-background-hover)',
-        'border': '1px solid unset',
+        'border': '1px solid transparent',
         'color': 'var(--components-button-destructive-high-text-hover)'
     },
     '.nv-button.danger:focus, .nv-button.danger:focus-within': {
         'outline': 'none'
     },
     '.nv-button.danger:focus-visible, .nv-button.danger:has(:focus-visible)': {
-        'outline': 'var(--focus-outline-stroke) solid var(--color-focus-destructive)',
+        'outline': 'calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive)',
         'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
     },
     '.nv-button.size-xs': {
@@ -123,11 +133,16 @@ export const NOVA_TAILWIND_COMPONENTS = {
         'border': '1px solid var(--components-button-high-border)',
         'color': 'var(--components-button-high-text-hover)'
     },
+    '.nv-button.emphasis-high:active': {
+        'background': 'var(--components-button-high-background-active)',
+        'border': '1px solid var(--components-button-high-border-active)',
+        'color': 'var(--components-button-high-text-active)'
+    },
     '.nv-button.emphasis-high:focus, .nv-button.emphasis-high:focus-within': {
         'outline': 'none'
     },
     '.nv-button.emphasis-high:focus-visible, .nv-button.emphasis-high:has(:focus-visible)': {
-        'outline': 'var(--focus-outline-stroke) solid var(--color-focus-brand)',
+        'outline': 'calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand)',
         'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
     },
     '.nv-button.emphasis-high:disabled:not([disabled=false])': {
@@ -135,21 +150,26 @@ export const NOVA_TAILWIND_COMPONENTS = {
         'cursor': 'not-allowed',
         'boxShadow': 'none'
     },
+    '.nv-button.emphasis-high.active': {
+        'background': 'var(--components-button-high-background-active)',
+        'border': '1px solid var(--components-button-high-border-active)',
+        'color': 'var(--components-button-high-text-active)'
+    },
     '.nv-button.emphasis-high.danger': {
         'background': 'var(--components-button-destructive-high-background)',
-        'border': '1px solid unset',
+        'border': '1px solid transparent',
         'color': 'var(--components-button-destructive-high-text)'
     },
     '.nv-button.emphasis-high.danger:hover': {
         'background': 'var(--components-button-destructive-high-background-hover)',
-        'border': '1px solid unset',
+        'border': '1px solid transparent',
         'color': 'var(--components-button-destructive-high-text-hover)'
     },
     '.nv-button.emphasis-high.danger:focus, .nv-button.emphasis-high.danger:focus-within': {
         'outline': 'none'
     },
     '.nv-button.emphasis-high.danger:focus-visible, .nv-button.emphasis-high.danger:has(:focus-visible)': {
-        'outline': 'var(--focus-outline-stroke) solid var(--color-focus-destructive)',
+        'outline': 'calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive)',
         'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
     },
     '.nv-button.emphasis-medium': {
@@ -162,11 +182,16 @@ export const NOVA_TAILWIND_COMPONENTS = {
         'border': '1px solid var(--components-button-medium-border)',
         'color': 'var(--components-button-medium-text-hover)'
     },
+    '.nv-button.emphasis-medium:active': {
+        'background': 'var(--components-button-medium-background-active)',
+        'border': '1px solid var(--components-button-medium-border-active)',
+        'color': 'var(--components-button-medium-text-active)'
+    },
     '.nv-button.emphasis-medium:focus, .nv-button.emphasis-medium:focus-within': {
         'outline': 'none'
     },
     '.nv-button.emphasis-medium:focus-visible, .nv-button.emphasis-medium:has(:focus-visible)': {
-        'outline': 'var(--focus-outline-stroke) solid var(--color-focus-brand)',
+        'outline': 'calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand)',
         'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
     },
     '.nv-button.emphasis-medium:disabled:not([disabled=false])': {
@@ -174,6 +199,11 @@ export const NOVA_TAILWIND_COMPONENTS = {
         'cursor': 'not-allowed',
         'boxShadow': 'none'
     },
+    '.nv-button.emphasis-medium.active': {
+        'background': 'var(--components-button-medium-background-active)',
+        'border': '1px solid var(--components-button-medium-border-active)',
+        'color': 'var(--components-button-medium-text-active)'
+    },
     '.nv-button.emphasis-medium.danger': {
         'background': 'var(--components-button-destructive-medium-background)',
         'border': '1px solid var(--components-button-destructive-medium-border)',
@@ -188,7 +218,7 @@ export const NOVA_TAILWIND_COMPONENTS = {
         'outline': 'none'
     },
     '.nv-button.emphasis-medium.danger:focus-visible, .nv-button.emphasis-medium.danger:has(:focus-visible)': {
-        'outline': 'var(--focus-outline-stroke) solid var(--color-focus-destructive)',
+        'outline': 'calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive)',
         'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
     },
     '.nv-button.emphasis-low': {
@@ -201,11 +231,16 @@ export const NOVA_TAILWIND_COMPONENTS = {
         'border': '1px solid var(--components-button-low-border)',
         'color': 'var(--components-button-low-text-hover)'
     },
+    '.nv-button.emphasis-low:active': {
+        'background': 'var(--components-button-low-background-active)',
+        'border': '1px solid var(--components-button-low-border-active)',
+        'color': 'var(--components-button-low-text-active)'
+    },
     '.nv-button.emphasis-low:focus, .nv-button.emphasis-low:focus-within': {
         'outline': 'none'
     },
     '.nv-button.emphasis-low:focus-visible, .nv-button.emphasis-low:has(:focus-visible)': {
-        'outline': 'var(--focus-outline-stroke) solid var(--color-focus-brand)',
+        'outline': 'calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand)',
         'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
     },
     '.nv-button.emphasis-low:disabled:not([disabled=false])': {
@@ -213,6 +248,11 @@ export const NOVA_TAILWIND_COMPONENTS = {
         'cursor': 'not-allowed',
         'boxShadow': 'none'
     },
+    '.nv-button.emphasis-low.active': {
+        'background': 'var(--components-button-low-background-active)',
+        'border': '1px solid var(--components-button-low-border-active)',
+        'color': 'var(--components-button-low-text-active)'
+    },
     '.nv-button.emphasis-low.danger': {
         'background': 'var(--components-button-destructive-low-background)',
         'border': '1px solid var(--components-button-destructive-low-border)',
@@ -227,7 +267,7 @@ export const NOVA_TAILWIND_COMPONENTS = {
         'outline': 'none'
     },
     '.nv-button.emphasis-low.danger:focus-visible, .nv-button.emphasis-low.danger:has(:focus-visible)': {
-        'outline': 'var(--focus-outline-stroke) solid var(--color-focus-destructive)',
+        'outline': 'calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive)',
         'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
     },
     '.nv-button.emphasis-lower': {
@@ -240,11 +280,16 @@ export const NOVA_TAILWIND_COMPONENTS = {
         'border': '1px solid var(--components-button-lower-border)',
         'color': 'var(--components-button-lower-text-hover)'
     },
+    '.nv-button.emphasis-lower:active': {
+        'background': 'var(--components-button-lower-background-active)',
+        'border': '1px solid var(--components-button-lower-border-active)',
+        'color': 'var(--components-button-lower-text-active)'
+    },
     '.nv-button.emphasis-lower:focus, .nv-button.emphasis-lower:focus-within': {
         'outline': 'none'
     },
     '.nv-button.emphasis-lower:focus-visible, .nv-button.emphasis-lower:has(:focus-visible)': {
-        'outline': 'var(--focus-outline-stroke) solid var(--color-focus-brand)',
+        'outline': 'calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand)',
         'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
     },
     '.nv-button.emphasis-lower:disabled:not([disabled=false])': {
@@ -252,6 +297,11 @@ export const NOVA_TAILWIND_COMPONENTS = {
         'cursor': 'not-allowed',
         'boxShadow': 'none'
     },
+    '.nv-button.emphasis-lower.active': {
+        'background': 'var(--components-button-lower-background-active)',
+        'border': '1px solid var(--components-button-lower-border-active)',
+        'color': 'var(--components-button-lower-text-active)'
+    },
     '.nv-button.emphasis-lower.danger': {
         'background': 'var(--components-button-destructive-lower-background)',
         'border': '1px solid var(--components-button-destructive-lower-border)',
@@ -266,7 +316,7 @@ export const NOVA_TAILWIND_COMPONENTS = {
         'outline': 'none'
     },
     '.nv-button.emphasis-lower.danger:focus-visible, .nv-button.emphasis-lower.danger:has(:focus-visible)': {
-        'outline': 'var(--focus-outline-stroke) solid var(--color-focus-destructive)',
+        'outline': 'calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive)',
         'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
     },
     '.nv-button.fluid': {
@@ -280,10 +330,71 @@ export const NOVA_TAILWIND_COMPONENTS = {
     '.nv-link:hover': {
         'color': 'var(--color-interaction-link-high-text-hover)'
     },
+    '.nv-sidenav .nv-link, .nv-navbar .nv-link, .nv-tabs .nv-link': {
+        'display': 'flex',
+        'alignItems': 'center',
+        'color': 'var(--color-interaction-container-neutral-text)',
+        'backgroundColor': 'var(--color-interaction-container-neutral-background)',
+        'textDecoration': 'none',
+        'fontWeight': '500',
+        'padding': 'var(--spacing-2) var(--spacing-3)',
+        'columnGap': 'var(--spacing-2)'
+    },
+    '.nv-tabs': {
+        'display': 'flex',
+        'flex': '1 1 0%',
+        'alignItems': 'center',
+        'borderBottom': '1px solid var(--color-content-low-border)',
+        'columnGap': 'var(--spacing-0-5)'
+    },
     '.nv-tabs .nv-link': {
-        'borderColor': 'transparent'
+        'borderStyle': 'solid',
+        'borderColor': 'transparent',
+        'borderWidth': '0 0 2px 0'
+    },
+    '.nv-tabs .nv-link:hover': {
+        'color': 'var(--color-interaction-container-branded-low-text-hover)',
+        'borderColor': 'transparent',
+        'backgroundColor': 'transparent'
+    },
+    '.nv-tabs .nv-link.active': {
+        'color': 'var(--color-interaction-container-branded-low-text-active)',
+        'borderColor': 'var(--color-interaction-container-branded-low-border-active)',
+        'backgroundColor': 'transparent'
+    },
+    '.nv-navbar .nv-link, .nv-sidenav .nv-link': {
+        'border': 'solid 0 transparent',
+        'borderRadius': 'var(--radius-rounded-md)'
+    },
+    '.nv-navbar .nv-link:hover, .nv-sidenav .nv-link:hover': {
+        'color': 'var(--color-interaction-container-neutral-text-hover)',
+        'borderColor': 'var(--color-interaction-container-neutral-border-hover)',
+        'backgroundColor': 'var(--color-interaction-container-neutral-background-hover)'
+    },
+    '.nv-navbar .nv-link.active, .nv-navbar .nv-link.router-link-active, .nv-sidenav .nv-link.active, .nv-sidenav .nv-link.router-link-active': {
+        'color': 'var(--color-interaction-container-neutral-text-active)',
+        'borderColor': 'var(--color-interaction-container-neutral-text-active)',
+        'backgroundColor': 'var(--color-interaction-container-neutral-background-active)'
+    },
+    '.nv-sidenav .collapsible .nv-link': {
+        'justifyContent': 'space-between'
+    },
+    '.nv-sidenav .collapsible .nv-link .nv-iconbutton': {
+        'width': '20px !important',
+        'height': '20px !important'
+    },
+    '.nv-link .nv-badge': {
+        'borderRadius': 'var(--radius-rounded-full)',
+        'width': 'var(--spacing-5)',
+        'display': 'flex',
+        'alignItems': 'center',
+        'justifyContent': 'center',
+        'fontSize': 'var(--font-size-xs)',
+        'color': 'var(--color-feedback-neutral-high-icon)',
+        'backgroundColor': 'var(--color-feedback-neutral-high-background)'
     },
-    '.nv-tabs .nv-link:hover,\n.nv-tabs .selected': {
-        'borderColor': 'var(--color-interaction-container-branded-high-border)'
+    '.nv-link.disabled': {
+        'opacity': '0.5',
+        'cursor': 'not-allowed'
     }
 };

package/dist/js/mccs_dark.d.ts

@@ -50,6 +50,8 @@ export const ColorInteractionLinkInvertedTextHover : string;
 export const ColorInteractionLinkInvertedIcon : string;
 export const ColorInteractionLinkInvertedIconHover : string;
 export const ColorBlack : string;
+export const ColorWhite : string;
+export const ColorTransparent : string;
 export const ColorLevel10Background : string;
 export const ColorLevel15Background : string;
 export const ColorLevel20Background : string;
@@ -186,6 +188,8 @@ export const ColorRainbow10Text : string;
 export const ColorDontUseBorder : string;
 export const ColorDontUseContent : string;
 export const ColorDontUseBackground : string;
+export const OpacityDisabled : string;
+export const OpacityDisabled2 : string;
 export const ShadowColorOpacity0 : string;
 export const ShadowColorOpacity1 : string;
 export const ShadowColorOpacity2 : string;
@@ -212,7 +216,6 @@ export const ShadowYAxisLg2 : string;
 export const ShadowYAxisXl1 : string;
 export const ShadowYAxisXl2 : string;
 export const ShadowYAxis2xl : string;
-export const ComponentsWpfComponents2 : string;
 export const ComponentsButtonHighBorder : string;
 export const ComponentsButtonHighBorderHover : string;
 export const ComponentsButtonHighBorderActive : string;
@@ -324,17 +327,21 @@ export const ComponentsListNativeItemBackgroundDefault : string;
 export const ComponentsListNativeItemBackgroundHover : string;
 export const ComponentsListNativeItemBackgroundDisabled : string;
 export const ComponentsListNativeItemBackgroundTitle : string;
-export const ComponentsListCustomBackground : string;
-export const ComponentsListCustomItemContentDefault : string;
-export const ComponentsListCustomItemContentHover : string;
-export const ComponentsListCustomItemContentDisabled : string;
-export const ComponentsListCustomItemBackgroundDefault : string;
-export const ComponentsListCustomItemBackgroundHover : string;
-export const ComponentsListCustomItemBackgroundDisabled : string;
-export const ComponentsListCustomItemBackgroundTitle : string;
-export const ComponentsListCustomItemTitleContent : string;
-export const ComponentsListCustomSeparator : string;
-export const ComponentsListCustomBorder : string;
+export const ComponentsListDropdownBackground : string;
+export const ComponentsListDropdownHeaderBackground : string;
+export const ComponentsListDropdownItemLabelDefault : string;
+export const ComponentsListDropdownItemLabelHover : string;
+export const ComponentsListDropdownItemLabelDisabled : string;
+export const ComponentsListDropdownItemDescriptionDefault : string;
+export const ComponentsListDropdownItemDescriptionHover : string;
+export const ComponentsListDropdownItemDescriptionDisabled : string;
+export const ComponentsListDropdownItemBackgroundDefault : string;
+export const ComponentsListDropdownItemBackgroundHover : string;
+export const ComponentsListDropdownItemBackgroundDisabled : string;
+export const ComponentsListDropdownItemBackgroundTitle : string;
+export const ComponentsListDropdownItemTitleContent : string;
+export const ComponentsListDropdownSeparator : string;
+export const ComponentsListDropdownBorder : string;
 export const ComponentsLoaderWhiteBackground : string;
 export const ComponentsLoaderWhiteForeground : string;
 export const ComponentsLoaderBrandBackground : string;
@@ -418,6 +425,16 @@ export const ComponentsAvatarContent7 : string;
 export const ComponentsAvatarContent8 : string;
 export const ComponentsAvatarContent9 : string;
 export const ComponentsAvatarContent10 : string;
+export const ComponentsFieldTimeBackgroundDefault : string;
+export const ComponentsFieldTimeBackgroundHover : string;
+export const ComponentsFieldTimeBackgroundActive : string;
+export const ComponentsFieldTimeTextDefault : string;
+export const ComponentsFieldTimeTextHover : string;
+export const ComponentsFieldTimeTextActive : string;
+export const ComponentsFieldTimeBorderActive : string;
+export const ComponentsBreadcrumbText : string;
+export const ComponentsBreadcrumbTextActive : string;
+export const ComponentsBreadcrumbTextHover : string;
 export const ComponentsNotificationInformationBackground : string;
 export const ComponentsNotificationInformationIcon : string;
 export const ComponentsNotificationInformationBorder : string;
@@ -435,14 +452,6 @@ export const ComponentsNotificationSuccessIcon : string;
 export const ComponentsNotificationNeutralBackground : string;
 export const ComponentsNotificationNeutralBorder : string;
 export const ComponentsNotificationNeutralIcon : string;
-export const ComponentsPopoverBackground : string;
-export const ComponentsPopoverBorder : string;
-export const ComponentsPopoverText : string;
-export const ComponentsPopoverSupportingText : string;
-export const ComponentsTooltipBackground : string;
-export const ComponentsTooltipBorder : string;
-export const ComponentsTooltipText : string;
-export const ComponentsTooltipSupportingText : string;
 export const ComponentsMenuContextualBackground : string;
 export const ComponentsMenuContextualBorder : string;
 export const ComponentsMenuContextualItemBackground : string;
@@ -451,3 +460,11 @@ export const ComponentsMenuContextualItemShortcut : string;
 export const ComponentsMenuContextualItemContent : string;
 export const ComponentsMenuContextualItemContentDisabled : string;
 export const ComponentsMenuContextualItemContentHover : string;
+export const ComponentsPopoverBackground : string;
+export const ComponentsPopoverBorder : string;
+export const ComponentsPopoverText : string;
+export const ComponentsPopoverSupportingText : string;
+export const ComponentsTooltipBackground : string;
+export const ComponentsTooltipBorder : string;
+export const ComponentsTooltipText : string;
+export const ComponentsTooltipSupportingText : string;