@ptsecurity/mosaic 13.9.0 → 14.0.0

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

@@ -8,20 +8,20 @@
                 states: {
                     checked: {
                         border: { value: '{light-color-scheme.primary.palette.value.500}' },
-                        background: { value: '{light-color-scheme.primary.palette.value.500}' },
+                        background: { value: '{light-color-scheme.primary.palette.value.500}' }
                     },
                     focused: {
                         border: { value: '{light-color-scheme.states.focused-color}' },
-                        shadow: { value: '0 0 0 1px {light-color-scheme.states.focused-color}' },
+                        shadow: { value: '0 0 0 1px {light-color-scheme.states.focused-color}' }
                     },
                     'checked-focused': {
                         border: { value: '{light-color-scheme.states.focused-color}' },
                         background: { value: '{light-color-scheme.primary.palette.value.500}' },
                         shadow: { value: '0 0 0 1px {light-color-scheme.states.focused-color}' },
-                        outline: { value: '1px solid {light-color-scheme.background.background}' },
+                        outline: { value: '1px solid {light-color-scheme.background.background}' }
                     }
                 }
-            }, 
+            },
             error: {
                 border: { value: '{light-color-scheme.error.default}' },
                 color: { value: 'white' },
@@ -29,20 +29,20 @@
                 states: {
                     checked: {
                         border: { value: '{light-color-scheme.error.palette.value.500}' },
-                        background: { value: '{light-color-scheme.error.palette.value.500}' },
+                        background: { value: '{light-color-scheme.error.palette.value.500}' }
                     },
                     focused: {
                         border: { value: '{light-color-scheme.states.focused-color-error}' },
-                        shadow: { value: '0 0 0 1px {light-color-scheme.states.focused-color-error}' },
+                        shadow: { value: '0 0 0 1px {light-color-scheme.states.focused-color-error}' }
                     },
                     'checked-focused': {
                         border: { value: '{light-color-scheme.states.focused-color-error}' },
                         background: { value: '{light-color-scheme.error.palette.value.500}' },
                         shadow: { value: '0 0 0 1px {light-color-scheme.states.focused-color-error}' },
-                        outline: { value: '1px solid {light-color-scheme.background.background}' },
+                        outline: { value: '1px solid {light-color-scheme.background.background}' }
                     }
                 }
-            }, 
+            }
         },
         'dark-color-scheme': {
             default: {
@@ -52,20 +52,20 @@
                 states: {
                     checked: {
                         border: { value: '{dark-color-scheme.primary.palette.value.560}' },
-                        background: { value: '{dark-color-scheme.primary.palette.value.560}' },
+                        background: { value: '{dark-color-scheme.primary.palette.value.560}' }
                     },
                     focused: {
                         border: { value: '{dark-color-scheme.states.focused-color}' },
-                        shadow: { value: '0 0 0 1px {dark-color-scheme.states.focused-color}' },
+                        shadow: { value: '0 0 0 1px {dark-color-scheme.states.focused-color}' }
                     },
                     'checked-focused': {
                         border: { value: '{dark-color-scheme.states.focused-color}' },
                         background: { value: '{dark-color-scheme.primary.palette.value.560}' },
                         shadow: { value: '0 0 0 1px {dark-color-scheme.states.focused-color}' },
-                        outline: { value: '1px solid {dark-color-scheme.background.background}' },
+                        outline: { value: '1px solid {dark-color-scheme.background.background}' }
                     }
                 }
-            }, 
+            },
             error: {
                 border: { value: '{dark-color-scheme.error.default}' },
                 color: { value: 'white' },
@@ -73,25 +73,26 @@
                 states: {
                     checked: {
                         border: { value: '{dark-color-scheme.error.palette.value.560}' },
-                        background: { value: '{dark-color-scheme.error.palette.value.560}' },
+                        background: { value: '{dark-color-scheme.error.palette.value.560}' }
                     },
                     focused: {
                         border: { value: '{dark-color-scheme.states.focused-color-error}' },
-                        shadow: { value: '0 0 0 1px {dark-color-scheme.states.focused-color-error}' },
+                        shadow: { value: '0 0 0 1px {dark-color-scheme.states.focused-color-error}' }
                     },
                     'checked-focused': {
                         border: { value: '{dark-color-scheme.states.focused-color-error}' },
                         background: { value: '{dark-color-scheme.error.palette.value.560}' },
                         shadow: { value: '0 0 0 1px {dark-color-scheme.states.focused-color-error}' },
-                        outline: { value: '1px solid {dark-color-scheme.background.background}' },
+                        outline: { value: '1px solid {dark-color-scheme.background.background}' }
                     }
                 }
-            }, 
+            }
         },
         size: {
             width: { value: '{size.l}' },
             'label-margin': { value: '{size.s}' },
             'border-width': { value: '{size.border-width}' },
+            'border-radius': { value: '{size.border-radius}' },
             'toggle-box-shadow': { value: 'inset 0 0 1px 0 rgba(0, 0, 0, 0.2)' }
         },
         font: {

package/design-tokens/pt-2022/tokens/components/form-field.json5

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

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

@@ -13,10 +13,6 @@
                 row: {
                     'margin-bottom': { value: '{size.xl}' }
                 },
-                label: {
-                    'padding-top': { value: '{size.xs}' },
-                    'padding-bottom': { value: '0' }
-                },
                 control: {
                     'padding-left': { value: '{size.l}' }
                 },

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

@@ -2,7 +2,7 @@
     link: {
         'light-color-scheme': {
             text: { value: '{light-color-scheme.primary.palette.value.500}' },
-            'border-bottom': { value: 'rgba({light-color-scheme.foreground.text-disabled}, 0.32)' },
+            'border-bottom': { value: 'rgba({link.light-color-scheme.text}, 0.32)' },
 
             'state-visited': {
                 'text': { value: '{palette.purple.560}' },
@@ -21,7 +21,7 @@
         },
         'dark-color-scheme': {
             text: { value: '{dark-color-scheme.primary.palette.value.300}' },
-            'border-bottom': { value: 'rgba({dark-color-scheme.foreground.text-disabled}, 0.32)' },
+            'border-bottom': { value: 'rgba({link.dark-color-scheme.text}, 0.32);' },
 
             'state-visited': {
                 'text': { value: '{palette.purple.400}' },

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

@@ -16,14 +16,15 @@
             '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' },
+            'arrow-size': { value: '12px' },
+            'trigger-margin': { value: '9px' },
 
-        'small-width': { value: '200px' },
-        'normal-width': { value: '400px' },
-        'large-width': { value: '640px' }
-    },
+            'small-width': { value: '200px' },
+            'normal-width': { value: '400px' },
+            'large-width': { value: '640px' }
+        },
     font: {
         default: { value: 'body' }
     }

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

@@ -0,0 +1,22 @@
+{
+    'timezone-option': {
+        'light-color-scheme': {
+            text: { value: '{light-color-scheme.foreground.text}' },
+            caption: { value: '{light-color-scheme.foreground.text-less-contrast}' }
+        },
+        'dark-color-scheme': {
+            text: { value: '{dark-color-scheme.foreground.text}' },
+            caption: { value: '{dark-color-scheme.foreground.text-less-contrast}' }
+        },
+        size: {
+            padding: { value: '6px 8px 6px 14px' },
+            'column-gap': { value: '16px' },
+            height: { value: 'auto' },
+            'max-height': { value: '4em' }
+        },
+        font: {
+            text: { value: 'body' },
+            caption: { value: 'caption' }
+        }
+    }
+}

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

@@ -6,8 +6,8 @@
             "letter-spacing": { value: 'normal' },
             "font-weight": { value: 'normal' },
             "font-family": { value: '{font.family.accent}' },
-            "text-transform": { value: 'null' },
-            "font-feature-settings": { value: 'null' }
+            "text-transform": { value: 'initial' },
+            "font-feature-settings": { value: 'initial' }
         },
         "display-2": {
             "font-size": { value: '45px' },
@@ -15,8 +15,8 @@
             "letter-spacing": { value: 'normal' },
             "font-weight": { value: 'normal' },
             "font-family": { value: '{font.family.accent}' },
-            "text-transform": { value: 'null' },
-            "font-feature-settings": { value: 'null' }
+            "text-transform": { value: 'initial' },
+            "font-feature-settings": { value: 'initial' }
         },
         "display-3": {
             "font-size": { value: '34px' },
@@ -24,8 +24,8 @@
             "letter-spacing": { value: 'normal' },
             "font-weight": { value: 'normal' },
             "font-family": { value: '{font.family.accent}' },
-            "text-transform": { value: 'null' },
-            "font-feature-settings": { value: 'null' }
+            "text-transform": { value: 'initial' },
+            "font-feature-settings": { value: 'initial' }
         },
         "headline": {
             "font-size": { value: '24px' },
@@ -33,8 +33,8 @@
             "letter-spacing": { value: 'normal' },
             "font-weight": { value: 'normal' },
             "font-family": { value: '{font.family.accent}' },
-            "text-transform": { value: 'null' },
-            "font-feature-settings": { value: 'null' }
+            "text-transform": { value: 'initial' },
+            "font-feature-settings": { value: 'initial' }
         },
         "title": {
             "font-size": { value: '20px' },
@@ -42,8 +42,8 @@
             "letter-spacing": { value: 'normal' },
             "font-weight": { value: '600' },
             "font-family": { value: '{font.family.accent}' },
-            "text-transform": { value: 'null' },
-            "font-feature-settings": { value: 'null' }
+            "text-transform": { value: 'initial' },
+            "font-feature-settings": { value: 'initial' }
         },
         "subheading": {
             "font-size": { value: '15px' },
@@ -51,7 +51,7 @@
             "letter-spacing": { value: '-0.009em' },
             "font-weight": { value: '600' },
             "font-family": { value: '{font.family.base}' },
-            "text-transform": { value: 'null' },
+            "text-transform": { value: 'initial' },
             "font-feature-settings": { value: '"ss01" on, "ss04" on' }
         },
         "body": {
@@ -60,7 +60,7 @@
             "letter-spacing": { value: '-0.009em' },
             "font-weight": { value: 'normal' },
             "font-family": { value: '{font.family.base}' },
-            "text-transform": { value: 'null' },
+            "text-transform": { value: 'initial' },
             "font-feature-settings": { value: '"ss01" on, "ss04" on' }
         },
         "body-tabular": {
@@ -69,7 +69,7 @@
             "letter-spacing": { value: '-0.009em' },
             "font-weight": { value: 'normal' },
             "font-family": { value: '{font.family.base}' },
-            "text-transform": { value: 'null' },
+            "text-transform": { value: 'initial' },
             "font-feature-settings": { value: '"tnum" on, "ss01" on, "ss04" on' }
         },
         "body-strong": {
@@ -78,7 +78,7 @@
             "letter-spacing": { value: '-0.009em' },
             "font-weight": { value: '500' },
             "font-family": { value: '{font.family.base}' },
-            "text-transform": { value: 'null' },
+            "text-transform": { value: 'initial' },
             "font-feature-settings": { value: '"ss01" on, "ss04" on' }
         },
         "body-caps": {
@@ -96,8 +96,8 @@
             "letter-spacing": { value: 'normal' },
             "font-weight": { value: 'normal' },
             "font-family": { value: '{font.family.monospace}' },
-            "text-transform": { value: 'null' },
-            "font-feature-settings": { value: 'null' }
+            "text-transform": { value: 'initial' },
+            "font-feature-settings": { value: 'initial' }
         },
         "caption": {
             "font-size": { value: '13px' },
@@ -105,7 +105,7 @@
             "letter-spacing": { value: '-0.0025em' },
             "font-weight": { value: 'normal' },
             "font-family": { value: '{font.family.base}' },
-            "text-transform": { value: 'null' },
+            "text-transform": { value: 'initial' },
             "font-feature-settings": { value: '"ss01" on, "ss04" on' }
         },
         "caption-tabular": {
@@ -114,7 +114,16 @@
             "letter-spacing": { value: '-0.0025em' },
             "font-weight": { value: 'normal' },
             "font-family": { value: '{font.family.base}' },
-            "text-transform": { value: 'null' },
+            "text-transform": { value: 'initial' },
+            "font-feature-settings": { value: '"tnum" on, "ss01" on, "ss04" on' }
+        },
+        "caption-strong": {
+            "font-size": { value: '13px' },
+            "line-height": { value: '16px' },
+            "letter-spacing": { value: '-0.0025em' },
+            "font-weight": { value: '500' },
+            "font-family": { value: '{font.family.base}' },
+            "text-transform": { value: 'initial' },
             "font-feature-settings": { value: '"tnum" on, "ss01" on, "ss04" on' }
         },
         "caption-caps": {
@@ -132,8 +141,8 @@
             "letter-spacing": { value: 'normal' },
             "font-weight": { value: 'normal' },
             "font-family": { value: '{font.family.monospace}' },
-            "text-transform": { value: 'null' },
-            "font-feature-settings": { value: 'null' }
+            "text-transform": { value: 'initial' },
+            "font-feature-settings": { value: 'initial' }
         },
         "small-text": {
             "font-size": { value: '13px' },
@@ -141,7 +150,7 @@
             "letter-spacing": { value: '-0.0025em' },
             "font-weight": { value: 'normal' },
             "font-family": { value: '{font.family.base}' },
-            "text-transform": { value: 'null' },
+            "text-transform": { value: 'initial' },
             "font-feature-settings": { value: '"ss01" on, "ss04" on' }
         },
         "extra-small-text": {
@@ -150,7 +159,7 @@
             "letter-spacing": { value: '0.005em' },
             "font-weight": { value: 'normal' },
             "font-family": { value: '{font.family.base}' },
-            "text-transform": { value: 'null' },
+            "text-transform": { value: 'initial' },
             "font-feature-settings": { value: '"ss01" on, "ss04" on' }
         },
         "extra-small-text-caps": {
@@ -168,8 +177,8 @@
             "letter-spacing": { value: '0px' },
             "font-weight": { value: 'normal' },
             "font-family": { value: '{font.family.monospace}' },
-            "text-transform": { value: 'null' },
-            "font-feature-settings": { value: 'null' }
+            "text-transform": { value: 'initial' },
+            "font-feature-settings": { value: 'initial' }
         }
     }
 }

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

