@ptsecurity/mosaic 13.3.1 → 13.4.0

package/design-tokens/pt-2022/tokens.d.ts

@@ -183,6 +183,21 @@ export declare const LightColorSchemePrimaryPalette: {
         };
         path: string[];
     };
+    "1000": {
+        value: string;
+        filePath: string;
+        isSource: boolean;
+        original: {
+            value: string;
+        };
+        name: string;
+        attributes: {
+            category: string;
+            type: string;
+            item: string;
+        };
+        path: string[];
+    };
     A100: {
         value: string;
         filePath: string;
@@ -606,6 +621,21 @@ export declare const LightColorSchemeSecondPalette: {
         };
         path: string[];
     };
+    "1000": {
+        value: string;
+        filePath: string;
+        isSource: boolean;
+        original: {
+            value: string;
+        };
+        name: string;
+        attributes: {
+            category: string;
+            type: string;
+            item: string;
+        };
+        path: string[];
+    };
     A40: {
         value: string;
         filePath: string;
@@ -1057,6 +1087,21 @@ export declare const LightColorSchemeErrorPalette: {
         };
         path: string[];
     };
+    "1000": {
+        value: string;
+        filePath: string;
+        isSource: boolean;
+        original: {
+            value: string;
+        };
+        name: string;
+        attributes: {
+            category: string;
+            type: string;
+            item: string;
+        };
+        path: string[];
+    };
     A100: {
         value: string;
         filePath: string;
@@ -1449,6 +1494,21 @@ export declare const LightColorSchemeInfoPalette: {
         };
         path: string[];
     };
