@sage/design-tokens 2.1.0 → 2.4.0

package/index.d.ts

@@ -1,4 +1,2 @@
 export * as baseCommon from "./js/base/common";
 export * as baseEs6 from "./js/base/es6";
-export * as noThemeCommon from "./js/no-theme/common";
-export * as noThemeEs6 from "./js/no-theme/es6";

package/index.js

@@ -4,5 +4,3 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
 
 export * as baseCommon from './js/base/common'
 export * as baseEs6 from './js/base/es6'
-export * as noThemeCommon from './js/no-theme/common'
-export * as noThemeEs6 from './js/no-theme/es6'

package/ios/base.h

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Mon, 14 Mar 2022 10:20:22 GMT
+// Generated on Tue, 22 Mar 2022 17:24:01 GMT
 
 
 #import <Foundation/Foundation.h>
@@ -211,12 +211,13 @@
 #define sizing1000 80px
 #define sizing1300 104px
 #define sizing1600 128px
+#define sizing010 1px
 #define sizing025 2px
 #define sizing050 4px
 #define sizing075 6px
 #define sizingLogowidth 40px
-#define sizing010 1px
 #define spacing100 8px
+#define spacing110 9px
 #define spacing125 10px
 #define spacing150 12px
 #define spacing200 16px
@@ -230,8 +231,10 @@
 #define spacing900 72px
 #define spacing1000 80px
 #define spacing000 0
+#define spacing010 1px
 #define spacing025 2px
 #define spacing050 4px
+#define spacing060 5px
 #define spacing075 6px
 #define borderWidth100 1px
 #define borderWidth200 2px
@@ -322,9 +325,12 @@
 #define typographyFormFieldCharacterCountS Regular 14px/150% Sage UI
 #define typographyFormFieldCharacterCountM Regular 14px/150% Sage UI
 #define typographyFormFieldCharacterCountL Regular 16px/150% Sage UI
+#define typographyLinkOlDtextS Regular 12px/150% Sage UI
+#define typographyLinkOlDtextM Regular 14px/150% Sage UI
+#define typographyLinkOlDtextL Regular 16px/150% Sage UI
 #define typographyLinkTextS Regular 12px/150% Sage UI
 #define typographyLinkTextM Regular 14px/150% Sage UI
-#define typographyLinkTextL Regular 16px/150% Sage UI
+#define typographyLinkTextL undefined 16px/150% Sage UI
 #define typographyMenuLabelM Medium 14px/150% Sage UI
 #define typographyMenuSegmentTitleM Medium 12px/150% Sage UI
 #define typographyMessageHeadingM Bold 14px/150% Sage UI

package/js/base/common.d.ts

@@ -199,12 +199,13 @@ export const sizing900: string;
 export const sizing1000: string;
 export const sizing1300: string;
 export const sizing1600: string;
+export const sizing010: string;
 export const sizing025: string;
 export const sizing050: string;
 export const sizing075: string;
 export const sizingLogowidth: string;
-export const sizing010: string;
 export const spacing100: string;
+export const spacing110: string;
 export const spacing125: string;
 export const spacing150: string;
 export const spacing200: string;
@@ -218,8 +219,10 @@ export const spacing800: string;
 export const spacing900: string;
 export const spacing1000: string;
 export const spacing000: string;
+export const spacing010: string;
 export const spacing025: string;
 export const spacing050: string;
+export const spacing060: string;
 export const spacing075: string;
 export const borderWidth100: string;
 export const borderWidth200: string;
@@ -310,6 +313,9 @@ export const typographyFormFieldCharacterCountXs: string;
 export const typographyFormFieldCharacterCountS: string;
 export const typographyFormFieldCharacterCountM: string;
 export const typographyFormFieldCharacterCountL: string;
+export const typographyLinkOlDtextS: string;
+export const typographyLinkOlDtextM: string;
+export const typographyLinkOlDtextL: string;
 export const typographyLinkTextS: string;
 export const typographyLinkTextM: string;
 export const typographyLinkTextL: string;

package/js/base/common.js

