@sage/design-tokens 1.93.0 → 1.94.0

package/README.md

@@ -20,9 +20,11 @@ Design tokens purpose is to:
 - **Narrow value set to only needed values.** Design System uses narrow set of values (spacings, colors, typography properties and others). Those are only values that are needed for visual description of the component.
 - **Keep visual consistency across all components of the library.**
 
-## Beta
-
-Currently, this library is in an _unstable open beta stage_. It is not ready for production at this point as the tokens are liable to drastically change between now, and the production release.
+## Docs:
+- [Figma tokens github workflow](./docs/figma-github-workflow.md)
+- [Pre-transform phase](./docs/pretransform-phase.md)
+- [Generating icons](./docs/icons.md)
+- [Generating tokens documentation](./docs/tokens-documentation.md)
 
 ## Using the design tokens
 

package/android/base.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Mon, 28 Feb 2022 15:40:32 GMT
+  Generated on Fri, 04 Mar 2022 15:25:36 GMT
 -->
 <resources>
   <string name="metaName">Base Theme</string>
@@ -282,8 +282,13 @@
   <string name="typographyDialogTitleMl">Bold 24px/125% Sage UI</string>
   <string name="typographyDialogTitleL">Bold 24px/125% Sage UI</string>
   <string name="typographyDialogTitleXl">Bold 24px/125% Sage UI</string>
-  <string name="typographyDialogParagraphXs">Bold 14px/150% Sage UI</string>
-  <string name="typographyDialogParagraphS">Bold 14px/150% Sage UI</string>
+  <string name="typographyDialogParagraphXs">Regular 14px/150% Sage UI</string>
+  <string name="typographyDialogParagraphS">Regular 14px/150% Sage UI</string>
+  <string name="typographyDialogParagraphMs">Regular 14px/150% Sage UI</string>
+  <string name="typographyDialogParagraphM">Regular 14px/150% Sage UI</string>
+  <string name="typographyDialogParagraphMl">Regular 14px/150% Sage UI</string>
+  <string name="typographyDialogParagraphL">Regular 14px/150% Sage UI</string>
+  <string name="typographyDialogParagraphXl">Regular 14px/150% Sage UI</string>
   <string name="typographyDrawerTitleM">Bold 22px/125% Sage UI</string>
   <string name="typographyFlashTextM">Regular 14px/150% Sage UI</string>
   <string name="typographyFlashTextL">Regular 16px/150% Sage UI</string>
@@ -318,7 +323,7 @@
   <string name="typographyFormFieldCharacterCountXs">Regular 14px/150% Sage UI</string>
   <string name="typographyFormFieldCharacterCountS">Regular 14px/150% Sage UI</string>
   <string name="typographyFormFieldCharacterCountM">Regular 14px/150% Sage UI</string>
-  <string name="typographyFormFieldCharacterCountL">Regular 14px/150% Sage UI</string>
+  <string name="typographyFormFieldCharacterCountL">Regular 16px/150% Sage UI</string>
   <string name="typographyLinkTextM">Regular 14px/150% Sage UI</string>
   <string name="typographyLinkTextL">Regular 16px/150% Sage UI</string>
   <string name="typographyMenuLabelM">Medium 14px/150% Sage UI</string>

package/android/no-theme.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Mon, 28 Feb 2022 15:40:32 GMT
+  Generated on Fri, 04 Mar 2022 15:25:36 GMT
 -->
 <resources>
   <string name="metaName">No Theme</string>

package/assets/fonts/sageui.css

