@sage/design-tokens 1.79.0 → 1.83.0

package/README.md

@@ -6,7 +6,7 @@
 [![Maintenance](https://img.shields.io/badge/Maintained%3F-yes-green.svg)](https://GitHub.com/Sage/design-tokens/graphs/commit-activity)
 [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)
 
-This repository contains the design tokens from the Sage Design System. These are maintained by the Sage DS team. This library is for distributing these tokens across multiple playforms.
+This repository contains the design tokens from the Sage Design System. These are maintained by the Sage DS team. This library is for distributing these tokens across multiple platforms.
 
 ## Beta
 

package/css/base.css

@@ -3,7 +3,7 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
  */
 /**
  * Do not edit directly
- * Generated on Mon, 08 Nov 2021 15:47:37 GMT
+ * Generated on Mon, 06 Dec 2021 17:00:07 GMT
  */
 
 :root {
@@ -133,6 +133,7 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
   --colorsSemanticInfoYin065: rgba(0,0,0,0.65);
   --colorsSemanticInfoYin090: rgba(0,0,0,0.9);
   --colorsSemanticInfoYang100: rgba(255,255,255,1);
+  --colorsTest100: #123456;
   --sizing100: 8px;
   --sizing125: 10px;
   --sizing150: 12px;
@@ -188,10 +189,11 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
   --fontSizes010: 10px;
   --fontSizes025: 12px;
   --fontSizes050: 13px;
-  --boxShadow100: 0 10px 10px 0 rgba(0,20,29,0.1);
-  --boxShadow200: 0 20px 40px 0 rgba(0,20,29,0.1);
-  --boxShadow300: 0 30px 60px 0 rgba(0,20,29,0.1);
-  --boxShadow400: 0 50px 80px 0 rgba(0,20,29,0.1);
+  --boxShadow100: undefined undefined undefined undefined undefined;
+  --boxShadow200: undefined undefined undefined undefined undefined;
+  --boxShadow300: undefined undefined undefined undefined undefined;
+  --boxShadow400: undefined undefined undefined undefined undefined;
+  --boxShadow050: undefined undefined undefined undefined undefined;
   --fontWeights400: Regular;
   --fontWeights500: Medium;
   --fontWeights700: Bold;
@@ -202,64 +204,68 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
   --fontFamiliesAndroid: Roboto;
   --fontFamiliesOther: Open Sans;
   --borderRadiusCircle: 50%;
-  --typographyButtonLabelS: [object Object];
-  --typographyButtonLabelM: [object Object];
-  --typographyButtonLabelL: [object Object];
-  --typographyDialogTitleXs: [object Object];
-  --typographyDialogTitleS: [object Object];
-  --typographyDialogTitleMs: [object Object];
-  --typographyDialogTitleM: [object Object];
-  --typographyDialogTitleMl: [object Object];
-  --typographyDialogTitleL: [object Object];
-  --typographyDialogTitleXl: [object Object];
-  --typographyFlashTextM: [object Object];
-  --typographyFlashTextL: [object Object];
-  --typographyFormFieldLabelXs: [object Object];
-  --typographyFormFieldLabelS: [object Object];
-  --typographyFormFieldLabelM: [object Object];
-  --typographyFormFieldLabelL: [object Object];
-  --typographyFormFieldHintTextXs: [object Object];
-  --typographyFormFieldHintTextS: [object Object];
-  --typographyFormFieldHintTextM: [object Object];
-  --typographyFormFieldHintTextL: [object Object];
-  --typographyFormFieldErrorMessageXs: [object Object];
-  --typographyFormFieldErrorMessageS: [object Object];
-  --typographyFormFieldErrorMessageM: [object Object];
-  --typographyFormFieldErrorMessageL: [object Object];
-  --typographyFormFieldCautionMessageXs: [object Object];
-  --typographyFormFieldCautionMessageS: [object Object];
-  --typographyFormFieldCautionMessageM: [object Object];
-  --typographyFormFieldCautionMessageL: [object Object];
-  --typographyFormFieldInputTextXs: [object Object];
-  --typographyFormFieldInputTextS: [object Object];
-  --typographyFormFieldInputTextM: [object Object];
-  --typographyFormFieldInputTextL: [object Object];
-  --typographyFormFieldDropdownOptionsXs: [object Object];
-  --typographyFormFieldDropdownOptionsS: [object Object];
-  --typographyFormFieldDropdownOptionsM: [object Object];
-  --typographyFormFieldDropdownOptionsL: [object Object];
-  --typographyFormFieldSecondLabelXs: [object Object];
-  --typographyFormFieldSecondLabelS: [object Object];
-  --typographyFormFieldSecondLabelM: [object Object];
-  --typographyFormFieldSecondLabelL: [object Object];
-  --typographyFormFieldCharacterCountXs: [object Object];
-  --typographyFormFieldCharacterCountS: [object Object];
-  --typographyFormFieldCharacterCountM: [object Object];
-  --typographyFormFieldCharacterCountL: [object Object];
-  --typographyLinkTextM: [object Object];
-  --typographyLinkTextL: [object Object];
-  --typographyMessageHeadingM: [object Object];
-  --typographyMessageHeadingL: [object Object];
-  --typographyMessageTextM: [object Object];
-  --typographyMessageTextL: [object Object];
-  --typographyPillLabelS: [object Object];
-  --typographyPillLabelM: [object Object];
-  --typographyPillLabelL: [object Object];
-  --typographyPillLabelXl: [object Object];
-  --typographySwitchOptionLabelM: [object Object];
-  --typographySwitchOptionLabelL: [object Object];
-  --typographyTableHeaderTextM: [object Object];
-  --typographyTableCellTextM: [object Object];
-  --typographyTooltipTextM: [object Object];
-  --typographyTooltipTextL: [object Object];
+  --typographyAccordionTitleM: Bold 20px/125% Sage UI;
+  --typographyAccordionSubtitleM: Medium 14px/150% Sage UI;
+  --typographyAccordionParagraphM: Regular 14px/150% Sage UI;
+  --typographyActionPopoverMenuItemM: Bold 14px/150% Sage UI;
+  --typographyButtonLabelS: Bold 14px/150% Sage UI;
+  --typographyButtonLabelM: Bold 14px/150% Sage UI;
+  --typographyButtonLabelL: Bold 16px/150% Sage UI;
+  --typographyDialogTitleXs: Bold 20px/125% Sage UI;
+  --typographyDialogTitleS: Bold 20px/125% Sage UI;
+  --typographyDialogTitleMs: Bold 20px/125% Sage UI;
+  --typographyDialogTitleM: Bold 20px/125% Sage UI;
+  --typographyDialogTitleMl: Bold 20px/125% Sage UI;
+  --typographyDialogTitleL: Bold 20px/125% Sage UI;
+  --typographyDialogTitleXl: Bold 20px/125% Sage UI;
+  --typographyFlashTextM: Regular 14px/150% Sage UI;
+  --typographyFlashTextL: Regular 16px/150% Sage UI;
+  --typographyFormFieldLabelXs: Medium 14px/150% Sage UI;
+  --typographyFormFieldLabelS: Medium 14px/150% Sage UI;
+  --typographyFormFieldLabelM: Medium 14px/150% Sage UI;
+  --typographyFormFieldLabelL: Medium 16px/150% Sage UI;
+  --typographyFormFieldHintTextXs: Regular 14px/150% Sage UI;
+  --typographyFormFieldHintTextS: Regular 14px/150% Sage UI;
+  --typographyFormFieldHintTextM: Regular 14px/150% Sage UI;
+  --typographyFormFieldHintTextL: Regular 16px/150% Sage UI;
+  --typographyFormFieldErrorMessageXs: Medium 14px/150% Sage UI;
+  --typographyFormFieldErrorMessageS: Medium 14px/150% Sage UI;
+  --typographyFormFieldErrorMessageM: Medium 14px/150% Sage UI;
+  --typographyFormFieldErrorMessageL: Medium 16px/150% Sage UI;
+  --typographyFormFieldCautionMessageXs: Regular 14px/150% Sage UI;
+  --typographyFormFieldCautionMessageS: Regular 14px/150% Sage UI;
+  --typographyFormFieldCautionMessageM: Regular 14px/150% Sage UI;
+  --typographyFormFieldCautionMessageL: Regular 16px/150% Sage UI;
+  --typographyFormFieldInputTextXs: Regular 14px/150% Sage UI;
+  --typographyFormFieldInputTextS: Regular 14px/150% Sage UI;
+  --typographyFormFieldInputTextM: Regular 14px/150% Sage UI;
+  --typographyFormFieldInputTextL: Regular 16px/150% Sage UI;
+  --typographyFormFieldDropdownOptionsXs: Regular 14px/150% Sage UI;
+  --typographyFormFieldDropdownOptionsS: Regular 14px/150% Sage UI;
+  --typographyFormFieldDropdownOptionsM: Regular 14px/150% Sage UI;
+  --typographyFormFieldDropdownOptionsL: Regular 16px/150% Sage UI;
+  --typographyFormFieldSecondLabelXs: Medium 14px/150% Sage UI;
+  --typographyFormFieldSecondLabelS: Medium 14px/150% Sage UI;
+  --typographyFormFieldSecondLabelM: Medium 14px/150% Sage UI;
+  --typographyFormFieldSecondLabelL: Medium 16px/150% Sage UI;
+  --typographyFormFieldCharacterCountXs: Regular 14px/150% Sage UI;
+  --typographyFormFieldCharacterCountS: Regular 14px/150% Sage UI;
+  --typographyFormFieldCharacterCountM: Regular 14px/150% Sage UI;
+  --typographyFormFieldCharacterCountL: Regular 14px/150% Sage UI;
+  --typographyLinkTextM: Regular 14px/150% Sage UI;
+  --typographyLinkTextL: Regular 16px/150% Sage UI;
+  --typographyMessageHeadingM: Bold 14px/150% Sage UI;
+  --typographyMessageHeadingL: Bold 16px/150% Sage UI;
+  --typographyMessageTextM: Regular 14px/150% Sage UI;
+  --typographyMessageTextL: Regular 16px/150% Sage UI;
+  --typographyPillLabelS: Medium 10px/150% Sage UI;
+  --typographyPillLabelM: Medium 12px/150% Sage UI;
+  --typographyPillLabelL: Medium 14px/150% Sage UI;
+  --typographyPillLabelXl: Medium 16px/150% Sage UI;
+  --typographySwitchOptionLabelM: Medium 12px/150% Sage UI;
+  --typographySwitchOptionLabelL: Medium 14px/150% Sage UI;
+  --typographyTableHeaderTextM: Medium 14px/150% Sage UI;
+  --typographyTableCellTextM: Regular 14px/150% Sage UI;
+  --typographyTooltipTextM: Regular 14px/150% Sage UI;
+  --typographyTooltipTextL: Regular 16px/150% Sage UI;
 }

package/css/no-theme.css

@@ -3,7 +3,7 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
  */
 /**
  * Do not edit directly
- * Generated on Mon, 08 Nov 2021 15:47:37 GMT
+ * Generated on Mon, 06 Dec 2021 17:00:07 GMT
  */
 
 :root {
@@ -202,64 +202,64 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
   --fontFamiliesAndroid: Roboto;
   --fontFamiliesOther: Open Sans;
   --borderRadiusCircle: 10%;
-  --typographyButtonLabelS: [object Object];
-  --typographyButtonLabelM: [object Object];
-  --typographyButtonLabelL: [object Object];
-  --typographyDialogTitleXs: [object Object];
-  --typographyDialogTitleS: [object Object];
-  --typographyDialogTitleMs: [object Object];
-  --typographyDialogTitleM: [object Object];
-  --typographyDialogTitleMl: [object Object];
-  --typographyDialogTitleL: [object Object];
-  --typographyDialogTitleXl: [object Object];
-  --typographyFlashTextM: [object Object];
-  --typographyFlashTextL: [object Object];
-  --typographyFormFieldLabelXs: [object Object];
-  --typographyFormFieldLabelS: [object Object];
-  --typographyFormFieldLabelM: [object Object];
-  --typographyFormFieldLabelL: [object Object];
-  --typographyFormFieldHintTextXs: [object Object];
-  --typographyFormFieldHintTextS: [object Object];
-  --typographyFormFieldHintTextM: [object Object];
-  --typographyFormFieldHintTextL: [object Object];
-  --typographyFormFieldErrorMessageXs: [object Object];
-  --typographyFormFieldErrorMessageS: [object Object];
-  --typographyFormFieldErrorMessageM: [object Object];
-  --typographyFormFieldErrorMessageL: [object Object];
-  --typographyFormFieldCautionMessageXs: [object Object];
-  --typographyFormFieldCautionMessageS: [object Object];
-  --typographyFormFieldCautionMessageM: [object Object];
-  --typographyFormFieldCautionMessageL: [object Object];
-  --typographyFormFieldInputTextXs: [object Object];
-  --typographyFormFieldInputTextS: [object Object];
-  --typographyFormFieldInputTextM: [object Object];
-  --typographyFormFieldInputTextL: [object Object];
-  --typographyFormFieldDropdownOptionsXs: [object Object];
-  --typographyFormFieldDropdownOptionsS: [object Object];
-  --typographyFormFieldDropdownOptionsM: [object Object];
-  --typographyFormFieldDropdownOptionsL: [object Object];
-  --typographyFormFieldSecondLabelXs: [object Object];
-  --typographyFormFieldSecondLabelS: [object Object];
-  --typographyFormFieldSecondLabelM: [object Object];
-  --typographyFormFieldSecondLabelL: [object Object];
-  --typographyFormFieldCharacterCountXs: [object Object];
-  --typographyFormFieldCharacterCountS: [object Object];
-  --typographyFormFieldCharacterCountM: [object Object];
-  --typographyFormFieldCharacterCountL: [object Object];
-  --typographyLinkTextM: [object Object];
-  --typographyLinkTextL: [object Object];
-  --typographyMessageHeadingM: [object Object];
-  --typographyMessageHeadingL: [object Object];
-  --typographyMessageTextM: [object Object];
-  --typographyMessageTextL: [object Object];
-  --typographyPillLabelS: [object Object];
-  --typographyPillLabelM: [object Object];
-  --typographyPillLabelL: [object Object];
-  --typographyPillLabelXl: [object Object];
-  --typographySwitchOptionLabelM: [object Object];
-  --typographySwitchOptionLabelL: [object Object];
-  --typographyTableHeaderTextM: [object Object];
-  --typographyTableCellTextM: [object Object];
-  --typographyTooltipTextM: [object Object];
-  --typographyTooltipTextL: [object Object];
+  --typographyButtonLabelS: Bold 14px/150% Pridi;
+  --typographyButtonLabelM: Bold 14px/150% Pridi;
+  --typographyButtonLabelL: Bold 16px/150% Pridi;
+  --typographyDialogTitleXs: Bold 20px/125% Pridi;
+  --typographyDialogTitleS: Bold 20px/125% Pridi;
+  --typographyDialogTitleMs: Bold 20px/125% Pridi;
+  --typographyDialogTitleM: Bold 20px/125% Pridi;
+  --typographyDialogTitleMl: Bold 20px/125% Pridi;
+  --typographyDialogTitleL: Bold 20px/125% Pridi;
+  --typographyDialogTitleXl: Bold 20px/125% Pridi;
+  --typographyFlashTextM: Regular 14px/150% Pridi;
+  --typographyFlashTextL: Regular 16px/150% Pridi;
+  --typographyFormFieldLabelXs: Medium 14px/150% Pridi;
+  --typographyFormFieldLabelS: Medium 14px/150% Pridi;
+  --typographyFormFieldLabelM: Medium 14px/150% Pridi;
+  --typographyFormFieldLabelL: Medium 16px/150% Pridi;
+  --typographyFormFieldHintTextXs: Regular 14px/150% Pridi;
+  --typographyFormFieldHintTextS: Regular 14px/150% Pridi;
+  --typographyFormFieldHintTextM: Regular 14px/150% Pridi;
+  --typographyFormFieldHintTextL: Regular 16px/150% Pridi;
+  --typographyFormFieldErrorMessageXs: Medium 14px/150% Pridi;
+  --typographyFormFieldErrorMessageS: Medium 14px/150% Pridi;
+  --typographyFormFieldErrorMessageM: Medium 14px/150% Pridi;
+  --typographyFormFieldErrorMessageL: Medium 16px/150% Pridi;
+  --typographyFormFieldCautionMessageXs: Regular 14px/150% Pridi;
+  --typographyFormFieldCautionMessageS: Regular 14px/150% Pridi;
+  --typographyFormFieldCautionMessageM: Regular 14px/150% Pridi;
+  --typographyFormFieldCautionMessageL: Regular 16px/150% Pridi;
+  --typographyFormFieldInputTextXs: Regular 14px/150% Pridi;
+  --typographyFormFieldInputTextS: Regular 14px/150% Pridi;
+  --typographyFormFieldInputTextM: Regular 14px/150% Pridi;
+  --typographyFormFieldInputTextL: Regular 16px/150% Pridi;
+  --typographyFormFieldDropdownOptionsXs: Regular 14px/150% Pridi;
+  --typographyFormFieldDropdownOptionsS: Regular 14px/150% Pridi;
+  --typographyFormFieldDropdownOptionsM: Regular 14px/150% Pridi;
+  --typographyFormFieldDropdownOptionsL: Regular 16px/150% Pridi;
+  --typographyFormFieldSecondLabelXs: Medium 14px/150% Pridi;
+  --typographyFormFieldSecondLabelS: Medium 14px/150% Pridi;
+  --typographyFormFieldSecondLabelM: Medium 14px/150% Pridi;
+  --typographyFormFieldSecondLabelL: Medium 16px/150% Pridi;
+  --typographyFormFieldCharacterCountXs: Regular 14px/150% Pridi;
+  --typographyFormFieldCharacterCountS: Regular 14px/150% Pridi;
+  --typographyFormFieldCharacterCountM: Regular 14px/150% Pridi;
+  --typographyFormFieldCharacterCountL: Regular 14px/150% Pridi;
+  --typographyLinkTextM: Regular 14px/150% Pridi;
+  --typographyLinkTextL: Regular 16px/150% Pridi;
+  --typographyMessageHeadingM: Bold 14px/150% Pridi;
+  --typographyMessageHeadingL: Bold 16px/150% Pridi;
+  --typographyMessageTextM: Regular 14px/150% Pridi;
+  --typographyMessageTextL: Regular 16px/150% Pridi;
+  --typographyPillLabelS: Medium 10px/150% Pridi;
+  --typographyPillLabelM: Medium 12px/150% Pridi;
+  --typographyPillLabelL: Medium 14px/150% Pridi;
+  --typographyPillLabelXl: Medium 16px/150% Pridi;
+  --typographySwitchOptionLabelM: Medium 12px/150% Pridi;
+  --typographySwitchOptionLabelL: Medium 14px/150% Pridi;
+  --typographyTableHeaderTextM: Medium 14px/150% Pridi;
+  --typographyTableCellTextM: Regular 14px/150% Pridi;
+  --typographyTooltipTextM: Regular 14px/150% Pridi;
+  --typographyTooltipTextL: Regular 16px/150% Pridi;
 }

package/data/all.json

@@ -77,8 +77,9 @@
       "components": {
         "navigation": {
           "500": {
-            "value": "#008146",
-            "type": "color"
+            "value": "$colors.action.major.500",
+            "type": "color",
+            "description": "#008146"
           },
           "600": {
             "value": "$colors.action.major.600",
@@ -607,6 +608,12 @@
             }
           }
         }
+      },
+      "test": {
+        "100": {
+          "value": "#123456",
+          "type": "color"
+        }
       }
     },
     "sizing": {
@@ -839,43 +846,109 @@
     },
     "boxShadow": {
       "100": {
-        "value": {
-          "x": "0",
-          "y": "10px",
-          "blur": "10px",
-          "spread": "0",
-          "color": "rgba(0,20,29,0.1)"
-        },
+        "value": [
+          {
+            "x": "0",
+            "y": "5",
+            "blur": "5",
+            "spread": "0",
+            "color": "rgba($colors.utility.major.800, 0.2)",
+            "type": "dropShadow"
+          },
+          {
+            "x": "0",
+            "y": "10",
+            "blur": "10",
+            "spread": "0",
+            "color": "rgba($colors.utility.major.800, 0.1)",
+            "type": "dropShadow"
+          }
+        ],
         "type": "boxShadow"
       },
       "200": {
-        "value": {
-          "x": "0",
-          "y": "20px",
-          "blur": "40px",
-          "spread": "0",
-          "color": "rgba(0,20,29,0.1)"
-        },
+        "value": [
+          {
+            "x": "0",
+            "y": "10",
+            "blur": "20",
+            "spread": "0",
+            "color": "rgba($colors.utility.major.800, 0.2)",
+            "type": "dropShadow"
+          },
+          {
+            "x": "0",
+            "y": "20",
+            "blur": "40",
+            "spread": "0",
+            "color": "rgba($colors.utility.major.800, 0.1)",
+            "type": "dropShadow"
+          }
+        ],
         "type": "boxShadow"
       },
       "300": {
-        "value": {
-          "x": "0",
-          "y": "30px",
-          "blur": "60px",
-          "spread": "0",
-          "color": "rgba(0,20,29,0.1)"
-        },
+        "value": [
+          {
+            "x": "0",
+            "y": "10",
+            "blur": "30",
+            "spread": "0",
+            "color": "rgba($colors.utility.major.800, 0.1)",
+            "type": "dropShadow"
+          },
+          {
+            "x": "0",
+            "y": "30",
+            "blur": "60",
+            "spread": "0",
+            "color": "rgba($colors.utility.major.800, 0.1)",
+            "type": "dropShadow"
+          }
+        ],
         "type": "boxShadow"
       },
       "400": {
-        "value": {
-          "x": "0",
-          "y": "50px",
-          "blur": "80px",
-          "spread": "0",
-          "color": "rgba(0,20,29,0.1)"
-        },
+        "value": [
+          {
+            "x": "0",
+            "y": "10",
+            "blur": "40",
+            "spread": "0",
+            "color": "rgba($colors.utility.major.800, 0.04)",
+            "type": "dropShadow"
+          },
+          {
+            "x": "0",
+            "y": "50",
+            "blur": "80",
+            "spread": "0",
+            "color": "rgba($colors.utility.major.800, 0.1)",
+            "type": "dropShadow"
+          }
+        ],
+        "type": "boxShadow"
+      },
+      "050": {
+        "value": [
+          {
+            "x": "0",
+            "y": "3",
+            "blur": "3",
+            "spread": "0",
+            "color": "rgba($colors.utility.major.800, 0.2)",
+            "type": "dropShadow"
+          },
+          {
+            "x": "0",
+            "y": "2",
+            "blur": "4",
+            "spread": "0",
+            "color": "rgba($colors.utility.major.800, 0.15)",
+            "type": "dropShadow"
+          }
+        ],
+        "description": "",
         "type": "boxShadow"
       }
     },