@@ -8268,63 +8268,63 @@ export declare const TypographyDisplay1LineHeight = "76px";
 export declare const TypographyDisplay1LetterSpacing = "normal";
 export declare const TypographyDisplay1FontWeight = "normal";
 export declare const TypographyDisplay1FontFamily = "'TT Positive', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
-export declare const TypographyDisplay1TextTransform = "null";
-export declare const TypographyDisplay1FontFeatureSettings = "null";
+export declare const TypographyDisplay1TextTransform = "initial";
+export declare const TypographyDisplay1FontFeatureSettings = "initial";
 export declare const TypographyDisplay2FontSize = "45px";
 export declare const TypographyDisplay2LineHeight = "56px";
 export declare const TypographyDisplay2LetterSpacing = "normal";
 export declare const TypographyDisplay2FontWeight = "normal";
 export declare const TypographyDisplay2FontFamily = "'TT Positive', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
-export declare const TypographyDisplay2TextTransform = "null";
-export declare const TypographyDisplay2FontFeatureSettings = "null";
+export declare const TypographyDisplay2TextTransform = "initial";
+export declare const TypographyDisplay2FontFeatureSettings = "initial";
 export declare const TypographyDisplay3FontSize = "34px";
 export declare const TypographyDisplay3LineHeight = "44px";
 export declare const TypographyDisplay3LetterSpacing = "normal";
 export declare const TypographyDisplay3FontWeight = "normal";
 export declare const TypographyDisplay3FontFamily = "'TT Positive', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
