@ptsecurity/mosaic 14.6.1 → 14.6.2

package/_theming.scss

@@ -317,316 +317,6 @@ $backdrop-animation-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1) !default;
     }
 }
 
-@forward 'pt-2022/tokens';
-
-
-
-@mixin border-top-radius($radius) {
-    border-top: {
-        right-radius: $radius;
-        left-radius: $radius;
-    }
-}
-
-@mixin border-bottom-radius($radius) {
-    border-bottom: {
-        right-radius: $radius;
-        left-radius: $radius;
-    }
-}
-
-@mixin border-right-radius($radius) {
-    border: {
-        bottom-right-radius: $radius;
-        top-right-radius: $radius;
-    }
-}
-
-@mixin border-left-radius($radius) {
-    border: {
-        bottom-left-radius: $radius;
-        top-left-radius: $radius;
-    }
-}
-
-.mc-group {
-    display: flex;
-    flex-direction: row;
-
-    .mc-group_justified {
-        > .mc-group-item {
-            width: 100%;
-        }
-    }
-
-    .mc-group-item + .mc-group-item {
-        margin-left: calc(-1 * var(--mc-button-size-border-width, $button-size-border-width));
-    }
-
-    & > .mc-group-item:first-child:not(:last-child) {
-        @include border-right-radius(0);
-
-        > .mc-form-field__container {
-            @include border-right-radius(0);
-        }
-    }
-
-    & > .mc-group-item:last-child:not(:first-child) {
-        @include border-left-radius(0);
-
-        > .mc-form-field__container {
-            @include border-left-radius(0);
-        }
-    }
-
-    & > .mc-group-item:not(:first-child):not(:last-child) {
-        border-radius: 0;
-
-        > .mc-form-field__container {
-            border-radius: 0;
-        }
-    }
-}
-
-.mc-vertical-group {
-    display: flex;
-    flex-direction: column;
-
-    /* stylelint-disable no-descending-specificity */
-    > .mc-group-item {
-        &:first-child:not(:last-child) {
-            @include border-bottom-radius(0);
-
-            border-top-right-radius: var(--mc-button-size-border-radius, $button-size-border-radius);
-
-            > .mc-form-field__container {
-                @include border-bottom-radius(0);
-            }
-        }
-
-        &:last-child:not(:first-child) {
-            @include border-top-radius(0);
-
-            border-bottom-left-radius: var(--mc-button-size-border-radius, $button-size-border-radius);
-
-            > .mc-form-field__container {
-                @include border-top-radius(0);
-            }
-        }
-
-        &:not(:first-child):not(:last-child) {
-            border-radius: 0;
-
-            > .mc-form-field__container {
-                border-radius: 0;
-            }
-        }
-    }
-
-    .mc-group-item + .mc-group-item {
-        margin-top: calc(-1 * var(--mc-button-size-border-width, #{$button-size-border-width}));
-    }
-    /* stylelint-enable no-descending-specificity */
-}
-
-
-@mixin mc-reset-input {
-    background: transparent;
-    padding: 0;
-    margin: 0;
-    border: none;
-    outline: none;
-
-    /* clears the 'X' from Internet Explorer */
-    &::-ms-clear {
-        display: none;
-        width: 0;
-        height: 0;
-    }
-
-    &::-ms-reveal {
-        display: none;
-        width: 0;
-        height: 0;
-    }
-
-    /* clears the 'X' from Chrome */
-    &::-webkit-search-decoration,
-    &::-webkit-search-cancel-button,
-    &::-webkit-search-results-button,
-    &::-webkit-search-results-decoration {
-        display: none;
-    }
-}
-
-// This mixin ensures an element spans to fill the nearest ancestor with defined positioning.
-@mixin mc-fill {
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    position: absolute;
-}
-
-// This mixin will ensure that lines that overflow the container will hide the overflow and
-// truncate neatly with an ellipsis.
-@mixin mc-truncate-line() {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-}
-
-// This mixin normalizes default element styles, e.g. font weight for heading text.
-@mixin mc-normalize-text() {
-    & > * {
-        margin: 0;
-        padding: 0;
-        font-weight: normal;
-        font-size: inherit;
-    }
-}
-
-// This mixin provides base styles for the wrapper around mc-line elements in a list.
-@mixin mc-line-wrapper-base() {
-    @include mc-normalize-text();
-
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-    box-sizing: border-box;
-    overflow: hidden;
-
-    // Must remove wrapper when lines are empty or it takes up horizontal
-    // space and pushes other elements to the right.
-    &:empty {
-        display: none;
-    }
-}
-
-@mixin mc-no-select() {
-    -webkit-touch-callout: none; /* iOS Safari */
-    -webkit-user-select: none; /* Safari */
-    -moz-user-select: none; /* Firefox */
-    -ms-user-select: none; /* Internet Explorer/Edge */
-    user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
-}
-
-.mc-no-select {
-    @include mc-no-select;
-}
-
-.cdk-overlay-container {
-    pointer-events: none;
-    top: 0;
-    left: 0;
-    height: 100%;
-    width: 100%;
-    position: fixed;
-    z-index: 1000;
-    box-sizing: border-box;
-    margin: 0;
-    padding: 0;
-}
-
-.cdk-overlay-backdrop {
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    -webkit-tap-highlight-color: transparent;
-    transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
-    opacity: 0;
-    position: absolute;
-    pointer-events: auto;
-    z-index: 1000;
-    box-sizing: border-box;
-    margin: 0;
-    padding: 0;
-}
-
-.cdk-overlay-pane {
-    box-sizing: border-box;
-    position: absolute;
-    pointer-events: auto;
-    margin: 0;
-    padding: 0;
-    z-index: 1000;
-    max-width: 100%;
-    max-height: 100%;
-}
-
-.cdk-overlay-connected-position-bounding-box {
-    box-sizing: border-box;
-    position: absolute;
-    z-index: 1000;
-    display: flex;
-    flex-direction: column;
-    margin: 0;
-    padding: 0;
-    min-width: 1px;
-    min-height: 1px;
-}
-
-@mixin popup-params($theme) {
-    $popup: map-get(map-get($theme, components), popup);
-
-    box-shadow: map-get($popup, shadow);
-    border-color: map-get($popup, border);
-
-    background-color: map-get($popup, background);
-}
-
-// mixin definition ; sets LTR and RTL within the same style call
-// @see https://css-tricks.com/almanac/properties/d/direction/
-
-@mixin rtl($prop, $ltr-value, $rtl-value) {
-    #{$prop}: $ltr-value;
-
-    [dir=rtl] & {
-        #{$prop}: $rtl-value;
-    }
-}
-
-@mixin rtl-prop($ltr-prop, $rtl-prop, $value, $reset-value) {
-    #{$ltr-prop}: $value;
-
-    [dir=rtl] & {
-        #{$ltr-prop}: $reset-value;
-        #{$rtl-prop}: $value;
-    }
-}
-
-// To reverse padding (top left bottom right) -> (top right bottom left)
-@function rtl-value($list) {
-    @if length($list) == 4 {
-        @return nth($list, 1) nth($list, 4) nth($list, 3) nth($list, 2)
-    }
-
-    @if length($list) == 5 {
-        @return nth($list, 1) nth($list, 4) nth($list, 3) nth($list, 2) nth($list, 5)
-    }
-
-    @return $list;
-}
-
-@mixin size($width, $height) {
-    width: $width;
-    height: $height;
-}
-
-@mixin square($size) {
-    @include size($size, $size);
-}
-
-
-
-
-// Mixin that renders all of the core styles that are not theme-dependent.
-@mixin mc-core() {
-    @include cdk-a11y();
-    @include overlay();
-}
-
 
 // Do not edit directly
 
@@ -2872,199 +2562,512 @@ $mosaic: (
       '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,
-      'line-height': $typography-extra-small-text-mono-line-height,
-      '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,
-      'font-feature-settings': $typography-extra-small-text-mono-font-feature-settings
+    'extra-small-text-mono': (
+      'font-size': $typography-extra-small-text-mono-font-size,
+      'line-height': $typography-extra-small-text-mono-line-height,
+      '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,
+      'font-feature-settings': $typography-extra-small-text-mono-font-feature-settings
+    )
+  )
+);
+
+$md-typography-md-h1-font-size: 45px;
+$md-typography-md-h1-line-height: 48px;
+$md-typography-md-h1-letter-spacing: normal;
+$md-typography-md-h1-font-weight: normal;
+$md-typography-md-h1-font-family: 'TT Positive', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
+$md-typography-md-h1-text-transform: null;
+$md-typography-md-h1-font-feature-settings: initial;
+$md-typography-md-h2-font-size: 34px;
+$md-typography-md-h2-line-height: 38px;
+$md-typography-md-h2-letter-spacing: normal;
+$md-typography-md-h2-font-weight: normal;
+$md-typography-md-h2-font-family: 'TT Positive', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
+$md-typography-md-h2-text-transform: null;
+$md-typography-md-h2-font-feature-settings: initial;
+$md-typography-md-h3-font-size: 24px;
+$md-typography-md-h3-line-height: 28px;
+$md-typography-md-h3-letter-spacing: normal;
+$md-typography-md-h3-font-weight: normal;
+$md-typography-md-h3-font-family: 'TT Positive', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
+$md-typography-md-h3-text-transform: null;
+$md-typography-md-h3-font-feature-settings: initial;
+$md-typography-md-h4-font-size: 20px;
+$md-typography-md-h4-line-height: 24px;
+$md-typography-md-h4-letter-spacing: normal;
+$md-typography-md-h4-font-weight: 600;
+$md-typography-md-h4-font-family: 'TT Positive', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
+$md-typography-md-h4-text-transform: null;
+$md-typography-md-h4-font-feature-settings: initial;
+$md-typography-md-h5-font-size: 15px;
+$md-typography-md-h5-line-height: 24px;
+$md-typography-md-h5-letter-spacing: -0.009em;
+$md-typography-md-h5-font-weight: 600;
+$md-typography-md-h5-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
+$md-typography-md-h5-text-transform: null;
+$md-typography-md-h5-font-feature-settings: "ss01" on, "ss04" on;
+$md-typography-md-h6-font-size: 15px;
+$md-typography-md-h6-line-height: 24px;
+$md-typography-md-h6-letter-spacing: -0.009em;
+$md-typography-md-h6-font-weight: 600;
+$md-typography-md-h6-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
+$md-typography-md-h6-text-transform: null;
+$md-typography-md-h6-font-feature-settings: "ss01" on, "ss04" on;
+$md-typography-md-body-font-size: 15px;
+$md-typography-md-body-line-height: 24px;
+$md-typography-md-body-letter-spacing: -0.009em;
+$md-typography-md-body-font-weight: normal;
+$md-typography-md-body-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
+$md-typography-md-body-text-transform: null;
+$md-typography-md-body-font-feature-settings: "ss01" on, "ss04" on;
+$md-typography-md-body-mono-font-size: 14px;
+$md-typography-md-body-mono-line-height: 20px;
+$md-typography-md-body-mono-letter-spacing: normal;
+$md-typography-md-body-mono-font-weight: normal;
+$md-typography-md-body-mono-font-family: 'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace;
+$md-typography-md-body-mono-text-transform: null;
+$md-typography-md-body-mono-font-feature-settings: initial;
+$md-typography-md-caption-font-size: 13px;
+$md-typography-md-caption-line-height: 16px;
+$md-typography-md-caption-letter-spacing: -0.0025em;
+$md-typography-md-caption-font-weight: normal;
+$md-typography-md-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
+$md-typography-md-caption-text-transform: null;
+$md-typography-md-caption-font-feature-settings: "ss01" on, "ss04" on;
+$md-typography-md-table-cell-font-size: 15px;
+$md-typography-md-table-cell-line-height: 20px;
+$md-typography-md-table-cell-letter-spacing: -0.009em;
+$md-typography-md-table-cell-font-weight: normal;
+$md-typography-md-table-cell-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
+$md-typography-md-table-cell-text-transform: null;
+$md-typography-md-table-cell-font-feature-settings: "tnum" on, "ss01" on, "ss04" on;
+$md-typography-md-table-header-font-size: 13px;
+$md-typography-md-table-header-line-height: 16px;
+$md-typography-md-table-header-letter-spacing: -0.0025em;
+$md-typography-md-table-header-font-weight: normal;
+$md-typography-md-table-header-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
+$md-typography-md-table-header-text-transform: null;
+$md-typography-md-table-header-font-feature-settings: "tnum" on, "ss01" on, "ss04" on;
+
+$md-typography: (
+  'md-typography': (
+    'md-h1': (
+      'font-size': $md-typography-md-h1-font-size,
+      'line-height': $md-typography-md-h1-line-height,
+      'letter-spacing': $md-typography-md-h1-letter-spacing,
+      'font-weight': $md-typography-md-h1-font-weight,
+      'font-family': $md-typography-md-h1-font-family,
+      'text-transform': $md-typography-md-h1-text-transform,
+      'font-feature-settings': $md-typography-md-h1-font-feature-settings
+    ),
+    'md-h2': (
+      'font-size': $md-typography-md-h2-font-size,
+      'line-height': $md-typography-md-h2-line-height,
+      'letter-spacing': $md-typography-md-h2-letter-spacing,
+      'font-weight': $md-typography-md-h2-font-weight,
+      'font-family': $md-typography-md-h2-font-family,
+      'text-transform': $md-typography-md-h2-text-transform,
+      'font-feature-settings': $md-typography-md-h2-font-feature-settings
+    ),
+    'md-h3': (
+      'font-size': $md-typography-md-h3-font-size,
+      'line-height': $md-typography-md-h3-line-height,
+      'letter-spacing': $md-typography-md-h3-letter-spacing,
+      'font-weight': $md-typography-md-h3-font-weight,
+      'font-family': $md-typography-md-h3-font-family,
+      'text-transform': $md-typography-md-h3-text-transform,
+      'font-feature-settings': $md-typography-md-h3-font-feature-settings
+    ),
+    'md-h4': (
+      'font-size': $md-typography-md-h4-font-size,
+      'line-height': $md-typography-md-h4-line-height,
+      'letter-spacing': $md-typography-md-h4-letter-spacing,
+      'font-weight': $md-typography-md-h4-font-weight,
+      'font-family': $md-typography-md-h4-font-family,
+      'text-transform': $md-typography-md-h4-text-transform,
+      'font-feature-settings': $md-typography-md-h4-font-feature-settings
+    ),
+    'md-h5': (
+      'font-size': $md-typography-md-h5-font-size,
+      'line-height': $md-typography-md-h5-line-height,
+      'letter-spacing': $md-typography-md-h5-letter-spacing,
+      'font-weight': $md-typography-md-h5-font-weight,
+      'font-family': $md-typography-md-h5-font-family,
+      'text-transform': $md-typography-md-h5-text-transform,
+      'font-feature-settings': $md-typography-md-h5-font-feature-settings
+    ),
+    'md-h6': (
+      'font-size': $md-typography-md-h6-font-size,
+      'line-height': $md-typography-md-h6-line-height,
+      'letter-spacing': $md-typography-md-h6-letter-spacing,
+      'font-weight': $md-typography-md-h6-font-weight,
+      'font-family': $md-typography-md-h6-font-family,
+      'text-transform': $md-typography-md-h6-text-transform,
+      'font-feature-settings': $md-typography-md-h6-font-feature-settings
+    ),
+    'md-body': (
+      'font-size': $md-typography-md-body-font-size,
+      'line-height': $md-typography-md-body-line-height,
+      'letter-spacing': $md-typography-md-body-letter-spacing,
+      'font-weight': $md-typography-md-body-font-weight,
+      'font-family': $md-typography-md-body-font-family,
+      'text-transform': $md-typography-md-body-text-transform,
+      'font-feature-settings': $md-typography-md-body-font-feature-settings
+    ),
+    'md-body-mono': (
+      'font-size': $md-typography-md-body-mono-font-size,
+      'line-height': $md-typography-md-body-mono-line-height,
+      'letter-spacing': $md-typography-md-body-mono-letter-spacing,
+      'font-weight': $md-typography-md-body-mono-font-weight,
+      'font-family': $md-typography-md-body-mono-font-family,
+      'text-transform': $md-typography-md-body-mono-text-transform,
+      'font-feature-settings': $md-typography-md-body-mono-font-feature-settings
+    ),
+    'md-caption': (
+      'font-size': $md-typography-md-caption-font-size,
+      'line-height': $md-typography-md-caption-line-height,
+      'letter-spacing': $md-typography-md-caption-letter-spacing,
+      'font-weight': $md-typography-md-caption-font-weight,
+      'font-family': $md-typography-md-caption-font-family,
+      'text-transform': $md-typography-md-caption-text-transform,
+      'font-feature-settings': $md-typography-md-caption-font-feature-settings
+    ),
+    'md-table-cell': (
+      'font-size': $md-typography-md-table-cell-font-size,
+      'line-height': $md-typography-md-table-cell-line-height,
+      'letter-spacing': $md-typography-md-table-cell-letter-spacing,
+      'font-weight': $md-typography-md-table-cell-font-weight,
+      'font-family': $md-typography-md-table-cell-font-family,
+      'text-transform': $md-typography-md-table-cell-text-transform,
+      'font-feature-settings': $md-typography-md-table-cell-font-feature-settings
+    ),
+    'md-table-header': (
+      'font-size': $md-typography-md-table-header-font-size,
+      'line-height': $md-typography-md-table-header-line-height,
+      'letter-spacing': $md-typography-md-table-header-letter-spacing,
+      'font-weight': $md-typography-md-table-header-font-weight,
+      'font-family': $md-typography-md-table-header-font-family,
+      'text-transform': $md-typography-md-table-header-text-transform,
+      'font-feature-settings': $md-typography-md-table-header-font-feature-settings
     )
   )
 );
 
-$md-typography-md-h1-font-size: 45px;
-$md-typography-md-h1-line-height: 48px;
-$md-typography-md-h1-letter-spacing: normal;
-$md-typography-md-h1-font-weight: normal;
-$md-typography-md-h1-font-family: 'TT Positive', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
-$md-typography-md-h1-text-transform: null;
-$md-typography-md-h1-font-feature-settings: initial;
-$md-typography-md-h2-font-size: 34px;
-$md-typography-md-h2-line-height: 38px;
-$md-typography-md-h2-letter-spacing: normal;
-$md-typography-md-h2-font-weight: normal;
-$md-typography-md-h2-font-family: 'TT Positive', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
-$md-typography-md-h2-text-transform: null;
-$md-typography-md-h2-font-feature-settings: initial;
-$md-typography-md-h3-font-size: 24px;
-$md-typography-md-h3-line-height: 28px;
-$md-typography-md-h3-letter-spacing: normal;
-$md-typography-md-h3-font-weight: normal;
-$md-typography-md-h3-font-family: 'TT Positive', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
-$md-typography-md-h3-text-transform: null;
-$md-typography-md-h3-font-feature-settings: initial;
-$md-typography-md-h4-font-size: 20px;
-$md-typography-md-h4-line-height: 24px;
-$md-typography-md-h4-letter-spacing: normal;
-$md-typography-md-h4-font-weight: 600;
-$md-typography-md-h4-font-family: 'TT Positive', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
-$md-typography-md-h4-text-transform: null;
-$md-typography-md-h4-font-feature-settings: initial;
-$md-typography-md-h5-font-size: 15px;
-$md-typography-md-h5-line-height: 24px;
-$md-typography-md-h5-letter-spacing: -0.009em;
-$md-typography-md-h5-font-weight: 600;
-$md-typography-md-h5-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
-$md-typography-md-h5-text-transform: null;
-$md-typography-md-h5-font-feature-settings: "ss01" on, "ss04" on;
-$md-typography-md-h6-font-size: 15px;
-$md-typography-md-h6-line-height: 24px;
-$md-typography-md-h6-letter-spacing: -0.009em;
-$md-typography-md-h6-font-weight: 600;
-$md-typography-md-h6-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
-$md-typography-md-h6-text-transform: null;
-$md-typography-md-h6-font-feature-settings: "ss01" on, "ss04" on;
-$md-typography-md-body-font-size: 15px;
-$md-typography-md-body-line-height: 24px;
-$md-typography-md-body-letter-spacing: -0.009em;
-$md-typography-md-body-font-weight: normal;
-$md-typography-md-body-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
-$md-typography-md-body-text-transform: null;
-$md-typography-md-body-font-feature-settings: "ss01" on, "ss04" on;
-$md-typography-md-body-mono-font-size: 14px;
-$md-typography-md-body-mono-line-height: 20px;
-$md-typography-md-body-mono-letter-spacing: normal;
-$md-typography-md-body-mono-font-weight: normal;
-$md-typography-md-body-mono-font-family: 'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace;
-$md-typography-md-body-mono-text-transform: null;
-$md-typography-md-body-mono-font-feature-settings: initial;
-$md-typography-md-caption-font-size: 13px;
-$md-typography-md-caption-line-height: 16px;
-$md-typography-md-caption-letter-spacing: -0.0025em;
-$md-typography-md-caption-font-weight: normal;
-$md-typography-md-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
-$md-typography-md-caption-text-transform: null;
-$md-typography-md-caption-font-feature-settings: "ss01" on, "ss04" on;
-$md-typography-md-table-cell-font-size: 15px;
-$md-typography-md-table-cell-line-height: 20px;
-$md-typography-md-table-cell-letter-spacing: -0.009em;
-$md-typography-md-table-cell-font-weight: normal;
-$md-typography-md-table-cell-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
-$md-typography-md-table-cell-text-transform: null;
-$md-typography-md-table-cell-font-feature-settings: "tnum" on, "ss01" on, "ss04" on;
-$md-typography-md-table-header-font-size: 13px;
-$md-typography-md-table-header-line-height: 16px;
-$md-typography-md-table-header-letter-spacing: -0.0025em;
-$md-typography-md-table-header-font-weight: normal;
-$md-typography-md-table-header-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
-$md-typography-md-table-header-text-transform: null;
-$md-typography-md-table-header-font-feature-settings: "tnum" on, "ss01" on, "ss04" on;
 
-$md-typography: (
-  'md-typography': (
-    'md-h1': (
-      'font-size': $md-typography-md-h1-font-size,
-      'line-height': $md-typography-md-h1-line-height,
-      'letter-spacing': $md-typography-md-h1-letter-spacing,
-      'font-weight': $md-typography-md-h1-font-weight,
-      'font-family': $md-typography-md-h1-font-family,
-      'text-transform': $md-typography-md-h1-text-transform,
-      'font-feature-settings': $md-typography-md-h1-font-feature-settings
-    ),
-    'md-h2': (
-      'font-size': $md-typography-md-h2-font-size,
-      'line-height': $md-typography-md-h2-line-height,
-      'letter-spacing': $md-typography-md-h2-letter-spacing,
-      'font-weight': $md-typography-md-h2-font-weight,
-      'font-family': $md-typography-md-h2-font-family,
-      'text-transform': $md-typography-md-h2-text-transform,
-      'font-feature-settings': $md-typography-md-h2-font-feature-settings
-    ),
-    'md-h3': (
-      'font-size': $md-typography-md-h3-font-size,
-      'line-height': $md-typography-md-h3-line-height,
-      'letter-spacing': $md-typography-md-h3-letter-spacing,
-      'font-weight': $md-typography-md-h3-font-weight,
-      'font-family': $md-typography-md-h3-font-family,
-      'text-transform': $md-typography-md-h3-text-transform,
-      'font-feature-settings': $md-typography-md-h3-font-feature-settings
-    ),
-    'md-h4': (
-      'font-size': $md-typography-md-h4-font-size,
-      'line-height': $md-typography-md-h4-line-height,
-      'letter-spacing': $md-typography-md-h4-letter-spacing,
-      'font-weight': $md-typography-md-h4-font-weight,
-      'font-family': $md-typography-md-h4-font-family,
-      'text-transform': $md-typography-md-h4-text-transform,
-      'font-feature-settings': $md-typography-md-h4-font-feature-settings
-    ),
-    'md-h5': (
-      'font-size': $md-typography-md-h5-font-size,
-      'line-height': $md-typography-md-h5-line-height,
-      'letter-spacing': $md-typography-md-h5-letter-spacing,
-      'font-weight': $md-typography-md-h5-font-weight,
-      'font-family': $md-typography-md-h5-font-family,
-      'text-transform': $md-typography-md-h5-text-transform,
-      'font-feature-settings': $md-typography-md-h5-font-feature-settings
-    ),
-    'md-h6': (
-      'font-size': $md-typography-md-h6-font-size,
-      'line-height': $md-typography-md-h6-line-height,
-      'letter-spacing': $md-typography-md-h6-letter-spacing,
-      'font-weight': $md-typography-md-h6-font-weight,
-      'font-family': $md-typography-md-h6-font-family,
-      'text-transform': $md-typography-md-h6-text-transform,
-      'font-feature-settings': $md-typography-md-h6-font-feature-settings
-    ),
-    'md-body': (
-      'font-size': $md-typography-md-body-font-size,
-      'line-height': $md-typography-md-body-line-height,
-      'letter-spacing': $md-typography-md-body-letter-spacing,
-      'font-weight': $md-typography-md-body-font-weight,
-      'font-family': $md-typography-md-body-font-family,
-      'text-transform': $md-typography-md-body-text-transform,
-      'font-feature-settings': $md-typography-md-body-font-feature-settings
-    ),
-    'md-body-mono': (
-      'font-size': $md-typography-md-body-mono-font-size,
-      'line-height': $md-typography-md-body-mono-line-height,
-      'letter-spacing': $md-typography-md-body-mono-letter-spacing,
-      'font-weight': $md-typography-md-body-mono-font-weight,
-      'font-family': $md-typography-md-body-mono-font-family,
-      'text-transform': $md-typography-md-body-mono-text-transform,
-      'font-feature-settings': $md-typography-md-body-mono-font-feature-settings
-    ),
-    'md-caption': (
-      'font-size': $md-typography-md-caption-font-size,
-      'line-height': $md-typography-md-caption-line-height,
-      'letter-spacing': $md-typography-md-caption-letter-spacing,
-      'font-weight': $md-typography-md-caption-font-weight,
-      'font-family': $md-typography-md-caption-font-family,
-      'text-transform': $md-typography-md-caption-text-transform,
-      'font-feature-settings': $md-typography-md-caption-font-feature-settings
-    ),
-    'md-table-cell': (
-      'font-size': $md-typography-md-table-cell-font-size,
-      'line-height': $md-typography-md-table-cell-line-height,
-      'letter-spacing': $md-typography-md-table-cell-letter-spacing,
-      'font-weight': $md-typography-md-table-cell-font-weight,
-      'font-family': $md-typography-md-table-cell-font-family,
-      'text-transform': $md-typography-md-table-cell-text-transform,
-      'font-feature-settings': $md-typography-md-table-cell-font-feature-settings
-    ),
-    'md-table-header': (
-      'font-size': $md-typography-md-table-header-font-size,
-      'line-height': $md-typography-md-table-header-line-height,
-      'letter-spacing': $md-typography-md-table-header-letter-spacing,
-      'font-weight': $md-typography-md-table-header-font-weight,
-      'font-family': $md-typography-md-table-header-font-family,
-      'text-transform': $md-typography-md-table-header-text-transform,
-      'font-feature-settings': $md-typography-md-table-header-font-feature-settings
-    )
-  )
-);
+
+
+@mixin border-top-radius($radius) {
+    border-top: {
+        right-radius: $radius;
+        left-radius: $radius;
+    }
+}
+
+@mixin border-bottom-radius($radius) {
+    border-bottom: {
+        right-radius: $radius;
+        left-radius: $radius;
+    }
+}
+
+@mixin border-right-radius($radius) {
+    border: {
+        bottom-right-radius: $radius;
+        top-right-radius: $radius;
+    }
+}
+
+@mixin border-left-radius($radius) {
+    border: {
+        bottom-left-radius: $radius;
+        top-left-radius: $radius;
+    }
+}
+
+.mc-group {
+    display: flex;
+    flex-direction: row;
+
+    .mc-group_justified {
+        > .mc-group-item {
+            width: 100%;
+        }
+    }
+
+    .mc-group-item + .mc-group-item {
+        margin-left: calc(-1 * var(--mc-button-size-border-width, $button-size-border-width));
+    }
+
+    & > .mc-group-item:first-child:not(:last-child) {
+        @include border-right-radius(0);
+
+        > .mc-form-field__container {
+            @include border-right-radius(0);
+        }
+    }
+
+    & > .mc-group-item:last-child:not(:first-child) {
+        @include border-left-radius(0);
+
+        > .mc-form-field__container {
+            @include border-left-radius(0);
+        }
+    }
+
+    & > .mc-group-item:not(:first-child):not(:last-child) {
+        border-radius: 0;
+
+        > .mc-form-field__container {
+            border-radius: 0;
+        }
+    }
+}
+
+.mc-vertical-group {
+    display: flex;
+    flex-direction: column;
+
+    /* stylelint-disable no-descending-specificity */
+    > .mc-group-item {
+        &:first-child:not(:last-child) {
+            @include border-bottom-radius(0);
+
+            border-top-right-radius: var(--mc-button-size-border-radius, $button-size-border-radius);
+
+            > .mc-form-field__container {
+                @include border-bottom-radius(0);
+            }
+        }
+
+        &:last-child:not(:first-child) {
+            @include border-top-radius(0);
+
+            border-bottom-left-radius: var(--mc-button-size-border-radius, $button-size-border-radius);
+
+            > .mc-form-field__container {
+                @include border-top-radius(0);
+            }
+        }
+
+        &:not(:first-child):not(:last-child) {
+            border-radius: 0;
+
+            > .mc-form-field__container {
+                border-radius: 0;
+            }
+        }
+    }
+
+    .mc-group-item + .mc-group-item {
+        margin-top: calc(-1 * var(--mc-button-size-border-width, #{$button-size-border-width}));
+    }
+    /* stylelint-enable no-descending-specificity */
+}
+
+
+@mixin mc-reset-input {
+    background: transparent;
+    padding: 0;
+    margin: 0;
+    border: none;
+    outline: none;
+
+    /* clears the 'X' from Internet Explorer */
+    &::-ms-clear {
+        display: none;
+        width: 0;
+        height: 0;
+    }
+
+    &::-ms-reveal {
+        display: none;
+        width: 0;
+        height: 0;
+    }
+
+    /* clears the 'X' from Chrome */
+    &::-webkit-search-decoration,
+    &::-webkit-search-cancel-button,
+    &::-webkit-search-results-button,
+    &::-webkit-search-results-decoration {
+        display: none;
+    }
+}
+
+// This mixin ensures an element spans to fill the nearest ancestor with defined positioning.
+@mixin mc-fill {
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    position: absolute;
+}
+
+// This mixin will ensure that lines that overflow the container will hide the overflow and
+// truncate neatly with an ellipsis.
+@mixin mc-truncate-line() {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+// This mixin normalizes default element styles, e.g. font weight for heading text.
+@mixin mc-normalize-text() {
+    & > * {
+        margin: 0;
+        padding: 0;
+        font-weight: normal;
+        font-size: inherit;
+    }
+}
+
+// This mixin provides base styles for the wrapper around mc-line elements in a list.
+@mixin mc-line-wrapper-base() {
+    @include mc-normalize-text();
+
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    box-sizing: border-box;
+    overflow: hidden;
+
+    // Must remove wrapper when lines are empty or it takes up horizontal
+    // space and pushes other elements to the right.
+    &:empty {
+        display: none;
+    }
+}
+
+@mixin mc-no-select() {
+    -webkit-touch-callout: none; /* iOS Safari */
+    -webkit-user-select: none; /* Safari */
+    -moz-user-select: none; /* Firefox */
+    -ms-user-select: none; /* Internet Explorer/Edge */
+    user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
+}
+
+.mc-no-select {
+    @include mc-no-select;
+}
+
+.cdk-overlay-container {
+    pointer-events: none;
+    top: 0;
+    left: 0;
+    height: 100%;
+    width: 100%;
+    position: fixed;
+    z-index: 1000;
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+}
+
+.cdk-overlay-backdrop {
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    -webkit-tap-highlight-color: transparent;
+    transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
+    opacity: 0;
+    position: absolute;
+    pointer-events: auto;
+    z-index: 1000;
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+}
+
+.cdk-overlay-pane {
+    box-sizing: border-box;
+    position: absolute;
+    pointer-events: auto;
+    margin: 0;
+    padding: 0;
+    z-index: 1000;
+    max-width: 100%;
+    max-height: 100%;
+}
+
+.cdk-overlay-connected-position-bounding-box {
+    box-sizing: border-box;
+    position: absolute;
+    z-index: 1000;
+    display: flex;
+    flex-direction: column;
+    margin: 0;
+    padding: 0;
+    min-width: 1px;
+    min-height: 1px;
+}
+
+@mixin popup-params($theme) {
+    $popup: map-get(map-get($theme, components), popup);
+
+    box-shadow: map-get($popup, shadow);
+    border-color: map-get($popup, border);
+
+    background-color: map-get($popup, background);
+}
+
+// mixin definition ; sets LTR and RTL within the same style call
+// @see https://css-tricks.com/almanac/properties/d/direction/
+
+@mixin rtl($prop, $ltr-value, $rtl-value) {
+    #{$prop}: $ltr-value;
+
+    [dir=rtl] & {
+        #{$prop}: $rtl-value;
+    }
+}
+
+@mixin rtl-prop($ltr-prop, $rtl-prop, $value, $reset-value) {
+    #{$ltr-prop}: $value;
+
+    [dir=rtl] & {
+        #{$ltr-prop}: $reset-value;
+        #{$rtl-prop}: $value;
+    }
+}
+
+// To reverse padding (top left bottom right) -> (top right bottom left)
+@function rtl-value($list) {
+    @if length($list) == 4 {
+        @return nth($list, 1) nth($list, 4) nth($list, 3) nth($list, 2)
+    }
+
+    @if length($list) == 5 {
+        @return nth($list, 1) nth($list, 4) nth($list, 3) nth($list, 2) nth($list, 5)
+    }
+
+    @return $list;
+}
+
+@mixin size($width, $height) {
+    width: $width;
+    height: $height;
+}
+
+@mixin square($size) {
+    @include size($size, $size);
+}
+
+
+
+
+// Mixin that renders all of the core styles that are not theme-dependent.
+@mixin mc-core() {
+    @include cdk-a11y();
+    @include overlay();
+}
+
+
+
+
 
 
 
@@ -4457,10 +4460,6 @@ $dark-warning: mc-palette($dark-color-scheme-warning-palette, $dark-color-scheme
 }
 
 
-
-
-
-
 @function mc-typography-level(
     $font-size,
     $line-height: $font-size,