@ptsecurity/mosaic 13.2.0 → 13.4.0

package/_theming.scss

@@ -115,6 +115,8 @@ $light-color-scheme-foreground-border: #bdc7d1;
 $light-color-scheme-foreground-icon: #8c99a5;
 $light-color-scheme-background-background: white;
 $light-color-scheme-background-background-disabled: #f2f5f9;
+$light-color-scheme-background-background-less-contrast: #f2f5f9;
+$light-color-scheme-background-background-under: #f2f5f9;
 $light-color-scheme-background-overlay-hover: rgba(black, 0.05);
 $light-color-scheme-background-overlay-active: rgba(black, 0.1);
 $light-color-scheme-background-overlay-disabled: rgba(white, 0.3);
@@ -139,6 +141,8 @@ $dark-color-scheme-foreground-border: #515e69;
 $dark-color-scheme-foreground-icon: #8c99a5;
 $dark-color-scheme-background-background: #19252f;
 $dark-color-scheme-background-background-disabled: #333f4a;
+$dark-color-scheme-background-background-less-contrast: #27333e;
+$dark-color-scheme-background-background-under: #151e25;
 $dark-color-scheme-background-overlay-hover: rgba(black, 0.05);
 $dark-color-scheme-background-overlay-active: rgba(black, 0.1);
 $dark-color-scheme-background-overlay-disabled: rgba(black, 0.2);
@@ -150,6 +154,19 @@ $dark-color-scheme-states-disabled-opacity: 0.3;
 $font-family-accent: 'TT Positive', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
 $font-family-base: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
 $font-family-monospace: 'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace;
+$size-3xs: 2px;
+$size-xxs: 4px;
+$size-xs: 6px;
+$size-s: 8px;
+$size-m: 12px;
+$size-l: 16px;
+$size-xl: 20px;
+$size-xxl: 24px;
+$size-3xl: 32px;
+$size-4xl: 40px;
+$size-5xl: 48px;
+$size-6xl: 56px;
+$size-7xl: 64px;
 $palette-blue-40: #eff6ff;
 $palette-blue-60: #e7f1ff;
 $palette-blue-100: #c8dfff;
@@ -162,6 +179,7 @@ $palette-blue-600: #014b9d;
 $palette-blue-700: #023c7f;
 $palette-blue-800: #193060;
 $palette-blue-900: #00224f;
+$palette-blue-1000: #001a40;
 $palette-blue-a100: rgba(3, 116, 235, 0.15);
 $palette-blue-a200: rgba(3, 116, 235, 0.3);
 $palette-blue-contrast-40: #4D4D4D;
@@ -189,6 +207,7 @@ $palette-green-600: #015a2d;
 $palette-green-700: #004823;
 $palette-green-800: #103920;
 $palette-green-900: #002a12;
+$palette-green-1000: #00210c;
 $palette-green-a100: rgba(2, 139, 73, 0.15);
 $palette-green-contrast-40: #4D4D4D;
 $palette-green-contrast-60: #4D4D4D;
@@ -214,6 +233,7 @@ $palette-red-600: #9e0130;
 $palette-red-700: #800025;
 $palette-red-800: #621420;
 $palette-red-900: #500013;
+$palette-red-1000: #41000b;
 $palette-red-a100: rgba(219, 60, 85, 0.15);
 $palette-red-contrast-40: #4D4D4D;
 $palette-red-contrast-60: #4D4D4D;
@@ -239,6 +259,7 @@ $palette-grey-600: #434f5a;
 $palette-grey-700: #333f4a;
 $palette-grey-800: #27333e;
 $palette-grey-900: #19252f;
+$palette-grey-1000: #151e25;
 $palette-grey-a40: rgba(25, 37, 47, 0.04);
 $palette-grey-a60: rgba(25, 37, 47, 0.06);
 $palette-grey-a100: rgba(25, 37, 47, 0.1);
@@ -268,6 +289,7 @@ $palette-yellow-600: #6b4804;
 $palette-yellow-700: #543803;
 $palette-yellow-800: #3e3015;
 $palette-yellow-900: #312001;
+$palette-yellow-1000: #1f1500;
 $palette-yellow-a100: rgba(255, 159, 18, 0.15);
 $palette-yellow-contrast-40: #4D4D4D;
 $palette-yellow-contrast-60: #4D4D4D;
@@ -293,6 +315,7 @@ $palette-teal-600: #0c5567;
 $palette-teal-700: #084453;
 $palette-teal-800: #143641;
 $palette-teal-900: #022731;
+$palette-teal-1000: #001f28;
 $palette-teal-contrast-40: #4D4D4D;
 $palette-teal-contrast-60: #4D4D4D;
 $palette-teal-contrast-100: #4D4D4D;
@@ -318,6 +341,7 @@ $palette-purple-600: #753865;
 $palette-purple-700: #612853;
 $palette-purple-800: #48273f;
 $palette-purple-900: #36172e;
+$palette-purple-1000: #23001b;
 $palette-purple-contrast-40: #4D4D4D;
 $palette-purple-contrast-60: #4D4D4D;
 $palette-purple-contrast-100: #4D4D4D;
@@ -364,17 +388,17 @@ $alert-dark-color-scheme-default-icon: #8c99a5;
 $alert-size-border-width: 1px;
 $alert-size-border-radius: 4px;
 $alert-size-horizontal-padding: 16px;
-$alert-size-vertical-padding: 13px;
+$alert-size-vertical-padding: 12px;
 $alert-size-icon-margin: 8px;
 $alert-size-close-button-width: 16px;
-$alert-size-small-vertical-padding: 11px;
+$alert-size-small-vertical-padding: 12px;
 $alert-font-default-header: subheading;
 $alert-font-default-body: body;
 $alert-font-small-header: caption;
 $alert-font-small-body: caption;
 $autocomplete-size-panel-padding: 4px 0;
 $autocomplete-size-panel-max-height: 256px;