@@ -928,6 +1001,70 @@
       }
     },
     "typography": {
+      "accordion": {
+        "title": {
+          "m": {
+            "value": {
+              "fontFamily": "$fontFamilies.default",
+              "fontWeight": "$fontWeights.700",
+              "lineHeight": "$lineHeights.400",
+              "fontSize": "$fontSizes.400",
+              "letterSpacing": "0%",
+              "paragraphSpacing": "0",
+              "textDecoration": "none",
+              "textCase": "none"
+            },
+            "type": "typography"
+          }
+        },
+        "subtitle": {
+          "m": {
+            "value": {
+              "fontFamily": "$fontFamilies.default",
+              "fontWeight": "$fontWeights.500",
+              "lineHeight": "$lineHeights.500",
+              "fontSize": "$fontSizes.100",
+              "letterSpacing": "0%",
+              "paragraphSpacing": "0",
+              "textDecoration": "none",
+              "textCase": "none"
+            },
+            "type": "typography"
+          }
+        },
+        "paragraph": {
+          "m": {
+            "value": {
+              "fontFamily": "$fontFamilies.default",
+              "fontWeight": "$fontWeights.400",
+              "lineHeight": "$lineHeights.500",
+              "fontSize": "$fontSizes.100",
+              "letterSpacing": "0%",
+              "paragraphSpacing": "0",
+              "textDecoration": "none",
+              "textCase": "none"
+            },
+            "type": "typography"
+          }
+        }
+      },
+      "actionPopover": {
+        "menuItem": {
+          "m": {
+            "value": {
+              "fontFamily": "$fontFamilies.default",
+              "fontWeight": "$fontWeights.700",
+              "lineHeight": "$lineHeights.500",
+              "fontSize": "$fontSizes.100",
+              "letterSpacing": "0%",
+              "paragraphSpacing": "0",
+              "textDecoration": "none",
+              "textCase": "none"
+            },
+            "type": "typography"
+          }
+        }
+      },
       "button": {
         "label": {
           "s": {