@ptsecurity/mosaic 13.10.0 → 14.1.0

package/design-tokens/legacy-2017/tokens.d.ts

@@ -7119,28 +7119,28 @@ export declare const AutocompleteSizePanelPadding = "4px 0";
 export declare const AutocompleteSizePanelMaxHeight = "256px";
 export declare const AutocompleteSizePanelBorderRadius = "4px";
 export declare const BadgeLightColorSchemeSolidPrimaryBackground = "#338FCC";
-export declare const BadgeLightColorSchemeSolidPrimaryColor = "white";
 export declare const BadgeLightColorSchemeSolidPrimaryBorder = "#338FCC";
-export declare const BadgeLightColorSchemeSolidInfoBorder = "#338FCC";
+export declare const BadgeLightColorSchemeSolidPrimaryColor = "white";
 export declare const BadgeLightColorSchemeSolidInfoBackground = "#338FCC";
+export declare const BadgeLightColorSchemeSolidInfoBorder = "#338FCC";
 export declare const BadgeLightColorSchemeSolidInfoColor = "white";
-export declare const BadgeLightColorSchemeSolidSuccessBorder = "#52A832";
 export declare const BadgeLightColorSchemeSolidSuccessBackground = "#52A832";
+export declare const BadgeLightColorSchemeSolidSuccessBorder = "#52A832";
 export declare const BadgeLightColorSchemeSolidSuccessColor = "white";
-export declare const BadgeLightColorSchemeSolidWarningBorder = "#D6930D";
 export declare const BadgeLightColorSchemeSolidWarningBackground = "#D6930D";
+export declare const BadgeLightColorSchemeSolidWarningBorder = "#D6930D";
 export declare const BadgeLightColorSchemeSolidWarningColor = "white";
-export declare const BadgeLightColorSchemeSolidErrorBorder = "#E04D36";
 export declare const BadgeLightColorSchemeSolidErrorBackground = "#E04D36";
+export declare const BadgeLightColorSchemeSolidErrorBorder = "#E04D36";
 export declare const BadgeLightColorSchemeSolidErrorColor = "white";
+export declare const BadgeLightColorSchemeSolidTransparentBackground = "transparent";
 export declare const BadgeLightColorSchemeSolidTransparentBorder = "#CCCCCC";
 export declare const BadgeLightColorSchemeSolidTransparentColor = "#4D4D4D";
-export declare const BadgeLightColorSchemeSolidTransparentBackground = "transparent";
-export declare const BadgeLightColorSchemeSolidLightBorder = "#E6E6E6";
 export declare const BadgeLightColorSchemeSolidLightBackground = "#E6E6E6";
+export declare const BadgeLightColorSchemeSolidLightBorder = "#E6E6E6";
 export declare const BadgeLightColorSchemeSolidLightColor = "#4D4D4D";
-export declare const BadgeLightColorSchemeSolidSecondBorder = "#666666";
 export declare const BadgeLightColorSchemeSolidSecondBackground = "#666666";
+export declare const BadgeLightColorSchemeSolidSecondBorder = "#666666";
 export declare const BadgeLightColorSchemeSolidSecondColor = "white";
 export declare const BadgeLightColorSchemePastelPrimaryBackground = "#F5FAFD";
 export declare const BadgeLightColorSchemePastelPrimaryBorder = "#AAD1EC";
@@ -7157,45 +7157,45 @@ export declare const BadgeLightColorSchemePastelWarningColor = "#BB800A";
 export declare const BadgeLightColorSchemePastelErrorBackground = "#FEF7F6";
 export declare const BadgeLightColorSchemePastelErrorBorder = "#F4B7AE";
 export declare const BadgeLightColorSchemePastelErrorColor = "#E04D36";