@@ -0,0 +1,36 @@
+/*
+Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
+ */
+
+@font-face {
+  font-family: "SageUI";
+  font-style: normal;
+  font-weight: 400;
+  src:local("SageUI Regular") local("SageUI-Regular");
+  src:url("./sageui-regular.woff2") format("woff2"), 
+      url("./sageui-regular.woff") format("woff"), 
+      url("./sageui-regular.ttf") format("truetype"),  
+      url("./sageui-regular.otf") format("opentype");
+}
+
+@font-face {
+  font-family: "SageUI";
+  font-style: normal;
+  font-weight: 500;
+  src:local("SageUI Medium") local("SageUI-Medium");
+  src:url("./sageui-medium.woff2") format("woff2"),
+      url("./sageui-medium.woff") format("woff"),
+      url("./sageui-medium.ttf") format("truetype"),
+      url("./sageui-medium.otf") format("opentype");
+}
+
+@font-face {
+  font-family: "SageUI";
+  font-style: normal;
+  font-weight: 700;
+  src:local("SageUI Bold") local("SageUI-Bold");
+  src:url("./sageui-bold.woff2") format("woff2"),
+      url("./sageui-bold.woff") format("woff"),
+      url("./sageui-bold.ttf") format("truetype"),
+      url("./sageui-bold.otf") format("opentype");
+}

package/css/base.css