@@ -4,7 +4,7 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
 
 /**
  * Do not edit directly
- * Generated on Mon, 14 Mar 2022 10:20:22 GMT
+ * Generated on Tue, 22 Mar 2022 17:24:01 GMT
  */
 
 module.exports = {
@@ -209,12 +209,13 @@ module.exports = {
   sizing1000: '80px',
   sizing1300: '104px',
   sizing1600: '128px',
+  sizing010: '1px',
   sizing025: '2px',
   sizing050: '4px',
   sizing075: '6px',
   sizingLogowidth: '40px',
-  sizing010: '1px',
   spacing100: '8px',
+  spacing110: '9px',
   spacing125: '10px',
   spacing150: '12px',
   spacing200: '16px',
@@ -228,8 +229,10 @@ module.exports = {
   spacing900: '72px',
   spacing1000: '80px',
   spacing000: '0',
+  spacing010: '1px',
   spacing025: '2px',
   spacing050: '4px',
+  spacing060: '5px',
   spacing075: '6px',
   borderWidth100: '1px',
   borderWidth200: '2px',
@@ -320,9 +323,12 @@ module.exports = {
   typographyFormFieldCharacterCountS: '400 14px/150% Sage UI',
   typographyFormFieldCharacterCountM: '400 14px/150% Sage UI',
   typographyFormFieldCharacterCountL: '400 16px/150% Sage UI',
+  typographyLinkOlDtextS: '400 12px/150% Sage UI',
+  typographyLinkOlDtextM: '400 14px/150% Sage UI',
+  typographyLinkOlDtextL: '400 16px/150% Sage UI',
   typographyLinkTextS: '400 12px/150% Sage UI',
   typographyLinkTextM: '400 14px/150% Sage UI',
-  typographyLinkTextL: '400 16px/150% Sage UI',
+  typographyLinkTextL: 'undefined 16px/150% Sage UI',
   typographyMenuLabelM: '500 14px/150% Sage UI',
   typographyMenuSegmentTitleM: '500 12px/150% Sage UI',
   typographyMessageHeadingM: '700 14px/150% Sage UI',

package/js/base/es6.d.ts

@@ -200,12 +200,13 @@ declare namespace _default {
     const sizing1000: string;
     const sizing1300: string;
     const sizing1600: string;
+    const sizing010: string;
     const sizing025: string;
     const sizing050: string;
     const sizing075: string;
     const sizingLogowidth: string;
-    const sizing010: string;
     const spacing100: string;
+    const spacing110: string;
     const spacing125: string;
     const spacing150: string;
     const spacing200: string;
@@ -219,8 +220,10 @@ declare namespace _default {
     const spacing900: string;
     const spacing1000: string;
     const spacing000: string;
+    const spacing010: string;
     const spacing025: string;
     const spacing050: string;
+    const spacing060: string;
     const spacing075: string;
     const borderWidth100: string;
     const borderWidth200: string;
@@ -311,6 +314,9 @@ declare namespace _default {
     const typographyFormFieldCharacterCountS: string;
     const typographyFormFieldCharacterCountM: string;
     const typographyFormFieldCharacterCountL: string;
+    const typographyLinkOlDtextS: string;
+    const typographyLinkOlDtextM: string;
+    const typographyLinkOlDtextL: string;
     const typographyLinkTextS: string;
     const typographyLinkTextM: string;
     const typographyLinkTextL: string;

package/js/base/es6.js

@@ -204,12 +204,13 @@ export default {
   sizing1000: '80px',
   sizing1300: '104px',
   sizing1600: '128px',
+  sizing010: '1px',
   sizing025: '2px',
   sizing050: '4px',
   sizing075: '6px',
   sizingLogowidth: '40px',
-  sizing010: '1px',
   spacing100: '8px',
+  spacing110: '9px',
   spacing125: '10px',
   spacing150: '12px',
   spacing200: '16px',
@@ -223,8 +224,10 @@ export default {
   spacing900: '72px',
   spacing1000: '80px',
   spacing000: '0',
+  spacing010: '1px',
   spacing025: '2px',
   spacing050: '4px',
+  spacing060: '5px',
   spacing075: '6px',
   borderWidth100: '1px',
   borderWidth200: '2px',
@@ -315,9 +318,12 @@ export default {
   typographyFormFieldCharacterCountS: '400 14px/150% Sage UI',
   typographyFormFieldCharacterCountM: '400 14px/150% Sage UI',
   typographyFormFieldCharacterCountL: '400 16px/150% Sage UI',
+  typographyLinkOlDtextS: '400 12px/150% Sage UI',
+  typographyLinkOlDtextM: '400 14px/150% Sage UI',
+  typographyLinkOlDtextL: '400 16px/150% Sage UI',
   typographyLinkTextS: '400 12px/150% Sage UI',
   typographyLinkTextM: '400 14px/150% Sage UI',
-  typographyLinkTextL: '400 16px/150% Sage UI',
+  typographyLinkTextL: 'undefined 16px/150% Sage UI',
   typographyMenuLabelM: '500 14px/150% Sage UI',
   typographyMenuSegmentTitleM: '500 12px/150% Sage UI',
   typographyMessageHeadingM: '700 14px/150% Sage UI',

package/package.json

@@ -10,7 +10,7 @@
   },
   "description": "Design tokens for the Sage Design System.",
   "author": "The Sage Group plc",
-  "version": "2.1.0",
+  "version": "2.4.0",
   "license": "SEE LICENSE IN https://github.com/Sage/design-tokens/blob/master/license",
   "tags": [
     "design tokens",

package/scss/base.scss

@@ -4,7 +4,7 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
 
 
 // Do not edit directly
-// Generated on Mon, 14 Mar 2022 10:20:22 GMT
+// Generated on Tue, 22 Mar 2022 17:24:01 GMT
 
 $metaName: Base Theme;
 $metaPublic: true;
@@ -207,12 +207,13 @@ $sizing900: 72px;
 $sizing1000: 80px;
 $sizing1300: 104px;
 $sizing1600: 128px;
+$sizing010: 1px;
 $sizing025: 2px;
 $sizing050: 4px;
 $sizing075: 6px;
 $sizingLogowidth: 40px;
-$sizing010: 1px;
 $spacing100: 8px;
+$spacing110: 9px;
 $spacing125: 10px;
 $spacing150: 12px;
 $spacing200: 16px;
@@ -226,8 +227,10 @@ $spacing800: 64px;
 $spacing900: 72px;
 $spacing1000: 80px;
 $spacing000: 0;
+$spacing010: 1px;
 $spacing025: 2px;
 $spacing050: 4px;
+$spacing060: 5px;
 $spacing075: 6px;
 $borderWidth100: 1px;
 $borderWidth200: 2px;
@@ -318,9 +321,12 @@ $typographyFormFieldCharacterCountXs: 400 14px/150% Sage UI;
 $typographyFormFieldCharacterCountS: 400 14px/150% Sage UI;
 $typographyFormFieldCharacterCountM: 400 14px/150% Sage UI;
 $typographyFormFieldCharacterCountL: 400 16px/150% Sage UI;
+$typographyLinkOlDtextS: 400 12px/150% Sage UI;
+$typographyLinkOlDtextM: 400 14px/150% Sage UI;
+$typographyLinkOlDtextL: 400 16px/150% Sage UI;
 $typographyLinkTextS: 400 12px/150% Sage UI;
 $typographyLinkTextM: 400 14px/150% Sage UI;
-$typographyLinkTextL: 400 16px/150% Sage UI;
+$typographyLinkTextL: undefined 16px/150% Sage UI;
 $typographyMenuLabelM: 500 14px/150% Sage UI;
 $typographyMenuSegmentTitleM: 500 12px/150% Sage UI;
 $typographyMessageHeadingM: 700 14px/150% Sage UI;

package/android/no-theme.xml

@@ -1,265 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-
-<!--
-  Do not edit directly
-  Generated on Mon, 14 Mar 2022 10:20:22 GMT
--->
-<resources>
-  <string name="metaName">No Theme</string>
-  <string name="metaPublic">true</string>
-  <string name="colorsLogo">#ef001dff</string>
-  <string name="colorsTransparent">#00000000</string>
-  <string name="colorsYin030">#00ac004d</string>
-  <string name="colorsYin055">#00ac008c</string>
-  <string name="colorsYin065">#00ac00a6</string>
-  <string name="colorsYin090">#00ac00e6</string>
-  <string name="colorsYang100">#ffff00ff</string>
-  <string name="colorsDisabled400">#ed99f9ff</string>
-  <string name="colorsDisabled500">#e880f7ff</string>
-  <string name="colorsDisabled600">#e366f5ff</string>
-  <string name="colorsReadOnly400">#4da6f4ff</string>
-  <string name="colorsReadOnly500">#198df1ff</string>
-  <string name="colorsReadOnly600">#0073d7ff</string>
-  <string name="colorsComponentsNavigation500">#fcccd2ff</string>
-  <string name="colorsComponentsNavigation600">#f999a5ff</string>
-  <string name="colorsComponentsNavigation700">#f56677ff</string>
-  <string name="colorsComponentsNavigationTransparent">#00000000</string>
-  <string name="colorsComponentsNavigationYin100">#00ac00ff</string>
-  <string name="colorsComponentsNavigationYin030">#00ac004d</string>
-  <string name="colorsComponentsNavigationYin055">#00ac008c</string>
-  <string name="colorsComponentsNavigationYin065">#00ac00a6</string>
-  <string name="colorsComponentsNavigationYin090">#00ac00e6</string>
-  <string name="colorsComponentsNavigationYang100">#ffff00ff</string>
-  <string name="colorsUtilityMajor100">#94a9ffff</string>
-  <string name="colorsUtilityMajor150">#7c96ffff</string>
-  <string name="colorsUtilityMajor200">#6482ffff</string>
-  <string name="colorsUtilityMajor300">#3a61ffff</string>
-  <string name="colorsUtilityMajor400">#0031fcff</string>
-  <string name="colorsUtilityMajor500">#0029d1ff</string>
-  <string name="colorsUtilityMajor800">#001053ff</string>
-  <string name="colorsUtilityMajor025">#e5eaffff</string>
-  <string name="colorsUtilityMajor050">#ced8ffff</string>
-  <string name="colorsUtilityMajor075">#afbfffff</string>
-  <string name="colorsUtilityMajorTransparent">#00000000</string>
-  <string name="colorsUtilityYin030">#00ac004d</string>
-  <string name="colorsUtilityYin055">#00ac008c</string>
-  <string name="colorsUtilityYin065">#00ac00a6</string>
-  <string name="colorsUtilityYin090">#00ac00e6</string>
-  <string name="colorsUtilityYang100">#ffff00ff</string>
-  <string name="colorsUtilityDisabled400">#ed99f9ff</string>
-  <string name="colorsUtilityDisabled500">#e880f7ff</string>
-  <string name="colorsUtilityDisabled600">#e366f5ff</string>
-  <string name="colorsUtilityReadOnly400">#4da6f4ff</string>
-  <string name="colorsUtilityReadOnly500">#198df1ff</string>
-  <string name="colorsUtilityReadOnly600">#0073d7ff</string>
-  <string name="colorsActionMajor150">#daccfcff</string>
-  <string name="colorsActionMajor500">#9166f5ff</string>
-  <string name="colorsActionMajor600">#6c33f2ff</string>
-  <string name="colorsActionMajor700">#4700efff</string>
-  <string name="colorsActionMajorTransparent">#00000000</string>
-  <string name="colorsActionMajorYin030">#00ac004d</string>
-  <string name="colorsActionMajorYin055">#00ac008c</string>
-  <string name="colorsActionMajorYin065">#00ac00a6</string>
-  <string name="colorsActionMajorYin090">#00ac00e6</string>
-  <string name="colorsActionMajorYang100">#ffff00ff</string>
-  <string name="colorsActionMinor100">#ced8ffff</string>
-  <string name="colorsActionMinor150">#afbfffff</string>
-  <string name="colorsActionMinor200">#94a9ffff</string>
-  <string name="colorsActionMinor250">#7c96ffff</string>
-  <string name="colorsActionMinor300">#6482ffff</string>
-  <string name="colorsActionMinor400">#3a61ffff</string>
-  <string name="colorsActionMinor500">#0031fcff</string>
-  <string name="colorsActionMinor600">#0029d1ff</string>
-  <string name="colorsActionMinor900">#001053ff</string>
-  <string name="colorsActionMinor025">#f1f4ffff</string>
-  <string name="colorsActionMinor050">#e5eaffff</string>
-  <string name="colorsActionMinorTransparent">#00000000</string>
-  <string name="colorsActionMinorYin030">#00ac004d</string>
-  <string name="colorsActionMinorYin055">#00ac008c</string>
-  <string name="colorsActionMinorYin065">#00ac00a6</string>
-  <string name="colorsActionMinorYin090">#00ac00e6</string>
-  <string name="colorsActionMinorYang100">#ffff00ff</string>
-  <string name="colorsActionDisabled400">#ed99f9ff</string>
-  <string name="colorsActionDisabled500">#e880f7ff</string>
-  <string name="colorsActionDisabled600">#e366f5ff</string>
-  <string name="colorsActionReadOnly400">#4da6f4ff</string>
-  <string name="colorsActionReadOnly500">#198df1ff</string>
-  <string name="colorsActionReadOnly600">#0073d7ff</string>
-  <string name="colorsSemanticNeutral200">#99f0f9ff</string>
-  <string name="colorsSemanticNeutral500">#00d9efff</string>
-  <string name="colorsSemanticNeutral600">#00aebfff</string>
-  <string name="colorsSemanticNeutralTransparent">#00000000</string>
-  <string name="colorsSemanticNeutralYin030">#00ac004d</string>
-  <string name="colorsSemanticNeutralYin055">#00ac008c</string>
-  <string name="colorsSemanticNeutralYin065">#00ac00a6</string>
-  <string name="colorsSemanticNeutralYin090">#00ac00e6</string>
-  <string name="colorsSemanticNeutralYang100">#ffff00ff</string>
-  <string name="colorsSemanticFocus250">#80f7d2ff</string>
-  <string name="colorsSemanticFocus500">#00efa5ff</string>
-  <string name="colorsSemanticFocusTransparent">#00000000</string>
-  <string name="colorsSemanticPositive500">#ffc173ff</string>
-  <string name="colorsSemanticPositive600">#ffb04bff</string>
-  <string name="colorsSemanticPositiveTransparent">#00000000</string>
-  <string name="colorsSemanticPositiveYin030">#00ac004d</string>
-  <string name="colorsSemanticPositiveYin055">#00ac008c</string>
-  <string name="colorsSemanticPositiveYin065">#00ac00a6</string>
-  <string name="colorsSemanticPositiveYin090">#00ac00e6</string>
-  <string name="colorsSemanticPositiveYang100">#ffff00ff</string>
-  <string name="colorsSemanticNegative500">#d5ef00ff</string>
-  <string name="colorsSemanticNegative600">#aabf00ff</string>
-  <string name="colorsSemanticNegativeTransparent">#00000000</string>
-  <string name="colorsSemanticNegativeYin030">#00ac004d</string>
-  <string name="colorsSemanticNegativeYin055">#00ac008c</string>
-  <string name="colorsSemanticNegativeYin065">#00ac00a6</string>
-  <string name="colorsSemanticNegativeYin090">#00ac00e6</string>
-  <string name="colorsSemanticNegativeYang100">#ffff00ff</string>
-  <string name="colorsSemanticCaution400">#4dcbb9ff</string>
-  <string name="colorsSemanticCaution500">#01b49bff</string>
-  <string name="colorsSemanticCaution600">#01907cff</string>
-  <string name="colorsSemanticCautionTransparent">#00000000</string>
-  <string name="colorsSemanticCautionYin030">#00ac004d</string>
-  <string name="colorsSemanticCautionYin055">#00ac008c</string>
-  <string name="colorsSemanticCautionYin065">#00ac00a6</string>
-  <string name="colorsSemanticCautionYin090">#00ac00e6</string>
-  <string name="colorsSemanticCautionYang100">#ffff00ff</string>
-  <string name="colorsSemanticInfo150">#ffd7c8ff</string>
-  <string name="colorsSemanticInfo500">#ffaf90ff</string>
-  <string name="colorsSemanticInfo600">#ff946bff</string>
-  <string name="colorsSemanticInfoTransparent">#00000000</string>
-  <string name="colorsSemanticInfoYin030">#00ac004d</string>
-  <string name="colorsSemanticInfoYin055">#00ac008c</string>
-  <string name="colorsSemanticInfoYin065">#00ac00a6</string>
-  <string name="colorsSemanticInfoYin090">#00ac00e6</string>
-  <string name="colorsSemanticInfoYang100">#ffff00ff</string>
-  <string name="sizing100">8px</string>
-  <string name="sizing125">10px</string>
-  <string name="sizing150">12px</string>
-  <string name="sizing175">14px</string>
-  <string name="sizing200">16px</string>
-  <string name="sizing250">20px</string>
-  <string name="sizing300">24px</string>
-  <string name="sizing350">28px</string>
-  <string name="sizing375">30px</string>
-  <string name="sizing400">32px</string>
-  <string name="sizing500">40px</string>
-  <string name="sizing600">48px</string>
-  <string name="sizing700">56px</string>
-  <string name="sizing800">64px</string>
-  <string name="sizing900">72px</string>
-  <string name="sizing1000">80px</string>
-  <string name="sizing025">2px</string>
-  <string name="sizing050">4px</string>
-  <string name="sizing075">6px</string>
-  <string name="sizingLogowidth">40px</string>
-  <string name="sizing010">1px</string>
-  <string name="spacing100">8px</string>
-  <string name="spacing125">10px</string>
-  <string name="spacing150">12px</string>
-  <string name="spacing200">16px</string>
-  <string name="spacing250">20px</string>
-  <string name="spacing300">24px</string>
-  <string name="spacing400">32px</string>
-  <string name="spacing500">40px</string>
-  <string name="spacing600">48px</string>
-  <string name="spacing700">56px</string>
-  <string name="spacing800">64px</string>
-  <string name="spacing900">72px</string>
-  <string name="spacing1000">80px</string>
-  <string name="spacing000">0</string>
-  <string name="spacing025">2px</string>
-  <string name="spacing050">4px</string>
-  <string name="spacing075">6px</string>
-  <string name="borderWidth100">1px</string>
-  <string name="borderWidth200">2px</string>
-  <string name="borderWidth300">3px</string>
-  <string name="borderWidth400">4px</string>
-  <string name="borderWidth000">0px</string>
-  <string name="fontSizes100">14px</string>
-  <string name="fontSizes200">16px</string>
-  <string name="fontSizes300">18px</string>
-  <string name="fontSizes400">20px</string>
-  <string name="fontSizes500">22px</string>
-  <string name="fontSizes600">24px</string>
-  <string name="fontSizes700">32px</string>
-  <string name="fontSizes800">48px</string>
-  <string name="fontSizes900">56px</string>
-  <string name="fontSizes1000">64px</string>
-  <string name="fontSizes010">10px</string>
-  <string name="fontSizes025">12px</string>
-  <string name="fontSizes050">13px</string>
-  <string name="boxShadow100">0 10px 10px 0 #fb450080</string>
-  <string name="boxShadow200">0 20px 40px 0 #95db0080</string>
-  <string name="boxShadow300">0 30px 60px 0 #00b3db80</string>
-  <string name="boxShadow400">0 50px 80px 0 #6000db80</string>
-  <string name="fontWeights400">Regular</string>
-  <string name="fontWeights500">Medium</string>
-  <string name="fontWeights700">Bold</string>
-  <string name="lineHeights400">125%</string>
-  <string name="lineHeights500">150%</string>
-  <string name="fontFamiliesDefault">Pridi</string>
-  <string name="fontFamiliesIos">San Francisco</string>
-  <string name="fontFamiliesAndroid">Roboto</string>
-  <string name="fontFamiliesOther">Open Sans</string>
-  <string name="borderRadiusCircle">10%</string>
-  <string name="typographyButtonLabelS">Bold 14px/150% Pridi</string>
-  <string name="typographyButtonLabelM">Bold 14px/150% Pridi</string>
-  <string name="typographyButtonLabelL">Bold 16px/150% Pridi</string>
-  <string name="typographyDialogTitleXs">Bold 20px/125% Pridi</string>
-  <string name="typographyDialogTitleS">Bold 20px/125% Pridi</string>
-  <string name="typographyDialogTitleMs">Bold 20px/125% Pridi</string>
-  <string name="typographyDialogTitleM">Bold 20px/125% Pridi</string>
-  <string name="typographyDialogTitleMl">Bold 20px/125% Pridi</string>
-  <string name="typographyDialogTitleL">Bold 20px/125% Pridi</string>
-  <string name="typographyDialogTitleXl">Bold 20px/125% Pridi</string>
-  <string name="typographyFlashTextM">Regular 14px/150% Pridi</string>
-  <string name="typographyFlashTextL">Regular 16px/150% Pridi</string>
-  <string name="typographyFormFieldLabelXs">Medium 14px/150% Pridi</string>
-  <string name="typographyFormFieldLabelS">Medium 14px/150% Pridi</string>
-  <string name="typographyFormFieldLabelM">Medium 14px/150% Pridi</string>
-  <string name="typographyFormFieldLabelL">Medium 16px/150% Pridi</string>
-  <string name="typographyFormFieldHintTextXs">Regular 14px/150% Pridi</string>
-  <string name="typographyFormFieldHintTextS">Regular 14px/150% Pridi</string>
-  <string name="typographyFormFieldHintTextM">Regular 14px/150% Pridi</string>
-  <string name="typographyFormFieldHintTextL">Regular 16px/150% Pridi</string>
-  <string name="typographyFormFieldErrorMessageXs">Medium 14px/150% Pridi</string>
-  <string name="typographyFormFieldErrorMessageS">Medium 14px/150% Pridi</string>
-  <string name="typographyFormFieldErrorMessageM">Medium 14px/150% Pridi</string>
-  <string name="typographyFormFieldErrorMessageL">Medium 16px/150% Pridi</string>
-  <string name="typographyFormFieldCautionMessageXs">Regular 14px/150% Pridi</string>
-  <string name="typographyFormFieldCautionMessageS">Regular 14px/150% Pridi</string>
-  <string name="typographyFormFieldCautionMessageM">Regular 14px/150% Pridi</string>
-  <string name="typographyFormFieldCautionMessageL">Regular 16px/150% Pridi</string>
-  <string name="typographyFormFieldInputTextXs">Regular 14px/150% Pridi</string>
-  <string name="typographyFormFieldInputTextS">Regular 14px/150% Pridi</string>
-  <string name="typographyFormFieldInputTextM">Regular 14px/150% Pridi</string>
-  <string name="typographyFormFieldInputTextL">Regular 16px/150% Pridi</string>
-  <string name="typographyFormFieldDropdownOptionsXs">Regular 14px/150% Pridi</string>
-  <string name="typographyFormFieldDropdownOptionsS">Regular 14px/150% Pridi</string>
-  <string name="typographyFormFieldDropdownOptionsM">Regular 14px/150% Pridi</string>
-  <string name="typographyFormFieldDropdownOptionsL">Regular 16px/150% Pridi</string>
-  <string name="typographyFormFieldSecondLabelXs">Medium 14px/150% Pridi</string>
-  <string name="typographyFormFieldSecondLabelS">Medium 14px/150% Pridi</string>
-  <string name="typographyFormFieldSecondLabelM">Medium 14px/150% Pridi</string>
-  <string name="typographyFormFieldSecondLabelL">Medium 16px/150% Pridi</string>
-  <string name="typographyFormFieldCharacterCountXs">Regular 14px/150% Pridi</string>
-  <string name="typographyFormFieldCharacterCountS">Regular 14px/150% Pridi</string>
-  <string name="typographyFormFieldCharacterCountM">Regular 14px/150% Pridi</string>
-  <string name="typographyFormFieldCharacterCountL">Regular 14px/150% Pridi</string>
-  <string name="typographyLinkTextM">Regular 14px/150% Pridi</string>
-  <string name="typographyLinkTextL">Regular 16px/150% Pridi</string>
-  <string name="typographyMessageHeadingM">Bold 14px/150% Pridi</string>
-  <string name="typographyMessageHeadingL">Bold 16px/150% Pridi</string>
-  <string name="typographyMessageTextM">Regular 14px/150% Pridi</string>
-  <string name="typographyMessageTextL">Regular 16px/150% Pridi</string>
-  <string name="typographyPillLabelS">Medium 10px/150% Pridi</string>
-  <string name="typographyPillLabelM">Medium 12px/150% Pridi</string>
-  <string name="typographyPillLabelL">Medium 14px/150% Pridi</string>
-  <string name="typographyPillLabelXl">Medium 16px/150% Pridi</string>
-  <string name="typographySwitchOptionLabelM">Medium 12px/150% Pridi</string>
-  <string name="typographySwitchOptionLabelL">Medium 14px/150% Pridi</string>
-  <string name="typographyTableHeaderTextM">Medium 14px/150% Pridi</string>
-  <string name="typographyTableCellTextM">Regular 14px/150% Pridi</string>
-  <string name="typographyTooltipTextM">Regular 14px/150% Pridi</string>
-  <string name="typographyTooltipTextL">Regular 16px/150% Pridi</string>
-  
-</resources>