-export declare const BadgeDarkColorSchemePastelPrimaryBackground = "rgba(0, 153, 255, 0.15)";
-export declare const BadgeDarkColorSchemePastelPrimaryColor = "#D8EAF7";
-export declare const BadgeDarkColorSchemePastelPrimaryBorder = "#114E77";
-export declare const BadgeDarkColorSchemePastelInfoBackground = "#D8EAF7";
-export declare const BadgeDarkColorSchemePastelInfoColor = "#D8EAF7";
-export declare const BadgeDarkColorSchemePastelInfoBorder = "rgba(0, 153, 255, 0.15)";
-export declare const BadgeDarkColorSchemePastelSuccessBorder = "#276211";
-export declare const BadgeDarkColorSchemePastelSuccessBackground = "rgba(68, 255, 0, 0.15)";
-export declare const BadgeDarkColorSchemePastelSuccessColor = "#DCF1D4";
-export declare const BadgeDarkColorSchemePastelWarningBorder = "#7D5504";
-export declare const BadgeDarkColorSchemePastelWarningBackground = "rgba(255, 170, 0, 0.15)";
-export declare const BadgeDarkColorSchemePastelWarningColor = "#F8EBD1";
-export declare const BadgeDarkColorSchemePastelErrorBorder = "#832112";
-export declare const BadgeDarkColorSchemePastelErrorBackground = "rgba(224, 79, 56, 0.15)";
-export declare const BadgeDarkColorSchemePastelErrorColor = "#FADEDA";
 export declare const BadgeDarkColorSchemeSolidPrimaryBackground = "#114E77";
+export declare const BadgeDarkColorSchemeSolidPrimaryBorder = "#338FCC";
 export declare const BadgeDarkColorSchemeSolidPrimaryColor = "white";
-export declare const BadgeDarkColorSchemeSolidPrimaryBorder = "#114E77";
-export declare const BadgeDarkColorSchemeSolidInfoBorder = "#07314D";
-export declare const BadgeDarkColorSchemeSolidInfoBackground = "#07314D";
+export declare const BadgeDarkColorSchemeSolidInfoBackground = "#114E77";
+export declare const BadgeDarkColorSchemeSolidInfoBorder = "#338FCC";
 export declare const BadgeDarkColorSchemeSolidInfoColor = "white";
-export declare const BadgeDarkColorSchemeSolidSuccessBorder = "#276211";
 export declare const BadgeDarkColorSchemeSolidSuccessBackground = "#276211";
+export declare const BadgeDarkColorSchemeSolidSuccessBorder = "#52A832";
 export declare const BadgeDarkColorSchemeSolidSuccessColor = "white";
-export declare const BadgeDarkColorSchemeSolidWarningBorder = "#7D5504";
 export declare const BadgeDarkColorSchemeSolidWarningBackground = "#7D5504";
+export declare const BadgeDarkColorSchemeSolidWarningBorder = "#D6930D";
 export declare const BadgeDarkColorSchemeSolidWarningColor = "white";
-export declare const BadgeDarkColorSchemeSolidErrorBorder = "#832112";
 export declare const BadgeDarkColorSchemeSolidErrorBackground = "#832112";
+export declare const BadgeDarkColorSchemeSolidErrorBorder = "#E04D36";
 export declare const BadgeDarkColorSchemeSolidErrorColor = "white";
+export declare const BadgeDarkColorSchemeSolidTransparentBackground = "transparent";
 export declare const BadgeDarkColorSchemeSolidTransparentBorder = "#808080";
 export declare const BadgeDarkColorSchemeSolidTransparentColor = "#F5F5F5";
-export declare const BadgeDarkColorSchemeSolidTransparentBackground = "transparent";
-export declare const BadgeDarkColorSchemeSolidLightBorder = "#999999";
 export declare const BadgeDarkColorSchemeSolidLightBackground = "#999999";
+export declare const BadgeDarkColorSchemeSolidLightBorder = "#999999";
 export declare const BadgeDarkColorSchemeSolidLightColor = "white";
-export declare const BadgeDarkColorSchemeSolidSecondBorder = "#4D4D4D";
 export declare const BadgeDarkColorSchemeSolidSecondBackground = "#4D4D4D";
+export declare const BadgeDarkColorSchemeSolidSecondBorder = "#666666";
 export declare const BadgeDarkColorSchemeSolidSecondColor = "white";
