@ptsecurity/mosaic 13.9.1 → 13.11.0

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

@@ -4,6 +4,7 @@
             default: {
                 border: { value: '{light-color-scheme.foreground.border}' },
                 color: { value: 'white' },
+                background: { value: 'transparent' },
 
                 states: {
                     checked: {
@@ -25,6 +26,7 @@
             error: {
                 border: { value: '{light-color-scheme.error.palette.value.400}' },
                 color: { value: 'white' },
+                background: { value: 'transparent' },
 
                 states: {
                     checked: {
@@ -48,6 +50,7 @@
             default: {
                 border: { value: '{dark-color-scheme.foreground.border}' },
                 color: { value: 'white' },
+                background: { value: 'transparent' },
 
                 states: {
                     checked: {
@@ -69,6 +72,7 @@
             error: {
                 border: { value: '{dark-color-scheme.error.palette.value.400}' },
                 color: { value: 'white' },
+                background: { value: 'transparent' },
 
                 states: {
                     checked: {

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: {

package/design-tokens/legacy-2017/tokens/properties/typography.json5

@@ -6,8 +6,8 @@
             "letter-spacing": { value: '-0.4px' },
             "font-weight": { value: 'normal' },
             "font-family": { value: '{font.family.base}' },
-            "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.base}' },
-            "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: '0.25px' },
             "font-weight": { value: 'normal' },
             "font-family": { value: '{font.family.base}' },
-            "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.base}' },
-            "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: '0.15px' },
             "font-weight": { value: '500' },
             "font-family": { value: '{font.family.base}' },
-            "text-transform": { value: 'null' },
-            "font-feature-settings": { value: 'null' }
+            "text-transform": { value: 'initial' },
+            "font-feature-settings": { value: 'initial' }
         },
         "subheading": {
             "font-size": { value: '15px' },
@@ -51,8 +51,8 @@
             "letter-spacing": { value: '0.15px' },
             "font-weight": { value: '700' },
             "font-family": { value: '{font.family.base}' },
-            "text-transform": { value: 'null' },
-            "font-feature-settings": { value: 'null' }
+            "text-transform": { value: 'initial' },
+            "font-feature-settings": { value: 'initial' }
         },
         "body": {
             "font-size": { value: '15px' },
@@ -60,8 +60,8 @@
             "letter-spacing": { value: '0.15px' },
             "font-weight": { value: 'normal' },
             "font-family": { value: '{font.family.base}' },
-            "text-transform": { value: 'null' },
-            "font-feature-settings": { value: 'null' }
+            "text-transform": { value: 'initial' },
+            "font-feature-settings": { value: 'initial' }
         },
         "body-tabular": {
             "font-size": { value: '15px' },
@@ -69,7 +69,7 @@
             "letter-spacing": { value: '0.15px' },
             "font-weight": { value: 'normal' },
             "font-family": { value: '{font.family.base}' },
-            "text-transform": { value: 'null' },
+            "text-transform": { value: 'initial' },
             "font-feature-settings": { value: '"tnum" on' }
         },
         "body-strong": {
@@ -78,8 +78,8 @@
             "letter-spacing": { value: '-0.009em' },
             "font-weight": { value: '500' },
             "font-family": { value: '{font.family.base}' },
-            "text-transform": { value: 'null' },
-            "font-feature-settings": { value: 'null' }
+            "text-transform": { value: 'initial' },
+            "font-feature-settings": { value: 'initial' }
         },
         "body-caps": {
             "font-size": { value: '15px' },
@@ -88,7 +88,7 @@
             "font-weight": { value: 'normal' },
             "font-family": { value: '{font.family.base}' },
             "text-transform": { value: 'uppercase' },
-            "font-feature-settings": { value: 'null' }
+            "font-feature-settings": { value: 'initial' }
         },
         "body-mono": {
             "font-size": { value: '15px' },
@@ -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,8 +105,17 @@
             "letter-spacing": { value: '0.25px' },
             "font-weight": { value: 'normal' },
             "font-family": { value: '{font.family.base}' },
-            "text-transform": { value: 'null' },
-            "font-feature-settings": { value: 'null' }
+            "text-transform": { value: 'initial' },
+            "font-feature-settings": { value: 'initial' }
+        },
+        "caption-strong": {
+            "font-size": { value: '13px' },
+            "line-height": { value: '16px' },
+            "letter-spacing": { value: '0.25px' },
+            "font-weight": { value: '700' },
+            "font-family": { value: '{font.family.base}' },
+            "text-transform": { value: 'initial' },
+            "font-feature-settings": { value: 'initial' }
         },
         "caption-tabular": {
             "font-size": { value: '13px' },
@@ -114,7 +123,7 @@
             "letter-spacing": { value: '0.25px' },
             "font-weight": { value: 'normal' },
             "font-family": { value: '{font.family.base}' },
-            "text-transform": { value: 'null' },
+            "text-transform": { value: 'initial' },
             "font-feature-settings": { value: '"tnum" on' }
         },
         "caption-caps": {
@@ -124,7 +133,7 @@
             "font-weight": { value: 'normal' },
             "font-family": { value: '{font.family.base}' },
             "text-transform": { value: 'uppercase' },
-            "font-feature-settings": { value: 'null' }
+            "font-feature-settings": { value: 'initial' }
         },
         "caption-mono": {
             "font-size": { value: '13px' },
@@ -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,8 +150,8 @@
             "letter-spacing": { value: '0.25px' },
             "font-weight": { value: 'normal' },
             "font-family": { value: '{font.family.base}' },
-            "text-transform": { value: 'null' },
-            "font-feature-settings": { value: 'null' }
+            "text-transform": { value: 'initial' },
+            "font-feature-settings": { value: 'initial' }
         },
         "extra-small-text": {
             "font-size": { value: '11px' },
@@ -150,8 +159,8 @@
             "letter-spacing": { value: '0.22px' },
             "font-weight": { value: 'normal' },
             "font-family": { value: '{font.family.base}' },
-            "text-transform": { value: 'null' },
-            "font-feature-settings": { value: 'null' }
+            "text-transform": { value: 'initial' },
+            "font-feature-settings": { value: 'initial' }
         },
         "extra-small-text-caps": {
             "font-size": { value: '11px' },
@@ -160,7 +169,7 @@
             "font-weight": { value: 'normal' },
             "font-family": { value: '{font.family.base}' },
             "text-transform": { value: 'uppercase' },
-            "font-feature-settings": { value: 'null' }
+            "font-feature-settings": { value: 'initial' }
         },
         "extra-small-text-mono": {
             "font-size": { value: '11px' },
@@ -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/legacy-2017/tokens.d.ts

@@ -6939,91 +6939,98 @@ export declare const TypographyDisplay1LineHeight = "76px";
 export declare const TypographyDisplay1LetterSpacing = "-0.4px";
 export declare const TypographyDisplay1FontWeight = "normal";
 export declare const TypographyDisplay1FontFamily = "Roboto, -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 = "Roboto, -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 = "0.25px";
 export declare const TypographyDisplay3FontWeight = "normal";
 export declare const TypographyDisplay3FontFamily = "Roboto, -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 = "Roboto, -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 = "0.15px";
 export declare const TypographyTitleFontWeight = "500";
 export declare const TypographyTitleFontFamily = "Roboto, -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.15px";
 export declare const TypographySubheadingFontWeight = "700";
 export declare const TypographySubheadingFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
-export declare const TypographySubheadingTextTransform = "null";
-export declare const TypographySubheadingFontFeatureSettings = "null";
+export declare const TypographySubheadingTextTransform = "initial";
+export declare const TypographySubheadingFontFeatureSettings = "initial";
 export declare const TypographyBodyFontSize = "15px";
 export declare const TypographyBodyLineHeight = "20px";
 export declare const TypographyBodyLetterSpacing = "0.15px";
 export declare const TypographyBodyFontWeight = "normal";
 export declare const TypographyBodyFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
-export declare const TypographyBodyTextTransform = "null";
-export declare const TypographyBodyFontFeatureSettings = "null";
+export declare const TypographyBodyTextTransform = "initial";
+export declare const TypographyBodyFontFeatureSettings = "initial";
 export declare const TypographyBodyTabularFontSize = "15px";
 export declare const TypographyBodyTabularLineHeight = "20px";
 export declare const TypographyBodyTabularLetterSpacing = "0.15px";
 export declare const TypographyBodyTabularFontWeight = "normal";
 export declare const TypographyBodyTabularFontFamily = "Roboto, -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";
 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 = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
-export declare const TypographyBodyStrongTextTransform = "null";
-export declare const TypographyBodyStrongFontFeatureSettings = "null";
+export declare const TypographyBodyStrongTextTransform = "initial";
+export declare const TypographyBodyStrongFontFeatureSettings = "initial";
 export declare const TypographyBodyCapsFontSize = "15px";
 export declare const TypographyBodyCapsLineHeight = "20px";
 export declare const TypographyBodyCapsLetterSpacing = "1.7px";
 export declare const TypographyBodyCapsFontWeight = "normal";
 export declare const TypographyBodyCapsFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
 export declare const TypographyBodyCapsTextTransform = "uppercase";
-export declare const TypographyBodyCapsFontFeatureSettings = "null";
+export declare const TypographyBodyCapsFontFeatureSettings = "initial";
 export declare const TypographyBodyMonoFontSize = "15px";
 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.25px";
 export declare const TypographyCaptionFontWeight = "normal";
 export declare const TypographyCaptionFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
-export declare const TypographyCaptionTextTransform = "null";
-export declare const TypographyCaptionFontFeatureSettings = "null";
+export declare const TypographyCaptionTextTransform = "initial";
+export declare const TypographyCaptionFontFeatureSettings = "initial";
+export declare const TypographyCaptionStrongFontSize = "13px";
+export declare const TypographyCaptionStrongLineHeight = "16px";
+export declare const TypographyCaptionStrongLetterSpacing = "0.25px";
+export declare const TypographyCaptionStrongFontWeight = "700";
+export declare const TypographyCaptionStrongFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
+export declare const TypographyCaptionStrongTextTransform = "initial";
+export declare const TypographyCaptionStrongFontFeatureSettings = "initial";
 export declare const TypographyCaptionTabularFontSize = "13px";
 export declare const TypographyCaptionTabularLineHeight = "16px";
 export declare const TypographyCaptionTabularLetterSpacing = "0.25px";
 export declare const TypographyCaptionTabularFontWeight = "normal";
 export declare const TypographyCaptionTabularFontFamily = "Roboto, -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";
 export declare const TypographyCaptionCapsFontSize = "13px";
 export declare const TypographyCaptionCapsLineHeight = "16px";
@@ -7031,42 +7038,42 @@ export declare const TypographyCaptionCapsLetterSpacing = "1.5px";
 export declare const TypographyCaptionCapsFontWeight = "normal";
 export declare const TypographyCaptionCapsFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
 export declare const TypographyCaptionCapsTextTransform = "uppercase";
-export declare const TypographyCaptionCapsFontFeatureSettings = "null";
+export declare const TypographyCaptionCapsFontFeatureSettings = "initial";
 export declare const TypographyCaptionMonoFontSize = "13px";
 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.25px";
 export declare const TypographySmallTextFontWeight = "normal";
 export declare const TypographySmallTextFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
-export declare const TypographySmallTextTextTransform = "null";
-export declare const TypographySmallTextFontFeatureSettings = "null";
+export declare const TypographySmallTextTextTransform = "initial";
+export declare const TypographySmallTextFontFeatureSettings = "initial";
 export declare const TypographyExtraSmallTextFontSize = "11px";
 export declare const TypographyExtraSmallTextLineHeight = "16px";
 export declare const TypographyExtraSmallTextLetterSpacing = "0.22px";
 export declare const TypographyExtraSmallTextFontWeight = "normal";
 export declare const TypographyExtraSmallTextFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
-export declare const TypographyExtraSmallTextTextTransform = "null";
-export declare const TypographyExtraSmallTextFontFeatureSettings = "null";
+export declare const TypographyExtraSmallTextTextTransform = "initial";
+export declare const TypographyExtraSmallTextFontFeatureSettings = "initial";
 export declare const TypographyExtraSmallTextCapsFontSize = "11px";
 export declare const TypographyExtraSmallTextCapsLineHeight = "16px";
 export declare const TypographyExtraSmallTextCapsLetterSpacing = "1px";
 export declare const TypographyExtraSmallTextCapsFontWeight = "normal";
 export declare const TypographyExtraSmallTextCapsFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
 export declare const TypographyExtraSmallTextCapsTextTransform = "uppercase";
-export declare const TypographyExtraSmallTextCapsFontFeatureSettings = "null";
+export declare const TypographyExtraSmallTextCapsFontFeatureSettings = "initial";
 export declare const TypographyExtraSmallTextMonoFontSize = "11px";
 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 = "#FCEFEC";
 export declare const AlertLightColorSchemeErrorBorder = "#E76E5C";
 export declare const AlertLightColorSchemeErrorIcon = "#E76E5C";
@@ -7293,6 +7300,7 @@ export declare const CardDarkColorSchemeInfoShadow = "#4D4D4D";
 export declare const CardSizeVerticalLine = "4px";
 export declare const CheckboxLightColorSchemeDefaultBorder = "#B3B3B3";
 export declare const CheckboxLightColorSchemeDefaultColor = "white";
+export declare const CheckboxLightColorSchemeDefaultBackground = "transparent";
 export declare const CheckboxLightColorSchemeDefaultStatesCheckedBorder = "#206EA2";
 export declare const CheckboxLightColorSchemeDefaultStatesCheckedBackground = "#338FCC";
 export declare const CheckboxLightColorSchemeDefaultStatesFocusedBorder = "#338FCC";
@@ -7303,6 +7311,7 @@ export declare const CheckboxLightColorSchemeDefaultStatesCheckedFocusedShadow =
 export declare const CheckboxLightColorSchemeDefaultStatesCheckedFocusedOutline = "1px solid white";
 export declare const CheckboxLightColorSchemeErrorBorder = "#E76E5C";
 export declare const CheckboxLightColorSchemeErrorColor = "white";
+export declare const CheckboxLightColorSchemeErrorBackground = "transparent";
 export declare const CheckboxLightColorSchemeErrorStatesCheckedBorder = "#B23522";
 export declare const CheckboxLightColorSchemeErrorStatesCheckedBackground = "#E04D36";
 export declare const CheckboxLightColorSchemeErrorStatesFocusedBorder = "#E76E5C";
@@ -7313,6 +7322,7 @@ export declare const CheckboxLightColorSchemeErrorStatesCheckedFocusedShadow = "
 export declare const CheckboxLightColorSchemeErrorStatesCheckedFocusedOutline = "1px solid white";
 export declare const CheckboxDarkColorSchemeDefaultBorder = "#808080";
 export declare const CheckboxDarkColorSchemeDefaultColor = "white";
+export declare const CheckboxDarkColorSchemeDefaultBackground = "transparent";
 export declare const CheckboxDarkColorSchemeDefaultStatesCheckedBorder = "#57A4D7";
 export declare const CheckboxDarkColorSchemeDefaultStatesCheckedBackground = "#206EA2";
 export declare const CheckboxDarkColorSchemeDefaultStatesFocusedBorder = "#57A4D7";
@@ -7323,6 +7333,7 @@ export declare const CheckboxDarkColorSchemeDefaultStatesCheckedFocusedShadow =
 export declare const CheckboxDarkColorSchemeDefaultStatesCheckedFocusedOutline = "1px solid #333333";
 export declare const CheckboxDarkColorSchemeErrorBorder = "#E76E5C";
 export declare const CheckboxDarkColorSchemeErrorColor = "white";
+export declare const CheckboxDarkColorSchemeErrorBackground = "transparent";
 export declare const CheckboxDarkColorSchemeErrorStatesCheckedBorder = "#E76E5C";
 export declare const CheckboxDarkColorSchemeErrorStatesCheckedBackground = "#B23522";
 export declare const CheckboxDarkColorSchemeErrorStatesFocusedBorder = "#E76E5C";
@@ -7400,12 +7411,12 @@ export declare const FormFieldLightColorSchemeBorder = "#B3B3B3";
 export declare const FormFieldLightColorSchemeBackground = "white";
 export declare const FormFieldLightColorSchemeStatesHoverBorder = "#999999";
 export declare const FormFieldLightColorSchemeStatesInvalidBorder = "#E76E5C";
-export declare const FormFieldLightColorSchemeStatesInvalidBackground = "transparent";
+export declare const FormFieldLightColorSchemeStatesInvalidBackground = "#FEF7F6";
 export declare const FormFieldDarkColorSchemeBorder = "#999999";
 export declare const FormFieldDarkColorSchemeBackground = "#333333";
 export declare const FormFieldDarkColorSchemeStatesHoverBorder = "#CCCCCC";
 export declare const FormFieldDarkColorSchemeStatesInvalidBorder = "#E76E5C";
-export declare const FormFieldDarkColorSchemeStatesInvalidBackground = "transparent";
+export declare const FormFieldDarkColorSchemeStatesInvalidBackground = "mix(#541208, transparent, 30%)";
 export declare const FormFieldSizeHeight = "32px";
 export declare const FormFieldSizeBorderWidth = "1px";
 export declare const FormFieldSizeBorderRadius = "4px";
@@ -7610,6 +7621,7 @@ export declare const PopoverDarkColorSchemeBorder = "#4D4D4D";
 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";
@@ -7655,6 +7667,7 @@ export declare const RadioLightColorSchemeStatesFocusedOuterCircleShadow = "0 0
 export declare const RadioLightColorSchemeStatesFocusedInnerCircleShadow = "0 0 0 2px white";
 export declare const RadioDarkColorSchemeOuterCircleBorder = "#999999";
 export declare const RadioDarkColorSchemeInnerCircleBorder = "transparent";
+export declare const RadioDarkColorSchemeCapColor = "white";
 export declare const RadioDarkColorSchemeStatesCheckedOuterCircleBorder = "#206EA2";
 export declare const RadioDarkColorSchemeStatesCheckedInnerCircleBorder = "#206EA2";
 export declare const RadioDarkColorSchemeStatesFocusedOuterCircleBorder = "#338FCC";

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

@@ -4,6 +4,7 @@
             default: {
                 border: { value: '{light-color-scheme.foreground.border}' },
                 color: { value: 'white' },
+                background: { value: 'transparent' },
 
                 states: {
                     checked: {
@@ -25,6 +26,7 @@
             error: {
                 border: { value: '{light-color-scheme.error.default}' },
                 color: { value: 'white' },
+                background: { value: 'transparent' },
 
                 states: {
                     checked: {
@@ -48,6 +50,7 @@
             default: {
                 border: { value: '{dark-color-scheme.foreground.border}' },
                 color: { value: 'white' },
+                background: { value: 'transparent' },
 
                 states: {
                     checked: {
@@ -69,6 +72,7 @@
             error: {
                 border: { value: '{dark-color-scheme.error.default}' },
                 color: { value: 'white' },
+                background: { value: 'transparent' },
 
                 states: {
                     checked: {

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}' }
                 }
             }
         },
@@ -20,11 +20,11 @@
 
             states: {
                 hover: {
-                    border: { value: '{dark-color-scheme.second.palette.value.560}' }
+                    border: { value: '{dark-color-scheme.second.palette.value.500}' }
                 },
                 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/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' }
     }