-export declare const TypographyDisplay3TextTransform = "null";
-export declare const TypographyDisplay3FontFeatureSettings = "null";
+export declare const TypographyDisplay3TextTransform = "initial";
+export declare const TypographyDisplay3FontFeatureSettings = "initial";
 export declare const TypographyHeadlineFontSize = "24px";
 export declare const TypographyHeadlineLineHeight = "32px";
 export declare const TypographyHeadlineLetterSpacing = "normal";
 export declare const TypographyHeadlineFontWeight = "normal";
 export declare const TypographyHeadlineFontFamily = "'TT Positive', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
-export declare const TypographyHeadlineTextTransform = "null";
-export declare const TypographyHeadlineFontFeatureSettings = "null";
+export declare const TypographyHeadlineTextTransform = "initial";
+export declare const TypographyHeadlineFontFeatureSettings = "initial";
 export declare const TypographyTitleFontSize = "20px";
 export declare const TypographyTitleLineHeight = "28px";
 export declare const TypographyTitleLetterSpacing = "normal";
 export declare const TypographyTitleFontWeight = "600";
 export declare const TypographyTitleFontFamily = "'TT Positive', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
-export declare const TypographyTitleTextTransform = "null";
-export declare const TypographyTitleFontFeatureSettings = "null";
+export declare const TypographyTitleTextTransform = "initial";
+export declare const TypographyTitleFontFeatureSettings = "initial";
 export declare const TypographySubheadingFontSize = "15px";
 export declare const TypographySubheadingLineHeight = "20px";
 export declare const TypographySubheadingLetterSpacing = "-0.009em";
 export declare const TypographySubheadingFontWeight = "600";
 export declare const TypographySubheadingFontFamily = "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