-$autocomplete-size-panel-border-radius: 3px;
+$autocomplete-size-panel-border-radius: 4px;
 $badge-light-color-scheme-solid-primary-background: #4187ff;
 $badge-light-color-scheme-solid-primary-border: #4187ff;
 $badge-light-color-scheme-solid-primary-color: white;
@@ -470,7 +494,7 @@ $badge-font-mini-default: extra-small-text;
 $badge-font-mini-caps: extra-small-text-caps;
 $badge-font-mini-mono: extra-small-text-mono;
 $button-toggle-size-border-size: 1px;
-$button-toggle-size-border-radius: 3px;
+$button-toggle-size-border-radius: 4px;
 $button-light-color-scheme-active-shadow: inset 0 1px 2px 0 rgba(black, 0.2);
 $button-light-color-scheme-primary-color: white;
 $button-light-color-scheme-primary-border: #0374eb;
@@ -521,16 +545,15 @@ $button-dark-color-scheme-error-color: #ea5868;
 $button-dark-color-scheme-error-icon: #ea5868;
 $button-dark-color-scheme-error-states-active-border: #333f4a;
 $button-dark-color-scheme-error-states-active-background: #333f4a;
+$button-size-height: 32px;
 $button-size-border-width: 1px;
-$button-size-border-radius: 3px;
-$button-size-vertical-padding: 6px;
-$button-size-horizontal-padding: 16px;
+$button-size-border-radius: 4px;
+$button-size-horizontal-padding: 12px;
 $button-font-default: body;
 $button-font-primary: body-strong;
 $button-font-primary-transparent: body;
-$icon-button-size-vertical-padding: 6px;
 $icon-button-size-horizontal-padding: 8px;
-$icon-button-size-icon-horizontal-padding: 16px;
+$icon-button-size-left-icon-padding: 6px;
 $card-light-color-scheme-error-vertical-line: #fbd6d6;
 $card-light-color-scheme-error-background: #fff3f3;
 $card-light-color-scheme-error-shadow: #fbd6d6;
@@ -623,11 +646,12 @@ $dropdown-group-header-font-default: body-strong;
 $dropdown-group-header-font-small: caption-caps;
 $dropdown-divider-size-height: 1px;
 $dropdown-divider-size-margin: 4px 0;
-$dropdown-trigger-size-icon-padding-right: 8px;
+$dropdown-trigger-size-button-right-padding: 8px;
+$dropdown-trigger-size-right-icon-padding: 2px;
 $dropdown-panel-size-max-width: 640px;
 $dropdown-panel-size-padding: 4px 0;
 $dropdown-panel-size-border-width: 1px;
-$dropdown-panel-size-border-radius: 3px;
+$dropdown-panel-size-border-radius: 4px;
 $form-field-light-color-scheme-border: #bdc7d1;
 $form-field-light-color-scheme-background: white;
 $form-field-light-color-scheme-states-hover-border: #bdc7d1;
@@ -638,8 +662,9 @@ $form-field-dark-color-scheme-background: transparent;
 $form-field-dark-color-scheme-states-hover-border: #515e69;
 $form-field-dark-color-scheme-states-invalid-border: #b9023a;
 $form-field-dark-color-scheme-states-invalid-background: transparent;
+$form-field-size-height: 32px;
 $form-field-size-border-width: 1px;
-$form-field-size-border-radius: 3px;
+$form-field-size-border-radius: 4px;
 $form-field-size-button-width: 32px;
 $form-field-font-default: body;
 $form-field-hint-size-margin-top: 4px;
@@ -677,9 +702,56 @@ $forms-size-vertical-legend-margin-top: 32px;
 $forms-size-vertical-legend-margin-bottom: 12px;
 $forms-font-default-label: body;
 $forms-font-default-legend: subheading;