+export declare const BadgeDarkColorSchemePastelPrimaryBackground = "rgba(0, 153, 255, 0.15)";
+export declare const BadgeDarkColorSchemePastelPrimaryBorder = "#114E77";
+export declare const BadgeDarkColorSchemePastelPrimaryColor = "#D8EAF7";
+export declare const BadgeDarkColorSchemePastelInfoBackground = "rgba(0, 153, 255, 0.15)";
+export declare const BadgeDarkColorSchemePastelInfoBorder = "#114E77";
+export declare const BadgeDarkColorSchemePastelInfoColor = "#D8EAF7";
+export declare const BadgeDarkColorSchemePastelSuccessBackground = "rgba(68, 255, 0, 0.15)";
+export declare const BadgeDarkColorSchemePastelSuccessBorder = "#276211";
+export declare const BadgeDarkColorSchemePastelSuccessColor = "#DCF1D4";
+export declare const BadgeDarkColorSchemePastelWarningBackground = "rgba(255, 170, 0, 0.15)";
+export declare const BadgeDarkColorSchemePastelWarningBorder = "#7D5504";
+export declare const BadgeDarkColorSchemePastelWarningColor = "#F8EBD1";
+export declare const BadgeDarkColorSchemePastelErrorBackground = "rgba(224, 79, 56, 0.15)";
+export declare const BadgeDarkColorSchemePastelErrorBorder = "#832112";
+export declare const BadgeDarkColorSchemePastelErrorColor = "#FADEDA";
 export declare const BadgeSizeDefaultHeight = "24px";
 export declare const BadgeSizeDefaultMinWidth = "10px";
 export declare const BadgeSizeDefaultPadding = "0 8px";
@@ -7214,6 +7214,7 @@ export declare const BadgeFontMiniCaps = "extra-small-text-caps";
 export declare const BadgeFontMiniMono = "extra-small-text-mono";
 export declare const ButtonToggleSizeBorderSize = "1px";
 export declare const ButtonToggleSizeBorderRadius = "4px";
+export declare const ButtonToggleSizeBorderSiblingsRadius = "0";
 export declare const ButtonLightColorSchemeActiveShadow = "inset 0 1px 2px 0 rgba(black, 0.2)";
 export declare const ButtonLightColorSchemePrimaryColor = "white";
 export declare const ButtonLightColorSchemePrimaryBorder = "#277BB3";
@@ -7300,6 +7301,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";
@@ -7310,6 +7312,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";
@@ -7320,6 +7323,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";
@@ -7330,6 +7334,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";
@@ -7341,6 +7346,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";
@@ -7440,8 +7446,6 @@ export declare const FormsLightColorSchemeLegend = "#4D4D4D";
 export declare const FormsDarkColorSchemeLabel = "#999999";
 export declare const FormsDarkColorSchemeLegend = "#F0F0F0";
 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";
@@ -7652,7 +7656,12 @@ export declare const PopupDarkColorSchemeFooterBackground = "transparent";
 export declare const ProgressBarLightColorSchemeBackground = "#F0F0F0";
 export declare const ProgressBarDarkColorSchemeBackground = "#666666";
 export declare const ProgressBarSizeHeight = "4px";
-export declare const ProgressSpinnerSizeSize = "16px";
+export declare const ProgressSpinnerSizeDefaultSize = "16px";
+export declare const ProgressSpinnerSizeDefaultSvgCircleRadius = "42.5%";
+export declare const ProgressSpinnerSizeDefaultSvgStrokeWidth = "13%";
+export declare const ProgressSpinnerSizeLargeSize = "48px";
+export declare const ProgressSpinnerSizeLargeSvgCircleRadius = "47%";
+export declare const ProgressSpinnerSizeLargeSvgStrokeWidth = "6%";
 export declare const RadioLightColorSchemeOuterCircleBorder = "#808080";
 export declare const RadioLightColorSchemeInnerCircleBorder = "transparent";
 export declare const RadioLightColorSchemeCapColor = "white";
@@ -7809,6 +7818,17 @@ export declare const TextareaSizePadding = "5 12px";
 export declare const TextareaFontDefault = "body";
 export declare const TextareaFontMono = "body-mono";
 export declare const TimepickerSizePaddingRight = "16px";