-export declare const TypographySubheadingTextTransform = "null";
+export declare const TypographySubheadingTextTransform = "initial";
 export declare const TypographySubheadingFontFeatureSettings = "\"ss01\" on, \"ss04\" on";
 export declare const TypographyBodyFontSize = "15px";
 export declare const TypographyBodyLineHeight = "20px";
 export declare const TypographyBodyLetterSpacing = "-0.009em";
 export declare const TypographyBodyFontWeight = "normal";
 export declare const TypographyBodyFontFamily = "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
-export declare const TypographyBodyTextTransform = "null";
+export declare const TypographyBodyTextTransform = "initial";
 export declare const TypographyBodyFontFeatureSettings = "\"ss01\" on, \"ss04\" on";
 export declare const TypographyBodyTabularFontSize = "15px";
 export declare const TypographyBodyTabularLineHeight = "20px";
 export declare const TypographyBodyTabularLetterSpacing = "-0.009em";
 export declare const TypographyBodyTabularFontWeight = "normal";
 export declare const TypographyBodyTabularFontFamily = "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
-export declare const TypographyBodyTabularTextTransform = "null";
+export declare const TypographyBodyTabularTextTransform = "initial";
 export declare const TypographyBodyTabularFontFeatureSettings = "\"tnum\" on, \"ss01\" on, \"ss04\" on";
 export declare const TypographyBodyStrongFontSize = "15px";
 export declare const TypographyBodyStrongLineHeight = "20px";
 export declare const TypographyBodyStrongLetterSpacing = "-0.009em";
 export declare const TypographyBodyStrongFontWeight = "500";
 export declare const TypographyBodyStrongFontFamily = "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