-$input-size-padding: 5px 16px;
+$icon-light-color-scheme-secondary-default: #8c99a5;
+$icon-light-color-scheme-secondary-states-hover: #6d7a86;
+$icon-light-color-scheme-secondary-states-active: #434f5a;
+$icon-light-color-scheme-secondary-states-disabled: mix(#8c99a5, transparent, 30%);
+$icon-light-color-scheme-primary-default: #5697ff;
+$icon-light-color-scheme-primary-states-hover: #0374eb;
+$icon-light-color-scheme-primary-states-active: #014b9d;
+$icon-light-color-scheme-primary-states-disabled: mix(#5697ff, transparent, 30%);
+$icon-light-color-scheme-info-default: #18a5c5;
+$icon-light-color-scheme-info-states-hover: #218ca8;
+$icon-light-color-scheme-info-states-active: #0c5567;
+$icon-light-color-scheme-info-states-disabled: mix(#18a5c5, transparent, 30%);
+$icon-light-color-scheme-success-default: #4ba96c;
+$icon-light-color-scheme-success-states-hover: #028b49;
+$icon-light-color-scheme-success-states-active: #015a2d;
+$icon-light-color-scheme-success-states-disabled: mix(#4ba96c, transparent, 30%);
+$icon-light-color-scheme-warning-default: #e19f12;
+$icon-light-color-scheme-warning-states-hover: #a26e0c;
+$icon-light-color-scheme-warning-states-active: #6b4804;
+$icon-light-color-scheme-warning-states-disabled: mix(#e19f12, transparent, 30%);
+$icon-light-color-scheme-error-default: #ee6f79;
+$icon-light-color-scheme-error-states-hover: #db3c55;
+$icon-light-color-scheme-error-states-active: #9e0130;
+$icon-light-color-scheme-error-states-disabled: mix(#ee6f79, transparent, 30%);
+$icon-dark-color-scheme-secondary-default: #8c99a5;
+$icon-dark-color-scheme-secondary-states-hover: #6d7a86;
+$icon-dark-color-scheme-secondary-states-active: #bdc7d1;
+$icon-dark-color-scheme-secondary-states-disabled: mix(#8c99a5, transparent, 30%);
+$icon-dark-color-scheme-primary-default: #5697ff;
+$icon-dark-color-scheme-primary-states-hover: #0374eb;
+$icon-dark-color-scheme-primary-states-active: #a2c7fe;
+$icon-dark-color-scheme-primary-states-disabled: mix(#5697ff, transparent, 30%);
+$icon-dark-color-scheme-info-default: #18a5c5;
+$icon-dark-color-scheme-info-states-hover: #218ca8;
+$icon-dark-color-scheme-info-states-active: #6ed3f2;
+$icon-dark-color-scheme-info-states-disabled: mix(#18a5c5, transparent, 30%);
+$icon-dark-color-scheme-success-default: #4ba96c;
+$icon-dark-color-scheme-success-states-hover: #028b49;
+$icon-dark-color-scheme-success-states-active: #8ed5a1;
+$icon-dark-color-scheme-success-states-disabled: mix(#4ba96c, transparent, 30%);
+$icon-dark-color-scheme-warning-default: #e19f12;
+$icon-dark-color-scheme-warning-states-hover: #a26e0c;
+$icon-dark-color-scheme-warning-states-active: #f5c23c;
+$icon-dark-color-scheme-warning-states-disabled: mix(#e19f12, transparent, 30%);
+$icon-dark-color-scheme-error-default: #ee6f79;
+$icon-dark-color-scheme-error-states-hover: #db3c55;
+$icon-dark-color-scheme-error-states-active: #fcb2b4;
+$icon-dark-color-scheme-error-states-disabled: mix(#ee6f79, transparent, 30%);
+$input-size-padding: 0 12px;
 $input-size-width: 100%;
-$input-size-min-height: 30px;
 $input-font-default: body;
 $input-font-monospace: body-mono;
 $link-light-color-scheme-text: #0374eb;
@@ -701,13 +773,10 @@ $link-dark-color-scheme-state-focused-outline: #4187ff;
 $link-size-icon-margin: 4px;
 $link-size-state-focused-outline-offset: 2px;
 $link-size-state-focused-outline-width: 2px;
-$link-animation-transition: color ease-out 300ms;
-$link-animation-state-hover-transition: color 0ms;
 $link-font-default: body;
-$list-size-horizontal-padding: 16px;
-$list-size-icon-padding: 4px;
+$list-size-horizontal-padding: 12px;
+$list-size-icon-right-margin: 8px;
 $list-size-item-height: 32px;
-$list-size-icon-width: 24px;
 $list-font-item: body;
 $modal-light-color-scheme-shadow: (0 0 0 1px #d7dee4, 0 6px 12px 0 rgba(39, 51, 62, 0.5));
 $modal-light-color-scheme-body-top-shadow: 0 2px 4px 0 rgba(39, 51, 62, 0.16);
@@ -727,7 +796,8 @@ $modal-size-border-width: 1px;
 $modal-header-light-color-scheme-border: #d7dee4;
 $modal-header-dark-color-scheme-border: #333f4a;
 $modal-header-size-border-radius: 4px 4px 0 0;
-$modal-header-size-padding: 14px 16px;
+$modal-header-size-height: 56px;
+$modal-header-size-padding: 0 16px;
 $modal-header-font-default: title;
 $modal-body-size-max-height: calc(100vh - 260px);
 $modal-body-size-padding: 16px 24px 24px;
@@ -735,13 +805,15 @@ $modal-body-font-default: body;
 $modal-footer-light-color-scheme-border: #f2f5f9;
 $modal-footer-dark-color-scheme-border: #333f4a;
 $modal-footer-size-border-radius: 0 0 4px 4px;
-$modal-footer-size-padding: 16px 16px;
+$modal-footer-size-height: 64px;
+$modal-footer-size-padding: 0 16px;
 $modal-confirm-size-padding: 24px;
 $navbar-light-color-scheme-background: #19252f;
 $navbar-light-color-scheme-divider-background: #515e69;
 $navbar-dark-color-scheme-background: #333f4a;
 $navbar-dark-color-scheme-divider-background: #515e69;
 $navbar-size-icon-margin: 6px;
+$navbar-size-right-icon-margin: 2px;
 $navbar-font-title: body;
 $vertical-navbar-size-states-expanded-width: 240px;
 $vertical-navbar-size-states-collapsed-width: 56px;
@@ -768,7 +840,7 @@ $navbar-brand-size-margin-right: 24px;
 $navbar-brand-font-title: title;
 $optgroup-size-padding-left: 17px;
 $optgroup-font-default: subheading;
-$option-size-horizontal-padding: 16px;
+$option-size-horizontal-padding: 12px;
 $option-size-height: 32px;
 $option-size-border-width: 2px;
 $option-font-default: body;
@@ -782,7 +854,7 @@ $popover-dark-color-scheme-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2);
 $popover-dark-color-scheme-border: #333f4a;
 $popover-size-max-height: 480px;
 $popover-size-padding: 16px;
-$popover-size-border-radius: 3px;
+$popover-size-border-radius: 4px;
 $popover-size-arrow-size: 12px;
 $popover-size-trigger-margin: 9px;
 $popover-size-small-width: 200px;
@@ -795,8 +867,8 @@ $popover-header-light-color-scheme-background: white;
 $popover-header-dark-color-scheme-border: #434f5a;
 $popover-header-dark-color-scheme-text: #f2f5f9;
 $popover-header-dark-color-scheme-background: #333f4a;
-$popover-header-size-height: 10px 16px;
-$popover-header-size-padding: 10px 16px;
+$popover-header-size-height: 40px;
+$popover-header-size-padding: 0 16px;
 $popover-header-font-default: subheading;
 $popover-footer-light-color-scheme-border: #f2f5f9;
 $popover-footer-light-color-scheme-background: #f2f5f9;
@@ -837,30 +909,31 @@ $radio-dark-color-scheme-states-focused-inner-circle-shadow: 0 0 0 1px #19252f;
 $radio-size-size: 14px;
 $radio-size-label-margin: 8px;
 $radio-font-default: body;
-$select-size-height: 30px;
-$select-size-left-padding: 16px;
-$select-size-right-padding: 8px;
-$select-size-left-padding-multiple: 8px;
+$select-size-left-padding: 12px;
+$select-size-right-padding: 6px;
+$select-size-left-padding-multiple: 12px;
 $select-font-default: body;
 $select-panel-size-max-height: 232px;
 $select-panel-size-max-width: 640px;
 $select-panel-size-vertical-padding: 4px;
 $select-panel-size-border-width: 1px;
-$select-panel-size-border-radius: 3px;
+$select-panel-size-border-radius: 4px;
 $select-panel-font-default: body;
 $sidepanel-light-color-scheme-border: #bdc7d1;
 $sidepanel-dark-color-scheme-border: #19252f;
 $sidepanel-font-default: body;
-$sidepanel-header-size-padding: 14px 16px;
+$sidepanel-header-size-height: 56px;
+$sidepanel-header-size-padding: 0 16px;
 $sidepanel-header-size-close-padding: 0 0 0 8px;
 $sidepanel-header-font-default: title;
-$sidepanel-footer-size-padding: 16px;
+$sidepanel-footer-size-height: 64px;
+$sidepanel-footer-size-padding: 0 16px;
 $sidepanel-footer-font-default: body;
 $table-size-border-width: 1px;
 $table-size-row-padding-vertical: 8px;
 $table-size-row-padding-horizontal: 16px;
 $table-font-header: caption;
-$table-font-body: body;
+$table-font-body: body-tabular;
 $tabs-light-color-scheme-border: #d7dee4;
 $tabs-light-color-scheme-state-normal-icon: #8c99a5;
 $tabs-light-color-scheme-state-normal-text: #19252f;
@@ -887,7 +960,7 @@ $tabs-size-height: 40px;
 $tabs-size-highlight-height: 4px;
 $tabs-size-padding-horizontal: 16px;
 $tabs-size-border-width: 1px;
-$tabs-size-border-radius: 3px;
+$tabs-size-border-radius: 4px;
 $tabs-size-label-icon-margin: 8px;
 $tabs-font-default: body;
 $vertical-tabs-light-color-scheme-state-normal-background: transparent;
@@ -950,18 +1023,17 @@ $tags-size-margin: 2px;
 $tags-size-height: 24px;
 $tags-size-border-width: 1px;
 $tags-size-border-radius: 4px;
-$tags-size-icon-padding: 3px;
+$tags-size-icon-padding: 4px;
 $tags-size-text-margin: 8px;
 $tags-font-default: caption;
 $tags-font-mono: caption-mono;
 $tags-font-caps: caption-caps;
-$tag-list-size-padding: 1px 6px;
-$tag-list-size-min-height: 30px;
+$tag-list-size-padding: 1px 12px;
 $tag-input-size-height: 22px;
 $tag-input-size-margin: 2px 4px;
 $tag-input-font-default: body;
 $textarea-size-min-height: 50px;
-$textarea-size-padding: 5px 16px;
+$textarea-size-padding: 5 12px;
 $textarea-font-default: body;
 $textarea-font-mono: body-mono;
 $timepicker-size-padding-right: 16px;
@@ -1008,7 +1080,7 @@ $tooltip-dark-color-scheme-warning-text: #f2f5f9;
 $tooltip-dark-color-scheme-warning-border: #7e5406;
 $tooltip-size-max-width: 300px;
 $tooltip-size-border-width: 1px;
-$tooltip-size-border-radius: 3px;
+$tooltip-size-border-radius: 4px;
 $tooltip-size-padding: 8px 16px;
 $tooltip-size-arrow-size: 12px;
 $tooltip-size-trigger-margin: 9px;
@@ -1021,7 +1093,7 @@ $extended-tooltip-dark-color-scheme-background: #333f4a;
 $extended-tooltip-dark-color-scheme-text: #f2f5f9;
 $extended-tooltip-dark-color-scheme-border: #333f4a;
 $extended-tooltip-dark-color-scheme-shadow: 0 2px 4px 0 rgba(39, 51, 62, 0.2);
-$extended-tooltip-size-border-radius: 3px;
+$extended-tooltip-size-border-radius: 4px;
 $extended-tooltip-size-arrow-size: 12px;
 $extended-tooltip-size-trigger-margin: 9px;
 $extended-tooltip-size-padding: 8px 16px;
@@ -1034,10 +1106,12 @@ $extended-tooltip-header-dark-color-scheme-border: #434f5a;
 $extended-tooltip-header-dark-color-scheme-text: #f2f5f9;
 $extended-tooltip-header-dark-color-scheme-background: #333f4a;
 $extended-tooltip-header-size-height: 40px;
-$extended-tooltip-header-size-padding: 10px 16px;
+$extended-tooltip-header-size-padding: 8px 16px;
 $extended-tooltip-header-font-default: subheading;
 $tree-size-node-height: 32px;
-$tree-size-padding-left: 8px;
+$tree-size-padding-left: 12px;
+$tree-size-toggle-padding: 4px;
+$tree-size-icon-padding: 8px;
 $tree-size-padding-right: 16px;
 $tree-font-node: body;
 $light-color-scheme-primary-palette: (
@@ -1053,6 +1127,7 @@ $light-color-scheme-primary-palette: (
 700: #023c7f,
 800: #193060,
 900: #00224f,
+1000: #001a40,
 A100: rgba(3, 116, 235, 0.15),
 A200: rgba(3, 116, 235, 0.3),
 contrast: (
@@ -1086,6 +1161,7 @@ $light-color-scheme-second-palette: (
 700: #333f4a,
 800: #27333e,
 900: #19252f,
+1000: #151e25,
 A40: rgba(25, 37, 47, 0.04),
 A60: rgba(25, 37, 47, 0.06),
 A100: rgba(25, 37, 47, 0.1),
@@ -1121,6 +1197,7 @@ $light-color-scheme-error-palette: (
 700: #800025,
 800: #621420,
 900: #500013,
+1000: #41000b,
 A100: rgba(219, 60, 85, 0.15),
 contrast: (
 40: #4D4D4D,
@@ -1152,6 +1229,7 @@ $light-color-scheme-info-palette: (
 700: #084453,
 800: #143641,
 900: #022731,
+1000: #001f28,
 contrast: (
 40: #4D4D4D,
 60: #4D4D4D,
@@ -1183,6 +1261,7 @@ $light-color-scheme-success-palette: (
 700: #004823,
 800: #103920,
 900: #002a12,
+1000: #00210c,
 A100: rgba(2, 139, 73, 0.15),
 contrast: (
 40: #4D4D4D,
@@ -1214,6 +1293,7 @@ $light-color-scheme-warning-palette: (
 700: #543803,
 800: #3e3015,
 900: #312001,
+1000: #1f1500,
 A100: rgba(255, 159, 18, 0.15),
 contrast: (
 40: #4D4D4D,
@@ -1245,6 +1325,7 @@ $dark-color-scheme-primary-palette: (
 700: #023c7f,
 800: #193060,
 900: #00224f,
+1000: #001a40,
 A100: rgba(3, 116, 235, 0.15),
 A200: rgba(3, 116, 235, 0.3),
 contrast: (
@@ -1278,6 +1359,7 @@ $dark-color-scheme-second-palette: (
 700: #333f4a,
 800: #27333e,
 900: #19252f,
+1000: #151e25,
 A40: rgba(25, 37, 47, 0.04),
 A60: rgba(25, 37, 47, 0.06),
 A100: rgba(25, 37, 47, 0.1),
@@ -1313,6 +1395,7 @@ $dark-color-scheme-error-palette: (
 700: #800025,
 800: #621420,
 900: #500013,
+1000: #41000b,
 A100: rgba(219, 60, 85, 0.15),
 contrast: (
 40: #4D4D4D,
@@ -1344,6 +1427,7 @@ $dark-color-scheme-info-palette: (
 700: #084453,
 800: #143641,
 900: #022731,
+1000: #001f28,
 contrast: (
 40: #4D4D4D,
 60: #4D4D4D,
@@ -1375,6 +1459,7 @@ $dark-color-scheme-success-palette: (
 700: #004823,
 800: #103920,
 900: #002a12,
+1000: #00210c,
 A100: rgba(2, 139, 73, 0.15),
 contrast: (
 40: #4D4D4D,
@@ -1406,6 +1491,7 @@ $dark-color-scheme-warning-palette: (
 700: #543803,
 800: #3e3015,
 900: #312001,
+1000: #1f1500,
 A100: rgba(255, 159, 18, 0.15),
 contrast: (
 40: #4D4D4D,
@@ -1437,6 +1523,7 @@ $color-blue-palette: (
 700: #023c7f,
 800: #193060,
 900: #00224f,
+1000: #001a40,
 A100: rgba(3, 116, 235, 0.15),
 A200: rgba(3, 116, 235, 0.3),
 contrast: (
@@ -1470,6 +1557,7 @@ $color-green-palette: (
 700: #004823,
 800: #103920,
 900: #002a12,
+1000: #00210c,
 A100: rgba(2, 139, 73, 0.15),
 contrast: (
 40: #4D4D4D,
@@ -1501,6 +1589,7 @@ $color-red-palette: (
 700: #800025,
 800: #621420,
 900: #500013,
+1000: #41000b,
 A100: rgba(219, 60, 85, 0.15),
 contrast: (
 40: #4D4D4D,
@@ -1532,6 +1621,7 @@ $color-grey-palette: (
 700: #333f4a,
 800: #27333e,
 900: #19252f,
+1000: #151e25,
 A40: rgba(25, 37, 47, 0.04),
 A60: rgba(25, 37, 47, 0.06),
 A100: rgba(25, 37, 47, 0.1),
@@ -1567,6 +1657,7 @@ $color-yellow-palette: (
 700: #543803,
 800: #3e3015,
 900: #312001,
+1000: #1f1500,
 A100: rgba(255, 159, 18, 0.15),
 contrast: (
 40: #4D4D4D,
@@ -1598,6 +1689,7 @@ $color-teal-palette: (
 700: #084453,
 800: #143641,
 900: #022731,
+1000: #001f28,
 contrast: (
 40: #4D4D4D,
 60: #4D4D4D,
@@ -1629,6 +1721,7 @@ $color-purple-palette: (
 700: #612853,
 800: #48273f,
 900: #36172e,
+1000: #23001b,
 contrast: (
 40: #4D4D4D,
 60: #4D4D4D,
@@ -1653,102 +1746,133 @@ $typography-display-1-letter-spacing: normal;
 $typography-display-1-font-weight: normal;
 $typography-display-1-font-family: 'TT Positive', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
 $typography-display-1-text-transform: null;
+$typography-display-1-font-feature-settings: null;
 $typography-display-2-font-size: 45px;
 $typography-display-2-line-height: 56px;
 $typography-display-2-letter-spacing: normal;
 $typography-display-2-font-weight: normal;
 $typography-display-2-font-family: 'TT Positive', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
 $typography-display-2-text-transform: null;
+$typography-display-2-font-feature-settings: null;
 $typography-display-3-font-size: 34px;
 $typography-display-3-line-height: 44px;
 $typography-display-3-letter-spacing: normal;
 $typography-display-3-font-weight: normal;
 $typography-display-3-font-family: 'TT Positive', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
 $typography-display-3-text-transform: null;
+$typography-display-3-font-feature-settings: null;
 $typography-headline-font-size: 24px;
 $typography-headline-line-height: 32px;
 $typography-headline-letter-spacing: normal;
 $typography-headline-font-weight: normal;
 $typography-headline-font-family: 'TT Positive', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
 $typography-headline-text-transform: null;
+$typography-headline-font-feature-settings: null;
 $typography-title-font-size: 20px;
 $typography-title-line-height: 28px;
 $typography-title-letter-spacing: normal;
 $typography-title-font-weight: 600;
 $typography-title-font-family: 'TT Positive', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
 $typography-title-text-transform: null;
+$typography-title-font-feature-settings: null;
 $typography-subheading-font-size: 15px;
 $typography-subheading-line-height: 20px;
 $typography-subheading-letter-spacing: -0.009em;
 $typography-subheading-font-weight: 600;
 $typography-subheading-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
 $typography-subheading-text-transform: null;
+$typography-subheading-font-feature-settings: "ss01" on, "ss04" on;
 $typography-body-font-size: 15px;
 $typography-body-line-height: 20px;
 $typography-body-letter-spacing: -0.009em;
 $typography-body-font-weight: normal;
 $typography-body-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
 $typography-body-text-transform: null;
+$typography-body-font-feature-settings: "ss01" on, "ss04" on;
+$typography-body-tabular-font-size: 15px;
+$typography-body-tabular-line-height: 20px;
+$typography-body-tabular-letter-spacing: -0.009em;
+$typography-body-tabular-font-weight: normal;
+$typography-body-tabular-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
+$typography-body-tabular-text-transform: null;
+$typography-body-tabular-font-feature-settings: "tnum" on, "ss01" on, "ss04" on;
 $typography-body-strong-font-size: 15px;
 $typography-body-strong-line-height: 20px;
 $typography-body-strong-letter-spacing: -0.009em;
 $typography-body-strong-font-weight: 500;
 $typography-body-strong-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
 $typography-body-strong-text-transform: null;
+$typography-body-strong-font-feature-settings: "ss01" on, "ss04" on;
 $typography-body-caps-font-size: 15px;
 $typography-body-caps-line-height: 20px;
 $typography-body-caps-letter-spacing: 1.7px;
 $typography-body-caps-font-weight: normal;
 $typography-body-caps-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
 $typography-body-caps-text-transform: uppercase;
+$typography-body-caps-font-feature-settings: "ss01" on, "ss04" on;
 $typography-body-mono-font-size: 15px;
 $typography-body-mono-line-height: 20px;
 $typography-body-mono-letter-spacing: normal;
 $typography-body-mono-font-weight: normal;
 $typography-body-mono-font-family: 'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace;
 $typography-body-mono-text-transform: null;
+$typography-body-mono-font-feature-settings: null;
 $typography-caption-font-size: 13px;
 $typography-caption-line-height: 16px;
 $typography-caption-letter-spacing: -0.0025em;
 $typography-caption-font-weight: normal;
 $typography-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
 $typography-caption-text-transform: null;
+$typography-caption-font-feature-settings: "ss01" on, "ss04" on;
+$typography-caption-tabular-font-size: 13px;
+$typography-caption-tabular-line-height: 16px;
+$typography-caption-tabular-letter-spacing: -0.0025em;
+$typography-caption-tabular-font-weight: normal;
+$typography-caption-tabular-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
+$typography-caption-tabular-text-transform: null;
+$typography-caption-tabular-font-feature-settings: "tnum" on, "ss01" on, "ss04" on;
 $typography-caption-caps-font-size: 13px;
 $typography-caption-caps-line-height: 16px;
 $typography-caption-caps-letter-spacing: 1.5px;
 $typography-caption-caps-font-weight: normal;
 $typography-caption-caps-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
 $typography-caption-caps-text-transform: uppercase;
+$typography-caption-caps-font-feature-settings: "ss01" on, "ss04" on;
 $typography-caption-mono-font-size: 13px;
 $typography-caption-mono-line-height: 16px;
 $typography-caption-mono-letter-spacing: normal;
 $typography-caption-mono-font-weight: normal;
 $typography-caption-mono-font-family: 'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace;
 $typography-caption-mono-text-transform: null;
+$typography-caption-mono-font-feature-settings: null;
 $typography-small-text-font-size: 13px;
 $typography-small-text-line-height: 16px;
 $typography-small-text-letter-spacing: -0.0025em;
 $typography-small-text-font-weight: normal;
 $typography-small-text-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
 $typography-small-text-text-transform: null;
+$typography-small-text-font-feature-settings: "ss01" on, "ss04" on;
 $typography-extra-small-text-font-size: 11px;
 $typography-extra-small-text-line-height: 16px;
 $typography-extra-small-text-letter-spacing: 0.005em;
 $typography-extra-small-text-font-weight: normal;
 $typography-extra-small-text-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
 $typography-extra-small-text-text-transform: null;
+$typography-extra-small-text-font-feature-settings: "ss01" on, "ss04" on;
 $typography-extra-small-text-caps-font-size: 11px;
 $typography-extra-small-text-caps-line-height: 16px;
 $typography-extra-small-text-caps-letter-spacing: 1px;
 $typography-extra-small-text-caps-font-weight: normal;
 $typography-extra-small-text-caps-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
 $typography-extra-small-text-caps-text-transform: uppercase;
+$typography-extra-small-text-caps-font-feature-settings: "ss01" on, "ss04" on;
 $typography-extra-small-text-mono-font-size: 11px;
 $typography-extra-small-text-mono-line-height: 16px;
 $typography-extra-small-text-mono-letter-spacing: 0px;
 $typography-extra-small-text-mono-font-weight: normal;
 $typography-extra-small-text-mono-font-family: 'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace;
 $typography-extra-small-text-mono-text-transform: null;
+$typography-extra-small-text-mono-font-feature-settings: null;
 
 $mosaic: (
   'typography': (
@@ -1758,7 +1882,8 @@ $mosaic: (
       'letter-spacing': $typography-display-1-letter-spacing,
       'font-weight': $typography-display-1-font-weight,
       'font-family': $typography-display-1-font-family,
-      'text-transform': $typography-display-1-text-transform
+      'text-transform': $typography-display-1-text-transform,
+      'font-feature-settings': $typography-display-1-font-feature-settings
     ),
     'display-2': (
       'font-size': $typography-display-2-font-size,
@@ -1766,7 +1891,8 @@ $mosaic: (
       'letter-spacing': $typography-display-2-letter-spacing,
       'font-weight': $typography-display-2-font-weight,
       'font-family': $typography-display-2-font-family,
-      'text-transform': $typography-display-2-text-transform
+      'text-transform': $typography-display-2-text-transform,
+      'font-feature-settings': $typography-display-2-font-feature-settings
     ),
     'display-3': (
       'font-size': $typography-display-3-font-size,
@@ -1774,7 +1900,8 @@ $mosaic: (
       'letter-spacing': $typography-display-3-letter-spacing,
       'font-weight': $typography-display-3-font-weight,
       'font-family': $typography-display-3-font-family,
-      'text-transform': $typography-display-3-text-transform
+      'text-transform': $typography-display-3-text-transform,
+      'font-feature-settings': $typography-display-3-font-feature-settings
     ),
     'headline': (
       'font-size': $typography-headline-font-size,
@@ -1782,7 +1909,8 @@ $mosaic: (
       'letter-spacing': $typography-headline-letter-spacing,
       'font-weight': $typography-headline-font-weight,
       'font-family': $typography-headline-font-family,
-      'text-transform': $typography-headline-text-transform
+      'text-transform': $typography-headline-text-transform,
+      'font-feature-settings': $typography-headline-font-feature-settings
     ),
     'title': (
       'font-size': $typography-title-font-size,
@@ -1790,7 +1918,8 @@ $mosaic: (
       'letter-spacing': $typography-title-letter-spacing,
       'font-weight': $typography-title-font-weight,
       'font-family': $typography-title-font-family,
-      'text-transform': $typography-title-text-transform
+      'text-transform': $typography-title-text-transform,
+      'font-feature-settings': $typography-title-font-feature-settings
     ),
     'subheading': (
       'font-size': $typography-subheading-font-size,
@@ -1798,7 +1927,8 @@ $mosaic: (
       'letter-spacing': $typography-subheading-letter-spacing,
       'font-weight': $typography-subheading-font-weight,
       'font-family': $typography-subheading-font-family,
-      'text-transform': $typography-subheading-text-transform
+      'text-transform': $typography-subheading-text-transform,
+      'font-feature-settings': $typography-subheading-font-feature-settings
     ),
     'body': (
       'font-size': $typography-body-font-size,
@@ -1806,7 +1936,17 @@ $mosaic: (
       'letter-spacing': $typography-body-letter-spacing,
       'font-weight': $typography-body-font-weight,
       'font-family': $typography-body-font-family,
-      'text-transform': $typography-body-text-transform
+      'text-transform': $typography-body-text-transform,
+      'font-feature-settings': $typography-body-font-feature-settings
+    ),
+    'body-tabular': (
+      'font-size': $typography-body-tabular-font-size,
+      'line-height': $typography-body-tabular-line-height,
+      'letter-spacing': $typography-body-tabular-letter-spacing,
+      'font-weight': $typography-body-tabular-font-weight,
+      'font-family': $typography-body-tabular-font-family,
+      'text-transform': $typography-body-tabular-text-transform,
+      'font-feature-settings': $typography-body-tabular-font-feature-settings
     ),
     'body-strong': (
       'font-size': $typography-body-strong-font-size,
@@ -1814,7 +1954,8 @@ $mosaic: (
       'letter-spacing': $typography-body-strong-letter-spacing,
       'font-weight': $typography-body-strong-font-weight,
       'font-family': $typography-body-strong-font-family,
-      'text-transform': $typography-body-strong-text-transform
+      'text-transform': $typography-body-strong-text-transform,
+      'font-feature-settings': $typography-body-strong-font-feature-settings
     ),
     'body-caps': (
       'font-size': $typography-body-caps-font-size,
@@ -1822,7 +1963,8 @@ $mosaic: (
       'letter-spacing': $typography-body-caps-letter-spacing,
       'font-weight': $typography-body-caps-font-weight,
       'font-family': $typography-body-caps-font-family,
-      'text-transform': $typography-body-caps-text-transform
+      'text-transform': $typography-body-caps-text-transform,
+      'font-feature-settings': $typography-body-caps-font-feature-settings
     ),
     'body-mono': (
       'font-size': $typography-body-mono-font-size,
@@ -1830,7 +1972,8 @@ $mosaic: (
       'letter-spacing': $typography-body-mono-letter-spacing,
       'font-weight': $typography-body-mono-font-weight,
       'font-family': $typography-body-mono-font-family,
-      'text-transform': $typography-body-mono-text-transform
+      'text-transform': $typography-body-mono-text-transform,
+      'font-feature-settings': $typography-body-mono-font-feature-settings
     ),
     'caption': (
       'font-size': $typography-caption-font-size,
@@ -1838,7 +1981,17 @@ $mosaic: (
       'letter-spacing': $typography-caption-letter-spacing,
       'font-weight': $typography-caption-font-weight,
       'font-family': $typography-caption-font-family,
-      'text-transform': $typography-caption-text-transform
+      'text-transform': $typography-caption-text-transform,
+      'font-feature-settings': $typography-caption-font-feature-settings
+    ),
+    'caption-tabular': (
+      'font-size': $typography-caption-tabular-font-size,
+      'line-height': $typography-caption-tabular-line-height,
+      'letter-spacing': $typography-caption-tabular-letter-spacing,
+      'font-weight': $typography-caption-tabular-font-weight,
+      'font-family': $typography-caption-tabular-font-family,
+      'text-transform': $typography-caption-tabular-text-transform,
+      'font-feature-settings': $typography-caption-tabular-font-feature-settings
     ),
     'caption-caps': (
       'font-size': $typography-caption-caps-font-size,
@@ -1846,7 +1999,8 @@ $mosaic: (
       'letter-spacing': $typography-caption-caps-letter-spacing,
       'font-weight': $typography-caption-caps-font-weight,
       'font-family': $typography-caption-caps-font-family,
-      'text-transform': $typography-caption-caps-text-transform
+      'text-transform': $typography-caption-caps-text-transform,
+      'font-feature-settings': $typography-caption-caps-font-feature-settings
     ),
     'caption-mono': (
       'font-size': $typography-caption-mono-font-size,
@@ -1854,7 +2008,8 @@ $mosaic: (
       'letter-spacing': $typography-caption-mono-letter-spacing,
       'font-weight': $typography-caption-mono-font-weight,
       'font-family': $typography-caption-mono-font-family,
-      'text-transform': $typography-caption-mono-text-transform
+      'text-transform': $typography-caption-mono-text-transform,
+      'font-feature-settings': $typography-caption-mono-font-feature-settings
     ),
     'small-text': (
       'font-size': $typography-small-text-font-size,
@@ -1862,7 +2017,8 @@ $mosaic: (
       'letter-spacing': $typography-small-text-letter-spacing,
       'font-weight': $typography-small-text-font-weight,
       'font-family': $typography-small-text-font-family,
-      'text-transform': $typography-small-text-text-transform
+      'text-transform': $typography-small-text-text-transform,
+      'font-feature-settings': $typography-small-text-font-feature-settings
     ),
     'extra-small-text': (
       'font-size': $typography-extra-small-text-font-size,
@@ -1870,7 +2026,8 @@ $mosaic: (
       'letter-spacing': $typography-extra-small-text-letter-spacing,
       'font-weight': $typography-extra-small-text-font-weight,
       'font-family': $typography-extra-small-text-font-family,
-      'text-transform': $typography-extra-small-text-text-transform
+      'text-transform': $typography-extra-small-text-text-transform,
+      'font-feature-settings': $typography-extra-small-text-font-feature-settings
     ),
     'extra-small-text-caps': (
       'font-size': $typography-extra-small-text-caps-font-size,
@@ -1878,7 +2035,8 @@ $mosaic: (
       'letter-spacing': $typography-extra-small-text-caps-letter-spacing,
       'font-weight': $typography-extra-small-text-caps-font-weight,
       'font-family': $typography-extra-small-text-caps-font-family,
-      'text-transform': $typography-extra-small-text-caps-text-transform
+      'text-transform': $typography-extra-small-text-caps-text-transform,
+      'font-feature-settings': $typography-extra-small-text-caps-font-feature-settings
     ),
     'extra-small-text-mono': (
       'font-size': $typography-extra-small-text-mono-font-size,
@@ -1886,7 +2044,8 @@ $mosaic: (
       'letter-spacing': $typography-extra-small-text-mono-letter-spacing,
       'font-weight': $typography-extra-small-text-mono-font-weight,
       'font-family': $typography-extra-small-text-mono-font-family,
-      'text-transform': $typography-extra-small-text-mono-text-transform
+      'text-transform': $typography-extra-small-text-mono-text-transform,
+      'font-feature-settings': $typography-extra-small-text-mono-font-feature-settings
     )
   )
 );
@@ -3503,7 +3662,8 @@ $fonts: (
     $letter-spacing: normal,
     $font-weight: normal,
     $font-family: null,
-    $text-transform: null
+    $text-transform: null,
+    $font-feature-settings: null
 ) {
     @return (
         font-size: $font-size,
@@ -3511,7 +3671,8 @@ $fonts: (
         font-weight: $font-weight,
         font-family: $font-family,
         letter-spacing: $letter-spacing,
-        text-transform: $text-transform
+        text-transform: $text-transform,
+        font-feature-settings: $font-feature-settings
     );
 }
 
@@ -3539,6 +3700,10 @@ $fonts: (
     @return _mc-get-type-value($config, $level, text-transform);
 }
 
+@function mc-font-feature-settings($config, $level) {
+    @return _mc-get-type-value($config, $level, font-feature-settings);
+}
+
 // Gets the font-family from a typography config and removes the quotes around it.
 @function mc-font-family($config, $level: null) {
     $font-family: map-get($config, font-family);
@@ -3557,10 +3722,12 @@ $fonts: (
     $line-height: mc-line-height($config, $level);
     $font-family: mc-font-family($config, $level);
     $text-transform: mc-text-transform($config, $level);
+    $font-feature-settings: mc-font-feature-settings($config, $level);
 
     font: $font-weight #{$font-size}/#{$line-height} $font-family;
     letter-spacing: mc-letter-spacing($config, $level);
     text-transform: mc-text-transform($config, $level);
+    font-feature-settings: mc-font-feature-settings($config, $level);
 }
 
 @mixin mc-base-typography($config) {
@@ -3592,6 +3759,10 @@ $fonts: (
         @include mc-typography-level-to-styles($config, body);
     }
 
+    .mc-body_tabular {
+        @include mc-typography-level-to-styles($config, body-tabular);
+    }
+
     .mc-body_strong {
         @include mc-typography-level-to-styles($config, body-strong);
     }
@@ -3608,6 +3779,10 @@ $fonts: (
         @include mc-typography-level-to-styles($config, caption);
     }
 
+    .mc-caption_tabular {
+        @include mc-typography-level-to-styles($config, caption-tabular);
+    }
+
     .mc-caption_caps {
         @include mc-typography-level-to-styles($config, caption-caps);
     }
@@ -3646,10 +3821,12 @@ $fonts: (
         body-strong:        map-get($typography, body-strong),
         body-caps:          map-get($typography, body-caps),
         body-mono:          map-get($typography, body-mono),
+        body-tabular:       map-get($typography, body-tabular),
 
         caption:            map-get($typography, caption),
         caption-caps:       map-get($typography, caption-caps),
         caption-mono:       map-get($typography, caption-mono),
+        caption-tabular:    map-get($typography, caption-tabular),
 
         small-text:         map-get($typography, small-text),
         extra-small-text:   map-get($typography, extra-small-text),
@@ -4700,7 +4877,7 @@ $mc-datepicker-today-fade-amount: 0.2;
     text-decoration: none;
     cursor: pointer;
 
-    transition: $link-animation-transition;
+    transition: color ease-out 300ms;
 
     &:focus {
         outline: none;
@@ -4709,7 +4886,7 @@ $mc-datepicker-today-fade-amount: 0.2;
     /* stylelint-disable no-descending-specificity */
     &:hover {
         color: map-get($link, state-hover-text);
-        transition: $link-animation-state-hover-transition;
+        transition: color 0ms;
 
         &.mc-text-only,
         &.mc-text-with-icon .mc-link__text {
@@ -5661,7 +5838,7 @@ button {
     & .mc-icon {
         color: map-get($params, icon);
 
-        &:hover {
+        &.mc-tag-remove:hover {
             color: map-get($params, icon_hovered);
         }
     }