+export declare const TimezoneOptionLightColorSchemeText = "#4D4D4D";
+export declare const TimezoneOptionLightColorSchemeCaption = "#999999";
+export declare const TimezoneOptionDarkColorSchemeText = "#F0F0F0";
+export declare const TimezoneOptionDarkColorSchemeCaption = "#999999";
+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 TimezoneOptionFontOffsetText = "body-tabular";
+export declare const TimezoneOptionFontCaption = "caption";
 export declare const ToastLightColorSchemeBackground = "white";
 export declare const ToastLightColorSchemeBorder = "#B3B3B3";
 export declare const ToastLightColorSchemeText = "#4D4D4D";

package/design-tokens/pt-2022/tokens/components/button-toggle.json5

@@ -3,7 +3,8 @@
         size: {
             border: {
                 size: { value: '{size.border-width}' },
-                radius: { value: '{size.border-radius}' }
+                radius: { value: '{size.border-radius}' },
+                'siblings-radius': { value: '0' }
             }
         }
     }

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

@@ -4,94 +4,99 @@
             default: {
                 border: { value: '{light-color-scheme.foreground.border}' },
                 color: { value: 'white' },
+                background: { value: 'transparent' },
 
                 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' },
+                background: { value: 'transparent' },
 
                 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: {
                 border: { value: '{dark-color-scheme.foreground.border}' },
                 color: { value: 'white' },
+                background: { value: 'transparent' },
 
                 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' },
+                background: { value: 'transparent' },
 
                 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/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/progress-spinner.json5

@@ -1,7 +1,16 @@
 {
     'progress-spinner': {
         size: {
-            size: { value: '{size.l}' }
+            default: {
+                size: { value: '{size.l}' },
+                'svg-circle-radius': { value: '42.5%' },
+                'svg-stroke-width': { value: '13%' }
+            },
+            large: {
+                size: { value: '{size.5xl}' },
+                'svg-circle-radius': { value: '47%' },
+                'svg-stroke-width': { value: '6%' }
+            }
         }
     }
 }

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

@@ -0,0 +1,23 @@
+{
+    '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' },
+            'offset-text': { value: 'body-tabular' },
+            caption: { value: 'caption' }
+        }
+    }
+}

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

@@ -94,8 +94,8 @@
             text: { value: '{palette.grey.100}' },
             'text-less-contrast': { value: '{palette.grey.300}'},
             'text-disabled': { value: '{palette.grey.500}' },
-            'text-error': { value: '{dark-color-scheme.error.palette.value.400}' },
-            'text-success': { value: '{dark-color-scheme.success.palette.value.400}' },
+            'text-error': { value: '{dark-color-scheme.error.palette.value.300}' },
+            'text-success': { value: '{dark-color-scheme.success.palette.value.300}' },
 
             divider: { value: 'mix({palette.grey.560}, transparent, 50%)' },
             border: { value: '{palette.grey.560}' },

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

@@ -6,7 +6,7 @@
             "letter-spacing": { value: 'normal' },
             "font-weight": { value: 'normal' },
             "font-family": { value: '{font.family.accent}' },