-export declare const TypographyBodyStrongTextTransform = "null";
+export declare const TypographyBodyStrongTextTransform = "initial";
 export declare const TypographyBodyStrongFontFeatureSettings = "\"ss01\" on, \"ss04\" on";
 export declare const TypographyBodyCapsFontSize = "15px";
 export declare const TypographyBodyCapsLineHeight = "20px";
@@ -8338,22 +8338,29 @@ export declare const TypographyBodyMonoLineHeight = "20px";
 export declare const TypographyBodyMonoLetterSpacing = "normal";
 export declare const TypographyBodyMonoFontWeight = "normal";
 export declare const TypographyBodyMonoFontFamily = "'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace";
-export declare const TypographyBodyMonoTextTransform = "null";
-export declare const TypographyBodyMonoFontFeatureSettings = "null";
+export declare const TypographyBodyMonoTextTransform = "initial";
+export declare const TypographyBodyMonoFontFeatureSettings = "initial";
 export declare const TypographyCaptionFontSize = "13px";
 export declare const TypographyCaptionLineHeight = "16px";
 export declare const TypographyCaptionLetterSpacing = "-0.0025em";
 export declare const TypographyCaptionFontWeight = "normal";
 export declare const TypographyCaptionFontFamily = "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
-export declare const TypographyCaptionTextTransform = "null";
+export declare const TypographyCaptionTextTransform = "initial";
 export declare const TypographyCaptionFontFeatureSettings = "\"ss01\" on, \"ss04\" on";
 export declare const TypographyCaptionTabularFontSize = "13px";
 export declare const TypographyCaptionTabularLineHeight = "16px";
 export declare const TypographyCaptionTabularLetterSpacing = "-0.0025em";
 export declare const TypographyCaptionTabularFontWeight = "normal";
 export declare const TypographyCaptionTabularFontFamily = "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
