@atlaskit/tokens 1.24.0 → 1.25.1

package/dist/esm/artifacts/tokens-raw/atlassian-typography-adg3.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::ea0accce09567f9c3a6ee559e04e4e33>>
+ * @codegen <<SignedSource::385a83af4c578715d2776d3fe65ff10b>>
  * @codegenCommand yarn build tokens
  */
 var tokens = [{
@@ -80,9 +80,9 @@ var tokens = [{
       "letterSpacing": "LetterSpacing0"
     }
   },
-  "name": "font.body.lg",
-  "path": ["font", "body", "lg"],
-  "cleanName": "font.body.lg"
+  "name": "font.body.large",
+  "path": ["font", "body", "large"],
+  "cleanName": "font.body.large"
 }, {
   "attributes": {
     "group": "typography",
@@ -109,9 +109,9 @@ var tokens = [{
       "letterSpacing": "LetterSpacing0"
     }
   },
-  "name": "font.body.sm",
-  "path": ["font", "body", "sm"],
-  "cleanName": "font.body.sm"
+  "name": "font.body.small",
+  "path": ["font", "body", "small"],
+  "cleanName": "font.body.small"
 }, {
   "attributes": {
     "group": "typography",
@@ -167,9 +167,9 @@ var tokens = [{
       "letterSpacing": "LetterSpacing400"
     }
   },
-  "name": "font.heading.lg",
-  "path": ["font", "heading", "lg"],
-  "cleanName": "font.heading.lg"
+  "name": "font.heading.large",
+  "path": ["font", "heading", "large"],
+  "cleanName": "font.heading.large"
 }, {
   "attributes": {
     "group": "typography",
@@ -196,9 +196,9 @@ var tokens = [{
       "letterSpacing": "LetterSpacing300"
     }
   },
-  "name": "font.heading.md",
-  "path": ["font", "heading", "md"],
-  "cleanName": "font.heading.md"
+  "name": "font.heading.medium",
+  "path": ["font", "heading", "medium"],
+  "cleanName": "font.heading.medium"
 }, {
   "attributes": {
     "group": "typography",
@@ -225,9 +225,9 @@ var tokens = [{
       "letterSpacing": "LetterSpacing200"
     }
   },
-  "name": "font.heading.sm",
-  "path": ["font", "heading", "sm"],
-  "cleanName": "font.heading.sm"
+  "name": "font.heading.small",
+  "path": ["font", "heading", "small"],
+  "cleanName": "font.heading.small"
 }, {
   "attributes": {
     "group": "typography",
@@ -254,9 +254,9 @@ var tokens = [{
       "letterSpacing": "LetterSpacing400"
     }
   },
-  "name": "font.heading.xl",
-  "path": ["font", "heading", "xl"],
-  "cleanName": "font.heading.xl"
+  "name": "font.heading.xlarge",
+  "path": ["font", "heading", "xlarge"],
+  "cleanName": "font.heading.xlarge"
 }, {
   "attributes": {
     "group": "typography",
@@ -283,9 +283,9 @@ var tokens = [{
       "letterSpacing": "LetterSpacing100"
     }
   },
-  "name": "font.heading.xs",
-  "path": ["font", "heading", "xs"],
-  "cleanName": "font.heading.xs"
+  "name": "font.heading.xsmall",
+  "path": ["font", "heading", "xsmall"],
+  "cleanName": "font.heading.xsmall"
 }, {
   "attributes": {
     "group": "typography",
@@ -312,9 +312,9 @@ var tokens = [{
       "letterSpacing": "LetterSpacing400"
     }
   },
-  "name": "font.heading.xxl",
-  "path": ["font", "heading", "xxl"],
-  "cleanName": "font.heading.xxl"
+  "name": "font.heading.xxlarge",
+  "path": ["font", "heading", "xxlarge"],
+  "cleanName": "font.heading.xxlarge"
 }, {
   "attributes": {
     "group": "typography",
@@ -341,9 +341,9 @@ var tokens = [{
       "letterSpacing": "LetterSpacing0"
     }
   },
-  "name": "font.heading.xxs",
-  "path": ["font", "heading", "xxs"],
-  "cleanName": "font.heading.xxs"
+  "name": "font.heading.xxsmall",
+  "path": ["font", "heading", "xxsmall"],
+  "cleanName": "font.heading.xxsmall"
 }, {
   "attributes": {
     "group": "letterSpacing",
@@ -509,9 +509,9 @@ var tokens = [{
       "letterSpacing": "LetterSpacing0"
     }
   },
-  "name": "font.ui.sm",
-  "path": ["font", "ui", "sm"],
-  "cleanName": "font.ui.sm"
+  "name": "font.ui.small",
+  "path": ["font", "ui", "small"],
+  "cleanName": "font.ui.small"
 }, {
   "attributes": {
     "group": "fontFamily",
@@ -519,7 +519,7 @@ var tokens = [{
     "introduced": "1.14.0",
     "description": "Helpful guidance goes here"
   },
-  "value": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
+  "value": "ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif",
   "filePath": "src/tokens/atlassian-typography-adg3/font-family.tsx",
   "isSource": true,
   "original": {
@@ -563,7 +563,7 @@ var tokens = [{
     "introduced": "1.14.0",
     "description": "Helpful guidance goes here"
   },
-  "value": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
+  "value": "ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif",
   "filePath": "src/tokens/atlassian-typography-adg3/font-family.tsx",
   "isSource": true,
   "original": {

package/dist/esm/artifacts/tokens-raw/atlassian-typography-minor3.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::91f01a2034a5e18b2fe6ca24f0abc799>>
+ * @codegen <<SignedSource::a2b2ba21b8b91fbc1e372aaed37f2619>>
  * @codegenCommand yarn build tokens
  */
 var tokens = [{
@@ -80,9 +80,9 @@ var tokens = [{
       "letterSpacing": "LetterSpacing0"
     }
   },
-  "name": "font.body.lg",
-  "path": ["font", "body", "lg"],
-  "cleanName": "font.body.lg"
+  "name": "font.body.large",
+  "path": ["font", "body", "large"],
+  "cleanName": "font.body.large"
 }, {
   "attributes": {
     "group": "typography",
@@ -109,9 +109,9 @@ var tokens = [{
       "letterSpacing": "LetterSpacing0"
     }
   },
-  "name": "font.body.sm",
-  "path": ["font", "body", "sm"],
-  "cleanName": "font.body.sm"
+  "name": "font.body.small",
+  "path": ["font", "body", "small"],
+  "cleanName": "font.body.small"
 }, {
   "attributes": {
     "group": "typography",
@@ -167,9 +167,9 @@ var tokens = [{
       "letterSpacing": "LetterSpacing0"
     }
   },
-  "name": "font.heading.lg",
-  "path": ["font", "heading", "lg"],
-  "cleanName": "font.heading.lg"
+  "name": "font.heading.large",
+  "path": ["font", "heading", "large"],
+  "cleanName": "font.heading.large"
 }, {
   "attributes": {
     "group": "typography",
@@ -196,9 +196,9 @@ var tokens = [{
       "letterSpacing": "LetterSpacing0"
     }
   },
-  "name": "font.heading.md",
-  "path": ["font", "heading", "md"],
-  "cleanName": "font.heading.md"
+  "name": "font.heading.medium",
+  "path": ["font", "heading", "medium"],
+  "cleanName": "font.heading.medium"
 }, {
   "attributes": {
     "group": "typography",
@@ -225,9 +225,9 @@ var tokens = [{
       "letterSpacing": "LetterSpacing0"
     }
   },
-  "name": "font.heading.sm",
-  "path": ["font", "heading", "sm"],
-  "cleanName": "font.heading.sm"
+  "name": "font.heading.small",
+  "path": ["font", "heading", "small"],
+  "cleanName": "font.heading.small"
 }, {
   "attributes": {
     "group": "typography",
@@ -254,9 +254,9 @@ var tokens = [{
       "letterSpacing": "LetterSpacing0"
     }
   },
-  "name": "font.heading.xl",
-  "path": ["font", "heading", "xl"],
-  "cleanName": "font.heading.xl"
+  "name": "font.heading.xlarge",
+  "path": ["font", "heading", "xlarge"],
+  "cleanName": "font.heading.xlarge"
 }, {
   "attributes": {
     "group": "typography",
@@ -283,9 +283,9 @@ var tokens = [{
       "letterSpacing": "LetterSpacing0"
     }
   },
-  "name": "font.heading.xs",
-  "path": ["font", "heading", "xs"],
-  "cleanName": "font.heading.xs"
+  "name": "font.heading.xsmall",
+  "path": ["font", "heading", "xsmall"],
+  "cleanName": "font.heading.xsmall"
 }, {
   "attributes": {
     "group": "typography",
@@ -312,9 +312,9 @@ var tokens = [{
       "letterSpacing": "LetterSpacing0"
     }
   },
-  "name": "font.heading.xxl",
-  "path": ["font", "heading", "xxl"],
-  "cleanName": "font.heading.xxl"
+  "name": "font.heading.xxlarge",
+  "path": ["font", "heading", "xxlarge"],
+  "cleanName": "font.heading.xxlarge"
 }, {
   "attributes": {
     "group": "typography",
@@ -341,9 +341,9 @@ var tokens = [{
       "letterSpacing": "LetterSpacing0"
     }
   },
-  "name": "font.heading.xxs",
-  "path": ["font", "heading", "xxs"],
-  "cleanName": "font.heading.xxs"
+  "name": "font.heading.xxsmall",
+  "path": ["font", "heading", "xxsmall"],
+  "cleanName": "font.heading.xxsmall"
 }, {
   "attributes": {
     "group": "letterSpacing",
@@ -509,9 +509,9 @@ var tokens = [{
       "letterSpacing": "LetterSpacing0"
     }
   },
-  "name": "font.ui.sm",
-  "path": ["font", "ui", "sm"],
-  "cleanName": "font.ui.sm"
+  "name": "font.ui.small",
+  "path": ["font", "ui", "small"],
+  "cleanName": "font.ui.small"
 }, {
   "attributes": {
     "group": "fontFamily",
@@ -519,7 +519,7 @@ var tokens = [{
     "introduced": "1.14.0",
     "description": "Helpful guidance goes here"
   },
-  "value": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
+  "value": "ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif",
   "filePath": "src/tokens/atlassian-typography-minor3/font-family.tsx",
   "isSource": true,
   "original": {
@@ -563,7 +563,7 @@ var tokens = [{
     "introduced": "1.14.0",
     "description": "Helpful guidance goes here"
   },
-  "value": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
+  "value": "ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif",
   "filePath": "src/tokens/atlassian-typography-minor3/font-family.tsx",
   "isSource": true,
   "original": {
@@ -607,7 +607,7 @@ var tokens = [{
     "introduced": "0.10.33",
     "description": "Helpful guidance goes here"
   },
-  "value": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
+  "value": "ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif",
   "filePath": "src/tokens/atlassian-typography-minor3/font-family.tsx",
   "isSource": true,
   "original": {

package/dist/esm/artifacts/tokens-raw/atlassian-typography.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::2dbe284320c4a652bc8420a1e9457c66>>
+ * @codegen <<SignedSource::87a8cb620b538e3524b5031d5a012ecd>>
  * @codegenCommand yarn build tokens
  */
 var tokens = [{
@@ -58,9 +58,9 @@ var tokens = [{
       "letterSpacing": "LetterSpacing0"
     }
   },
-  "name": "font.body.lg",
-  "path": ["font", "body", "lg"],
-  "cleanName": "font.body.lg"
+  "name": "font.body.large",
+  "path": ["font", "body", "large"],
+  "cleanName": "font.body.large"
 }, {
   "attributes": {
     "group": "typography",
@@ -87,9 +87,9 @@ var tokens = [{
       "letterSpacing": "LetterSpacing0"
     }
   },
-  "name": "font.body.sm",
-  "path": ["font", "body", "sm"],
-  "cleanName": "font.body.sm"
+  "name": "font.body.small",
+  "path": ["font", "body", "small"],
+  "cleanName": "font.body.small"
 }, {
   "attributes": {
     "group": "typography",
@@ -145,9 +145,9 @@ var tokens = [{
       "letterSpacing": "LetterSpacing0"
     }
   },
-  "name": "font.heading.lg",
-  "path": ["font", "heading", "lg"],
-  "cleanName": "font.heading.lg"
+  "name": "font.heading.large",
+  "path": ["font", "heading", "large"],
+  "cleanName": "font.heading.large"
 }, {
   "attributes": {
     "group": "typography",
@@ -174,9 +174,9 @@ var tokens = [{
       "letterSpacing": "LetterSpacing0"
     }
   },
-  "name": "font.heading.md",
-  "path": ["font", "heading", "md"],
-  "cleanName": "font.heading.md"
+  "name": "font.heading.medium",
+  "path": ["font", "heading", "medium"],
+  "cleanName": "font.heading.medium"
 }, {
   "attributes": {
     "group": "typography",
@@ -203,9 +203,9 @@ var tokens = [{
       "letterSpacing": "LetterSpacing0"
     }
   },
-  "name": "font.heading.sm",
-  "path": ["font", "heading", "sm"],
-  "cleanName": "font.heading.sm"
+  "name": "font.heading.small",
+  "path": ["font", "heading", "small"],
+  "cleanName": "font.heading.small"
 }, {
   "attributes": {
     "group": "typography",
@@ -232,9 +232,9 @@ var tokens = [{
       "letterSpacing": "LetterSpacing0"
     }
   },
-  "name": "font.heading.xl",
-  "path": ["font", "heading", "xl"],
-  "cleanName": "font.heading.xl"
+  "name": "font.heading.xlarge",
+  "path": ["font", "heading", "xlarge"],
+  "cleanName": "font.heading.xlarge"
 }, {
   "attributes": {
     "group": "typography",
@@ -261,9 +261,9 @@ var tokens = [{
       "letterSpacing": "LetterSpacing0"
     }
   },
-  "name": "font.heading.xs",
-  "path": ["font", "heading", "xs"],
-  "cleanName": "font.heading.xs"
+  "name": "font.heading.xsmall",
+  "path": ["font", "heading", "xsmall"],
+  "cleanName": "font.heading.xsmall"
 }, {
   "attributes": {
     "group": "typography",
@@ -290,9 +290,9 @@ var tokens = [{
       "letterSpacing": "LetterSpacing0"
     }
   },
-  "name": "font.heading.xxl",
-  "path": ["font", "heading", "xxl"],
-  "cleanName": "font.heading.xxl"
+  "name": "font.heading.xxlarge",
+  "path": ["font", "heading", "xxlarge"],
+  "cleanName": "font.heading.xxlarge"
 }, {
   "attributes": {
     "group": "typography",
@@ -319,9 +319,9 @@ var tokens = [{
       "letterSpacing": "LetterSpacing0"
     }
   },
-  "name": "font.heading.xxs",
-  "path": ["font", "heading", "xxs"],
-  "cleanName": "font.heading.xxs"
+  "name": "font.heading.xxsmall",
+  "path": ["font", "heading", "xxsmall"],
+  "cleanName": "font.heading.xxsmall"
 }, {
   "attributes": {
     "group": "letterSpacing",
@@ -487,9 +487,9 @@ var tokens = [{
       "letterSpacing": "LetterSpacing0"
     }
   },
-  "name": "font.ui.sm",
-  "path": ["font", "ui", "sm"],
-  "cleanName": "font.ui.sm"
+  "name": "font.ui.small",
+  "path": ["font", "ui", "small"],
+  "cleanName": "font.ui.small"
 }, {
   "attributes": {
     "group": "fontFamily",
@@ -497,7 +497,7 @@ var tokens = [{
     "introduced": "1.14.0",
     "description": "Helpful guidance goes here"
   },
-  "value": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
+  "value": "ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif",
   "filePath": "src/tokens/atlassian-typography/font-family.tsx",
   "isSource": true,
   "original": {
@@ -541,7 +541,7 @@ var tokens = [{
     "introduced": "1.14.0",
     "description": "Helpful guidance goes here"
   },
-  "value": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
+  "value": "ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif",
   "filePath": "src/tokens/atlassian-typography/font-family.tsx",
   "isSource": true,
   "original": {
@@ -585,7 +585,7 @@ var tokens = [{
     "introduced": "0.10.33",
     "description": "Helpful guidance goes here"
   },
-  "value": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
+  "value": "ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif",
   "filePath": "src/tokens/atlassian-typography/font-family.tsx",
   "isSource": true,
   "original": {

package/dist/esm/custom-theme.js

@@ -23,7 +23,7 @@ export var CUSTOM_STYLE_ELEMENTS_SIZE_THRESHOLD = 10;
  */
 export function getCustomThemeStyles(themeState) {
   var _themeState$UNSAFE_th;
-  var brandColor = themeState === null || themeState === void 0 ? void 0 : (_themeState$UNSAFE_th = themeState.UNSAFE_themeOptions) === null || _themeState$UNSAFE_th === void 0 ? void 0 : _themeState$UNSAFE_th.brandColor;
+  var brandColor = themeState === null || themeState === void 0 || (_themeState$UNSAFE_th = themeState.UNSAFE_themeOptions) === null || _themeState$UNSAFE_th === void 0 ? void 0 : _themeState$UNSAFE_th.brandColor;
   var mode = (themeState === null || themeState === void 0 ? void 0 : themeState.colorMode) || themeStateDefaults['colorMode'];
   var optionString = JSON.stringify(themeState === null || themeState === void 0 ? void 0 : themeState.UNSAFE_themeOptions);
   var uniqueId = hash(optionString);

package/dist/esm/get-theme-styles.js

@@ -3,7 +3,7 @@ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { themeIdsWithOverrides, themeStateDefaults } from './theme-config';
 import { isValidBrandHex } from './utils/color-utils';
-import { getThemePreferences } from './utils/get-theme-preferences';
+import { getThemeOverridePreferences, getThemePreferences } from './utils/get-theme-preferences';
 import { loadThemeCss } from './utils/theme-loading';
 /**
  * Takes an object containing theme preferences, and returns an array of objects for use in applying styles to the document head.
@@ -23,24 +23,27 @@ import { loadThemeCss } from './utils/theme-loading';
  */
 var getThemeStyles = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(preferences) {
-    var themePreferences, results;
+    var themePreferences, themeOverridePreferences, themeState, results;
     return _regeneratorRuntime.wrap(function _callee3$(_context3) {
       while (1) switch (_context3.prev = _context3.next) {
         case 0:
+          themeOverridePreferences = [];
           if (preferences === 'all') {
             themePreferences = themeIdsWithOverrides;
           } else {
-            themePreferences = getThemePreferences({
+            themeState = {
               colorMode: (preferences === null || preferences === void 0 ? void 0 : preferences.colorMode) || themeStateDefaults['colorMode'],
               dark: (preferences === null || preferences === void 0 ? void 0 : preferences.dark) || themeStateDefaults['dark'],
               light: (preferences === null || preferences === void 0 ? void 0 : preferences.light) || themeStateDefaults['light'],
               shape: (preferences === null || preferences === void 0 ? void 0 : preferences.shape) || themeStateDefaults['shape'],
               spacing: (preferences === null || preferences === void 0 ? void 0 : preferences.spacing) || themeStateDefaults['spacing'],
               typography: (preferences === null || preferences === void 0 ? void 0 : preferences.typography) || themeStateDefaults['typography']
-            });
+            };
+            themePreferences = getThemePreferences(themeState);
+            themeOverridePreferences = getThemeOverridePreferences(themeState);
           }
-          _context3.next = 3;
-          return Promise.all([].concat(_toConsumableArray(themePreferences.map( /*#__PURE__*/function () {
+          _context3.next = 4;
+          return Promise.all([].concat(_toConsumableArray([].concat(_toConsumableArray(themePreferences), _toConsumableArray(themeOverridePreferences)).map( /*#__PURE__*/function () {
             var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(themeId) {
               var css;
               return _regeneratorRuntime.wrap(function _callee$(_context) {
@@ -79,7 +82,7 @@ var getThemeStyles = /*#__PURE__*/function () {
             return _regeneratorRuntime.wrap(function _callee2$(_context2) {
               while (1) switch (_context2.prev = _context2.next) {
                 case 0:
-                  if (!(preferences !== 'all' && preferences !== null && preferences !== void 0 && preferences.UNSAFE_themeOptions && isValidBrandHex(preferences === null || preferences === void 0 ? void 0 : (_preferences$UNSAFE_t = preferences.UNSAFE_themeOptions) === null || _preferences$UNSAFE_t === void 0 ? void 0 : _preferences$UNSAFE_t.brandColor))) {
+                  if (!(preferences !== 'all' && preferences !== null && preferences !== void 0 && preferences.UNSAFE_themeOptions && isValidBrandHex(preferences === null || preferences === void 0 || (_preferences$UNSAFE_t = preferences.UNSAFE_themeOptions) === null || _preferences$UNSAFE_t === void 0 ? void 0 : _preferences$UNSAFE_t.brandColor))) {
                     _context2.next = 15;
                     break;
                   }
@@ -108,12 +111,12 @@ var getThemeStyles = /*#__PURE__*/function () {
               }
             }, _callee2, null, [[1, 12]]);
           }))()]));
-        case 3:
+        case 4:
           results = _context3.sent;
           return _context3.abrupt("return", results.flat().filter(function (theme) {
             return theme !== undefined;
           }));
-        case 5:
+        case 6:
         case "end":
           return _context3.stop();
       }

package/dist/esm/get-token-value.js

@@ -1,7 +1,7 @@
 import warnOnce from '@atlaskit/ds-lib/warn-once';
 import tokens from './artifacts/token-names';
 var name = "@atlaskit/tokens";
-var version = "1.24.0";
+var version = "1.25.1";
 /**
  * Takes a dot-separated token name and and an optional fallback, and returns the current computed CSS value for the
  * resulting CSS Custom Property.

package/dist/esm/get-token.js

@@ -2,7 +2,7 @@ import warnOnce from '@atlaskit/ds-lib/warn-once';
 import tokens from './artifacts/token-names';
 import { TOKEN_NOT_FOUND_CSS_VAR } from './constants';
 var name = "@atlaskit/tokens";
-var version = "1.24.0";
+var version = "1.25.1";
 /**
  * Takes a dot-separated token name and an optional fallback, and returns the CSS custom property for the corresponding token.
  * This should be used to implement design decisions throughout your application.

package/dist/esm/palettes/typography-palette.js

@@ -141,7 +141,7 @@ var fontFamilyPalette = {
      * @see https://fonts.google.com/knowledge/glossary/system_font_web_safe_font
      */
     FontFamilyWebSans: {
-      value: "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
+      value: "ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif",
       attributes: {
         group: 'fontFamily'
       }