@ptsecurity/mosaic 13.9.1 → 13.9.2

package/_theming.scss

@@ -706,12 +706,12 @@ $form-field-light-color-scheme-border: #bdc7d1;
 $form-field-light-color-scheme-background: white;
 $form-field-light-color-scheme-states-hover-border: #8c99a5;
 $form-field-light-color-scheme-states-invalid-border: #db3c55;
-$form-field-light-color-scheme-states-invalid-background: transparent;
+$form-field-light-color-scheme-states-invalid-background: #fff3f3;
 $form-field-dark-color-scheme-border: #515e69;
 $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-dark-color-scheme-states-invalid-background: mix(#41000b, transparent, 30%);
 $form-field-size-height: 32px;
 $form-field-size-border-width: 1px;
 $form-field-size-border-radius: 4px;
@@ -805,7 +805,7 @@ $input-size-width: 100%;
 $input-font-default: body;
 $input-font-monospace: body-mono;
 $link-light-color-scheme-text: #0374eb;
-$link-light-color-scheme-border-bottom: rgba(#8c99a5, 0.32);
+$link-light-color-scheme-border-bottom: rgba(#0374eb, 0.32);
 $link-light-color-scheme-state-visited-text: #864775;
 $link-light-color-scheme-state-visited-border-bottom: rgba(#864775, 0.32);
 $link-light-color-scheme-state-hover-text: #0059b8;
@@ -813,7 +813,7 @@ $link-light-color-scheme-state-hover-border-bottom: rgba(#0059b8, 0.32);
 $link-light-color-scheme-state-active: #014b9d;
 $link-light-color-scheme-state-focused-outline: #0374eb;
 $link-dark-color-scheme-text: #5697ff;
-$link-dark-color-scheme-border-bottom: rgba(#6d7a86, 0.32);
+$link-dark-color-scheme-border-bottom: rgba(#5697ff, 0.32);;
 $link-dark-color-scheme-state-visited-text: #bb78a7;
 $link-dark-color-scheme-state-visited-border-bottom: rgba(#bb78a7, 0.32);
 $link-dark-color-scheme-state-hover-text: #4187ff;
@@ -916,6 +916,7 @@ $popover-dark-color-scheme-border: #333f4a;
 $popover-size-max-height: 480px;
 $popover-size-padding: 16px;
 $popover-size-border-radius: 4px;
+$popover-size-border-width: 1px;
 $popover-size-arrow-size: 12px;
 $popover-size-trigger-margin: 9px;
 $popover-size-small-width: 200px;
@@ -1853,63 +1854,63 @@ $typography-display-1-line-height: 76px;
 $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-1-text-transform: initial;
+$typography-display-1-font-feature-settings: initial;
 $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-2-text-transform: initial;
+$typography-display-2-font-feature-settings: initial;
 $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-display-3-text-transform: initial;
+$typography-display-3-font-feature-settings: initial;
 $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-headline-text-transform: initial;
+$typography-headline-font-feature-settings: initial;
 $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-title-text-transform: initial;
+$typography-title-font-feature-settings: initial;
 $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-text-transform: initial;
 $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-text-transform: initial;
 $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-text-transform: initial;
 $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-text-transform: initial;
 $typography-body-strong-font-feature-settings: "ss01" on, "ss04" on;
 $typography-body-caps-font-size: 15px;
 $typography-body-caps-line-height: 20px;
@@ -1923,22 +1924,29 @@ $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-body-mono-text-transform: initial;
+$typography-body-mono-font-feature-settings: initial;
 $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-text-transform: initial;
 $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-text-transform: initial;
 $typography-caption-tabular-font-feature-settings: "tnum" on, "ss01" on, "ss04" on;
+$typography-caption-strong-font-size: 13px;
+$typography-caption-strong-line-height: 16px;
+$typography-caption-strong-letter-spacing: -0.0025em;
+$typography-caption-strong-font-weight: 500;
+$typography-caption-strong-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
+$typography-caption-strong-text-transform: initial;
+$typography-caption-strong-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;
@@ -1951,21 +1959,21 @@ $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-caption-mono-text-transform: initial;
+$typography-caption-mono-font-feature-settings: initial;
 $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-text-transform: initial;
 $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-text-transform: initial;
 $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;
@@ -1979,8 +1987,8 @@ $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;
+$typography-extra-small-text-mono-text-transform: initial;
+$typography-extra-small-text-mono-font-feature-settings: initial;
 
 $mosaic: (
   'typography': (
@@ -2101,6 +2109,15 @@ $mosaic: (
       'text-transform': $typography-caption-tabular-text-transform,
       'font-feature-settings': $typography-caption-tabular-font-feature-settings
     ),
+    'caption-strong': (
+      'font-size': $typography-caption-strong-font-size,
+      'line-height': $typography-caption-strong-line-height,
+      'letter-spacing': $typography-caption-strong-letter-spacing,
+      'font-weight': $typography-caption-strong-font-weight,
+      'font-family': $typography-caption-strong-font-family,
+      'text-transform': $typography-caption-strong-text-transform,
+      'font-feature-settings': $typography-caption-strong-font-feature-settings
+    ),
     'caption-caps': (
       'font-size': $typography-caption-caps-font-size,
       'line-height': $typography-caption-caps-line-height,
@@ -4050,6 +4067,10 @@ $fonts: (
         @include mc-typography-level-to-styles($config, small-text);
     }
 
+    .mc-caption_strong {
+        @include mc-typography-level-to-styles($config, caption-strong);
+    }
+
     .mc-extra-small-text {
         @include mc-typography-level-to-styles($config, extra-small-text);
     }
@@ -4080,6 +4101,7 @@ $fonts: (
 
         caption:            map-get($typography, caption),
         caption-caps:       map-get($typography, caption-caps),
+        caption-strong:     map-get($typography, caption-strong),
         caption-mono:       map-get($typography, caption-mono),
         caption-tabular:    map-get($typography, caption-tabular),
 

package/_visual.scss

@@ -608,12 +608,12 @@ $form-field-light-color-scheme-border: #bdc7d1;
 $form-field-light-color-scheme-background: white;
 $form-field-light-color-scheme-states-hover-border: #8c99a5;
 $form-field-light-color-scheme-states-invalid-border: #db3c55;
-$form-field-light-color-scheme-states-invalid-background: transparent;
+$form-field-light-color-scheme-states-invalid-background: #fff3f3;
 $form-field-dark-color-scheme-border: #515e69;
 $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-dark-color-scheme-states-invalid-background: mix(#41000b, transparent, 30%);
 $form-field-size-height: 32px;
 $form-field-size-border-width: 1px;
 $form-field-size-border-radius: 4px;
@@ -707,7 +707,7 @@ $input-size-width: 100%;
 $input-font-default: body;
 $input-font-monospace: body-mono;
 $link-light-color-scheme-text: #0374eb;
-$link-light-color-scheme-border-bottom: rgba(#8c99a5, 0.32);
+$link-light-color-scheme-border-bottom: rgba(#0374eb, 0.32);
 $link-light-color-scheme-state-visited-text: #864775;
 $link-light-color-scheme-state-visited-border-bottom: rgba(#864775, 0.32);
 $link-light-color-scheme-state-hover-text: #0059b8;
@@ -715,7 +715,7 @@ $link-light-color-scheme-state-hover-border-bottom: rgba(#0059b8, 0.32);
 $link-light-color-scheme-state-active: #014b9d;
 $link-light-color-scheme-state-focused-outline: #0374eb;
 $link-dark-color-scheme-text: #5697ff;
-$link-dark-color-scheme-border-bottom: rgba(#6d7a86, 0.32);
+$link-dark-color-scheme-border-bottom: rgba(#5697ff, 0.32);;
 $link-dark-color-scheme-state-visited-text: #bb78a7;
 $link-dark-color-scheme-state-visited-border-bottom: rgba(#bb78a7, 0.32);
 $link-dark-color-scheme-state-hover-text: #4187ff;
@@ -818,6 +818,7 @@ $popover-dark-color-scheme-border: #333f4a;
 $popover-size-max-height: 480px;
 $popover-size-padding: 16px;
 $popover-size-border-radius: 4px;
+$popover-size-border-width: 1px;
 $popover-size-arrow-size: 12px;
 $popover-size-trigger-margin: 9px;
 $popover-size-small-width: 200px;
@@ -1755,63 +1756,63 @@ $typography-display-1-line-height: 76px;
 $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-1-text-transform: initial;
+$typography-display-1-font-feature-settings: initial;
 $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-2-text-transform: initial;
+$typography-display-2-font-feature-settings: initial;
 $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-display-3-text-transform: initial;
+$typography-display-3-font-feature-settings: initial;
 $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-headline-text-transform: initial;
+$typography-headline-font-feature-settings: initial;
 $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-title-text-transform: initial;
+$typography-title-font-feature-settings: initial;
 $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-text-transform: initial;
 $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-text-transform: initial;
 $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-text-transform: initial;
 $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-text-transform: initial;
 $typography-body-strong-font-feature-settings: "ss01" on, "ss04" on;
 $typography-body-caps-font-size: 15px;
 $typography-body-caps-line-height: 20px;
@@ -1825,22 +1826,29 @@ $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-body-mono-text-transform: initial;
+$typography-body-mono-font-feature-settings: initial;
 $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-text-transform: initial;
 $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-text-transform: initial;
 $typography-caption-tabular-font-feature-settings: "tnum" on, "ss01" on, "ss04" on;
+$typography-caption-strong-font-size: 13px;
+$typography-caption-strong-line-height: 16px;
+$typography-caption-strong-letter-spacing: -0.0025em;
+$typography-caption-strong-font-weight: 500;
+$typography-caption-strong-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
+$typography-caption-strong-text-transform: initial;
+$typography-caption-strong-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;
@@ -1853,21 +1861,21 @@ $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-caption-mono-text-transform: initial;
+$typography-caption-mono-font-feature-settings: initial;
 $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-text-transform: initial;
 $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-text-transform: initial;
 $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;
@@ -1881,8 +1889,8 @@ $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;
+$typography-extra-small-text-mono-text-transform: initial;
+$typography-extra-small-text-mono-font-feature-settings: initial;
 
 $mosaic: (
   'typography': (
@@ -2003,6 +2011,15 @@ $mosaic: (
       'text-transform': $typography-caption-tabular-text-transform,
       'font-feature-settings': $typography-caption-tabular-font-feature-settings
     ),
+    'caption-strong': (
+      'font-size': $typography-caption-strong-font-size,
+      'line-height': $typography-caption-strong-line-height,
+      'letter-spacing': $typography-caption-strong-letter-spacing,
+      'font-weight': $typography-caption-strong-font-weight,
+      'font-family': $typography-caption-strong-font-family,
+      'text-transform': $typography-caption-strong-text-transform,
+      'font-feature-settings': $typography-caption-strong-font-feature-settings
+    ),
     'caption-caps': (
       'font-size': $typography-caption-caps-font-size,
       'line-height': $typography-caption-caps-line-height,

package/core/formatters/date/formatter.d.ts

@@ -73,6 +73,8 @@ export declare class DateFormatter<D> {
     /**
      * @param date - date
      * @param template - template
+     * @param seconds - use seconds
+     * @param milliseconds - use milliseconds
      * @returns relative date by template
      */
     relativeDate(date: D, template: FormatterRelativeTemplate, seconds?: boolean, milliseconds?: boolean): string;
@@ -158,6 +160,8 @@ export declare class DateFormatter<D> {
      * @param startDate - start date
      * @param endDate - end date
      * @param template - template
+     * @param seconds - use seconds
+     * @param milliseconds - use milliseconds
      * @returns range date in template format with time
      */
     rangeDateTime(startDate: D, endDate: D, template: FormatterRangeTemplate, seconds?: boolean, milliseconds?: boolean): string;
@@ -195,10 +199,10 @@ export declare class DateFormatter<D> {
      */
     rangeMiddleDateTime(startDate: D, endDate: D, options?: DateTimeOptions): string;
     /**
-     * @param date
+     * @param date - date for compile
      * @param variables - date template variables
      * @param currYearForced - param for absolute days formatting
-     * @private
+     * @returns compiledVariables
      */
     private compileVariables;
     private isBeforeYesterday;

package/design-tokens/legacy-2017/tokens/components/form-field.json5

@@ -10,7 +10,7 @@
                 },
                 invalid: {
                     border: { value: '{light-color-scheme.error.default}' },
-                    background: { value: 'transparent' }
+                    background: { value: '{light-color-scheme.error.palette.value.40}' }
                 }
             }
         },
@@ -24,7 +24,7 @@
                 },
                 invalid: {
                     border: { value: '{dark-color-scheme.error.default}' },
-                    background: { value: 'transparent' }
+                    background: { value: 'mix({dark-color-scheme.error.palette.value.800}, transparent, 30%)' }
                 }
             }
         },

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

@@ -16,6 +16,7 @@
             'max-height': { value: '480px' },
             padding: { value: '{size.l}' },
             'border-radius': { value: '{size.border-radius}' },
+            'border-width': { value: '{size.border-width}' },
 
             'arrow-size': { value: '12px' },
             'trigger-margin': { value: '9px' },

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

@@ -20,6 +20,7 @@
         'dark-color-scheme': {
             'outer-circle-border': { value: '{dark-color-scheme.second.palette.value.400}' },
             'inner-circle-border': { value: 'transparent' },
+            'cap-color': { value: 'white' },
 
             states: {
                 checked: {