-export declare const TypographyCaptionTabularTextTransform = "null";
+export declare const TypographyCaptionTabularTextTransform = "initial";
 export declare const TypographyCaptionTabularFontFeatureSettings = "\"tnum\" on, \"ss01\" on, \"ss04\" on";
+export declare const TypographyCaptionStrongFontSize = "13px";
+export declare const TypographyCaptionStrongLineHeight = "16px";
+export declare const TypographyCaptionStrongLetterSpacing = "-0.0025em";
+export declare const TypographyCaptionStrongFontWeight = "500";
+export declare const TypographyCaptionStrongFontFamily = "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
+export declare const TypographyCaptionStrongTextTransform = "initial";
+export declare const TypographyCaptionStrongFontFeatureSettings = "\"tnum\" on, \"ss01\" on, \"ss04\" on";
 export declare const TypographyCaptionCapsFontSize = "13px";
 export declare const TypographyCaptionCapsLineHeight = "16px";
 export declare const TypographyCaptionCapsLetterSpacing = "1.5px";
@@ -8366,21 +8373,21 @@ export declare const TypographyCaptionMonoLineHeight = "16px";
 export declare const TypographyCaptionMonoLetterSpacing = "normal";
 export declare const TypographyCaptionMonoFontWeight = "normal";
 export declare const TypographyCaptionMonoFontFamily = "'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace";
-export declare const TypographyCaptionMonoTextTransform = "null";
-export declare const TypographyCaptionMonoFontFeatureSettings = "null";
+export declare const TypographyCaptionMonoTextTransform = "initial";
+export declare const TypographyCaptionMonoFontFeatureSettings = "initial";
 export declare const TypographySmallTextFontSize = "13px";
 export declare const TypographySmallTextLineHeight = "16px";
 export declare const TypographySmallTextLetterSpacing = "-0.0025em";
 export declare const TypographySmallTextFontWeight = "normal";
 export declare const TypographySmallTextFontFamily = "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
-export declare const TypographySmallTextTextTransform = "null";
+export declare const TypographySmallTextTextTransform = "initial";
 export declare const TypographySmallTextFontFeatureSettings = "\"ss01\" on, \"ss04\" on";
 export declare const TypographyExtraSmallTextFontSize = "11px";
 export declare const TypographyExtraSmallTextLineHeight = "16px";
 export declare const TypographyExtraSmallTextLetterSpacing = "0.005em";
 export declare const TypographyExtraSmallTextFontWeight = "normal";
 export declare const TypographyExtraSmallTextFontFamily = "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
-export declare const TypographyExtraSmallTextTextTransform = "null";
+export declare const TypographyExtraSmallTextTextTransform = "initial";
 export declare const TypographyExtraSmallTextFontFeatureSettings = "\"ss01\" on, \"ss04\" on";
 export declare const TypographyExtraSmallTextCapsFontSize = "11px";
 export declare const TypographyExtraSmallTextCapsLineHeight = "16px";
@@ -8394,8 +8401,8 @@ export declare const TypographyExtraSmallTextMonoLineHeight = "16px";
 export declare const TypographyExtraSmallTextMonoLetterSpacing = "0px";
 export declare const TypographyExtraSmallTextMonoFontWeight = "normal";
 export declare const TypographyExtraSmallTextMonoFontFamily = "'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace";
