@ptsecurity/mosaic 13.1.0 → 13.3.0

package/button/button.component.d.ts

@@ -7,7 +7,7 @@ export declare class McButtonCssStyler implements AfterContentInit {
     private renderer;
     icons: QueryList<McIcon>;
     nativeElement: HTMLElement;
-    get isIconButton(): boolean;
+    isIconButton: boolean;
     constructor(elementRef: ElementRef, renderer: Renderer2);
     ngAfterContentInit(): void;
     updateClassModifierForIcons(): void;

package/core/option/option.d.ts

@@ -28,6 +28,7 @@ export declare class McOption implements AfterViewChecked, OnDestroy {
     private readonly changeDetectorRef;
     private readonly parent;
     readonly group: McOptgroup;
+    textElement: ElementRef;
     /** The form value of the option. */
     value: any;
     get showCheckbox(): boolean | undefined;

package/core/pop-up/pop-up.d.ts

@@ -27,6 +27,7 @@ export declare abstract class McPopUp implements OnDestroy {
     /** Returns an observable that notifies when the tooltip has been hidden from view. */
     afterHidden(): Observable<void>;
     markForCheck(): void;
+    detectChanges(): void;
     animationStart(): void;
     animationDone({ toState }: AnimationEvent): void;
     handleBodyInteraction(): void;

package/core/validation/validation.d.ts

@@ -1,4 +1,4 @@
-import { InjectionToken } from '@angular/core';
+import { ChangeDetectorRef, InjectionToken } from '@angular/core';
 import { NgControl, NgForm, Validator } from '@angular/forms';
 export declare const validationTooltipShowDelay = 10;
 export declare const validationTooltipHideDelay = 3000;
@@ -11,6 +11,6 @@ export declare const MC_VALIDATION: InjectionToken<McValidationOptions>;
  * - prevent validation in required validator if form doesn't submitted
  * - if control has focus validation will be prevented
  */
-export declare function setMosaicValidation(component: any): void;
+export declare function setMosaicValidation(component: any, cdr?: ChangeDetectorRef): void;
 export declare function setMosaicValidationForModelControl(component: any, validators: Validator[], parentForm: NgForm): void;
-export declare function setMosaicValidationForFormControl(component: any, parentForm: NgForm, ngControl: NgControl): void;
+export declare function setMosaicValidationForFormControl(component: any, parentForm: NgForm, ngControl: NgControl, cdr?: ChangeDetectorRef): void;

package/design-tokens/legacy-2017/tokens.d.ts

@@ -2387,6 +2387,8 @@ export declare const LightColorSchemeWarningPalette: {
 export declare const LightColorSchemeForegroundText = "#4D4D4D";
 export declare const LightColorSchemeForegroundTextLessContrast = "#999999";
 export declare const LightColorSchemeForegroundTextDisabled = "#B3B3B3";
+export declare const LightColorSchemeForegroundTextError = "#E04D36";
+export declare const LightColorSchemeForegroundTextSuccess = "#449327";
 export declare const LightColorSchemeForegroundDivider = "#E6E6E6";
 export declare const LightColorSchemeForegroundBorder = "#B3B3B3";
 export declare const LightColorSchemeForegroundIcon = "#999999";
@@ -4785,6 +4787,8 @@ export declare const DarkColorSchemeWarningPalette: {
 export declare const DarkColorSchemeForegroundText = "#F0F0F0";
 export declare const DarkColorSchemeForegroundTextLessContrast = "#999999";
 export declare const DarkColorSchemeForegroundTextDisabled = "#999999";
+export declare const DarkColorSchemeForegroundTextError = "#E76E5C";
+export declare const DarkColorSchemeForegroundTextSuccess = "#6FBA53";
 export declare const DarkColorSchemeForegroundDivider = "#666666";
 export declare const DarkColorSchemeForegroundBorder = "#808080";
 export declare const DarkColorSchemeForegroundIcon = "#999999";
@@ -4799,6 +4803,19 @@ export declare const DarkColorSchemeStatesPressedShadow = "inset 1px 2px 2px 0 r
 export declare const DarkColorSchemeStatesDisabledOpacity = 0.3;
 export declare const FontFamilyBase = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
 export declare const FontFamilyMonospace = "'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace";
+export declare const Size3xs = "2rem";
+export declare const SizeXxs = "4rem";
+export declare const SizeXs = "6rem";
+export declare const SizeS = "8rem";
+export declare const SizeM = "12rem";
+export declare const SizeL = "16rem";
+export declare const SizeXl = "20rem";
+export declare const SizeXxl = "24rem";
+export declare const Size3xl = "32rem";
+export declare const Size4xl = "40rem";
+export declare const Size5xl = "48rem";
+export declare const Size6xl = "56rem";
+export declare const Size7xl = "64rem";
 export declare const PaletteBlue40 = "#F5FAFD";
 export declare const PaletteBlue60 = "#EBF4FB";
 export declare const PaletteBlue100 = "#D8EAF7";
@@ -6901,102 +6918,133 @@ export declare const TypographyDisplay1LetterSpacing = "-0.4px";
 export declare const TypographyDisplay1FontWeight = "normal";
 export declare const TypographyDisplay1FontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
 export declare const TypographyDisplay1TextTransform = "null";
+export declare const TypographyDisplay1FontFeatureSettings = "null";
 export declare const TypographyDisplay2FontSize = "45px";
 export declare const TypographyDisplay2LineHeight = "56px";
 export declare const TypographyDisplay2LetterSpacing = "normal";
 export declare const TypographyDisplay2FontWeight = "normal";
 export declare const TypographyDisplay2FontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
 export declare const TypographyDisplay2TextTransform = "null";
+export declare const TypographyDisplay2FontFeatureSettings = "null";
 export declare const TypographyDisplay3FontSize = "34px";
 export declare const TypographyDisplay3LineHeight = "44px";
 export declare const TypographyDisplay3LetterSpacing = "0.25px";
 export declare const TypographyDisplay3FontWeight = "normal";
 export declare const TypographyDisplay3FontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
 export declare const TypographyDisplay3TextTransform = "null";
+export declare const TypographyDisplay3FontFeatureSettings = "null";
 export declare const TypographyHeadlineFontSize = "24px";
 export declare const TypographyHeadlineLineHeight = "32px";
 export declare const TypographyHeadlineLetterSpacing = "normal";
 export declare const TypographyHeadlineFontWeight = "normal";
 export declare const TypographyHeadlineFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
 export declare const TypographyHeadlineTextTransform = "null";
+export declare const TypographyHeadlineFontFeatureSettings = "null";
 export declare const TypographyTitleFontSize = "20px";
 export declare const TypographyTitleLineHeight = "28px";
 export declare const TypographyTitleLetterSpacing = "0.15px";
 export declare const TypographyTitleFontWeight = "500";
 export declare const TypographyTitleFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
 export declare const TypographyTitleTextTransform = "null";
+export declare const TypographyTitleFontFeatureSettings = "null";
 export declare const TypographySubheadingFontSize = "15px";
 export declare const TypographySubheadingLineHeight = "20px";
 export declare const TypographySubheadingLetterSpacing = "0.15px";
 export declare const TypographySubheadingFontWeight = "700";
 export declare const TypographySubheadingFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
 export declare const TypographySubheadingTextTransform = "null";
+export declare const TypographySubheadingFontFeatureSettings = "null";
 export declare const TypographyBodyFontSize = "15px";
 export declare const TypographyBodyLineHeight = "20px";
 export declare const TypographyBodyLetterSpacing = "0.15px";
 export declare const TypographyBodyFontWeight = "normal";
 export declare const TypographyBodyFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
 export declare const TypographyBodyTextTransform = "null";
+export declare const TypographyBodyFontFeatureSettings = "null";
+export declare const TypographyBodyTabularFontSize = "15px";
+export declare const TypographyBodyTabularLineHeight = "20px";
+export declare const TypographyBodyTabularLetterSpacing = "0.15px";
+export declare const TypographyBodyTabularFontWeight = "normal";
+export declare const TypographyBodyTabularFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
+export declare const TypographyBodyTabularTextTransform = "null";
+export declare const TypographyBodyTabularFontFeatureSettings = "\"tnum\" on";
 export declare const TypographyBodyStrongFontSize = "15px";
 export declare const TypographyBodyStrongLineHeight = "20px";
-export declare const TypographyBodyStrongLetterSpacing = "0.15px";
+export declare const TypographyBodyStrongLetterSpacing = "-0.009em";
 export declare const TypographyBodyStrongFontWeight = "500";
 export declare const TypographyBodyStrongFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
 export declare const TypographyBodyStrongTextTransform = "null";
+export declare const TypographyBodyStrongFontFeatureSettings = "null";
 export declare const TypographyBodyCapsFontSize = "15px";
 export declare const TypographyBodyCapsLineHeight = "20px";
 export declare const TypographyBodyCapsLetterSpacing = "1.7px";
 export declare const TypographyBodyCapsFontWeight = "normal";
 export declare const TypographyBodyCapsFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
 export declare const TypographyBodyCapsTextTransform = "uppercase";
+export declare const TypographyBodyCapsFontFeatureSettings = "null";
 export declare const TypographyBodyMonoFontSize = "15px";
 export declare const TypographyBodyMonoLineHeight = "20px";
 export declare const TypographyBodyMonoLetterSpacing = "normal";
 export declare const TypographyBodyMonoFontWeight = "normal";
 export declare const TypographyBodyMonoFontFamily = "'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace";
 export declare const TypographyBodyMonoTextTransform = "null";
+export declare const TypographyBodyMonoFontFeatureSettings = "null";
 export declare const TypographyCaptionFontSize = "13px";
 export declare const TypographyCaptionLineHeight = "16px";
 export declare const TypographyCaptionLetterSpacing = "0.25px";
 export declare const TypographyCaptionFontWeight = "normal";
 export declare const TypographyCaptionFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
 export declare const TypographyCaptionTextTransform = "null";
+export declare const TypographyCaptionFontFeatureSettings = "null";
+export declare const TypographyCaptionTabularFontSize = "13px";
+export declare const TypographyCaptionTabularLineHeight = "16px";
+export declare const TypographyCaptionTabularLetterSpacing = "0.25px";
+export declare const TypographyCaptionTabularFontWeight = "normal";
+export declare const TypographyCaptionTabularFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
+export declare const TypographyCaptionTabularTextTransform = "null";
+export declare const TypographyCaptionTabularFontFeatureSettings = "\"tnum\" on";
 export declare const TypographyCaptionCapsFontSize = "13px";
 export declare const TypographyCaptionCapsLineHeight = "16px";
 export declare const TypographyCaptionCapsLetterSpacing = "1.5px";
 export declare const TypographyCaptionCapsFontWeight = "normal";
 export declare const TypographyCaptionCapsFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
 export declare const TypographyCaptionCapsTextTransform = "uppercase";
+export declare const TypographyCaptionCapsFontFeatureSettings = "null";
 export declare const TypographyCaptionMonoFontSize = "13px";
 export declare const TypographyCaptionMonoLineHeight = "16px";
 export declare const TypographyCaptionMonoLetterSpacing = "normal";
 export declare const TypographyCaptionMonoFontWeight = "normal";
 export declare const TypographyCaptionMonoFontFamily = "'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace";
 export declare const TypographyCaptionMonoTextTransform = "null";
+export declare const TypographyCaptionMonoFontFeatureSettings = "null";
 export declare const TypographySmallTextFontSize = "13px";
 export declare const TypographySmallTextLineHeight = "16px";
 export declare const TypographySmallTextLetterSpacing = "0.25px";
 export declare const TypographySmallTextFontWeight = "normal";
 export declare const TypographySmallTextFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
 export declare const TypographySmallTextTextTransform = "null";
+export declare const TypographySmallTextFontFeatureSettings = "null";
 export declare const TypographyExtraSmallTextFontSize = "11px";
 export declare const TypographyExtraSmallTextLineHeight = "16px";
 export declare const TypographyExtraSmallTextLetterSpacing = "0.22px";
 export declare const TypographyExtraSmallTextFontWeight = "normal";
 export declare const TypographyExtraSmallTextFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
 export declare const TypographyExtraSmallTextTextTransform = "null";
+export declare const TypographyExtraSmallTextFontFeatureSettings = "null";
 export declare const TypographyExtraSmallTextCapsFontSize = "11px";
 export declare const TypographyExtraSmallTextCapsLineHeight = "16px";
 export declare const TypographyExtraSmallTextCapsLetterSpacing = "1px";
 export declare const TypographyExtraSmallTextCapsFontWeight = "normal";
 export declare const TypographyExtraSmallTextCapsFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
 export declare const TypographyExtraSmallTextCapsTextTransform = "uppercase";
+export declare const TypographyExtraSmallTextCapsFontFeatureSettings = "null";
 export declare const TypographyExtraSmallTextMonoFontSize = "11px";
 export declare const TypographyExtraSmallTextMonoLineHeight = "16px";
 export declare const TypographyExtraSmallTextMonoLetterSpacing = "0px";
 export declare const TypographyExtraSmallTextMonoFontWeight = "normal";
 export declare const TypographyExtraSmallTextMonoFontFamily = "'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace";
 export declare const TypographyExtraSmallTextMonoTextTransform = "null";
+export declare const TypographyExtraSmallTextMonoFontFeatureSettings = "null";
 export declare const AlertLightColorSchemeErrorBackground = "#FCEFEC";
 export declare const AlertLightColorSchemeErrorBorder = "#E76E5C";
 export declare const AlertLightColorSchemeErrorIcon = "#E76E5C";
@@ -7041,28 +7089,6 @@ export declare const AlertFontSmallBody = "caption";
 export declare const AutocompleteSizePanelPadding = "4px 0";
 export declare const AutocompleteSizePanelMaxHeight = "256px";
 export declare const AutocompleteSizePanelBorderRadius = "3px";
-export declare const BadgeSizeDefaultMinWidth = "10px";
-export declare const BadgeSizeDefaultPadding = "0 8px";
-export declare const BadgeSizeDefaultBorderWidth = "1px";
-export declare const BadgeSizeDefaultBorderRadius = "4px";
-export declare const BadgeSizeDefaultHeight = "24px";
-export declare const BadgeSizeDefaultFontDefault = "caption";
-export declare const BadgeSizeDefaultFontCaps = "caption-caps";
-export declare const BadgeSizeDefaultFontMono = "caption-mono";
-export declare const BadgeSizeMiniHeight = "16px";
-export declare const BadgeSizeMiniMinWidth = "10px";
-export declare const BadgeSizeMiniBorderWidth = "1px";
-export declare const BadgeSizeMiniBorderRadius = "2px";
-export declare const BadgeSizeMiniPadding = "0 4px";
-export declare const BadgeSizeMiniFontDefault = "extra-small-text";
-export declare const BadgeSizeMiniFontCaps = "extra-small-text-caps";
-export declare const BadgeSizeMiniFontMono = "extra-small-text-mono";
-export declare const BadgeFontDefaultDefault = "caption";
-export declare const BadgeFontDefaultCaps = "caption-caps";
-export declare const BadgeFontDefaultMono = "caption-mono";
-export declare const BadgeFontMiniDefault = "extra-small-text";
-export declare const BadgeFontMiniCaps = "extra-small-text-caps";
-export declare const BadgeFontMiniMono = "extra-small-text-mono";
 export declare const BadgeLightColorSchemeSolidPrimaryBackground = "#338FCC";
 export declare const BadgeLightColorSchemeSolidPrimaryColor = "white";
 export declare const BadgeLightColorSchemeSolidPrimaryBorder = "#338FCC";
@@ -7141,6 +7167,22 @@ export declare const BadgeDarkColorSchemeSolidLightColor = "white";
 export declare const BadgeDarkColorSchemeSolidSecondBorder = "#4D4D4D";
 export declare const BadgeDarkColorSchemeSolidSecondBackground = "#4D4D4D";
 export declare const BadgeDarkColorSchemeSolidSecondColor = "white";
+export declare const BadgeSizeDefaultHeight = "24rem";
+export declare const BadgeSizeDefaultMinWidth = "10px";
+export declare const BadgeSizeDefaultPadding = "0 8px";
+export declare const BadgeSizeDefaultBorderWidth = "1px";
+export declare const BadgeSizeDefaultBorderRadius = "4px";
+export declare const BadgeSizeMiniHeight = "16rem";
+export declare const BadgeSizeMiniMinWidth = "10px";
+export declare const BadgeSizeMiniBorderWidth = "1px";
+export declare const BadgeSizeMiniBorderRadius = "2px";
+export declare const BadgeSizeMiniPadding = "0 4px";
+export declare const BadgeFontDefaultDefault = "caption";
+export declare const BadgeFontDefaultCaps = "caption-caps";
+export declare const BadgeFontDefaultMono = "caption-mono";
+export declare const BadgeFontMiniDefault = "extra-small-text";
+export declare const BadgeFontMiniCaps = "extra-small-text-caps";
+export declare const BadgeFontMiniMono = "extra-small-text-mono";
 export declare const ButtonToggleSizeBorderSize = "1px";
 export declare const ButtonToggleSizeBorderRadius = "3px";
 export declare const ButtonLightColorSchemeActiveShadow = "inset 0 1px 2px 0 rgba(black, 0.2)";
@@ -7193,16 +7235,15 @@ export declare const ButtonDarkColorSchemeErrorColor = "#E76E5C";
 export declare const ButtonDarkColorSchemeErrorIcon = "#E76E5C";
 export declare const ButtonDarkColorSchemeErrorStatesActiveBorder = "darken(#808080, 5)";
 export declare const ButtonDarkColorSchemeErrorStatesActiveBackground = "darken(#666666, 5)";
+export declare const ButtonSizeHeight = "32rem";
 export declare const ButtonSizeBorderWidth = "1px";
 export declare const ButtonSizeBorderRadius = "3px";
-export declare const ButtonSizeVerticalPadding = "6px";
-export declare const ButtonSizeHorizontalPadding = "16px";
+export declare const ButtonSizeHorizontalPadding = "12rem";
 export declare const ButtonFontDefault = "body";
 export declare const ButtonFontPrimary = "body-strong";
 export declare const ButtonFontPrimaryTransparent = "body";
-export declare const IconButtonSizeVerticalPadding = "6px";
-export declare const IconButtonSizeHorizontalPadding = "8px";
-export declare const IconButtonSizeIconHorizontalPadding = "16px";
+export declare const IconButtonSizeHorizontalPadding = "8rem";
+export declare const IconButtonSizeLeftIconPadding = "6rem";
 export declare const CardLightColorSchemeErrorVerticalLine = "#E76E5C";
 export declare const CardLightColorSchemeErrorBackground = "#FCEFEC";
 export declare const CardLightColorSchemeErrorShadow = "#E6E6E6";
@@ -7269,6 +7310,22 @@ export declare const DatepickerCalendarFontHeader = "caption";
 export declare const DatepickerInputSizeWidth = "130px";
 export declare const DividerSizeWidth = "1px";
 export declare const DividerSizeInsetMargin = "80px";
+export declare const DescriptionListLightColorSchemeDt = "#999999";
+export declare const DescriptionListLightColorSchemeDd = "#4D4D4D";
+export declare const DescriptionListDarkColorSchemeDt = "#999999";
+export declare const DescriptionListDarkColorSchemeDd = "#F0F0F0";
+export declare const DescriptionListSizeGridTemplateColumns = "repeat(4, 1fr)";
+export declare const DescriptionListSizeDtGridColumn = "1";
+export declare const DescriptionListSizeDdGridColumn = "2 / span 3";
+export declare const DescriptionListSizeHorizontalColumnGap = "16rem";
+export declare const DescriptionListSizeHorizontalRowGap = "12rem";
+export declare const DescriptionListSizeVerticalColumnGap = "0";
+export declare const DescriptionListSizeVerticalRowGap = "2rem";
+export declare const DescriptionListSizeVerticalDdMarginBottom = "16rem";
+export declare const DescriptionListFontHorizontalDt = "body";
+export declare const DescriptionListFontHorizontalDd = "body";
+export declare const DescriptionListFontVerticalDt = "caption";
+export declare const DescriptionListFontVerticalDd = "body";
 export declare const DropdownItemSizePadding = "5px 15px";
 export declare const DropdownItemSizeIconPadding = "0 8px 2px 0";
 export declare const DropdownItemFontDefault = "body";
@@ -7279,7 +7336,8 @@ export declare const DropdownGroupHeaderFontDefault = "body-strong";
 export declare const DropdownGroupHeaderFontSmall = "caption-caps";
 export declare const DropdownDividerSizeHeight = "1px";
 export declare const DropdownDividerSizeMargin = "4px 0";
-export declare const DropdownTriggerSizeIconPaddingRight = "8px";
+export declare const DropdownTriggerSizeButtonRightPadding = "8rem";
+export declare const DropdownTriggerSizeRightIconPadding = "2rem";
 export declare const DropdownPanelSizeMaxWidth = "640px";
 export declare const DropdownPanelSizePadding = "4px 0";
 export declare const DropdownPanelSizeBorderWidth = "1px";
@@ -7294,12 +7352,28 @@ export declare const FormFieldDarkColorSchemeBackground = "#333333";
 export declare const FormFieldDarkColorSchemeStatesHoverBorder = "#CCCCCC";
 export declare const FormFieldDarkColorSchemeStatesInvalidBorder = "#E76E5C";
 export declare const FormFieldDarkColorSchemeStatesInvalidBackground = "transparent";
+export declare const FormFieldSizeHeight = "32rem";
 export declare const FormFieldSizeBorderWidth = "1px";
 export declare const FormFieldSizeBorderRadius = "3px";
 export declare const FormFieldSizeButtonWidth = "32px";
 export declare const FormFieldFontDefault = "body";
 export declare const FormFieldHintSizeMarginTop = "4px";
 export declare const FormFieldHintFontDefault = "caption";
+export declare const FormFieldPasswordHintLightColorSchemeTextColor = "#4D4D4D";
+export declare const FormFieldPasswordHintLightColorSchemeIconColor = "#4D4D4D";
+export declare const FormFieldPasswordHintLightColorSchemeStatesInvalidIconColor = "#E04D36";
+export declare const FormFieldPasswordHintLightColorSchemeStatesInvalidTextColor = "#4D4D4D";
+export declare const FormFieldPasswordHintLightColorSchemeStatesValidTextColor = "#449327";
+export declare const FormFieldPasswordHintLightColorSchemeStatesValidIconColor = "#449327";
+export declare const FormFieldPasswordHintDarkColorSchemeTextColor = "#F0F0F0";
+export declare const FormFieldPasswordHintDarkColorSchemeIconColor = "#F0F0F0";
+export declare const FormFieldPasswordHintDarkColorSchemeStatesInvalidIconColor = "#E76E5C";
+export declare const FormFieldPasswordHintDarkColorSchemeStatesInvalidTextColor = "#F0F0F0";
+export declare const FormFieldPasswordHintDarkColorSchemeStatesValidTextColor = "#6FBA53";
+export declare const FormFieldPasswordHintDarkColorSchemeStatesValidIconColor = "#6FBA53";
+export declare const FormFieldPasswordHintSizeMarginTop = "8px";
+export declare const FormFieldPasswordHintSizeIconMargin = "4px";
+export declare const FormFieldPasswordHintFontDefault = "caption";
 export declare const FormsLightColorSchemeLabel = "#999999";
 export declare const FormsLightColorSchemeLegend = "#4D4D4D";
 export declare const FormsDarkColorSchemeLabel = "#999999";
@@ -7318,9 +7392,8 @@ export declare const FormsSizeVerticalLegendMarginTop = "32px";
 export declare const FormsSizeVerticalLegendMarginBottom = "12px";
 export declare const FormsFontDefaultLabel = "body";
 export declare const FormsFontDefaultLegend = "subheading";
-export declare const InputSizePadding = "5px 16px";
+export declare const InputSizePadding = "0 16px";
 export declare const InputSizeWidth = "100%";
-export declare const InputSizeMinHeight = "30px";
 export declare const InputFontDefault = "body";
 export declare const InputFontMonospace = "body-mono";
 export declare const LinkLightColorSchemeText = "#338FCC";
@@ -7339,16 +7412,13 @@ export declare const LinkDarkColorSchemeStateHoverText = "#7FBAE1";
 export declare const LinkDarkColorSchemeStateHoverBorderBottom = "rgba(#7FBAE1, 0.32)";
 export declare const LinkDarkColorSchemeStateActive = "#7FBAE1";
 export declare const LinkDarkColorSchemeStateFocusedOutline = "#57A4D7";
-export declare const LinkSizeIconMargin = "4px";
+export declare const LinkSizeIconMargin = "4rem";
 export declare const LinkSizeStateFocusedOutlineOffset = "2px";
 export declare const LinkSizeStateFocusedOutlineWidth = "2px";
-export declare const LinkAnimationTransition = "color ease-out 300ms";
-export declare const LinkAnimationStateHoverTransition = "color 0ms";
 export declare const LinkFontDefault = "body";
-export declare const ListSizeHorizontalPadding = "16px";
-export declare const ListSizeIconPadding = "4px";
-export declare const ListSizeItemHeight = "32px";
-export declare const ListSizeIconWidth = "24px";
+export declare const ListSizeHorizontalPadding = "12rem";
+export declare const ListSizeIconRightMargin = "8rem";
+export declare const ListSizeItemHeight = "32rem";
 export declare const ListFontItem = "body";
 export declare const ModalLightColorSchemeShadow = "(0 0 0 1px #B3B3B3, 0 6px 12px 0 rgba(0, 0, 0, 0.5))";
 export declare const ModalLightColorSchemeBodyTopShadow = "0 2px 4px 0 rgba(0, 0, 0, 0.16)";
@@ -7368,7 +7438,8 @@ export declare const ModalSizeBorderWidth = "1px";
 export declare const ModalHeaderLightColorSchemeBorder = "#E6E6E6";
 export declare const ModalHeaderDarkColorSchemeBorder = "#666666";
 export declare const ModalHeaderSizeBorderRadius = "4px 4px 0 0";
-export declare const ModalHeaderSizePadding = "14px 16px";
+export declare const ModalHeaderSizeHeight = "56rem";
+export declare const ModalHeaderSizePadding = "0 16px";
 export declare const ModalHeaderFontDefault = "title";
 export declare const ModalBodySizeMaxHeight = "calc(100vh - 260px)";
 export declare const ModalBodySizePadding = "16px 24px 24px";
@@ -7376,13 +7447,15 @@ export declare const ModalBodyFontDefault = "body";
 export declare const ModalFooterLightColorSchemeBorder = "#E6E6E6";
 export declare const ModalFooterDarkColorSchemeBorder = "#666666";
 export declare const ModalFooterSizeBorderRadius = "0 0 4px 4px";
-export declare const ModalFooterSizePadding = "16px 16px";
+export declare const ModalFooterSizeHeight = "64rem";
+export declare const ModalFooterSizePadding = "0 16rem";
 export declare const ModalConfirmSizePadding = "24px";
 export declare const NavbarLightColorSchemeBackground = "#114E77";
 export declare const NavbarLightColorSchemeDividerBackground = "rgba(255, 255, 255, 0.3)";
 export declare const NavbarDarkColorSchemeBackground = "#114E77";
 export declare const NavbarDarkColorSchemeDividerBackground = "rgba(255, 255, 255, 0.3)";
 export declare const NavbarSizeIconMargin = "6px";
+export declare const NavbarSizeRightIconMargin = "2rem";
 export declare const NavbarFontTitle = "body";
 export declare const VerticalNavbarSizeStatesExpandedWidth = "240px";
 export declare const VerticalNavbarSizeStatesCollapsedWidth = "56px";
@@ -7390,14 +7463,14 @@ export declare const VerticalNavbarSizeIconMargin = "16px";
 export declare const NavbarItemLightColorSchemeText = "#D8EAF7";
 export declare const NavbarItemLightColorSchemeIcon = "#D8EAF7";
 export declare const NavbarItemLightColorSchemeStatesActive = "rgba(0, 0, 0, 0.1)";
-export declare const NavbarItemLightColorSchemeStatesSelected = "#4D4D4D";
+export declare const NavbarItemLightColorSchemeStatesSelected = "#206EA2";
 export declare const NavbarItemLightColorSchemeStatesHover = "rgba(255, 255, 255, 0.1)";
 export declare const NavbarItemLightColorSchemeStatesProgress = "#07314D";
 export declare const NavbarItemLightColorSchemeStatesDisabledOpacity = 0.3;
 export declare const NavbarItemDarkColorSchemeText = "#D8EAF7";
 export declare const NavbarItemDarkColorSchemeIcon = "#D8EAF7";
 export declare const NavbarItemDarkColorSchemeStatesActive = "rgba(0, 0, 0, 0.1)";
-export declare const NavbarItemDarkColorSchemeStatesSelected = "#666666";
+export declare const NavbarItemDarkColorSchemeStatesSelected = "#206EA2";
 export declare const NavbarItemDarkColorSchemeStatesHover = "rgba(255, 255, 255, 0.1)";
 export declare const NavbarItemDarkColorSchemeStatesProgress = "#07314D";
 export declare const NavbarItemDarkColorSchemeStatesDisabledOpacity = 0.3;
@@ -7436,8 +7509,8 @@ export declare const PopoverHeaderLightColorSchemeBackground = "white";
 export declare const PopoverHeaderDarkColorSchemeBorder = "transparent";
 export declare const PopoverHeaderDarkColorSchemeText = "#F0F0F0";
 export declare const PopoverHeaderDarkColorSchemeBackground = "#4D4D4D";
-export declare const PopoverHeaderSizeHeight = "10px 16px";
-export declare const PopoverHeaderSizePadding = "10px 16px";
+export declare const PopoverHeaderSizeHeight = "40rem";
+export declare const PopoverHeaderSizePadding = "0 16px";
 export declare const PopoverHeaderFontDefault = "subheading";
 export declare const PopoverFooterLightColorSchemeBorder = "#F0F0F0";
 export declare const PopoverFooterLightColorSchemeBackground = "#F0F0F0";
@@ -7478,7 +7551,6 @@ export declare const RadioDarkColorSchemeStatesFocusedInnerCircleShadow = "0 0 0
 export declare const RadioSizeSize = "14px";
 export declare const RadioSizeLabelMargin = "8px";
 export declare const RadioFontDefault = "body";
-export declare const SelectSizeHeight = "30px";
 export declare const SelectSizeLeftPadding = "16px";
 export declare const SelectSizeRightPadding = "8px";
 export declare const SelectSizeLeftPaddingMultiple = "8px";
@@ -7492,22 +7564,40 @@ export declare const SelectPanelFontDefault = "body";
 export declare const SidepanelLightColorSchemeBorder = "#B3B3B3";
 export declare const SidepanelDarkColorSchemeBorder = "#333333";
 export declare const SidepanelFontDefault = "body";
-export declare const SidepanelHeaderSizePadding = "14px 16px";
+export declare const SidepanelHeaderSizeHeight = "56rem";
+export declare const SidepanelHeaderSizePadding = "0 16rem";
 export declare const SidepanelHeaderSizeClosePadding = "0 0 0 8px";
 export declare const SidepanelHeaderFontDefault = "title";
-export declare const SidepanelFooterSizePadding = "16px";
+export declare const SidepanelFooterSizeHeight = "64rem";
+export declare const SidepanelFooterSizePadding = "0 16rem";
 export declare const SidepanelFooterFontDefault = "body";
 export declare const TableSizeBorderWidth = "1px";
 export declare const TableSizeRowPaddingVertical = "8px";
 export declare const TableSizeRowPaddingHorizontal = "16px";
 export declare const TableFontHeader = "caption";
-export declare const TableFontBody = "body";
+export declare const TableFontBody = "body-tabular";
 export declare const TabsLightColorSchemeBorder = "#B3B3B3";
-export declare const TabsLightColorSchemeStateActive = "#338FCC";
-export declare const TabsLightColorSchemeStateDisabledOverlay = "rgba(white, 0.5)";
+export declare const TabsLightColorSchemeStateNormalIcon = "#999999";
+export declare const TabsLightColorSchemeStateNormalText = "#4D4D4D";
+export declare const TabsLightColorSchemeStateHoverIcon = "#4D4D4D";
+export declare const TabsLightColorSchemeStateHoverText = "#4D4D4D";
+export declare const TabsLightColorSchemeStateActiveMarkerColor = "#338FCC";
+export declare const TabsLightColorSchemeStateEmptyIcon = "#B3B3B3";
+export declare const TabsLightColorSchemeStateEmptyText = "#B3B3B3";
+export declare const TabsLightColorSchemeStateDisabledIcon = "#B3B3B3";
+export declare const TabsLightColorSchemeStateDisabledText = "#B3B3B3";
+export declare const TabsLightColorSchemeStateDisabledMarkerOpacity = "0.3";
 export declare const TabsDarkColorSchemeBorder = "#B3B3B3";
-export declare const TabsDarkColorSchemeStateActive = "#57A4D7";
-export declare const TabsDarkColorSchemeStateDisabledOverlay = "rgba(white, 0.5)";
+export declare const TabsDarkColorSchemeStateNormalIcon = "#999999";
+export declare const TabsDarkColorSchemeStateNormalText = "#F0F0F0";
+export declare const TabsDarkColorSchemeStateHoverIcon = "#F0F0F0";
+export declare const TabsDarkColorSchemeStateHoverText = "#F0F0F0";
+export declare const TabsDarkColorSchemeStateActiveMarkerColor = "#57A4D7";
+export declare const TabsDarkColorSchemeStateEmptyIcon = "#999999";
+export declare const TabsDarkColorSchemeStateEmptyText = "#999999";
+export declare const TabsDarkColorSchemeStateDisabledIcon = "#999999";
+export declare const TabsDarkColorSchemeStateDisabledText = "#999999";
+export declare const TabsDarkColorSchemeStateDisabledMarkerOpacity = "0.3";
 export declare const TabsSizeHeight = "40px";
 export declare const TabsSizeHighlightHeight = "4px";
 export declare const TabsSizePaddingHorizontal = "16px";
@@ -7515,6 +7605,14 @@ export declare const TabsSizeBorderWidth = "1px";
 export declare const TabsSizeBorderRadius = "3px";
 export declare const TabsSizeLabelIconMargin = "8px";
 export declare const TabsFontDefault = "body";
+export declare const VerticalTabsLightColorSchemeStateNormalBackground = "transparent";
+export declare const VerticalTabsLightColorSchemeStateSelectedBackground = "#D8EAF7";
+export declare const VerticalTabsLightColorSchemeStateHoverBackground = "rgba(black, 0.05)";
+export declare const VerticalTabsLightColorSchemeStateHoverSelectedBackground = "adjust-color(#D8EAF7, $saturation:-22%, $lightness:-5%)";
+export declare const VerticalTabsDarkColorSchemeStateNormalBackground = "transparent";
+export declare const VerticalTabsDarkColorSchemeStateSelectedBackground = "#114E77";
+export declare const VerticalTabsDarkColorSchemeStateHoverBackground = "rgba(black, 0.05)";
+export declare const VerticalTabsDarkColorSchemeStateHoverSelectedBackground = "adjust-color(#114E77, $lightness:-1%)";
 export declare const TagsLightColorSchemePrimaryBackground = "#D8EAF7";
 export declare const TagsLightColorSchemePrimaryBorder = "#D8EAF7";
 export declare const TagsLightColorSchemePrimaryText = "#338FCC";
@@ -7567,13 +7665,12 @@ export declare const TagsSizeMargin = "2px";
 export declare const TagsSizeHeight = "24px";
 export declare const TagsSizeBorderWidth = "1px";
 export declare const TagsSizeBorderRadius = "4px";
-export declare const TagsSizeIconPadding = "3px";
+export declare const TagsSizeIconPadding = "4rem";
 export declare const TagsSizeTextMargin = "8px";
 export declare const TagsFontDefault = "caption";
 export declare const TagsFontMono = "caption-mono";
 export declare const TagsFontCaps = "caption-caps";
 export declare const TagListSizePadding = "1px 6px";
-export declare const TagListSizeMinHeight = "30px";
 export declare const TagInputSizeHeight = "22px";
 export declare const TagInputSizeMargin = "2px 4px";
 export declare const TagInputFontDefault = "body";
@@ -7654,6 +7751,8 @@ export declare const ExtendedTooltipHeaderSizeHeight = "40px";
 export declare const ExtendedTooltipHeaderSizePadding = "10px 16px";
 export declare const ExtendedTooltipHeaderFontDefault = "subheading";
 export declare const TreeSizeNodeHeight = "32px";
-export declare const TreeSizePaddingLeft = "8px";
-export declare const TreeSizePaddingRight = "16px";
+export declare const TreeSizePaddingLeft = "12rem";
+export declare const TreeSizeTogglePadding = "4rem";
+export declare const TreeSizeIconPadding = "8rem";
+export declare const TreeSizePaddingRight = "16rem";
 export declare const TreeFontNode = "body";