-            "text-transform": { value: 'initial' },
+            "text-transform": { value: 'null' },
             "font-feature-settings": { value: 'initial' }
         },
         "display-2": {
@@ -15,7 +15,7 @@
             "letter-spacing": { value: 'normal' },
             "font-weight": { value: 'normal' },
             "font-family": { value: '{font.family.accent}' },
-            "text-transform": { value: 'initial' },
+            "text-transform": { value: 'null' },
             "font-feature-settings": { value: 'initial' }
         },
         "display-3": {
@@ -24,7 +24,7 @@
             "letter-spacing": { value: 'normal' },
             "font-weight": { value: 'normal' },
             "font-family": { value: '{font.family.accent}' },
-            "text-transform": { value: 'initial' },
+            "text-transform": { value: 'null' },
             "font-feature-settings": { value: 'initial' }
         },
         "headline": {
@@ -33,7 +33,7 @@
             "letter-spacing": { value: 'normal' },
             "font-weight": { value: 'normal' },
             "font-family": { value: '{font.family.accent}' },
-            "text-transform": { value: 'initial' },
+            "text-transform": { value: 'null' },
             "font-feature-settings": { value: 'initial' }
         },
         "title": {
@@ -42,7 +42,7 @@
             "letter-spacing": { value: 'normal' },
             "font-weight": { value: '600' },
             "font-family": { value: '{font.family.accent}' },
-            "text-transform": { value: 'initial' },
+            "text-transform": { value: 'null' },
             "font-feature-settings": { value: 'initial' }
         },
         "subheading": {
@@ -51,7 +51,7 @@
             "letter-spacing": { value: '-0.009em' },
             "font-weight": { value: '600' },
             "font-family": { value: '{font.family.base}' },
-            "text-transform": { value: 'initial' },
+            "text-transform": { value: 'null' },
             "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: 'initial' },
+            "text-transform": { value: 'null' },
             "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: 'initial' },
+            "text-transform": { value: 'null' },
             "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: 'initial' },
+            "text-transform": { value: 'null' },
             "font-feature-settings": { value: '"ss01" on, "ss04" on' }
         },
         "body-caps": {
@@ -96,7 +96,7 @@
             "letter-spacing": { value: 'normal' },
             "font-weight": { value: 'normal' },
             "font-family": { value: '{font.family.monospace}' },
-            "text-transform": { value: 'initial' },
+            "text-transform": { value: 'null' },
             "font-feature-settings": { value: 'initial' }
         },
         "caption": {
@@ -105,7 +105,7 @@
             "letter-spacing": { value: '-0.0025em' },
             "font-weight": { value: 'normal' },
             "font-family": { value: '{font.family.base}' },
-            "text-transform": { value: 'initial' },
+            "text-transform": { value: 'null' },
             "font-feature-settings": { value: '"ss01" on, "ss04" on' }
         },
         "caption-tabular": {
@@ -114,7 +114,7 @@
             "letter-spacing": { value: '-0.0025em' },
             "font-weight": { value: 'normal' },
             "font-family": { value: '{font.family.base}' },
-            "text-transform": { value: 'initial' },
+            "text-transform": { value: 'null' },
             "font-feature-settings": { value: '"tnum" on, "ss01" on, "ss04" on' }
         },
         "caption-strong": {
@@ -123,7 +123,7 @@
             "letter-spacing": { value: '-0.0025em' },
             "font-weight": { value: '500' },
             "font-family": { value: '{font.family.base}' },
-            "text-transform": { value: 'initial' },
+            "text-transform": { value: 'null' },
             "font-feature-settings": { value: '"tnum" on, "ss01" on, "ss04" on' }
         },
         "caption-caps": {
@@ -141,7 +141,7 @@
             "letter-spacing": { value: 'normal' },
             "font-weight": { value: 'normal' },
             "font-family": { value: '{font.family.monospace}' },
-            "text-transform": { value: 'initial' },
+            "text-transform": { value: 'null' },
             "font-feature-settings": { value: 'initial' }
         },
         "small-text": {
@@ -150,7 +150,7 @@
             "letter-spacing": { value: '-0.0025em' },
             "font-weight": { value: 'normal' },
             "font-family": { value: '{font.family.base}' },
-            "text-transform": { value: 'initial' },
+            "text-transform": { value: 'null' },
             "font-feature-settings": { value: '"ss01" on, "ss04" on' }
         },
         "extra-small-text": {
@@ -159,7 +159,7 @@
             "letter-spacing": { value: '0.005em' },
             "font-weight": { value: 'normal' },
             "font-family": { value: '{font.family.base}' },
-            "text-transform": { value: 'initial' },
+            "text-transform": { value: 'null' },
             "font-feature-settings": { value: '"ss01" on, "ss04" on' }
         },
         "extra-small-text-caps": {
@@ -177,7 +177,7 @@
             "letter-spacing": { value: '0px' },
             "font-weight": { value: 'normal' },
             "font-family": { value: '{font.family.monospace}' },
-            "text-transform": { value: 'initial' },
+            "text-transform": { value: 'null' },
             "font-feature-settings": { value: 'initial' }
         }
     }