-export declare const TypographyExtraSmallTextMonoTextTransform = "null";
-export declare const TypographyExtraSmallTextMonoFontFeatureSettings = "null";
+export declare const TypographyExtraSmallTextMonoTextTransform = "initial";
+export declare const TypographyExtraSmallTextMonoFontFeatureSettings = "initial";
 export declare const AlertLightColorSchemeErrorBackground = "#fff3f3";
 export declare const AlertLightColorSchemeErrorBorder = "#fbd6d6";
 export declare const AlertLightColorSchemeErrorIcon = "#ee6f79";
@@ -8663,6 +8670,7 @@ export declare const CheckboxDarkColorSchemeErrorStatesCheckedFocusedOutline = "
 export declare const CheckboxSizeWidth = "16px";
 export declare const CheckboxSizeLabelMargin = "8px";
 export declare const CheckboxSizeBorderWidth = "1px";
+export declare const CheckboxSizeBorderRadius = "4px";
 export declare const CheckboxSizeToggleBoxShadow = "inset 0 0 1px 0 rgba(0, 0, 0, 0.2)";
 export declare const CheckboxFontDefault = "body";
 export declare const DatepickerToggleSizeWidth = "30px";
@@ -8729,12 +8737,12 @@ export declare const FormFieldLightColorSchemeBorder = "#bdc7d1";
 export declare const FormFieldLightColorSchemeBackground = "white";
 export declare const FormFieldLightColorSchemeStatesHoverBorder = "#8c99a5";
 export declare const FormFieldLightColorSchemeStatesInvalidBorder = "#db3c55";
-export declare const FormFieldLightColorSchemeStatesInvalidBackground = "transparent";
+export declare const FormFieldLightColorSchemeStatesInvalidBackground = "#fff3f3";
 export declare const FormFieldDarkColorSchemeBorder = "#515e69";
 export declare const FormFieldDarkColorSchemeBackground = "transparent";
 export declare const FormFieldDarkColorSchemeStatesHoverBorder = "#515e69";
 export declare const FormFieldDarkColorSchemeStatesInvalidBorder = "#b9023a";
-export declare const FormFieldDarkColorSchemeStatesInvalidBackground = "transparent";
+export declare const FormFieldDarkColorSchemeStatesInvalidBackground = "mix(#41000b, transparent, 30%)";
 export declare const FormFieldSizeHeight = "32px";
 export declare const FormFieldSizeBorderWidth = "1px";
 export declare const FormFieldSizeBorderRadius = "4px";
@@ -8762,8 +8770,6 @@ export declare const FormsLightColorSchemeLegend = "#19252f";
 export declare const FormsDarkColorSchemeLabel = "#8c99a5";
 export declare const FormsDarkColorSchemeLegend = "#f2f5f9";
 export declare const FormsSizeHorizontalRowMarginBottom = "20px";
-export declare const FormsSizeHorizontalLabelPaddingTop = "6px";
-export declare const FormsSizeHorizontalLabelPaddingBottom = "0";
 export declare const FormsSizeHorizontalControlPaddingLeft = "16px";
 export declare const FormsSizeHorizontalLegendMarginTop = "32px";
 export declare const FormsSizeHorizontalLegendMarginBottom = "16px";
@@ -8828,7 +8834,7 @@ export declare const InputSizeWidth = "100%";
 export declare const InputFontDefault = "body";
 export declare const InputFontMonospace = "body-mono";
 export declare const LinkLightColorSchemeText = "#0374eb";
-export declare const LinkLightColorSchemeBorderBottom = "rgba(#8c99a5, 0.32)";
+export declare const LinkLightColorSchemeBorderBottom = "rgba(#0374eb, 0.32)";
 export declare const LinkLightColorSchemeStateVisitedText = "#864775";
 export declare const LinkLightColorSchemeStateVisitedBorderBottom = "rgba(#864775, 0.32)";
 export declare const LinkLightColorSchemeStateHoverText = "#0059b8";