+    "1000": {
+        value: string;
+        filePath: string;
+        isSource: boolean;
+        original: {
+            value: string;
+        };
+        name: string;
+        attributes: {
+            category: string;
+            type: string;
+            item: string;
+        };
+        path: string[];
+    };
     contrast: {
         "40": {
             value: string;
@@ -1842,6 +1902,21 @@ export declare const LightColorSchemeSuccessPalette: {
         };
         path: string[];
     };
+    "1000": {
+        value: string;
+        filePath: string;
+        isSource: boolean;
+        original: {
+            value: string;
+        };
+        name: string;
+        attributes: {
+            category: string;
+            type: string;
+            item: string;
+        };
+        path: string[];
+    };
     A100: {
         value: string;
         filePath: string;
@@ -2234,6 +2309,21 @@ export declare const LightColorSchemeWarningPalette: {
         };
         path: string[];
     };
+    "1000": {
+        value: string;
+        filePath: string;
+        isSource: boolean;
+        original: {
+            value: string;
+        };
+        name: string;
+        attributes: {
+            category: string;
+            type: string;
+            item: string;
+        };
+        path: string[];
+    };
     A100: {
         value: string;
         filePath: string;
@@ -2454,6 +2544,8 @@ export declare const LightColorSchemeForegroundBorder = "#bdc7d1";
 export declare const LightColorSchemeForegroundIcon = "#8c99a5";
 export declare const LightColorSchemeBackgroundBackground = "white";
 export declare const LightColorSchemeBackgroundBackgroundDisabled = "#f2f5f9";
+export declare const LightColorSchemeBackgroundBackgroundLessContrast = "#f2f5f9";
+export declare const LightColorSchemeBackgroundBackgroundUnder = "#f2f5f9";
 export declare const LightColorSchemeBackgroundOverlayHover = "rgba(black, 0.05)";
 export declare const LightColorSchemeBackgroundOverlayActive = "rgba(black, 0.1)";
 export declare const LightColorSchemeBackgroundOverlayDisabled = "rgba(white, 0.3)";
@@ -2644,6 +2736,21 @@ export declare const DarkColorSchemePrimaryPalette: {
         };
         path: string[];
     };
+    "1000": {
+        value: string;
+        filePath: string;
+        isSource: boolean;
+        original: {
+            value: string;
+        };
+        name: string;
+        attributes: {
+            category: string;
+            type: string;
+            item: string;
+        };
+        path: string[];
+    };
     A100: {
         value: string;
         filePath: string;
@@ -3067,6 +3174,21 @@ export declare const DarkColorSchemeSecondPalette: {
         };
         path: string[];
     };
+    "1000": {
+        value: string;
+        filePath: string;
+        isSource: boolean;
+        original: {
+            value: string;
+        };
+        name: string;
+        attributes: {
+            category: string;
+            type: string;
+            item: string;
+        };
+        path: string[];
+    };
     A40: {
         value: string;
         filePath: string;
@@ -3518,6 +3640,21 @@ export declare const DarkColorSchemeErrorPalette: {
         };
         path: string[];
     };
+    "1000": {
+        value: string;
+        filePath: string;
+        isSource: boolean;
+        original: {
+            value: string;
+        };
+        name: string;
+        attributes: {
+            category: string;
+            type: string;
+            item: string;
+        };
+        path: string[];
+    };
     A100: {
         value: string;
         filePath: string;
@@ -3910,6 +4047,21 @@ export declare const DarkColorSchemeInfoPalette: {
         };
         path: string[];
     };
+    "1000": {
+        value: string;
+        filePath: string;
+        isSource: boolean;
+        original: {
+            value: string;
+        };
+        name: string;
+        attributes: {
+            category: string;
+            type: string;
+            item: string;
+        };
+        path: string[];
+    };
     contrast: {
         "40": {
             value: string;
@@ -4303,6 +4455,21 @@ export declare const DarkColorSchemeSuccessPalette: {
         };
         path: string[];
     };
+    "1000": {
+        value: string;
+        filePath: string;
+        isSource: boolean;
+        original: {
+            value: string;
+        };
+        name: string;
+        attributes: {
+            category: string;
+            type: string;
+            item: string;
+        };
+        path: string[];
+    };
     A100: {
         value: string;
         filePath: string;
@@ -4695,6 +4862,21 @@ export declare const DarkColorSchemeWarningPalette: {
         };
         path: string[];
     };
+    "1000": {
+        value: string;
+        filePath: string;
+        isSource: boolean;
+        original: {
+            value: string;
+        };
+        name: string;
+        attributes: {
+            category: string;
+            type: string;
+            item: string;
+        };
+        path: string[];
+    };
     A100: {
         value: string;
         filePath: string;
@@ -4915,6 +5097,8 @@ export declare const DarkColorSchemeForegroundBorder = "#515e69";
 export declare const DarkColorSchemeForegroundIcon = "#8c99a5";
 export declare const DarkColorSchemeBackgroundBackground = "#19252f";
 export declare const DarkColorSchemeBackgroundBackgroundDisabled = "#333f4a";
+export declare const DarkColorSchemeBackgroundBackgroundLessContrast = "#27333e";
+export declare const DarkColorSchemeBackgroundBackgroundUnder = "#151e25";
 export declare const DarkColorSchemeBackgroundOverlayHover = "rgba(black, 0.05)";
 export declare const DarkColorSchemeBackgroundOverlayActive = "rgba(black, 0.1)";
 export declare const DarkColorSchemeBackgroundOverlayDisabled = "rgba(black, 0.2)";
@@ -4951,6 +5135,7 @@ export declare const PaletteBlue600 = "#014b9d";
 export declare const PaletteBlue700 = "#023c7f";
 export declare const PaletteBlue800 = "#193060";
 export declare const PaletteBlue900 = "#00224f";
+export declare const PaletteBlue1000 = "#001a40";
 export declare const PaletteBlueA100 = "rgba(3, 116, 235, 0.15)";
 export declare const PaletteBlueA200 = "rgba(3, 116, 235, 0.3)";
 export declare const PaletteBlueContrast40 = "#4D4D4D";
@@ -4978,6 +5163,7 @@ export declare const PaletteGreen600 = "#015a2d";
 export declare const PaletteGreen700 = "#004823";
 export declare const PaletteGreen800 = "#103920";
 export declare const PaletteGreen900 = "#002a12";
+export declare const PaletteGreen1000 = "#00210c";
 export declare const PaletteGreenA100 = "rgba(2, 139, 73, 0.15)";
 export declare const PaletteGreenContrast40 = "#4D4D4D";
 export declare const PaletteGreenContrast60 = "#4D4D4D";
@@ -5003,6 +5189,7 @@ export declare const PaletteRed600 = "#9e0130";
 export declare const PaletteRed700 = "#800025";
 export declare const PaletteRed800 = "#621420";
 export declare const PaletteRed900 = "#500013";
+export declare const PaletteRed1000 = "#41000b";
 export declare const PaletteRedA100 = "rgba(219, 60, 85, 0.15)";
 export declare const PaletteRedContrast40 = "#4D4D4D";
 export declare const PaletteRedContrast60 = "#4D4D4D";
@@ -5028,6 +5215,7 @@ export declare const PaletteGrey600 = "#434f5a";
 export declare const PaletteGrey700 = "#333f4a";
 export declare const PaletteGrey800 = "#27333e";
 export declare const PaletteGrey900 = "#19252f";
+export declare const PaletteGrey1000 = "#151e25";
 export declare const PaletteGreyA40 = "rgba(25, 37, 47, 0.04)";
 export declare const PaletteGreyA60 = "rgba(25, 37, 47, 0.06)";
 export declare const PaletteGreyA100 = "rgba(25, 37, 47, 0.1)";
@@ -5057,6 +5245,7 @@ export declare const PaletteYellow600 = "#6b4804";
 export declare const PaletteYellow700 = "#543803";
 export declare const PaletteYellow800 = "#3e3015";
 export declare const PaletteYellow900 = "#312001";
+export declare const PaletteYellow1000 = "#1f1500";
 export declare const PaletteYellowA100 = "rgba(255, 159, 18, 0.15)";
 export declare const PaletteYellowContrast40 = "#4D4D4D";
 export declare const PaletteYellowContrast60 = "#4D4D4D";
@@ -5082,6 +5271,7 @@ export declare const PaletteTeal600 = "#0c5567";
 export declare const PaletteTeal700 = "#084453";
 export declare const PaletteTeal800 = "#143641";
 export declare const PaletteTeal900 = "#022731";
+export declare const PaletteTeal1000 = "#001f28";
 export declare const PaletteTealContrast40 = "#4D4D4D";
 export declare const PaletteTealContrast60 = "#4D4D4D";
 export declare const PaletteTealContrast100 = "#4D4D4D";
@@ -5107,6 +5297,7 @@ export declare const PalettePurple600 = "#753865";
 export declare const PalettePurple700 = "#612853";
 export declare const PalettePurple800 = "#48273f";
 export declare const PalettePurple900 = "#36172e";
+export declare const PalettePurple1000 = "#23001b";
 export declare const PalettePurpleContrast40 = "#4D4D4D";
 export declare const PalettePurpleContrast60 = "#4D4D4D";
 export declare const PalettePurpleContrast100 = "#4D4D4D";
@@ -5301,6 +5492,21 @@ export declare const ColorBluePalette: {
         };
         path: string[];
     };
+    "1000": {
+        value: string;
+        filePath: string;
+        isSource: boolean;
+        original: {
+            value: string;
+        };
+        name: string;
+        attributes: {
+            category: string;
+            type: string;
+            item: string;
+        };
+        path: string[];
+    };
     A100: {
         value: string;
         filePath: string;
@@ -5723,6 +5929,21 @@ export declare const ColorGreenPalette: {
         };
         path: string[];
     };
+    "1000": {
+        value: string;
+        filePath: string;
+        isSource: boolean;
+        original: {
+            value: string;
+        };
+        name: string;
+        attributes: {
+            category: string;
+            type: string;
+            item: string;
+        };
+        path: string[];
+    };
     A100: {
         value: string;
         filePath: string;
@@ -6114,6 +6335,21 @@ export declare const ColorRedPalette: {
         };
         path: string[];
     };
+    "1000": {
+        value: string;
+        filePath: string;
+        isSource: boolean;
+        original: {
+            value: string;
+        };
+        name: string;
+        attributes: {
+            category: string;
+            type: string;
+            item: string;
+        };
+        path: string[];
+    };
     A100: {
         value: string;
         filePath: string;
@@ -6505,6 +6741,21 @@ export declare const ColorGreyPalette: {
         };
         path: string[];
     };
+    "1000": {
+        value: string;
+        filePath: string;
+        isSource: boolean;
+        original: {
+            value: string;
+        };
+        name: string;
+        attributes: {
+            category: string;
+            type: string;
+            item: string;
+        };
+        path: string[];
+    };
     A40: {
         value: string;
         filePath: string;
@@ -6955,6 +7206,21 @@ export declare const ColorYellowPalette: {
         };
         path: string[];
     };
+    "1000": {
+        value: string;
+        filePath: string;
+        isSource: boolean;
+        original: {
+            value: string;
+        };
+        name: string;
+        attributes: {
+            category: string;
+            type: string;
+            item: string;
+        };
+        path: string[];
+    };
     A100: {
         value: string;
         filePath: string;
@@ -7346,6 +7612,21 @@ export declare const ColorTealPalette: {
         };
         path: string[];
     };
+    "1000": {
+        value: string;
+        filePath: string;
+        isSource: boolean;
+        original: {
+            value: string;
+        };
+        name: string;
+        attributes: {
+            category: string;
+            type: string;
+            item: string;
+        };
+        path: string[];
+    };
     contrast: {
         "40": {
             value: string;
@@ -7738,6 +8019,21 @@ export declare const ColorPurplePalette: {
         };
         path: string[];
     };
+    "1000": {
+        value: string;
+        filePath: string;
+        isSource: boolean;
+        original: {
+            value: string;
+        };
+        name: string;
+        attributes: {
+            category: string;
+            type: string;
+            item: string;
+        };
+        path: string[];
+    };
     contrast: {
         "40": {
             value: string;
@@ -8114,18 +8410,18 @@ export declare const AlertDarkColorSchemeDefaultBorder = "#333f4a";
 export declare const AlertDarkColorSchemeDefaultIcon = "#8c99a5";
 export declare const AlertSizeBorderWidth = "1px";
 export declare const AlertSizeBorderRadius = "4px";
-export declare const AlertSizeHorizontalPadding = "16px";
-export declare const AlertSizeVerticalPadding = "13px";
-export declare const AlertSizeIconMargin = "8px";
-export declare const AlertSizeCloseButtonWidth = "16px";
-export declare const AlertSizeSmallVerticalPadding = "11px";
+export declare const AlertSizeHorizontalPadding = "16rem";
+export declare const AlertSizeVerticalPadding = "12rem";
+export declare const AlertSizeIconMargin = "8rem";
+export declare const AlertSizeCloseButtonWidth = "16rem";
+export declare const AlertSizeSmallVerticalPadding = "12rem";
 export declare const AlertFontDefaultHeader = "subheading";
 export declare const AlertFontDefaultBody = "body";
 export declare const AlertFontSmallHeader = "caption";
 export declare const AlertFontSmallBody = "caption";
-export declare const AutocompleteSizePanelPadding = "4px 0";
+export declare const AutocompleteSizePanelPadding = "4rem 0";
 export declare const AutocompleteSizePanelMaxHeight = "256px";
-export declare const AutocompleteSizePanelBorderRadius = "3px";
+export declare const AutocompleteSizePanelBorderRadius = "4px";
 export declare const BadgeLightColorSchemeSolidPrimaryBackground = "#4187ff";
 export declare const BadgeLightColorSchemeSolidPrimaryBorder = "#4187ff";
 export declare const BadgeLightColorSchemeSolidPrimaryColor = "white";
@@ -8206,14 +8502,14 @@ export declare const BadgeDarkColorSchemeSolidSecondBorder = "#515e69";
 export declare const BadgeDarkColorSchemeSolidSecondColor = "white";
 export declare const BadgeSizeDefaultHeight = "24rem";
 export declare const BadgeSizeDefaultMinWidth = "10px";
-export declare const BadgeSizeDefaultPadding = "0 8px";
+export declare const BadgeSizeDefaultPadding = "0 8rem";
 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 BadgeSizeMiniBorderRadius = "2rem";
+export declare const BadgeSizeMiniPadding = "0 4rem";
 export declare const BadgeFontDefaultDefault = "caption";
 export declare const BadgeFontDefaultCaps = "caption-caps";
 export declare const BadgeFontDefaultMono = "caption-mono";
@@ -8221,7 +8517,7 @@ 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 ButtonToggleSizeBorderRadius = "4px";
 export declare const ButtonLightColorSchemeActiveShadow = "inset 0 1px 2px 0 rgba(black, 0.2)";
 export declare const ButtonLightColorSchemePrimaryColor = "white";
 export declare const ButtonLightColorSchemePrimaryBorder = "#0374eb";
@@ -8274,7 +8570,7 @@ export declare const ButtonDarkColorSchemeErrorStatesActiveBorder = "#333f4a";
 export declare const ButtonDarkColorSchemeErrorStatesActiveBackground = "#333f4a";
 export declare const ButtonSizeHeight = "32rem";
 export declare const ButtonSizeBorderWidth = "1px";
-export declare const ButtonSizeBorderRadius = "3px";
+export declare const ButtonSizeBorderRadius = "4px";
 export declare const ButtonSizeHorizontalPadding = "12rem";
 export declare const ButtonFontDefault = "body";
 export declare const ButtonFontPrimary = "body-strong";
@@ -8305,7 +8601,7 @@ export declare const CardDarkColorSchemeSuccessShadow = "#004823";
 export declare const CardDarkColorSchemeInfoVerticalLine = "#084453";
 export declare const CardDarkColorSchemeInfoBackground = "#143641";
 export declare const CardDarkColorSchemeInfoShadow = "#084453";
-export declare const CardSizeVerticalLine = "4px";
+export declare const CardSizeVerticalLine = "4rem";
 export declare const CheckboxLightColorSchemeBorder = "#bdc7d1";
 export declare const CheckboxLightColorSchemeStatesCheckedBorder = "#0374eb";
 export declare const CheckboxLightColorSchemeStatesCheckedBackground = "#0374eb";
@@ -8316,8 +8612,8 @@ export declare const CheckboxDarkColorSchemeStatesCheckedBorder = "#0059b8";
 export declare const CheckboxDarkColorSchemeStatesCheckedBackground = "#0059b8";
 export declare const CheckboxDarkColorSchemeStatesFocusedBorder = "#4187ff";
 export declare const CheckboxDarkColorSchemeStatesFocusedShadow = "0 0 0 1px #4187ff";
-export declare const CheckboxSizeWidth = "16px";
-export declare const CheckboxSizeLabelMargin = "8px";
+export declare const CheckboxSizeWidth = "16rem";
+export declare const CheckboxSizeLabelMargin = "8rem";
 export declare const CheckboxSizeBorderWidth = "1px";
 export declare const CheckboxSizeToggleBoxShadow = "inset 0 0 1px 0 rgba(0, 0, 0, 0.2)";
 export declare const CheckboxFontDefault = "body";
@@ -8327,17 +8623,17 @@ export declare const DatepickerBodyLightColorSchemeStatesSelectedColor = "#0374e
 export declare const DatepickerBodyLightColorSchemeStatesSelectedBackground = "#e7f1ff";
 export declare const DatepickerBodyDarkColorSchemeStatesSelectedColor = "#4187ff";
 export declare const DatepickerBodyDarkColorSchemeStatesSelectedBackground = "#014b9d";
-export declare const DatepickerBodySizeLabelPaddings = "8px 28px 12px 12px";
-export declare const DatepickerBodySizeCellMinSize = "32px";
+export declare const DatepickerBodySizeLabelPaddings = "8rem 28px 12rem 12rem";
+export declare const DatepickerBodySizeCellMinSize = "32rem";
 export declare const DatepickerBodySizeCellMargin = "5%";
-export declare const DatepickerBodySizeCellPadding = "8px";
+export declare const DatepickerBodySizeCellPadding = "8rem";
 export declare const DatepickerBodySizeCellBorderWidth = "1px";
 export declare const DatepickerBodyFontLabel = "body-strong";
 export declare const DatepickerBodyFontToday = "body-strong";
-export declare const DatepickerCalendarSizePaddingTop = "16px";
-export declare const DatepickerCalendarSizePaddingHorizontal = "8px";
-export declare const DatepickerCalendarSizePaddingBottom = "8px";
-export declare const DatepickerCalendarSizePaddingBlocks = "12px";
+export declare const DatepickerCalendarSizePaddingTop = "16rem";
+export declare const DatepickerCalendarSizePaddingHorizontal = "8rem";
+export declare const DatepickerCalendarSizePaddingBottom = "8rem";
+export declare const DatepickerCalendarSizePaddingBlocks = "12rem";
 export declare const DatepickerCalendarSizeDividerWidth = "1px";
 export declare const DatepickerCalendarSizeIconBorderWidth = "2px";
 export declare const DatepickerCalendarSizeIconPrevIconTransform = "translateX(2px) rotate(-45deg)";
@@ -8376,9 +8672,9 @@ export declare const DropdownDividerSizeMargin = "4px 0";
 export declare const DropdownTriggerSizeButtonRightPadding = "8rem";
 export declare const DropdownTriggerSizeRightIconPadding = "2rem";
 export declare const DropdownPanelSizeMaxWidth = "640px";
-export declare const DropdownPanelSizePadding = "4px 0";
+export declare const DropdownPanelSizePadding = "4rem 0";
 export declare const DropdownPanelSizeBorderWidth = "1px";
-export declare const DropdownPanelSizeBorderRadius = "3px";
+export declare const DropdownPanelSizeBorderRadius = "4px";
 export declare const FormFieldLightColorSchemeBorder = "#bdc7d1";
 export declare const FormFieldLightColorSchemeBackground = "white";
 export declare const FormFieldLightColorSchemeStatesHoverBorder = "#bdc7d1";
@@ -8391,10 +8687,10 @@ export declare const FormFieldDarkColorSchemeStatesInvalidBorder = "#b9023a";
 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 FormFieldSizeBorderRadius = "4px";
+export declare const FormFieldSizeButtonWidth = "32rem";
 export declare const FormFieldFontDefault = "body";
-export declare const FormFieldHintSizeMarginTop = "4px";
+export declare const FormFieldHintSizeMarginTop = "4rem";
 export declare const FormFieldHintFontDefault = "caption";
 export declare const FormFieldPasswordHintLightColorSchemeTextColor = "#19252f";
 export declare const FormFieldPasswordHintLightColorSchemeIconColor = "#19252f";
@@ -8408,28 +8704,76 @@ export declare const FormFieldPasswordHintDarkColorSchemeStatesInvalidIconColor
 export declare const FormFieldPasswordHintDarkColorSchemeStatesInvalidTextColor = "#f2f5f9";
 export declare const FormFieldPasswordHintDarkColorSchemeStatesValidTextColor = "#319d5c";
 export declare const FormFieldPasswordHintDarkColorSchemeStatesValidIconColor = "#319d5c";
-export declare const FormFieldPasswordHintSizeMarginTop = "8px";
-export declare const FormFieldPasswordHintSizeIconMargin = "4px";
+export declare const FormFieldPasswordHintSizeMarginTop = "8rem";
+export declare const FormFieldPasswordHintSizeIconMargin = "4rem";
 export declare const FormFieldPasswordHintFontDefault = "caption";
 export declare const FormsLightColorSchemeLabel = "#6d7a86";
 export declare const FormsLightColorSchemeLegend = "#19252f";
 export declare const FormsDarkColorSchemeLabel = "#8c99a5";
 export declare const FormsDarkColorSchemeLegend = "#f2f5f9";
-export declare const FormsSizeHorizontalRowMarginBottom = "20px";
-export declare const FormsSizeHorizontalLabelPaddingTop = "6px";
+export declare const FormsSizeHorizontalRowMarginBottom = "20rem";
+export declare const FormsSizeHorizontalLabelPaddingTop = "6rem";
 export declare const FormsSizeHorizontalLabelPaddingBottom = "0";
-export declare const FormsSizeHorizontalControlPaddingLeft = "16px";
-export declare const FormsSizeHorizontalLegendMarginTop = "32px";
-export declare const FormsSizeHorizontalLegendMarginBottom = "16px";
-export declare const FormsSizeVerticalRowMarginBottom = "16px";
+export declare const FormsSizeHorizontalControlPaddingLeft = "16rem";
+export declare const FormsSizeHorizontalLegendMarginTop = "32rem";
+export declare const FormsSizeHorizontalLegendMarginBottom = "16rem";
+export declare const FormsSizeVerticalRowMarginBottom = "16rem";
 export declare const FormsSizeVerticalLabelPaddingTop = "0";
-export declare const FormsSizeVerticalLabelPaddingBottom = "4px";
-export declare const FormsSizeVerticalControlPaddingLeft = "24px";
-export declare const FormsSizeVerticalLegendMarginTop = "32px";
-export declare const FormsSizeVerticalLegendMarginBottom = "12px";
+export declare const FormsSizeVerticalLabelPaddingBottom = "4rem";
+export declare const FormsSizeVerticalControlPaddingLeft = "24rem";
+export declare const FormsSizeVerticalLegendMarginTop = "32rem";
+export declare const FormsSizeVerticalLegendMarginBottom = "12rem";
 export declare const FormsFontDefaultLabel = "body";
 export declare const FormsFontDefaultLegend = "subheading";
-export declare const InputSizePadding = "0 16px";
+export declare const IconLightColorSchemeSecondaryDefault = "#8c99a5";
+export declare const IconLightColorSchemeSecondaryStatesHover = "#6d7a86";
+export declare const IconLightColorSchemeSecondaryStatesActive = "#434f5a";
+export declare const IconLightColorSchemeSecondaryStatesDisabled = "mix(#8c99a5, transparent, 30%)";
+export declare const IconLightColorSchemePrimaryDefault = "#5697ff";
+export declare const IconLightColorSchemePrimaryStatesHover = "#0374eb";
+export declare const IconLightColorSchemePrimaryStatesActive = "#014b9d";
+export declare const IconLightColorSchemePrimaryStatesDisabled = "mix(#5697ff, transparent, 30%)";
+export declare const IconLightColorSchemeInfoDefault = "#18a5c5";
+export declare const IconLightColorSchemeInfoStatesHover = "#218ca8";
+export declare const IconLightColorSchemeInfoStatesActive = "#0c5567";
+export declare const IconLightColorSchemeInfoStatesDisabled = "mix(#18a5c5, transparent, 30%)";
+export declare const IconLightColorSchemeSuccessDefault = "#4ba96c";
+export declare const IconLightColorSchemeSuccessStatesHover = "#028b49";
+export declare const IconLightColorSchemeSuccessStatesActive = "#015a2d";
+export declare const IconLightColorSchemeSuccessStatesDisabled = "mix(#4ba96c, transparent, 30%)";
+export declare const IconLightColorSchemeWarningDefault = "#e19f12";
+export declare const IconLightColorSchemeWarningStatesHover = "#a26e0c";
+export declare const IconLightColorSchemeWarningStatesActive = "#6b4804";
+export declare const IconLightColorSchemeWarningStatesDisabled = "mix(#e19f12, transparent, 30%)";
+export declare const IconLightColorSchemeErrorDefault = "#ee6f79";
+export declare const IconLightColorSchemeErrorStatesHover = "#db3c55";
+export declare const IconLightColorSchemeErrorStatesActive = "#9e0130";
+export declare const IconLightColorSchemeErrorStatesDisabled = "mix(#ee6f79, transparent, 30%)";
+export declare const IconDarkColorSchemeSecondaryDefault = "#8c99a5";
+export declare const IconDarkColorSchemeSecondaryStatesHover = "#6d7a86";
+export declare const IconDarkColorSchemeSecondaryStatesActive = "#bdc7d1";
+export declare const IconDarkColorSchemeSecondaryStatesDisabled = "mix(#8c99a5, transparent, 30%)";
+export declare const IconDarkColorSchemePrimaryDefault = "#5697ff";
+export declare const IconDarkColorSchemePrimaryStatesHover = "#0374eb";
+export declare const IconDarkColorSchemePrimaryStatesActive = "#a2c7fe";
+export declare const IconDarkColorSchemePrimaryStatesDisabled = "mix(#5697ff, transparent, 30%)";
+export declare const IconDarkColorSchemeInfoDefault = "#18a5c5";
+export declare const IconDarkColorSchemeInfoStatesHover = "#218ca8";
+export declare const IconDarkColorSchemeInfoStatesActive = "#6ed3f2";
+export declare const IconDarkColorSchemeInfoStatesDisabled = "mix(#18a5c5, transparent, 30%)";
+export declare const IconDarkColorSchemeSuccessDefault = "#4ba96c";
+export declare const IconDarkColorSchemeSuccessStatesHover = "#028b49";
+export declare const IconDarkColorSchemeSuccessStatesActive = "#8ed5a1";
+export declare const IconDarkColorSchemeSuccessStatesDisabled = "mix(#4ba96c, transparent, 30%)";
+export declare const IconDarkColorSchemeWarningDefault = "#e19f12";
+export declare const IconDarkColorSchemeWarningStatesHover = "#a26e0c";
+export declare const IconDarkColorSchemeWarningStatesActive = "#f5c23c";
+export declare const IconDarkColorSchemeWarningStatesDisabled = "mix(#e19f12, transparent, 30%)";
+export declare const IconDarkColorSchemeErrorDefault = "#ee6f79";
+export declare const IconDarkColorSchemeErrorStatesHover = "#db3c55";
+export declare const IconDarkColorSchemeErrorStatesActive = "#fcb2b4";
+export declare const IconDarkColorSchemeErrorStatesDisabled = "mix(#ee6f79, transparent, 30%)";
+export declare const InputSizePadding = "0 12rem";
 export declare const InputSizeWidth = "100%";
 export declare const InputFontDefault = "body";
 export declare const InputFontMonospace = "body-mono";
@@ -8469,7 +8813,7 @@ export declare const ModalSizeSmall = "400px";
 export declare const ModalSizeNormal = "640px";
 export declare const ModalSizeLarge = "960px";
 export declare const ModalSizeTop = "48px";
-export declare const ModalSizeCloseWidth = "56px";
+export declare const ModalSizeCloseWidth = "56rem";
 export declare const ModalSizeBorderRadius = "4px";
 export declare const ModalSizeBorderWidth = "1px";
 export declare const ModalHeaderLightColorSchemeBorder = "#d7dee4";
@@ -8479,24 +8823,24 @@ export declare const ModalHeaderSizeHeight = "56rem";
 export declare const ModalHeaderSizePadding = "0 16rem";
 export declare const ModalHeaderFontDefault = "title";
 export declare const ModalBodySizeMaxHeight = "calc(100vh - 260px)";
-export declare const ModalBodySizePadding = "16px 24px 24px";
+export declare const ModalBodySizePadding = "16rem 24rem 24rem";
 export declare const ModalBodyFontDefault = "body";
 export declare const ModalFooterLightColorSchemeBorder = "#f2f5f9";
 export declare const ModalFooterDarkColorSchemeBorder = "#333f4a";
 export declare const ModalFooterSizeBorderRadius = "0 0 4px 4px";
 export declare const ModalFooterSizeHeight = "64rem";
 export declare const ModalFooterSizePadding = "0 16rem";
-export declare const ModalConfirmSizePadding = "24px";
+export declare const ModalConfirmSizePadding = "24rem";
 export declare const NavbarLightColorSchemeBackground = "#19252f";
 export declare const NavbarLightColorSchemeDividerBackground = "#515e69";
 export declare const NavbarDarkColorSchemeBackground = "#333f4a";
 export declare const NavbarDarkColorSchemeDividerBackground = "#515e69";
-export declare const NavbarSizeIconMargin = "6px";
+export declare const NavbarSizeIconMargin = "6rem";
 export declare const NavbarSizeRightIconMargin = "2rem";
 export declare const NavbarFontTitle = "body";
 export declare const VerticalNavbarSizeStatesExpandedWidth = "240px";
-export declare const VerticalNavbarSizeStatesCollapsedWidth = "56px";
-export declare const VerticalNavbarSizeIconMargin = "16px";
+export declare const VerticalNavbarSizeStatesCollapsedWidth = "56rem";
+export declare const VerticalNavbarSizeIconMargin = "16rem";
 export declare const NavbarItemLightColorSchemeText = "#f2f5f9";
 export declare const NavbarItemLightColorSchemeIcon = "#bdc7d1";
 export declare const NavbarItemLightColorSchemeStatesActive = "rgba(0, 0, 0, 0.1)";
@@ -8511,16 +8855,16 @@ export declare const NavbarItemDarkColorSchemeStatesSelected = "#434f5a";
 export declare const NavbarItemDarkColorSchemeStatesHover = "rgba(255, 255, 255, 0.1)";
 export declare const NavbarItemDarkColorSchemeStatesProgress = "#333f4a";
 export declare const NavbarItemDarkColorSchemeStatesDisabledOpacity = 0.3;
-export declare const NavbarItemSizePadding = "16px";
-export declare const NavbarItemSizeHeight = "48px";
-export declare const NavbarItemSizeHeightVertical = "56px";
-export declare const NavbarBrandSizePadding = "12px";
-export declare const NavbarBrandSizeMarginRight = "24px";
+export declare const NavbarItemSizePadding = "16rem";
+export declare const NavbarItemSizeHeight = "48rem";
+export declare const NavbarItemSizeHeightVertical = "56rem";
+export declare const NavbarBrandSizePadding = "12rem";
+export declare const NavbarBrandSizeMarginRight = "24rem";
 export declare const NavbarBrandFontTitle = "title";
 export declare const OptgroupSizePaddingLeft = "17px";
 export declare const OptgroupFontDefault = "subheading";
-export declare const OptionSizeHorizontalPadding = "16px";
-export declare const OptionSizeHeight = "32px";
+export declare const OptionSizeHorizontalPadding = "12rem";
+export declare const OptionSizeHeight = "32rem";
 export declare const OptionSizeBorderWidth = "2px";
 export declare const OptionFontDefault = "body";
 export declare const PopoverLightColorSchemeBackground = "white";
@@ -8532,8 +8876,8 @@ export declare const PopoverDarkColorSchemeText = "#f2f5f9";
 export declare const PopoverDarkColorSchemeShadow = "0 3px 8px 0 rgba(0, 0, 0, 0.2)";
 export declare const PopoverDarkColorSchemeBorder = "#333f4a";
 export declare const PopoverSizeMaxHeight = "480px";
-export declare const PopoverSizePadding = "16px";
-export declare const PopoverSizeBorderRadius = "3px";
+export declare const PopoverSizePadding = "16rem";
+export declare const PopoverSizeBorderRadius = "4px";
 export declare const PopoverSizeArrowSize = "12px";
 export declare const PopoverSizeTriggerMargin = "9px";
 export declare const PopoverSizeSmallWidth = "200px";
@@ -8547,15 +8891,15 @@ export declare const PopoverHeaderDarkColorSchemeBorder = "#434f5a";
 export declare const PopoverHeaderDarkColorSchemeText = "#f2f5f9";
 export declare const PopoverHeaderDarkColorSchemeBackground = "#333f4a";
 export declare const PopoverHeaderSizeHeight = "40rem";
-export declare const PopoverHeaderSizePadding = "0 16px";
+export declare const PopoverHeaderSizePadding = "0 16rem";
 export declare const PopoverHeaderFontDefault = "subheading";
 export declare const PopoverFooterLightColorSchemeBorder = "#f2f5f9";
 export declare const PopoverFooterLightColorSchemeBackground = "#f2f5f9";
 export declare const PopoverFooterDarkColorSchemeBorder = "#434f5a";
 export declare const PopoverFooterDarkColorSchemeBackground = "#333f4a";
-export declare const PopoverFooterSizeMarginTop = "8px";
-export declare const PopoverFooterSizePadding = "12px 16px";
-export declare const PopoverFooterSizeHeight = "56px";
+export declare const PopoverFooterSizeMarginTop = "8rem";
+export declare const PopoverFooterSizePadding = "12rem 16rem";
+export declare const PopoverFooterSizeHeight = "56rem";
 export declare const PopoverFooterFontDefault = "body";
 export declare const PopupLightColorSchemeShadow = "0 3px 8px 0 rgba(39, 51, 62, 0.2)";
 export declare const PopupLightColorSchemeBorder = "#d7dee4";
@@ -8569,8 +8913,8 @@ export declare const PopupDarkColorSchemeBackground = "#333f4a";
 export declare const PopupDarkColorSchemeFooterBackground = "transparent";
 export declare const ProgressBarLightColorSchemeBackground = "rgba(25, 37, 47, 0.06)";
 export declare const ProgressBarDarkColorSchemeBackground = "rgba(white,0.06)";
-export declare const ProgressBarSizeHeight = "4px";
-export declare const ProgressSpinnerSizeSize = "16px";
+export declare const ProgressBarSizeHeight = "4rem";
+export declare const ProgressSpinnerSizeSize = "16rem";
 export declare const RadioLightColorSchemeOuterCircleBorder = "#bdc7d1";
 export declare const RadioLightColorSchemeInnerCircleBorder = "transparent";
 export declare const RadioLightColorSchemeStatesCheckedOuterCircleBorder = "#0374eb";
@@ -8588,29 +8932,29 @@ 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 SelectSizeLeftPadding = "16px";
-export declare const SelectSizeRightPadding = "8px";
-export declare const SelectSizeLeftPaddingMultiple = "8px";
+export declare const SelectSizeLeftPadding = "12rem";
+export declare const SelectSizeRightPadding = "6rem";
+export declare const SelectSizeLeftPaddingMultiple = "12rem";
 export declare const SelectFontDefault = "body";
 export declare const SelectPanelSizeMaxHeight = "232px";
 export declare const SelectPanelSizeMaxWidth = "640px";
-export declare const SelectPanelSizeVerticalPadding = "4px";
+export declare const SelectPanelSizeVerticalPadding = "4rem";
 export declare const SelectPanelSizeBorderWidth = "1px";
-export declare const SelectPanelSizeBorderRadius = "3px";
+export declare const SelectPanelSizeBorderRadius = "4px";
 export declare const SelectPanelFontDefault = "body";
 export declare const SidepanelLightColorSchemeBorder = "#bdc7d1";
 export declare const SidepanelDarkColorSchemeBorder = "#19252f";
 export declare const SidepanelFontDefault = "body";
 export declare const SidepanelHeaderSizeHeight = "56rem";
 export declare const SidepanelHeaderSizePadding = "0 16rem";
-export declare const SidepanelHeaderSizeClosePadding = "0 0 0 8px";
+export declare const SidepanelHeaderSizeClosePadding = "0 0 0 8rem";
 export declare const SidepanelHeaderFontDefault = "title";
 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 TableSizeRowPaddingVertical = "8rem";
+export declare const TableSizeRowPaddingHorizontal = "16rem";
 export declare const TableFontHeader = "caption";
 export declare const TableFontBody = "body-tabular";
 export declare const TabsLightColorSchemeBorder = "#d7dee4";
@@ -8635,12 +8979,12 @@ export declare const TabsDarkColorSchemeStateEmptyText = "#6d7a86";
 export declare const TabsDarkColorSchemeStateDisabledIcon = "#6d7a86";
 export declare const TabsDarkColorSchemeStateDisabledText = "#6d7a86";
 export declare const TabsDarkColorSchemeStateDisabledMarkerOpacity = "0.3";
-export declare const TabsSizeHeight = "40px";
-export declare const TabsSizeHighlightHeight = "4px";
-export declare const TabsSizePaddingHorizontal = "16px";
+export declare const TabsSizeHeight = "40rem";
+export declare const TabsSizeHighlightHeight = "4rem";
+export declare const TabsSizePaddingHorizontal = "16rem";
 export declare const TabsSizeBorderWidth = "1px";
-export declare const TabsSizeBorderRadius = "3px";
-export declare const TabsSizeLabelIconMargin = "8px";
+export declare const TabsSizeBorderRadius = "4px";
+export declare const TabsSizeLabelIconMargin = "8rem";
 export declare const TabsFontDefault = "body";
 export declare const VerticalTabsLightColorSchemeStateNormalBackground = "transparent";
 export declare const VerticalTabsLightColorSchemeStateSelectedBackground = "#e7f1ff";
@@ -8698,24 +9042,24 @@ export declare const TagsDarkColorSchemeErrorStatesHoverIcon = "#ee6f79";
 export declare const TagsDarkColorSchemeErrorStatesFocused = "#b9023a";
 export declare const TagsDarkColorSchemeErrorStatesDisabledText = "mix(#ea5868, transparent, 50%)";
 export declare const TagsDarkColorSchemeErrorStatesDisabledBackground = "mix(#ea5868, transparent, 10%)";
-export declare const TagsSizeMargin = "2px";
-export declare const TagsSizeHeight = "24px";
+export declare const TagsSizeMargin = "2rem";
+export declare const TagsSizeHeight = "24rem";
 export declare const TagsSizeBorderWidth = "1px";
 export declare const TagsSizeBorderRadius = "4px";
 export declare const TagsSizeIconPadding = "4rem";
-export declare const TagsSizeTextMargin = "8px";
+export declare const TagsSizeTextMargin = "8rem";
 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 TagListSizePadding = "1px 12rem";
 export declare const TagInputSizeHeight = "22px";
-export declare const TagInputSizeMargin = "2px 4px";
+export declare const TagInputSizeMargin = "2px 4rem";
 export declare const TagInputFontDefault = "body";
 export declare const TextareaSizeMinHeight = "50px";
-export declare const TextareaSizePadding = "5px 16px";
+export declare const TextareaSizePadding = "5 12rem";
 export declare const TextareaFontDefault = "body";
 export declare const TextareaFontMono = "body-mono";
-export declare const TimepickerSizePaddingRight = "16px";
+export declare const TimepickerSizePaddingRight = "16rem";
 export declare const ToggleLightColorSchemeBorder = "#bdc7d1";
 export declare const ToggleLightColorSchemeBackground = "white";
 export declare const ToggleLightColorSchemeCircleBorder = "#bdc7d1";
@@ -8737,7 +9081,7 @@ export declare const ToggleDarkColorSchemeErrorCheckedBackground = "#b9023a";
 export declare const ToggleSizeHeight = "16px";
 export declare const ToggleSizeWidth = "28px";
 export declare const ToggleSizeBorderRadius = "9px";
-export declare const ToggleSizeLabelMargin = "8px";
+export declare const ToggleSizeLabelMargin = "8rem";
 export declare const ToggleFontDefault = "body";
 export declare const ToggleSmallSizeHeight = "14px";
 export declare const ToggleSmallSizeWidth = "24px";
@@ -8759,8 +9103,8 @@ export declare const TooltipDarkColorSchemeWarningText = "#f2f5f9";
 export declare const TooltipDarkColorSchemeWarningBorder = "#7e5406";
 export declare const TooltipSizeMaxWidth = "300px";
 export declare const TooltipSizeBorderWidth = "1px";
-export declare const TooltipSizeBorderRadius = "3px";
-export declare const TooltipSizePadding = "8px 16px";
+export declare const TooltipSizeBorderRadius = "4px";
+export declare const TooltipSizePadding = "8rem 16rem";
 export declare const TooltipSizeArrowSize = "12px";
 export declare const TooltipSizeTriggerMargin = "9px";
 export declare const TooltipFontDefault = "caption";
@@ -8772,10 +9116,10 @@ export declare const ExtendedTooltipDarkColorSchemeBackground = "#333f4a";
 export declare const ExtendedTooltipDarkColorSchemeText = "#f2f5f9";
 export declare const ExtendedTooltipDarkColorSchemeBorder = "#333f4a";
 export declare const ExtendedTooltipDarkColorSchemeShadow = "0 2px 4px 0 rgba(39, 51, 62, 0.2)";
-export declare const ExtendedTooltipSizeBorderRadius = "3px";
+export declare const ExtendedTooltipSizeBorderRadius = "4px";
 export declare const ExtendedTooltipSizeArrowSize = "12px";
 export declare const ExtendedTooltipSizeTriggerMargin = "9px";
-export declare const ExtendedTooltipSizePadding = "8px 16px";
+export declare const ExtendedTooltipSizePadding = "8rem 16rem";
 export declare const ExtendedTooltipSizeMaxHeight = "480px";
 export declare const ExtendedTooltipFontDefault = "caption";
 export declare const ExtendedTooltipHeaderLightColorSchemeBorder = "#d7dee4";
@@ -8785,9 +9129,9 @@ export declare const ExtendedTooltipHeaderDarkColorSchemeBorder = "#434f5a";
 export declare const ExtendedTooltipHeaderDarkColorSchemeText = "#f2f5f9";
 export declare const ExtendedTooltipHeaderDarkColorSchemeBackground = "#333f4a";
 export declare const ExtendedTooltipHeaderSizeHeight = "40px";
-export declare const ExtendedTooltipHeaderSizePadding = "10px 16px";
+export declare const ExtendedTooltipHeaderSizePadding = "8rem 16rem";
 export declare const ExtendedTooltipHeaderFontDefault = "subheading";
-export declare const TreeSizeNodeHeight = "32px";
+export declare const TreeSizeNodeHeight = "32rem";
 export declare const TreeSizePaddingLeft = "12rem";
 export declare const TreeSizeTogglePadding = "4rem";
 export declare const TreeSizeIconPadding = "8rem";