@ptsecurity/mosaic 13.7.2 → 13.8.4

package/design-tokens/legacy-2017/tokens/components/radio.json5

@@ -1,8 +1,9 @@
 {
     radio: {
         'light-color-scheme': {
-            'outer-circle-border': { value: '{light-color-scheme.second.palette.value.300}' },
+            'outer-circle-border': { value: '{light-color-scheme.second.palette.value.500}' },
             'inner-circle-border': { value: 'transparent' },
+            'cap-color': { value: 'white' },
 
             states: {
                 checked: {
@@ -10,9 +11,9 @@
                     'inner-circle-border': { value: '{light-color-scheme.primary.palette.value.500}' }
                 },
                 focused: {
-                    'outer-circle-border': { value: '{light-color-scheme.states.focused-color}' },
-                    'outer-circle-shadow': { value: '0 0 0 2px {light-color-scheme.second.palette.value.300}' },
-                    'inner-circle-shadow': { value: '0 0 0 1px {light-color-scheme.background.background}' }
+                    'outer-circle-border': { value: '{light-color-scheme.primary.palette.value.500}' },
+                    'outer-circle-shadow': { value: '0 0 0 2px {light-color-scheme.primary.palette.value.500}' },
+                    'inner-circle-shadow': { value: '0 0 0 2px {light-color-scheme.background.background}' }
                 }
             }
         },
@@ -22,19 +23,19 @@
 
             states: {
                 checked: {
-                    'outer-circle-border': { value: '{dark-color-scheme.primary.palette.value.400}' },
+                    'outer-circle-border': { value: '{dark-color-scheme.primary.palette.value.600}' },
                     'inner-circle-border': { value: '{dark-color-scheme.primary.palette.value.600}' }
                 },
                 focused: {
-                    'outer-circle-border': { value: '{dark-color-scheme.states.focused-color}' },
-                    'outer-circle-shadow': { value: '0 0 0 2px {dark-color-scheme.states.focused-color}' },
-
-                    'inner-circle-shadow': { value: '0 0 0 1px {dark-color-scheme.background.background}' }
+                    'outer-circle-border': { value: '{dark-color-scheme.primary.palette.value.500}' },
+                    'outer-circle-shadow': { value: '0 0 0 2px {dark-color-scheme.primary.palette.value.500}' },
+                    'inner-circle-shadow': { value: '0 0 0 2px {dark-color-scheme.background.background}' }
                 }
             }
         },
         size: {
-            size: { value: '14px' },
+            'outer-size': { value: '14px' },
+            'inner-size': { value: '10px' },
             'cap-size': { value: '6px' },
             'label-margin': { value: '{margin.iconText_M-horizontal}' }
         },

package/design-tokens/legacy-2017/tokens/components/toast.json5

@@ -0,0 +1,54 @@
+{
+    toast: {
+        'light-color-scheme': {
+            background: { value: '{light-color-scheme.background.background}' },
+            border: { value: '{light-color-scheme.foreground.border}' },
+            text: { value: '{light-color-scheme.foreground.text}' },
+            'text-caption': { value: '{light-color-scheme.foreground.text-less-contrast}' },
+            'shadow': { value: '0 8px 16px 0 rgba({light-color-scheme.second.palette.value.800}, 0.2)' },
+
+            'icon_info': { value: '{icon.light-color-scheme.info.default}' },
+            'icon_error': { value: '{icon.light-color-scheme.error.default}' },
+            'icon_success': { value: '{icon.light-color-scheme.success.default}' },
+            'icon_warning': { value: '{icon.light-color-scheme.warning.default}' }
+        },
+        'dark-color-scheme': {
+            background: { value: '{dark-color-scheme.second.palette.value.700}' },
+            border: { value: '{dark-color-scheme.second.palette.value.A100}' },
+            text: { value: '{dark-color-scheme.foreground.text}' },
+            'text-caption': { value: '{dark-color-scheme.foreground.text-less-contrast}' },
+            'shadow': { value: '0 8px 16px 0 rgba({light-color-scheme.second.palette.value.800}, 0.2)' },
+
+            'icon_info': { value: '{icon.dark-color-scheme.info.default}' },
+            'icon_error': { value: '{icon.dark-color-scheme.error.default}' },
+            'icon_success': { value: '{icon.dark-color-scheme.success.default}' },
+            'icon_warning': { value: '{icon.dark-color-scheme.warning.default}' }
+        },
+        size: {
+            'border-width': { value: '1px' },
+            'border-radius': { value: '3px' },
+
+            'width': { value: '360px' },
+            'padding-vertical': { value: '{size.m}' },
+            'padding-left': { value: '{size.m}' },
+            'padding-right': { value: '{size.l}' },
+
+            'close-button-width': { value: '{size.3xl}' },
+            'close-button-margin': { value: '{size.s}' },
+
+            'icon-margin': { value: '{size.s}' },
+            'caption-margin': { value: '{size.s}' },
+
+            'actionbar-margin': { value: '{size.s}' },
+            'actionbar-gap': { value: '{size.m}' },
+
+            'vertical-margin': { value: '{size.l}' },
+            'horizontal-margin': { value: '{size.l}' },
+            'gap': { value: '{size.m}' }
+        },
+        font: {
+            title: { value: 'body' },
+            caption: { value: 'body' },
+        }
+    }
+}

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

@@ -7292,6 +7292,7 @@ export declare const CardDarkColorSchemeInfoBackground = "#114E77";
 export declare const CardDarkColorSchemeInfoShadow = "#4D4D4D";
 export declare const CardSizeVerticalLine = "4px";
 export declare const CheckboxLightColorSchemeDefaultBorder = "#B3B3B3";
+export declare const CheckboxLightColorSchemeDefaultColor = "white";
 export declare const CheckboxLightColorSchemeDefaultStatesCheckedBorder = "#206EA2";
 export declare const CheckboxLightColorSchemeDefaultStatesCheckedBackground = "#338FCC";
 export declare const CheckboxLightColorSchemeDefaultStatesFocusedBorder = "#338FCC";
@@ -7301,6 +7302,7 @@ export declare const CheckboxLightColorSchemeDefaultStatesCheckedFocusedBackgrou
 export declare const CheckboxLightColorSchemeDefaultStatesCheckedFocusedShadow = "0 0 0 1px #338FCC";
 export declare const CheckboxLightColorSchemeDefaultStatesCheckedFocusedOutline = "1px solid white";
 export declare const CheckboxLightColorSchemeErrorBorder = "#E76E5C";
+export declare const CheckboxLightColorSchemeErrorColor = "white";
 export declare const CheckboxLightColorSchemeErrorStatesCheckedBorder = "#B23522";
 export declare const CheckboxLightColorSchemeErrorStatesCheckedBackground = "#E04D36";
 export declare const CheckboxLightColorSchemeErrorStatesFocusedBorder = "#E76E5C";
@@ -7310,6 +7312,7 @@ export declare const CheckboxLightColorSchemeErrorStatesCheckedFocusedBackground
 export declare const CheckboxLightColorSchemeErrorStatesCheckedFocusedShadow = "0 0 0 1px #E76E5C";
 export declare const CheckboxLightColorSchemeErrorStatesCheckedFocusedOutline = "1px solid white";
 export declare const CheckboxDarkColorSchemeDefaultBorder = "#808080";
+export declare const CheckboxDarkColorSchemeDefaultColor = "white";
 export declare const CheckboxDarkColorSchemeDefaultStatesCheckedBorder = "#57A4D7";
 export declare const CheckboxDarkColorSchemeDefaultStatesCheckedBackground = "#206EA2";
 export declare const CheckboxDarkColorSchemeDefaultStatesFocusedBorder = "#57A4D7";
@@ -7319,6 +7322,7 @@ export declare const CheckboxDarkColorSchemeDefaultStatesCheckedFocusedBackgroun
 export declare const CheckboxDarkColorSchemeDefaultStatesCheckedFocusedShadow = "0 0 0 1px #57A4D7";
 export declare const CheckboxDarkColorSchemeDefaultStatesCheckedFocusedOutline = "1px solid #333333";
 export declare const CheckboxDarkColorSchemeErrorBorder = "#E76E5C";
+export declare const CheckboxDarkColorSchemeErrorColor = "white";
 export declare const CheckboxDarkColorSchemeErrorStatesCheckedBorder = "#E76E5C";
 export declare const CheckboxDarkColorSchemeErrorStatesCheckedBackground = "#B23522";
 export declare const CheckboxDarkColorSchemeErrorStatesFocusedBorder = "#E76E5C";
@@ -7641,21 +7645,23 @@ export declare const ProgressBarLightColorSchemeBackground = "#F0F0F0";
 export declare const ProgressBarDarkColorSchemeBackground = "#666666";
 export declare const ProgressBarSizeHeight = "4px";
 export declare const ProgressSpinnerSizeSize = "16px";
-export declare const RadioLightColorSchemeOuterCircleBorder = "#B3B3B3";
+export declare const RadioLightColorSchemeOuterCircleBorder = "#808080";
 export declare const RadioLightColorSchemeInnerCircleBorder = "transparent";
+export declare const RadioLightColorSchemeCapColor = "white";
 export declare const RadioLightColorSchemeStatesCheckedOuterCircleBorder = "#338FCC";
 export declare const RadioLightColorSchemeStatesCheckedInnerCircleBorder = "#338FCC";
 export declare const RadioLightColorSchemeStatesFocusedOuterCircleBorder = "#338FCC";
-export declare const RadioLightColorSchemeStatesFocusedOuterCircleShadow = "0 0 0 2px #B3B3B3";
-export declare const RadioLightColorSchemeStatesFocusedInnerCircleShadow = "0 0 0 1px white";
+export declare const RadioLightColorSchemeStatesFocusedOuterCircleShadow = "0 0 0 2px #338FCC";
+export declare const RadioLightColorSchemeStatesFocusedInnerCircleShadow = "0 0 0 2px white";
 export declare const RadioDarkColorSchemeOuterCircleBorder = "#999999";
 export declare const RadioDarkColorSchemeInnerCircleBorder = "transparent";
-export declare const RadioDarkColorSchemeStatesCheckedOuterCircleBorder = "#57A4D7";
+export declare const RadioDarkColorSchemeStatesCheckedOuterCircleBorder = "#206EA2";
 export declare const RadioDarkColorSchemeStatesCheckedInnerCircleBorder = "#206EA2";
-export declare const RadioDarkColorSchemeStatesFocusedOuterCircleBorder = "#57A4D7";
-export declare const RadioDarkColorSchemeStatesFocusedOuterCircleShadow = "0 0 0 2px #57A4D7";
-export declare const RadioDarkColorSchemeStatesFocusedInnerCircleShadow = "0 0 0 1px #333333";
-export declare const RadioSizeSize = "14px";
+export declare const RadioDarkColorSchemeStatesFocusedOuterCircleBorder = "#338FCC";
+export declare const RadioDarkColorSchemeStatesFocusedOuterCircleShadow = "0 0 0 2px #338FCC";
+export declare const RadioDarkColorSchemeStatesFocusedInnerCircleShadow = "0 0 0 2px #333333";
+export declare const RadioSizeOuterSize = "14px";
+export declare const RadioSizeInnerSize = "10px";
 export declare const RadioSizeCapSize = "6px";
 export declare const RadioSizeLabelMargin = "8px";
 export declare const RadioFontDefault = "body";
@@ -7794,6 +7800,41 @@ export declare const TextareaSizePadding = "5 12px";
 export declare const TextareaFontDefault = "body";
 export declare const TextareaFontMono = "body-mono";
 export declare const TimepickerSizePaddingRight = "16px";
+export declare const ToastLightColorSchemeBackground = "white";
+export declare const ToastLightColorSchemeBorder = "#B3B3B3";
+export declare const ToastLightColorSchemeText = "#4D4D4D";
+export declare const ToastLightColorSchemeTextCaption = "#999999";
+export declare const ToastLightColorSchemeShadow = "0 8px 16px 0 rgba(#333333, 0.2)";
+export declare const ToastLightColorSchemeIconInfo = "#57A4D7";
+export declare const ToastLightColorSchemeIconError = "#E76E5C";
+export declare const ToastLightColorSchemeIconSuccess = "#6FBA53";
+export declare const ToastLightColorSchemeIconWarning = "#DFA739";
+export declare const ToastDarkColorSchemeBackground = "#4D4D4D";
+export declare const ToastDarkColorSchemeBorder = "rgba(0, 0, 0, 0.1)";
+export declare const ToastDarkColorSchemeText = "#F0F0F0";
+export declare const ToastDarkColorSchemeTextCaption = "#999999";
+export declare const ToastDarkColorSchemeShadow = "0 8px 16px 0 rgba(#333333, 0.2)";
+export declare const ToastDarkColorSchemeIconInfo = "#338FCC";
+export declare const ToastDarkColorSchemeIconError = "#E04D36";
+export declare const ToastDarkColorSchemeIconSuccess = "#52A832";
+export declare const ToastDarkColorSchemeIconWarning = "#D6930D";
+export declare const ToastSizeBorderWidth = "1px";
+export declare const ToastSizeBorderRadius = "3px";
+export declare const ToastSizeWidth = "360px";
+export declare const ToastSizePaddingVertical = "12px";
+export declare const ToastSizePaddingLeft = "12px";
+export declare const ToastSizePaddingRight = "16px";
+export declare const ToastSizeCloseButtonWidth = "32px";
+export declare const ToastSizeCloseButtonMargin = "8px";
+export declare const ToastSizeIconMargin = "8px";
+export declare const ToastSizeCaptionMargin = "8px";
+export declare const ToastSizeActionbarMargin = "8px";
+export declare const ToastSizeActionbarGap = "12px";
+export declare const ToastSizeVerticalMargin = "16px";
+export declare const ToastSizeHorizontalMargin = "16px";
+export declare const ToastSizeGap = "12px";
+export declare const ToastFontTitle = "body";
+export declare const ToastFontCaption = "body";
 export declare const ToggleLightColorSchemeBorder = "#B3B3B3";
 export declare const ToggleLightColorSchemeBackground = "linear-gradient(to bottom, #E6E6E6, #F0F0F0)";
 export declare const ToggleLightColorSchemeCircleBorder = "#B3B3B3";

package/design-tokens/pt-2022/tokens/components/button.json5

@@ -78,7 +78,7 @@
             },
 
             primary_transparent: {
-                color: { value: '{dark-color-scheme.primary.palette.value.500}' },
+                color: { value: '{dark-color-scheme.primary.palette.value.300}' },
                 icon: { value: '{icon.dark-color-scheme.primary.default}' },
 
                 states: {

package/design-tokens/pt-2022/tokens/components/checkbox.json5

@@ -3,6 +3,7 @@
         'light-color-scheme': {
             default: {
                 border: { value: '{light-color-scheme.foreground.border}' },
+                color: { value: 'white' },
 
                 states: {
                     checked: {
@@ -23,6 +24,7 @@
             }, 
             error: {
                 border: { value: '{light-color-scheme.error.default}' },
+                color: { value: 'white' },
 
                 states: {
                     checked: {
@@ -45,6 +47,7 @@
         'dark-color-scheme': {
             default: {
                 border: { value: '{dark-color-scheme.foreground.border}' },
+                color: { value: 'white' },
 
                 states: {
                     checked: {
@@ -65,6 +68,7 @@
             }, 
             error: {
                 border: { value: '{dark-color-scheme.error.default}' },
+                color: { value: 'white' },
 
                 states: {
                     checked: {

package/design-tokens/pt-2022/tokens/components/link.json5

@@ -20,7 +20,7 @@
             }
         },
         'dark-color-scheme': {
-            text: { value: '{dark-color-scheme.primary.palette.value.400}' },
+            text: { value: '{dark-color-scheme.primary.palette.value.300}' },
             'border-bottom': { value: 'rgba({dark-color-scheme.foreground.text-disabled}, 0.32)' },
 
             'state-visited': {
@@ -28,10 +28,10 @@
                 'border-bottom': { value: 'rgba({link.dark-color-scheme.state-visited.text}, 0.32)' }
             },
             'state-hover': {
-                'text': { value: '{dark-color-scheme.primary.palette.value.500}' },
+                'text': { value: '{dark-color-scheme.primary.palette.value.400}' },
                 'border-bottom': { value: 'rgba({link.dark-color-scheme.state-hover.text}, 0.32)' }
             },
-            'state-active': { value: '{dark-color-scheme.primary.palette.value.560}' },
+            'state-active': { value: '{dark-color-scheme.primary.palette.value.500}' },
             'state-focused': {
                 outline: { value: '{dark-color-scheme.states.focused-color}' }
             }

package/design-tokens/pt-2022/tokens/components/radio.json5

@@ -3,6 +3,7 @@
         'light-color-scheme': {
             'outer-circle-border': { value: '{light-color-scheme.foreground.border}' },
             'inner-circle-border': { value: 'transparent' },
+            'cap-color': { value: 'white' },
 
             states: {
                 checked: {
@@ -12,13 +13,14 @@
                 focused: {
                     'outer-circle-border': { value: '{light-color-scheme.states.focused-color}' },
                     'outer-circle-shadow': { value: '0 0 0 2px {light-color-scheme.states.focused-color}' },
-                    'inner-circle-shadow': { value: '0 0 0 1px {light-color-scheme.background.background}' }
+                    'inner-circle-shadow': { value: '0 0 0 2px {light-color-scheme.background.background}' }
                 }
             }
         },
         'dark-color-scheme': {
             'outer-circle-border': { value: '{dark-color-scheme.foreground.border}' },
             'inner-circle-border': { value: 'transparent' },
+            'cap-color': { value: 'white' },
 
             states: {
                 checked: {
@@ -29,12 +31,13 @@
                     'outer-circle-border': { value: '{dark-color-scheme.states.focused-color}' },
                     'outer-circle-shadow': { value: '0 0 0 2px {dark-color-scheme.states.focused-color}' },
 
-                    'inner-circle-shadow': { value: '0 0 0 1px {dark-color-scheme.background.background}' }
+                    'inner-circle-shadow': { value: '0 0 0 2px {dark-color-scheme.background.background}' }
                 }
             }
         },
         size: {
-            size: { value: '14px' },
+            'outer-size': { value: '14px' },
+            'inner-size': { value: '10px' },
             'cap-size': { value: '6px' },
             'label-margin': { value: '{margin.iconText_M-horizontal}' }
         },

package/design-tokens/pt-2022/tokens/components/tags.json5

@@ -55,7 +55,7 @@
         },
         'dark-color-scheme': {
             primary: {
-                background: { value: '{dark-color-scheme.primary.palette.value.700}' },
+                background: { value: '{dark-color-scheme.primary.palette.value.600}' },
                 border: { value: 'transparent' },
                 text: { value: '{dark-color-scheme.primary.palette.value.200}' },
                 icon: { value: '{icon.dark-color-scheme.primary.default}' },

package/design-tokens/pt-2022/tokens/components/toast.json5

@@ -0,0 +1,54 @@
+{
+    toast: {
+        'light-color-scheme': {
+            background: { value: '{light-color-scheme.background.background}' },
+            border: { value: '{light-color-scheme.foreground.border}' },
+            text: { value: '{light-color-scheme.foreground.text}' },
+            'text-caption': { value: '{light-color-scheme.foreground.text-less-contrast}' },
+            'shadow': { value: '0 8px 16px 0 rgba({light-color-scheme.second.palette.value.800}, 0.2)' },
+
+            'icon_info': { value: '{icon.light-color-scheme.info.default}' },
+            'icon_error': { value: '{icon.light-color-scheme.error.default}' },
+            'icon_success': { value: '{icon.light-color-scheme.success.default}' },
+            'icon_warning': { value: '{icon.light-color-scheme.warning.default}' }
+        },
+        'dark-color-scheme': {
+            background: { value: '{dark-color-scheme.second.palette.value.700}' },
+            border: { value: '{dark-color-scheme.second.palette.value.A100}' },
+            text: { value: '{dark-color-scheme.foreground.text}' },
+            'text-caption': { value: '{dark-color-scheme.foreground.text-less-contrast}' },
+            'shadow': { value: '0 8px 16px 0 rgba({light-color-scheme.second.palette.value.800}, 0.2)' },
+
+            'icon_info': { value: '{icon.dark-color-scheme.info.default}' },
+            'icon_error': { value: '{icon.dark-color-scheme.error.default}' },
+            'icon_success': { value: '{icon.dark-color-scheme.success.default}' },
+            'icon_warning': { value: '{icon.dark-color-scheme.warning.default}' }
+        },
+        size: {
+            'border-width': { value: '1px' },
+            'border-radius': { value: '3px' },
+
+            'width': { value: '360px' },
+            'padding-vertical': { value: '{size.m}' },
+            'padding-left': { value: '{size.m}' },
+            'padding-right': { value: '{size.l}' },
+
+            'close-button-width': { value: '{size.3xl}' },
+            'close-button-margin': { value: '{size.s}' },
+
+            'icon-margin': { value: '{size.s}' },
+            'caption-margin': { value: '{size.s}' },
+
+            'actionbar-margin': { value: '{size.s}' },
+            'actionbar-gap': { value: '{size.m}' },
+
+            'vertical-margin': { value: '{size.l}' },
+            'horizontal-margin': { value: '{size.l}' },
+            'gap': { value: '{size.m}' }
+        },
+        font: {
+            title: { value: 'body' },
+            caption: { value: 'body' },
+        }
+    }
+}

package/design-tokens/pt-2022/tokens/properties/colors.json5

@@ -114,7 +114,7 @@
         states: {
             'focused-color': { value: '{dark-color-scheme.primary.palette.value.400}' },
             'focused-color-error': { value: '{light-color-scheme.error.palette.value.560}' },
-            'selected-color': { value: '{dark-color-scheme.primary.palette.value.600}' },
+            'selected-color': { value: '{dark-color-scheme.primary.palette.value.700}' },
             'pressed-shadow': { value: 'inset 1px 2px 2px 0 rgba(black, 0.2)' },
             'disabled-opacity': { value: 0.3 }
         }

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

@@ -5104,7 +5104,7 @@ export declare const DarkColorSchemeBackgroundOverlayActive = "rgba(black, 0.1)"
 export declare const DarkColorSchemeBackgroundOverlayDisabled = "rgba(black, 0.2)";
 export declare const DarkColorSchemeStatesFocusedColor = "#4187ff";
 export declare const DarkColorSchemeStatesFocusedColorError = "#b9023a";
-export declare const DarkColorSchemeStatesSelectedColor = "#014b9d";
+export declare const DarkColorSchemeStatesSelectedColor = "#023c7f";
 export declare const DarkColorSchemeStatesPressedShadow = "inset 1px 2px 2px 0 rgba(black, 0.2)";
 export declare const DarkColorSchemeStatesDisabledOpacity = 0.3;
 export declare const FontFamilyAccent = "'TT Positive', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
@@ -8568,7 +8568,7 @@ export declare const ButtonDarkColorSchemePrimaryBackground = "#0059b8";
 export declare const ButtonDarkColorSchemePrimaryIcon = "white";
 export declare const ButtonDarkColorSchemePrimaryStatesActiveBorder = "darken(#014b9d, 5)";
 export declare const ButtonDarkColorSchemePrimaryStatesActiveBackground = "darken(#014b9d, 5)";
-export declare const ButtonDarkColorSchemePrimaryTransparentColor = "#0374eb";
+export declare const ButtonDarkColorSchemePrimaryTransparentColor = "#5697ff";
 export declare const ButtonDarkColorSchemePrimaryTransparentIcon = "#5697ff";
 export declare const ButtonDarkColorSchemePrimaryTransparentStatesHoverColor = "#014b9d";
 export declare const ButtonDarkColorSchemePrimaryTransparentStatesHoverIcon = "#0374eb";
@@ -8621,6 +8621,7 @@ export declare const CardDarkColorSchemeInfoBackground = "#143641";
 export declare const CardDarkColorSchemeInfoShadow = "#084453";
 export declare const CardSizeVerticalLine = "4px";
 export declare const CheckboxLightColorSchemeDefaultBorder = "#bdc7d1";
+export declare const CheckboxLightColorSchemeDefaultColor = "white";
 export declare const CheckboxLightColorSchemeDefaultStatesCheckedBorder = "#0374eb";
 export declare const CheckboxLightColorSchemeDefaultStatesCheckedBackground = "#0374eb";
 export declare const CheckboxLightColorSchemeDefaultStatesFocusedBorder = "#0374eb";
@@ -8630,6 +8631,7 @@ export declare const CheckboxLightColorSchemeDefaultStatesCheckedFocusedBackgrou
 export declare const CheckboxLightColorSchemeDefaultStatesCheckedFocusedShadow = "0 0 0 1px #0374eb";
 export declare const CheckboxLightColorSchemeDefaultStatesCheckedFocusedOutline = "1px solid white";
 export declare const CheckboxLightColorSchemeErrorBorder = "#db3c55";
+export declare const CheckboxLightColorSchemeErrorColor = "white";
 export declare const CheckboxLightColorSchemeErrorStatesCheckedBorder = "#db3c55";
 export declare const CheckboxLightColorSchemeErrorStatesCheckedBackground = "#db3c55";
 export declare const CheckboxLightColorSchemeErrorStatesFocusedBorder = "#db3c55";
@@ -8639,6 +8641,7 @@ export declare const CheckboxLightColorSchemeErrorStatesCheckedFocusedBackground
 export declare const CheckboxLightColorSchemeErrorStatesCheckedFocusedShadow = "0 0 0 1px #db3c55";
 export declare const CheckboxLightColorSchemeErrorStatesCheckedFocusedOutline = "1px solid white";
 export declare const CheckboxDarkColorSchemeDefaultBorder = "#515e69";
+export declare const CheckboxDarkColorSchemeDefaultColor = "white";
 export declare const CheckboxDarkColorSchemeDefaultStatesCheckedBorder = "#0059b8";
 export declare const CheckboxDarkColorSchemeDefaultStatesCheckedBackground = "#0059b8";
 export declare const CheckboxDarkColorSchemeDefaultStatesFocusedBorder = "#4187ff";
@@ -8648,6 +8651,7 @@ export declare const CheckboxDarkColorSchemeDefaultStatesCheckedFocusedBackgroun
 export declare const CheckboxDarkColorSchemeDefaultStatesCheckedFocusedShadow = "0 0 0 1px #4187ff";
 export declare const CheckboxDarkColorSchemeDefaultStatesCheckedFocusedOutline = "1px solid #19252f";
 export declare const CheckboxDarkColorSchemeErrorBorder = "#b9023a";
+export declare const CheckboxDarkColorSchemeErrorColor = "white";
 export declare const CheckboxDarkColorSchemeErrorStatesCheckedBorder = "#b9023a";
 export declare const CheckboxDarkColorSchemeErrorStatesCheckedBackground = "#b9023a";
 export declare const CheckboxDarkColorSchemeErrorStatesFocusedBorder = "#b9023a";
@@ -8666,7 +8670,7 @@ export declare const DatepickerToggleSizeHeight = "30px";
 export declare const DatepickerBodyLightColorSchemeStatesSelectedColor = "#0374eb";
 export declare const DatepickerBodyLightColorSchemeStatesSelectedBackground = "#e7f1ff";
 export declare const DatepickerBodyDarkColorSchemeStatesSelectedColor = "#4187ff";
-export declare const DatepickerBodyDarkColorSchemeStatesSelectedBackground = "#014b9d";
+export declare const DatepickerBodyDarkColorSchemeStatesSelectedBackground = "#023c7f";
 export declare const DatepickerBodySizeLabelPaddings = "8px 28px 12px 12px";
 export declare const DatepickerBodySizeCellMinSize = "32px";
 export declare const DatepickerBodySizeCellMargin = "5%";
@@ -8831,13 +8835,13 @@ export declare const LinkLightColorSchemeStateHoverText = "#0059b8";
 export declare const LinkLightColorSchemeStateHoverBorderBottom = "rgba(#0059b8, 0.32)";
 export declare const LinkLightColorSchemeStateActive = "#014b9d";
 export declare const LinkLightColorSchemeStateFocusedOutline = "#0374eb";
-export declare const LinkDarkColorSchemeText = "#4187ff";
+export declare const LinkDarkColorSchemeText = "#5697ff";
 export declare const LinkDarkColorSchemeBorderBottom = "rgba(#6d7a86, 0.32)";
 export declare const LinkDarkColorSchemeStateVisitedText = "#bb78a7";
 export declare const LinkDarkColorSchemeStateVisitedBorderBottom = "rgba(#bb78a7, 0.32)";
-export declare const LinkDarkColorSchemeStateHoverText = "#0374eb";
-export declare const LinkDarkColorSchemeStateHoverBorderBottom = "rgba(#0374eb, 0.32)";
-export declare const LinkDarkColorSchemeStateActive = "#0059b8";
+export declare const LinkDarkColorSchemeStateHoverText = "#4187ff";
+export declare const LinkDarkColorSchemeStateHoverBorderBottom = "rgba(#4187ff, 0.32)";
+export declare const LinkDarkColorSchemeStateActive = "#0374eb";
 export declare const LinkDarkColorSchemeStateFocusedOutline = "#4187ff";
 export declare const LinkSizeIconMargin = "4px";
 export declare const LinkSizeStateFocusedOutlineOffset = "2px";
@@ -8972,19 +8976,22 @@ export declare const ProgressBarSizeHeight = "4px";
 export declare const ProgressSpinnerSizeSize = "16px";
 export declare const RadioLightColorSchemeOuterCircleBorder = "#bdc7d1";
 export declare const RadioLightColorSchemeInnerCircleBorder = "transparent";
+export declare const RadioLightColorSchemeCapColor = "white";
 export declare const RadioLightColorSchemeStatesCheckedOuterCircleBorder = "#0374eb";
 export declare const RadioLightColorSchemeStatesCheckedInnerCircleBorder = "#0374eb";
 export declare const RadioLightColorSchemeStatesFocusedOuterCircleBorder = "#0374eb";
 export declare const RadioLightColorSchemeStatesFocusedOuterCircleShadow = "0 0 0 2px #0374eb";
-export declare const RadioLightColorSchemeStatesFocusedInnerCircleShadow = "0 0 0 1px white";
+export declare const RadioLightColorSchemeStatesFocusedInnerCircleShadow = "0 0 0 2px white";
 export declare const RadioDarkColorSchemeOuterCircleBorder = "#515e69";
 export declare const RadioDarkColorSchemeInnerCircleBorder = "transparent";
+export declare const RadioDarkColorSchemeCapColor = "white";
 export declare const RadioDarkColorSchemeStatesCheckedOuterCircleBorder = "#0059b8";
 export declare const RadioDarkColorSchemeStatesCheckedInnerCircleBorder = "#0059b8";
 export declare const RadioDarkColorSchemeStatesFocusedOuterCircleBorder = "#4187ff";
 export declare const RadioDarkColorSchemeStatesFocusedOuterCircleShadow = "0 0 0 2px #4187ff";
-export declare const RadioDarkColorSchemeStatesFocusedInnerCircleShadow = "0 0 0 1px #19252f";
-export declare const RadioSizeSize = "14px";
+export declare const RadioDarkColorSchemeStatesFocusedInnerCircleShadow = "0 0 0 2px #19252f";
+export declare const RadioSizeOuterSize = "14px";
+export declare const RadioSizeInnerSize = "10px";
 export declare const RadioSizeCapSize = "6px";
 export declare const RadioSizeLabelMargin = "8px";
 export declare const RadioFontDefault = "body";
@@ -9051,9 +9058,9 @@ export declare const VerticalTabsLightColorSchemeStateSelectedBackground = "#e7f
 export declare const VerticalTabsLightColorSchemeStateHoverBackground = "rgba(black, 0.05)";
 export declare const VerticalTabsLightColorSchemeStateHoverSelectedBackground = "adjust-color(#e7f1ff, $saturation:-22%, $lightness:-5%)";
 export declare const VerticalTabsDarkColorSchemeStateNormalBackground = "transparent";
-export declare const VerticalTabsDarkColorSchemeStateSelectedBackground = "#014b9d";
+export declare const VerticalTabsDarkColorSchemeStateSelectedBackground = "#023c7f";
 export declare const VerticalTabsDarkColorSchemeStateHoverBackground = "rgba(black, 0.05)";
-export declare const VerticalTabsDarkColorSchemeStateHoverSelectedBackground = "adjust-color(#014b9d, $lightness:-1%)";
+export declare const VerticalTabsDarkColorSchemeStateHoverSelectedBackground = "adjust-color(#023c7f, $lightness:-1%)";
 export declare const TagsLightColorSchemePrimaryBackground = "#e7f1ff";
 export declare const TagsLightColorSchemePrimaryBorder = "transparent";
 export declare const TagsLightColorSchemePrimaryText = "#0374eb";
@@ -9081,7 +9088,7 @@ export declare const TagsLightColorSchemeErrorStatesFocused = "#db3c55";
 export declare const TagsLightColorSchemeErrorStatesDisabledText = "mix(#ea5868, transparent, 50%)";
 export declare const TagsLightColorSchemeErrorStatesDisabledBackground = "mix(#ea5868, transparent, 10%)";
 export declare const TagsLightColorSchemeErrorStatesDisabledBorder = "transparent";
-export declare const TagsDarkColorSchemePrimaryBackground = "#023c7f";
+export declare const TagsDarkColorSchemePrimaryBackground = "#014b9d";
 export declare const TagsDarkColorSchemePrimaryBorder = "transparent";
 export declare const TagsDarkColorSchemePrimaryText = "#a2c7fe";
 export declare const TagsDarkColorSchemePrimaryIcon = "#5697ff";
@@ -9126,6 +9133,41 @@ export declare const TextareaSizePadding = "5px 12px";
 export declare const TextareaFontDefault = "body";
 export declare const TextareaFontMono = "body-mono";
 export declare const TimepickerSizePaddingRight = "16px";
+export declare const ToastLightColorSchemeBackground = "white";
+export declare const ToastLightColorSchemeBorder = "#bdc7d1";
+export declare const ToastLightColorSchemeText = "#19252f";
+export declare const ToastLightColorSchemeTextCaption = "#6d7a86";
+export declare const ToastLightColorSchemeShadow = "0 8px 16px 0 rgba(#27333e, 0.2)";
+export declare const ToastLightColorSchemeIconInfo = "#18a5c5";
+export declare const ToastLightColorSchemeIconError = "#ee6f79";
+export declare const ToastLightColorSchemeIconSuccess = "#4ba96c";
+export declare const ToastLightColorSchemeIconWarning = "#e19f12";
+export declare const ToastDarkColorSchemeBackground = "#333f4a";
+export declare const ToastDarkColorSchemeBorder = "rgba(25, 37, 47, 0.1)";
+export declare const ToastDarkColorSchemeText = "#f2f5f9";
+export declare const ToastDarkColorSchemeTextCaption = "#8c99a5";
+export declare const ToastDarkColorSchemeShadow = "0 8px 16px 0 rgba(#27333e, 0.2)";
+export declare const ToastDarkColorSchemeIconInfo = "#18a5c5";
+export declare const ToastDarkColorSchemeIconError = "#ee6f79";
+export declare const ToastDarkColorSchemeIconSuccess = "#4ba96c";
+export declare const ToastDarkColorSchemeIconWarning = "#e19f12";
+export declare const ToastSizeBorderWidth = "1px";
+export declare const ToastSizeBorderRadius = "3px";
+export declare const ToastSizeWidth = "360px";
+export declare const ToastSizePaddingVertical = "12px";
+export declare const ToastSizePaddingLeft = "12px";
+export declare const ToastSizePaddingRight = "16px";
+export declare const ToastSizeCloseButtonWidth = "32px";
+export declare const ToastSizeCloseButtonMargin = "8px";
+export declare const ToastSizeIconMargin = "8px";
+export declare const ToastSizeCaptionMargin = "8px";
+export declare const ToastSizeActionbarMargin = "8px";
+export declare const ToastSizeActionbarGap = "12px";
+export declare const ToastSizeVerticalMargin = "16px";
+export declare const ToastSizeHorizontalMargin = "16px";
+export declare const ToastSizeGap = "12px";
+export declare const ToastFontTitle = "body";
+export declare const ToastFontCaption = "body";
 export declare const ToggleLightColorSchemeBorder = "#bdc7d1";
 export declare const ToggleLightColorSchemeBackground = "white";
 export declare const ToggleLightColorSchemeCircleBorder = "#bdc7d1";

package/esm2020/button/button.component.mjs

@@ -122,7 +122,7 @@ export class McButton extends McButtonMixinBase {
     }
 }
 /** @nocollapse */ /** @nocollapse */ McButton.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: McButton, deps: [{ token: i0.ElementRef }, { token: i1.FocusMonitor }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ McButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: McButton, selector: "[mc-button]", inputs: { color: "color", tabIndex: "tabIndex", disabled: "disabled" }, host: { listeners: { "focus": "onFocus($event)", "blur": "onBlur()" }, properties: { "attr.disabled": "disabled || null", "attr.tabIndex": "tabIndex" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"mc-button-wrapper\">\n    <ng-content></ng-content>\n</div>\n<div class=\"mc-button-overlay\" (click)=\"haltDisabledEvents($event)\"></div>\n", styles: [".mc-icon-button,.mc-light-button,.mc-button{-webkit-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;position:relative;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;margin:0;white-space:nowrap;text-decoration:none;text-align:center;vertical-align:baseline;height:var(--mc-button-size-height, 32px);border:var(--mc-button-size-border-width, 1px) solid transparent;border-radius:var(--mc-button-size-border-radius, 4px)}.mc-icon-button::-moz-focus-inner,.mc-light-button::-moz-focus-inner,.mc-button::-moz-focus-inner{border:0}.mc-icon-button:focus,.mc-light-button:focus,.mc-button:focus{outline:none}[disabled].mc-icon-button,[disabled].mc-light-button,[disabled].mc-button{cursor:default}.cdk-focused.mc-icon-button,.cdk-focused.mc-light-button,.cdk-focused.mc-button{z-index:1}.mc-icon-button .mc-button-wrapper,.mc-light-button .mc-button-wrapper,.mc-button .mc-button-wrapper{display:flex;align-items:center}.mc-icon-button .mc-icon_left,.mc-light-button .mc-icon_left,.mc-button .mc-icon_left{margin-right:var(--mc-icon-button-size-left-icon-padding, 6px)}.mc-button{padding-left:var(--mc-button-size-horizontal-padding, 12px);padding-right:var(--mc-button-size-horizontal-padding, 12px)}.mc-icon-button{padding-left:var(--mc-icon-button-size-horizontal-padding, 8px);padding-right:var(--mc-icon-button-size-horizontal-padding, 8px)}.mc-button-overlay{position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:inherit}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+/** @nocollapse */ /** @nocollapse */ McButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: McButton, selector: "[mc-button]", inputs: { color: "color", tabIndex: "tabIndex", disabled: "disabled" }, host: { listeners: { "focus": "onFocus($event)", "blur": "onBlur()" }, properties: { "attr.disabled": "disabled || null", "attr.tabIndex": "tabIndex" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"mc-button-wrapper\">\n    <ng-content></ng-content>\n</div>\n<div class=\"mc-button-overlay\" (click)=\"haltDisabledEvents($event)\"></div>\n", styles: [".mc-icon-button,.mc-light-button,.mc-button{-webkit-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;position:relative;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;margin:0;white-space:nowrap;text-decoration:none;text-align:center;vertical-align:baseline;height:var(--mc-button-size-height, 32px);border:var(--mc-button-size-border-width, 1px) solid transparent;border-radius:var(--mc-button-size-border-radius, 4px)}.mc-icon-button::-moz-focus-inner,.mc-light-button::-moz-focus-inner,.mc-button::-moz-focus-inner{border:0}.mc-icon-button:focus,.mc-light-button:focus,.mc-button:focus{outline:none}[disabled].mc-icon-button,[disabled].mc-light-button,[disabled].mc-button{cursor:default}.cdk-focused.mc-icon-button,.cdk-focused.mc-light-button,.cdk-focused.mc-button{z-index:1}.mc-icon-button .mc-button-wrapper,.mc-light-button .mc-button-wrapper,.mc-button .mc-button-wrapper{display:flex;align-items:center}.mc-icon-button .mc-icon_left,.mc-light-button .mc-icon_left,.mc-button .mc-icon_left{margin-right:var(--mc-icon-button-size-left-icon-padding, 6px)}.mc-button{padding-left:var(--mc-button-size-horizontal-padding, 12px);padding-right:var(--mc-button-size-horizontal-padding, 12px)}.mc-icon-button{padding-left:calc(var(--mc-icon-button-size-horizontal-padding, 8px) - var(--mc-button-size-border-width, 1px));padding-right:calc(var(--mc-icon-button-size-horizontal-padding, 8px) - var(--mc-button-size-border-width, 1px))}.mc-button-overlay{position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:inherit}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: McButton, decorators: [{
             type: Component,
             args: [{ selector: '[mc-button]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, inputs: ['color', 'tabIndex'], host: {
@@ -130,7 +130,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                         '[attr.tabIndex]': 'tabIndex',
                         '(focus)': 'onFocus($event)',
                         '(blur)': 'onBlur()'
-                    }, template: "<div class=\"mc-button-wrapper\">\n    <ng-content></ng-content>\n</div>\n<div class=\"mc-button-overlay\" (click)=\"haltDisabledEvents($event)\"></div>\n", styles: [".mc-icon-button,.mc-light-button,.mc-button{-webkit-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;position:relative;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;margin:0;white-space:nowrap;text-decoration:none;text-align:center;vertical-align:baseline;height:var(--mc-button-size-height, 32px);border:var(--mc-button-size-border-width, 1px) solid transparent;border-radius:var(--mc-button-size-border-radius, 4px)}.mc-icon-button::-moz-focus-inner,.mc-light-button::-moz-focus-inner,.mc-button::-moz-focus-inner{border:0}.mc-icon-button:focus,.mc-light-button:focus,.mc-button:focus{outline:none}[disabled].mc-icon-button,[disabled].mc-light-button,[disabled].mc-button{cursor:default}.cdk-focused.mc-icon-button,.cdk-focused.mc-light-button,.cdk-focused.mc-button{z-index:1}.mc-icon-button .mc-button-wrapper,.mc-light-button .mc-button-wrapper,.mc-button .mc-button-wrapper{display:flex;align-items:center}.mc-icon-button .mc-icon_left,.mc-light-button .mc-icon_left,.mc-button .mc-icon_left{margin-right:var(--mc-icon-button-size-left-icon-padding, 6px)}.mc-button{padding-left:var(--mc-button-size-horizontal-padding, 12px);padding-right:var(--mc-button-size-horizontal-padding, 12px)}.mc-icon-button{padding-left:var(--mc-icon-button-size-horizontal-padding, 8px);padding-right:var(--mc-icon-button-size-horizontal-padding, 8px)}.mc-button-overlay{position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:inherit}\n"] }]
+                    }, template: "<div class=\"mc-button-wrapper\">\n    <ng-content></ng-content>\n</div>\n<div class=\"mc-button-overlay\" (click)=\"haltDisabledEvents($event)\"></div>\n", styles: [".mc-icon-button,.mc-light-button,.mc-button{-webkit-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;position:relative;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;margin:0;white-space:nowrap;text-decoration:none;text-align:center;vertical-align:baseline;height:var(--mc-button-size-height, 32px);border:var(--mc-button-size-border-width, 1px) solid transparent;border-radius:var(--mc-button-size-border-radius, 4px)}.mc-icon-button::-moz-focus-inner,.mc-light-button::-moz-focus-inner,.mc-button::-moz-focus-inner{border:0}.mc-icon-button:focus,.mc-light-button:focus,.mc-button:focus{outline:none}[disabled].mc-icon-button,[disabled].mc-light-button,[disabled].mc-button{cursor:default}.cdk-focused.mc-icon-button,.cdk-focused.mc-light-button,.cdk-focused.mc-button{z-index:1}.mc-icon-button .mc-button-wrapper,.mc-light-button .mc-button-wrapper,.mc-button .mc-button-wrapper{display:flex;align-items:center}.mc-icon-button .mc-icon_left,.mc-light-button .mc-icon_left,.mc-button .mc-icon_left{margin-right:var(--mc-icon-button-size-left-icon-padding, 6px)}.mc-button{padding-left:var(--mc-button-size-horizontal-padding, 12px);padding-right:var(--mc-button-size-horizontal-padding, 12px)}.mc-icon-button{padding-left:calc(var(--mc-icon-button-size-horizontal-padding, 8px) - var(--mc-button-size-border-width, 1px));padding-right:calc(var(--mc-icon-button-size-horizontal-padding, 8px) - var(--mc-button-size-border-width, 1px))}.mc-button-overlay{position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:inherit}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.FocusMonitor }]; }, propDecorators: { disabled: [{
                 type: Input
             }] } });