@@ -4,7 +4,7 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
 
 /**
  * Do not edit directly
- * Generated on Mon, 28 Feb 2022 15:40:31 GMT
+ * Generated on Fri, 04 Mar 2022 15:25:36 GMT
  */
 
 :root {
@@ -252,9 +252,9 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
   --boxShadow400: 0 10px 40px 0 #00141e0a, 0 50px 80px 0 #00141e1a;
   --boxShadow075: inset 0 6px 4px -4px #00141e0d;
   --boxShadow050: 0 3px 3px 0 #00141e33, 0 2px 4px 0 #00141e26;
-  --fontWeights400: Regular;
-  --fontWeights500: Medium;
-  --fontWeights700: Bold;
+  --fontWeights400: 400;
+  --fontWeights500: 500;
+  --fontWeights700: 700;
   --lineHeights300: 100%;
   --lineHeights400: 125%;
   --lineHeights500: 150%;
@@ -263,115 +263,120 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
   --fontFamiliesAndroid: Roboto;
   --fontFamiliesOther: Open Sans;
   --borderRadiusCircle: 50%;
-  --typographyAccordionTitleM: Bold 20px/125% Sage UI;
-  --typographyAccordionSubtitleM: Regular 14px/150% Sage UI;
-  --typographyAccordionParagraphM: Regular 14px/150% Sage UI;
-  --typographyActionPopoverMenuItemM: Bold 14px/150% Sage UI;
-  --typographyAnchorNavLabelM: Medium 14px/150% Sage UI;
-  --typographyBadgeLabelM: Medium 12px/150% Sage UI;
-  --typographyButtonLabelS: Bold 14px/150% Sage UI;
-  --typographyButtonLabelM: Bold 14px/150% Sage UI;
-  --typographyButtonLabelL: Bold 16px/150% Sage UI;
-  --typographyCardSelectTitleM: Bold 16px/150% Sage UI;
-  --typographyCardSelectSubtitleM: Medium 14px/150% Sage UI;
-  --typographyCardSelectParagraphM: Regular 14px/150% Sage UI;
-  --typographyDatePickerCalendarDateM: Bold 14px/150% Sage UI;
-  --typographyDatePickerCalendarDayM: Bold 14px/150% Sage UI;
-  --typographyDatePickerCalendarMonthM: Bold 16px/125% Sage UI;
-  --typographyDialogTitleXs: Bold 24px/125% Sage UI;
-  --typographyDialogTitleS: Bold 24px/125% Sage UI;
-  --typographyDialogTitleMs: Bold 24px/125% Sage UI;
-  --typographyDialogTitleM: Bold 24px/125% Sage UI;
-  --typographyDialogTitleMl: Bold 24px/125% Sage UI;
-  --typographyDialogTitleL: Bold 24px/125% Sage UI;
-  --typographyDialogTitleXl: Bold 24px/125% Sage UI;
-  --typographyDialogParagraphXs: Bold 14px/150% Sage UI;
-  --typographyDialogParagraphS: Bold 14px/150% Sage UI;
-  --typographyDrawerTitleM: Bold 22px/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;
-  --typographyMenuLabelM: Medium 14px/150% Sage UI;
-  --typographyMenuSegmentTitleM: Medium 12px/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;
-  --typographyPaginationLabelM: Regular 13px/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;
-  --typographyProfileEmailXs: Regular 12px/100% Sage UI;
-  --typographyProfileEmailS: Regular 14px/100% Sage UI;
-  --typographyProfileEmailM: Regular 14px/125% Sage UI;
-  --typographyProfileEmailMl: Regular 14px/125% Sage UI;
-  --typographyProfileEmailL: Regular 14px/125% Sage UI;
-  --typographyProfileEmailXl: Regular 18px/125% Sage UI;
-  --typographyProfileEmailXxl: Regular 24px/125% Sage UI;
-  --typographyProfileInitialsXs: Medium 10px/150% Sage UI;
-  --typographyProfileInitialsS: Medium 14px/150% Sage UI;
-  --typographyProfileInitialsM: Medium 18px/150% Sage UI;
-  --typographyProfileInitialsMl: Medium 24px/150% Sage UI;
-  --typographyProfileInitialsL: Medium 32px/150% Sage UI;
-  --typographyProfileInitialsXl: Medium 48px/150% Sage UI;
-  --typographyProfileInitialsXxl: Medium 56px/150% Sage UI;
-  --typographyProfileNameXs: Medium 13px/100% Sage UI;
-  --typographyProfileNameS: Medium 14px/100% Sage UI;
-  --typographyProfileNameM: Medium 14px/125% Sage UI;
-  --typographyProfileNameMl: Medium 16px/125% Sage UI;
-  --typographyProfileNameL: Medium 20px/125% Sage UI;
-  --typographyProfileNameXl: Medium 24px/125% Sage UI;
-  --typographyProfileNameXxl: Medium 32px/125% Sage UI;
-  --typographyProgressTrackerValueLabelS: Medium 14px/150% Sage UI;
-  --typographyProgressTrackerValueLabelM: Medium 14px/150% Sage UI;
-  --typographyProgressTrackerValueLabelL: Medium 14px/150% Sage UI;
-  --typographySearchLabelM: Regular 14px/150% Sage UI;
-  --typographySidebarTitleS: Bold 20px/125% Sage UI;
-  --typographySidebarTitleM: Bold 20px/125% Sage UI;
-  --typographySidebarTitleL: Bold 20px/125% Sage UI;
-  --typographyStepFlowCompleteLabelM: Medium 14px/150% Sage UI;
-  --typographyStepFlowCurrentLabelM: Medium 14px/150% Sage UI;
-  --typographyStepFlowIncompleteLabelM: Medium 14px/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;
+  --typographyAccordionTitleM: 700 20px/125% Sage UI;
+  --typographyAccordionSubtitleM: 400 14px/150% Sage UI;
+  --typographyAccordionParagraphM: 400 14px/150% Sage UI;
+  --typographyActionPopoverMenuItemM: 700 14px/150% Sage UI;
+  --typographyAnchorNavLabelM: 500 14px/150% Sage UI;
+  --typographyBadgeLabelM: 500 12px/150% Sage UI;
+  --typographyButtonLabelS: 700 14px/150% Sage UI;
+  --typographyButtonLabelM: 700 14px/150% Sage UI;
+  --typographyButtonLabelL: 700 16px/150% Sage UI;
+  --typographyCardSelectTitleM: 700 16px/150% Sage UI;
+  --typographyCardSelectSubtitleM: 500 14px/150% Sage UI;
+  --typographyCardSelectParagraphM: 400 14px/150% Sage UI;
+  --typographyDatePickerCalendarDateM: 700 14px/150% Sage UI;
+  --typographyDatePickerCalendarDayM: 700 14px/150% Sage UI;
+  --typographyDatePickerCalendarMonthM: 700 16px/125% Sage UI;
+  --typographyDialogTitleXs: 700 24px/125% Sage UI;
+  --typographyDialogTitleS: 700 24px/125% Sage UI;
+  --typographyDialogTitleMs: 700 24px/125% Sage UI;
+  --typographyDialogTitleM: 700 24px/125% Sage UI;
+  --typographyDialogTitleMl: 700 24px/125% Sage UI;
+  --typographyDialogTitleL: 700 24px/125% Sage UI;
+  --typographyDialogTitleXl: 700 24px/125% Sage UI;
+  --typographyDialogParagraphXs: 400 14px/150% Sage UI;
+  --typographyDialogParagraphS: 400 14px/150% Sage UI;
+  --typographyDialogParagraphMs: 400 14px/150% Sage UI;
+  --typographyDialogParagraphM: 400 14px/150% Sage UI;
+  --typographyDialogParagraphMl: 400 14px/150% Sage UI;
+  --typographyDialogParagraphL: 400 14px/150% Sage UI;
+  --typographyDialogParagraphXl: 400 14px/150% Sage UI;
+  --typographyDrawerTitleM: 700 22px/125% Sage UI;
+  --typographyFlashTextM: 400 14px/150% Sage UI;
+  --typographyFlashTextL: 400 16px/150% Sage UI;
+  --typographyFormFieldLabelXs: 500 14px/150% Sage UI;
+  --typographyFormFieldLabelS: 500 14px/150% Sage UI;
+  --typographyFormFieldLabelM: 500 14px/150% Sage UI;
+  --typographyFormFieldLabelL: 500 16px/150% Sage UI;
+  --typographyFormFieldHintTextXs: 400 14px/150% Sage UI;
+  --typographyFormFieldHintTextS: 400 14px/150% Sage UI;
+  --typographyFormFieldHintTextM: 400 14px/150% Sage UI;
+  --typographyFormFieldHintTextL: 400 16px/150% Sage UI;
+  --typographyFormFieldErrorMessageXs: 500 14px/150% Sage UI;
+  --typographyFormFieldErrorMessageS: 500 14px/150% Sage UI;
+  --typographyFormFieldErrorMessageM: 500 14px/150% Sage UI;
+  --typographyFormFieldErrorMessageL: 500 16px/150% Sage UI;
+  --typographyFormFieldCautionMessageXs: 400 14px/150% Sage UI;
+  --typographyFormFieldCautionMessageS: 400 14px/150% Sage UI;
+  --typographyFormFieldCautionMessageM: 400 14px/150% Sage UI;
+  --typographyFormFieldCautionMessageL: 400 16px/150% Sage UI;
+  --typographyFormFieldInputTextXs: 400 14px/150% Sage UI;
+  --typographyFormFieldInputTextS: 400 14px/150% Sage UI;
+  --typographyFormFieldInputTextM: 400 14px/150% Sage UI;
+  --typographyFormFieldInputTextL: 400 16px/150% Sage UI;
+  --typographyFormFieldDropdownOptionsXs: 400 14px/150% Sage UI;
+  --typographyFormFieldDropdownOptionsS: 400 14px/150% Sage UI;
+  --typographyFormFieldDropdownOptionsM: 400 14px/150% Sage UI;
+  --typographyFormFieldDropdownOptionsL: 400 16px/150% Sage UI;
+  --typographyFormFieldSecondLabelXs: 500 14px/150% Sage UI;
+  --typographyFormFieldSecondLabelS: 500 14px/150% Sage UI;
+  --typographyFormFieldSecondLabelM: 500 14px/150% Sage UI;
+  --typographyFormFieldSecondLabelL: 500 16px/150% Sage UI;
+  --typographyFormFieldCharacterCountXs: 400 14px/150% Sage UI;
+  --typographyFormFieldCharacterCountS: 400 14px/150% Sage UI;
+  --typographyFormFieldCharacterCountM: 400 14px/150% Sage UI;
+  --typographyFormFieldCharacterCountL: 400 16px/150% Sage UI;
+  --typographyLinkTextM: 400 14px/150% Sage UI;
+  --typographyLinkTextL: 400 16px/150% Sage UI;
+  --typographyMenuLabelM: 500 14px/150% Sage UI;
+  --typographyMenuSegmentTitleM: 500 12px/150% Sage UI;
+  --typographyMessageHeadingM: 700 14px/150% Sage UI;
+  --typographyMessageHeadingL: 700 16px/150% Sage UI;
+  --typographyMessageTextM: 400 14px/150% Sage UI;
+  --typographyMessageTextL: 400 16px/150% Sage UI;
+  --typographyPaginationLabelM: 400 13px/150% Sage UI;
+  --typographyPillLabelS: 500 10px/150% Sage UI;
+  --typographyPillLabelM: 500 12px/150% Sage UI;
+  --typographyPillLabelL: 500 14px/150% Sage UI;
+  --typographyPillLabelXl: 500 16px/150% Sage UI;
+  --typographyProfileEmailXs: 400 12px/100% Sage UI;
+  --typographyProfileEmailS: 400 14px/100% Sage UI;
+  --typographyProfileEmailM: 400 14px/125% Sage UI;
+  --typographyProfileEmailMl: 400 14px/125% Sage UI;
+  --typographyProfileEmailL: 400 14px/125% Sage UI;
+  --typographyProfileEmailXl: 400 18px/125% Sage UI;
+  --typographyProfileEmailXxl: 400 24px/125% Sage UI;
+  --typographyProfileInitialsXs: 500 10px/150% Sage UI;
+  --typographyProfileInitialsS: 500 14px/150% Sage UI;
+  --typographyProfileInitialsM: 500 18px/150% Sage UI;
+  --typographyProfileInitialsMl: 500 24px/150% Sage UI;
+  --typographyProfileInitialsL: 500 32px/150% Sage UI;
+  --typographyProfileInitialsXl: 500 48px/150% Sage UI;
+  --typographyProfileInitialsXxl: 500 56px/150% Sage UI;
+  --typographyProfileNameXs: 500 13px/100% Sage UI;
+  --typographyProfileNameS: 500 14px/100% Sage UI;
+  --typographyProfileNameM: 500 14px/125% Sage UI;
+  --typographyProfileNameMl: 500 16px/125% Sage UI;
+  --typographyProfileNameL: 500 20px/125% Sage UI;
+  --typographyProfileNameXl: 500 24px/125% Sage UI;
+  --typographyProfileNameXxl: 500 32px/125% Sage UI;
+  --typographyProgressTrackerValueLabelS: 500 14px/150% Sage UI;
+  --typographyProgressTrackerValueLabelM: 500 14px/150% Sage UI;
+  --typographyProgressTrackerValueLabelL: 500 14px/150% Sage UI;
+  --typographySearchLabelM: 400 14px/150% Sage UI;
+  --typographySidebarTitleS: 700 20px/125% Sage UI;
+  --typographySidebarTitleM: 700 20px/125% Sage UI;
+  --typographySidebarTitleL: 700 20px/125% Sage UI;
+  --typographyStepFlowCompleteLabelM: 500 14px/150% Sage UI;
+  --typographyStepFlowCurrentLabelM: 500 14px/150% Sage UI;
+  --typographyStepFlowIncompleteLabelM: 500 14px/150% Sage UI;
+  --typographySwitchOptionLabelM: 500 12px/150% Sage UI;
+  --typographySwitchOptionLabelL: 500 14px/150% Sage UI;
+  --typographyTableHeaderTextM: 500 14px/150% Sage UI;
+  --typographyTableCellTextM: 400 14px/150% Sage UI;
+  --typographyTooltipTextM: 400 14px/150% Sage UI;
+  --typographyTooltipTextL: 400 16px/150% Sage UI;
   --opacity300: 0.3;
   --opacity600: 0.6;
   --opacity800: 0.8;

package/css/no-theme.css

@@ -4,7 +4,7 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
 
 /**
  * Do not edit directly
- * Generated on Mon, 28 Feb 2022 15:40:32 GMT
+ * Generated on Fri, 04 Mar 2022 15:25:36 GMT
  */
 
 :root {
@@ -194,9 +194,9 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
   --boxShadow200: 0 20px 40px 0 #95db0080;
   --boxShadow300: 0 30px 60px 0 #00b3db80;
   --boxShadow400: 0 50px 80px 0 #6000db80;
-  --fontWeights400: Regular;
-  --fontWeights500: Medium;
-  --fontWeights700: Bold;
+  --fontWeights400: 400;
+  --fontWeights500: 500;
+  --fontWeights700: 700;
   --lineHeights400: 125%;
   --lineHeights500: 150%;
   --fontFamiliesDefault: Pridi;
@@ -204,64 +204,64 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
   --fontFamiliesAndroid: Roboto;
   --fontFamiliesOther: Open Sans;
   --borderRadiusCircle: 10%;
-  --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;
+  --typographyButtonLabelS: 700 14px/150% Pridi;
+  --typographyButtonLabelM: 700 14px/150% Pridi;
+  --typographyButtonLabelL: 700 16px/150% Pridi;
+  --typographyDialogTitleXs: 700 20px/125% Pridi;
+  --typographyDialogTitleS: 700 20px/125% Pridi;
+  --typographyDialogTitleMs: 700 20px/125% Pridi;
+  --typographyDialogTitleM: 700 20px/125% Pridi;
+  --typographyDialogTitleMl: 700 20px/125% Pridi;
+  --typographyDialogTitleL: 700 20px/125% Pridi;
+  --typographyDialogTitleXl: 700 20px/125% Pridi;
+  --typographyFlashTextM: 400 14px/150% Pridi;
+  --typographyFlashTextL: 400 16px/150% Pridi;
+  --typographyFormFieldLabelXs: 500 14px/150% Pridi;
+  --typographyFormFieldLabelS: 500 14px/150% Pridi;
+  --typographyFormFieldLabelM: 500 14px/150% Pridi;
+  --typographyFormFieldLabelL: 500 16px/150% Pridi;
+  --typographyFormFieldHintTextXs: 400 14px/150% Pridi;
+  --typographyFormFieldHintTextS: 400 14px/150% Pridi;
+  --typographyFormFieldHintTextM: 400 14px/150% Pridi;
+  --typographyFormFieldHintTextL: 400 16px/150% Pridi;
+  --typographyFormFieldErrorMessageXs: 500 14px/150% Pridi;
+  --typographyFormFieldErrorMessageS: 500 14px/150% Pridi;
+  --typographyFormFieldErrorMessageM: 500 14px/150% Pridi;
+  --typographyFormFieldErrorMessageL: 500 16px/150% Pridi;
+  --typographyFormFieldCautionMessageXs: 400 14px/150% Pridi;
+  --typographyFormFieldCautionMessageS: 400 14px/150% Pridi;
+  --typographyFormFieldCautionMessageM: 400 14px/150% Pridi;
+  --typographyFormFieldCautionMessageL: 400 16px/150% Pridi;
+  --typographyFormFieldInputTextXs: 400 14px/150% Pridi;
+  --typographyFormFieldInputTextS: 400 14px/150% Pridi;
+  --typographyFormFieldInputTextM: 400 14px/150% Pridi;
+  --typographyFormFieldInputTextL: 400 16px/150% Pridi;
+  --typographyFormFieldDropdownOptionsXs: 400 14px/150% Pridi;
+  --typographyFormFieldDropdownOptionsS: 400 14px/150% Pridi;
+  --typographyFormFieldDropdownOptionsM: 400 14px/150% Pridi;
+  --typographyFormFieldDropdownOptionsL: 400 16px/150% Pridi;
+  --typographyFormFieldSecondLabelXs: 500 14px/150% Pridi;
+  --typographyFormFieldSecondLabelS: 500 14px/150% Pridi;
+  --typographyFormFieldSecondLabelM: 500 14px/150% Pridi;
+  --typographyFormFieldSecondLabelL: 500 16px/150% Pridi;
+  --typographyFormFieldCharacterCountXs: 400 14px/150% Pridi;
+  --typographyFormFieldCharacterCountS: 400 14px/150% Pridi;
+  --typographyFormFieldCharacterCountM: 400 14px/150% Pridi;
+  --typographyFormFieldCharacterCountL: 400 14px/150% Pridi;
+  --typographyLinkTextM: 400 14px/150% Pridi;
+  --typographyLinkTextL: 400 16px/150% Pridi;
+  --typographyMessageHeadingM: 700 14px/150% Pridi;
+  --typographyMessageHeadingL: 700 16px/150% Pridi;
+  --typographyMessageTextM: 400 14px/150% Pridi;
+  --typographyMessageTextL: 400 16px/150% Pridi;
+  --typographyPillLabelS: 500 10px/150% Pridi;
+  --typographyPillLabelM: 500 12px/150% Pridi;
+  --typographyPillLabelL: 500 14px/150% Pridi;
+  --typographyPillLabelXl: 500 16px/150% Pridi;
+  --typographySwitchOptionLabelM: 500 12px/150% Pridi;
+  --typographySwitchOptionLabelL: 500 14px/150% Pridi;
+  --typographyTableHeaderTextM: 500 14px/150% Pridi;
+  --typographyTableCellTextM: 400 14px/150% Pridi;
+  --typographyTooltipTextM: 400 14px/150% Pridi;
+  --typographyTooltipTextL: 400 16px/150% Pridi;
 }

package/data/tokens.json

@@ -1614,7 +1614,7 @@
           "xs": {
             "value": {
               "fontFamily": "Sage UI",
-              "fontWeight": "Bold",
+              "fontWeight": "Regular",
               "lineHeight": "150%",
               "fontSize": "14px",
               "letterSpacing": "0%",
@@ -1627,7 +1627,72 @@
           "s": {
             "value": {
               "fontFamily": "Sage UI",
-              "fontWeight": "Bold",
+              "fontWeight": "Regular",
+              "lineHeight": "150%",
+              "fontSize": "14px",
+              "letterSpacing": "0%",
+              "paragraphSpacing": "0",
+              "textDecoration": "none",
+              "textCase": "none"
+            },
+            "type": "typography"
+          },
+          "ms": {
+            "value": {
+              "fontFamily": "Sage UI",
+              "fontWeight": "Regular",
+              "lineHeight": "150%",
+              "fontSize": "14px",
+              "letterSpacing": "0%",
+              "paragraphSpacing": "0",
+              "textDecoration": "none",
+              "textCase": "none"
+            },
+            "type": "typography"
+          },
+          "m": {
+            "value": {
+              "fontFamily": "Sage UI",
+              "fontWeight": "Regular",
+              "lineHeight": "150%",
+              "fontSize": "14px",
+              "letterSpacing": "0%",
+              "paragraphSpacing": "0",
+              "textDecoration": "none",
+              "textCase": "none"
+            },
+            "type": "typography"
+          },
+          "ml": {
+            "value": {
+              "fontFamily": "Sage UI",
+              "fontWeight": "Regular",
+              "lineHeight": "150%",
+              "fontSize": "14px",
+              "letterSpacing": "0%",
+              "paragraphSpacing": "0",
+              "textDecoration": "none",
+              "textCase": "none"
+            },
+            "type": "typography"
+          },
+          "l": {
+            "value": {
+              "fontFamily": "Sage UI",
+              "fontWeight": "Regular",
+              "lineHeight": "150%",
+              "fontSize": "14px",
+              "letterSpacing": "0%",
+              "paragraphSpacing": "0",
+              "textDecoration": "none",
+              "textCase": "none"
+            },
+            "type": "typography"
+          },
+          "xl": {
+            "value": {
+              "fontFamily": "Sage UI",
+              "fontWeight": "Regular",
               "lineHeight": "150%",
               "fontSize": "14px",
               "letterSpacing": "0%",
@@ -2044,9 +2109,11 @@
               "fontFamily": "Sage UI",
               "fontWeight": "Regular",
               "lineHeight": "150%",
-              "fontSize": "14px",
+              "fontSize": "16px",
               "letterSpacing": "0%",
-              "paragraphSpacing": "0px"
+              "paragraphSpacing": "0px",
+              "textDecoration": "none",
+              "textCase": "none"
             },
             "type": "typography"
           }