@@ -8836,7 +8842,7 @@ export declare const LinkLightColorSchemeStateHoverBorderBottom = "rgba(#0059b8,
 export declare const LinkLightColorSchemeStateActive = "#014b9d";
 export declare const LinkLightColorSchemeStateFocusedOutline = "#0374eb";
 export declare const LinkDarkColorSchemeText = "#5697ff";
-export declare const LinkDarkColorSchemeBorderBottom = "rgba(#6d7a86, 0.32)";
+export declare const LinkDarkColorSchemeBorderBottom = "rgba(#5697ff, 0.32);";
 export declare const LinkDarkColorSchemeStateVisitedText = "#bb78a7";
 export declare const LinkDarkColorSchemeStateVisitedBorderBottom = "rgba(#bb78a7, 0.32)";
 export declare const LinkDarkColorSchemeStateHoverText = "#4187ff";
@@ -8939,6 +8945,7 @@ export declare const PopoverDarkColorSchemeBorder = "#333f4a";
 export declare const PopoverSizeMaxHeight = "480px";
 export declare const PopoverSizePadding = "16px";
 export declare const PopoverSizeBorderRadius = "4px";
+export declare const PopoverSizeBorderWidth = "1px";
 export declare const PopoverSizeArrowSize = "12px";
 export declare const PopoverSizeTriggerMargin = "9px";
 export declare const PopoverSizeSmallWidth = "200px";
@@ -9133,6 +9140,16 @@ export declare const TextareaSizePadding = "5px 12px";
 export declare const TextareaFontDefault = "body";
 export declare const TextareaFontMono = "body-mono";
 export declare const TimepickerSizePaddingRight = "16px";
+export declare const TimezoneOptionLightColorSchemeText = "#19252f";
+export declare const TimezoneOptionLightColorSchemeCaption = "#6d7a86";
+export declare const TimezoneOptionDarkColorSchemeText = "#f2f5f9";
+export declare const TimezoneOptionDarkColorSchemeCaption = "#8c99a5";
+export declare const TimezoneOptionSizePadding = "6px 8px 6px 14px";
+export declare const TimezoneOptionSizeColumnGap = "16px";
+export declare const TimezoneOptionSizeHeight = "auto";
+export declare const TimezoneOptionSizeMaxHeight = "4em";
+export declare const TimezoneOptionFontText = "body";
+export declare const TimezoneOptionFontCaption = "caption";
 export declare const ToastLightColorSchemeBackground = "white";
 export declare const ToastLightColorSchemeBorder = "#bdc7d1";
 export declare const ToastLightColorSchemeText = "#19252f";

package/design-tokens/style-dictionary/transforms/attribute/palette.js

@@ -4,6 +4,6 @@ module.exports = (StyleDictionary) => {
         name: 'mc-attribute/palette',
         type: 'attribute',
         matcher: (prop) => prop.name === 'palette',
-        transformer: (prop) => ({ palette: true })
+        transformer: () => ({ palette: true })
     });
 };

package/design-tokens/style-dictionary/transforms/attribute/size.js

@@ -3,6 +3,6 @@ module.exports = (StyleDictionary) => {
         name: 'mc-attribute/size',
         type: 'attribute',
         matcher: (prop) => prop.attributes.type === 'size',
-        transformer: (prop) => ({ size: true })
+        transformer: () => ({ size: true })
     });
 };

package/design-tokens/style-dictionary/transforms/attribute/typography.js

@@ -4,6 +4,6 @@ module.exports = (StyleDictionary) => {
         name: 'mc-attribute/typography',
         type: 'attribute',
         matcher: (prop) => prop.attributes.category === 'typography',
-        transformer: (prop) => ({ typography: true })
+        transformer: () => ({ typography: true })
     });
 };

package/divider/divider.component.d.ts

@@ -7,5 +7,5 @@ export declare class McDivider {
     set inset(value: boolean);
     private _inset;
     static ɵfac: i0.ɵɵFactoryDeclaration<McDivider, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<McDivider, "mc-divider", never, { "vertical": "vertical"; "inset": "inset"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<McDivider, "mc-divider", never, { "vertical": "vertical"; "inset": "inset"; }, {}, never, never, false>;
 }