@atlaskit/tokens 1.25.0 → 1.25.2

package/dist/cjs/tokens/atlassian-typography-adg3/letter-spacing.js

@@ -25,5 +25,4 @@ var font = {
     }
   }
 };
-var _default = font;
-exports.default = _default;
+var _default = exports.default = font;

package/dist/cjs/tokens/atlassian-typography-adg3/line-height.js

@@ -31,5 +31,4 @@ var font = {
     }
   }
 };
-var _default = font;
-exports.default = _default;
+var _default = exports.default = font;

package/dist/cjs/tokens/atlassian-typography-adg3/theme.js

@@ -15,7 +15,7 @@ var utility = {
 var typography = {
   font: {
     heading: {
-      xxl: {
+      xxlarge: {
         value: {
           fontWeight: 'FontWeight500',
           fontSize: 'LegacyFontSize35',
@@ -25,7 +25,7 @@ var typography = {
           letterSpacing: 'LetterSpacing400'
         }
       },
-      xl: {
+      xlarge: {
         value: {
           fontWeight: 'FontWeight600',
           fontSize: 'LegacyFontSize29',
@@ -35,7 +35,7 @@ var typography = {
           letterSpacing: 'LetterSpacing400'
         }
       },
-      lg: {
+      large: {
         value: {
           fontWeight: 'FontWeight500',
           fontSize: 'FontSize24',
@@ -45,7 +45,7 @@ var typography = {
           letterSpacing: 'LetterSpacing400'
         }
       },
-      md: {
+      medium: {
         value: {
           fontWeight: 'FontWeight500',
           fontSize: 'FontSize20',
@@ -55,7 +55,7 @@ var typography = {
           letterSpacing: 'LetterSpacing300'
         }
       },
-      sm: {
+      small: {
         value: {
           fontWeight: 'FontWeight600',
           fontSize: 'FontSize16',
@@ -65,7 +65,7 @@ var typography = {
           letterSpacing: 'LetterSpacing200'
         }
       },
-      xs: {
+      xsmall: {
         value: {
           fontWeight: 'FontWeight600',
           fontSize: 'FontSize14',
@@ -75,7 +75,7 @@ var typography = {
           letterSpacing: 'LetterSpacing100'
         }
       },
-      xxs: {
+      xxsmall: {
         value: {
           fontWeight: 'FontWeight600',
           fontSize: 'FontSize12',
@@ -109,7 +109,7 @@ var typography = {
           letterSpacing: 'LetterSpacing0'
         }
       },
-      lg: {
+      large: {
         value: {
           fontWeight: 'FontWeight400',
           fontSize: 'FontSize16',
@@ -119,7 +119,7 @@ var typography = {
           letterSpacing: 'LetterSpacing0'
         }
       },
-      sm: {
+      small: {
         value: {
           fontWeight: 'FontWeight400',
           fontSize: 'LegacyFontSize11',
@@ -141,7 +141,7 @@ var typography = {
           letterSpacing: 'LetterSpacing0'
         }
       },
-      sm: {
+      small: {
         value: {
           fontWeight: 'FontWeight400',
           fontSize: 'LegacyFontSize11',
@@ -154,8 +154,7 @@ var typography = {
     }
   }
 };
-var _default = {
+var _default = exports.default = {
   font: typography.font,
   utility: utility
-};
-exports.default = _default;
+};

package/dist/cjs/tokens/atlassian-typography-minor3/font-family.js

@@ -28,5 +28,4 @@ var font = {
     }
   }
 };
-var _default = font;
-exports.default = _default;
+var _default = exports.default = font;

package/dist/cjs/tokens/atlassian-typography-minor3/letter-spacing.js

@@ -25,5 +25,4 @@ var font = {
     }
   }
 };
-var _default = font;
-exports.default = _default;
+var _default = exports.default = font;

package/dist/cjs/tokens/atlassian-typography-minor3/theme.js

@@ -15,7 +15,7 @@ var utility = {
 var typography = {
   font: {
     heading: {
-      xxl: {
+      xxlarge: {
         value: {
           fontWeight: 'FontWeight700',
           fontSize: 'FontSize32',
@@ -25,7 +25,7 @@ var typography = {
           letterSpacing: 'LetterSpacing0'
         }
       },
-      xl: {
+      xlarge: {
         value: {
           fontWeight: 'FontWeight700',
           fontSize: 'FontSize28',
@@ -35,7 +35,7 @@ var typography = {
           letterSpacing: 'LetterSpacing0'
         }
       },
-      lg: {
+      large: {
         value: {
           fontWeight: 'FontWeight700',
           fontSize: 'FontSize24',
@@ -45,7 +45,7 @@ var typography = {
           letterSpacing: 'LetterSpacing0'
         }
       },
-      md: {
+      medium: {
         value: {
           fontWeight: 'FontWeight700',
           fontSize: 'FontSize20',
@@ -55,7 +55,7 @@ var typography = {
           letterSpacing: 'LetterSpacing0'
         }
       },
-      sm: {
+      small: {
         value: {
           fontWeight: 'FontWeight700',
           fontSize: 'FontSize16',
@@ -65,7 +65,7 @@ var typography = {
           letterSpacing: 'LetterSpacing0'
         }
       },
-      xs: {
+      xsmall: {
         value: {
           fontWeight: 'FontWeight700',
           fontSize: 'FontSize14',
@@ -75,7 +75,7 @@ var typography = {
           letterSpacing: 'LetterSpacing0'
         }
       },
-      xxs: {
+      xxsmall: {
         value: {
           fontWeight: 'FontWeight700',
           fontSize: 'FontSize12',
@@ -109,7 +109,7 @@ var typography = {
           letterSpacing: 'LetterSpacing0'
         }
       },
-      lg: {
+      large: {
         value: {
           fontWeight: 'FontWeight400',
           fontSize: 'FontSize16',
@@ -119,7 +119,7 @@ var typography = {
           letterSpacing: 'LetterSpacing0'
         }
       },
-      sm: {
+      small: {
         value: {
           fontWeight: 'FontWeight400',
           fontSize: 'FontSize12',
@@ -141,7 +141,7 @@ var typography = {
           letterSpacing: 'LetterSpacing0'
         }
       },
-      sm: {
+      small: {
         value: {
           fontWeight: 'FontWeight400',
           fontSize: 'FontSize12',
@@ -154,8 +154,7 @@ var typography = {
     }
   }
 };
-var _default = {
+var _default = exports.default = {
   font: typography.font,
   utility: utility
-};
-exports.default = _default;
+};

package/dist/cjs/tokens/default/color/accent.js

@@ -1424,5 +1424,4 @@ var color = {
     }
   }
 };
-var _default = color;
-exports.default = _default;
+var _default = exports.default = color;

package/dist/cjs/tokens/default/color/background.js

@@ -582,5 +582,4 @@ var color = {
     }
   }
 };
-var _default = color;
-exports.default = _default;
+var _default = exports.default = color;

package/dist/cjs/tokens/default/color/border.js

@@ -114,5 +114,4 @@ var color = {
     }
   }
 };
-var _default = color;
-exports.default = _default;
+var _default = exports.default = color;

package/dist/cjs/tokens/default/color/chart.js

@@ -942,5 +942,4 @@ var color = {
     }
   }
 };
-var _default = color;
-exports.default = _default;
+var _default = exports.default = color;

package/dist/cjs/tokens/default/color/icon.js

@@ -108,5 +108,4 @@ var color = {
     }
   }
 };
-var _default = color;
-exports.default = _default;
+var _default = exports.default = color;

package/dist/cjs/tokens/default/color/interaction.js

@@ -26,5 +26,4 @@ var color = {
     }
   }
 };
-var _default = color;
-exports.default = _default;
+var _default = exports.default = color;

package/dist/cjs/tokens/default/color/skeleton.js

@@ -26,5 +26,4 @@ var color = {
     }
   }
 };
-var _default = color;
-exports.default = _default;
+var _default = exports.default = color;

package/dist/cjs/tokens/default/color/text.js

@@ -142,5 +142,4 @@ var color = {
     }
   }
 };
-var _default = color;
-exports.default = _default;
+var _default = exports.default = color;

package/dist/cjs/tokens/default/elevation/shadow.js

@@ -52,5 +52,4 @@ var shadow = {
     }
   }
 };
-var _default = shadow;
-exports.default = _default;
+var _default = exports.default = shadow;

package/dist/cjs/tokens/default/elevation/surface.js

@@ -96,5 +96,4 @@ var surface = {
     }
   }
 };
-var _default = surface;
-exports.default = _default;
+var _default = exports.default = surface;

package/dist/cjs/tokens/default/opacity/opacity.js

@@ -24,5 +24,4 @@ var opacity = {
     }
   }
 };
-var _default = opacity;
-exports.default = _default;
+var _default = exports.default = opacity;

package/dist/cjs/tokens/default/shape/shape.js

@@ -103,5 +103,4 @@ var shape = {
     }
   }
 };
-var _default = shape;
-exports.default = _default;
+var _default = exports.default = shape;

package/dist/cjs/tokens/default/spacing/spacing.js

@@ -217,5 +217,4 @@ var spacing = {
     }
   }
 };
-var _default = spacing;
-exports.default = _default;
+var _default = exports.default = spacing;

package/dist/cjs/tokens/default/typography/font-family.js

@@ -58,5 +58,4 @@ var font = {
     }
   }
 };
-var _default = font;
-exports.default = _default;
+var _default = exports.default = font;

package/dist/cjs/tokens/default/typography/font-size.js

@@ -74,5 +74,4 @@ var font = {
     }
   }
 };
-var _default = font;
-exports.default = _default;
+var _default = exports.default = font;

package/dist/cjs/tokens/default/typography/font-weight.js

@@ -42,5 +42,4 @@ var font = {
     }
   }
 };
-var _default = font;
-exports.default = _default;
+var _default = exports.default = font;

package/dist/cjs/tokens/default/typography/font.js

@@ -34,7 +34,7 @@ var font = {
       }
     },
     heading: {
-      xxl: {
+      xxlarge: {
         attributes: {
           group: 'typography',
           state: 'experimental',
@@ -42,7 +42,7 @@ var font = {
           description: 'TBD'
         }
       },
-      xl: {
+      xlarge: {
         attributes: {
           group: 'typography',
           state: 'experimental',
@@ -50,7 +50,7 @@ var font = {
           description: 'TBD'
         }
       },
-      lg: {
+      large: {
         attributes: {
           group: 'typography',
           state: 'experimental',
@@ -58,7 +58,7 @@ var font = {
           description: 'TBD'
         }
       },
-      md: {
+      medium: {
         attributes: {
           group: 'typography',
           state: 'experimental',
@@ -66,7 +66,7 @@ var font = {
           description: 'TBD'
         }
       },
-      sm: {
+      small: {
         attributes: {
           group: 'typography',
           state: 'experimental',
@@ -74,7 +74,7 @@ var font = {
           description: 'TBD'
         }
       },
-      xs: {
+      xsmall: {
         attributes: {
           group: 'typography',
           state: 'experimental',
@@ -82,7 +82,7 @@ var font = {
           description: 'TBD'
         }
       },
-      xxs: {
+      xxsmall: {
         attributes: {
           group: 'typography',
           state: 'experimental',
@@ -92,7 +92,7 @@ var font = {
       }
     },
     ui: {
-      sm: {
+      small: {
         attributes: {
           group: 'typography',
           state: 'experimental',
@@ -110,7 +110,7 @@ var font = {
       }
     },
     body: {
-      lg: {
+      large: {
         attributes: {
           group: 'typography',
           state: 'experimental',
@@ -118,7 +118,7 @@ var font = {
           description: 'Larger body font or default body font for text rich experiences.'
         }
       },
-      sm: {
+      small: {
         attributes: {
           group: 'typography',
           state: 'experimental',
@@ -137,5 +137,4 @@ var font = {
     }
   }
 };
-var _default = font;
-exports.default = _default;
+var _default = exports.default = font;

package/dist/cjs/tokens/default/typography/letter-spacing.js

@@ -50,5 +50,4 @@ var font = {
     }
   }
 };
-var _default = font;
-exports.default = _default;
+var _default = exports.default = font;

package/dist/cjs/tokens/default/typography/line-height.js

@@ -66,5 +66,4 @@ var font = {
     }
   }
 };
-var _default = font;
-exports.default = _default;
+var _default = exports.default = font;

package/dist/cjs/tokens/default/utility/utility.js

@@ -36,7 +36,6 @@ var utility = {
     }
   }
 };
-var _default = {
+var _default = exports.default = {
   utility: utility
-};
-exports.default = _default;
+};

package/dist/cjs/use-theme-observer.js

@@ -38,5 +38,4 @@ var useThemeObserver = function useThemeObserver() {
   }, []);
   return theme;
 };
-var _default = useThemeObserver;
-exports.default = _default;
+var _default = exports.default = useThemeObserver;

package/dist/cjs/utils/color-detection.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.hexToRGBAValues = exports.getBoxShadow = void 0;
-var hexToRGBAValues = function hexToRGBAValues(hex) {
+var hexToRGBAValues = exports.hexToRGBAValues = function hexToRGBAValues(hex) {
   var hexColor = hex.replace('#', '');
   return {
     r: parseInt(hexColor.slice(0, 2), 16),
@@ -19,8 +19,7 @@ var hexToRGBAValues = function hexToRGBAValues(hex) {
  *
  * @param rawShadow - ShadowToken raw value
  */
-exports.hexToRGBAValues = hexToRGBAValues;
-var getBoxShadow = function getBoxShadow(rawShadow) {
+var getBoxShadow = exports.getBoxShadow = function getBoxShadow(rawShadow) {
   return rawShadow.map(function (_ref) {
     var radius = _ref.radius,
       offset = _ref.offset,
@@ -32,5 +31,4 @@ var getBoxShadow = function getBoxShadow(rawShadow) {
       b = _hexToRGBAValues.b;
     return "".concat(offset.x, "px ").concat(offset.y, "px ").concat(radius, "px rgba(").concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(opacity, ")");
   }).join(',');
-};
-exports.getBoxShadow = getBoxShadow;
+};

package/dist/cjs/utils/color-mode-listeners.js

@@ -62,5 +62,4 @@ var ColorModeObserver = /*#__PURE__*/function () {
  * that can be unbound by any consumer when no longer needed.
  */
 var SingletonColorModeObserver = new ColorModeObserver();
-var _default = SingletonColorModeObserver;
-exports.default = _default;
+var _default = exports.default = SingletonColorModeObserver;

package/dist/cjs/utils/color-utils.js

@@ -14,12 +14,11 @@ exports.isValidBrandHex = void 0;
 exports.relativeLuminanceW3C = relativeLuminanceW3C;
 exports.rgbToHex = rgbToHex;
 // valid hex color with 6 digits
-var isValidBrandHex = function isValidBrandHex(hex) {
+var isValidBrandHex = exports.isValidBrandHex = function isValidBrandHex(hex) {
   return /^#[0-9A-F]{6}$/i.test(hex);
 };
 
 // valid hex color with 4, 6 or 8 digits
-exports.isValidBrandHex = isValidBrandHex;
 var isValidHex = function isValidHex(hex) {
   return /^#([A-Fa-f0-9]{3,4}){1,2}$/.test(hex);
 };

package/dist/cjs/utils/custom-theme-token-contrast-check.js

@@ -8,7 +8,7 @@ exports.additionalContrastChecker = exports.additionalChecks = void 0;
 var _atlassianDarkTokenValueForContrastCheck = _interopRequireDefault(require("../artifacts/atlassian-dark-token-value-for-contrast-check"));
 var _atlassianLightTokenValueForContrastCheck = _interopRequireDefault(require("../artifacts/atlassian-light-token-value-for-contrast-check"));
 var _colorUtils = require("./color-utils");
-var additionalChecks = [{
+var additionalChecks = exports.additionalChecks = [{
   foreground: 'color.text.brand',
   backgroundLight: 'elevation.surface.sunken',
   backgroundDark: 'elevation.surface.overlay',
@@ -50,11 +50,10 @@ var additionalChecks = [{
   // In dark mode: lighten the following tokens by one base token
   updatedTokens: ['color.chart.brand', 'color.chart.brand.hovered']
 }];
-exports.additionalChecks = additionalChecks;
 var getColorFromTokenRaw = function getColorFromTokenRaw(tokenName, mode) {
   return mode === 'light' ? _atlassianLightTokenValueForContrastCheck.default[tokenName] : _atlassianDarkTokenValueForContrastCheck.default[tokenName];
 };
-var additionalContrastChecker = function additionalContrastChecker(_ref) {
+var additionalContrastChecker = exports.additionalContrastChecker = function additionalContrastChecker(_ref) {
   var customThemeTokenMap = _ref.customThemeTokenMap,
     mode = _ref.mode,
     themeRamp = _ref.themeRamp;
@@ -82,5 +81,4 @@ var additionalContrastChecker = function additionalContrastChecker(_ref) {
     }
   });
   return updatedCustomThemeTokenMap;
-};
-exports.additionalContrastChecker = additionalContrastChecker;
+};

package/dist/cjs/utils/generate-custom-color-ramp.js

@@ -16,7 +16,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var lowLuminanceContrastRatios = [1.12, 1.33, 2.03, 2.73, 3.33, 4.27, 5.2, 6.62, 12.46, 14.25];
 var highLuminanceContrastRatios = [1.08, 1.24, 1.55, 1.99, 2.45, 3.34, 4.64, 6.1, 10.19, 12.6];
-var getClosestColorIndex = function getClosestColorIndex(themeRamp, brandColor) {
+var getClosestColorIndex = exports.getClosestColorIndex = function getClosestColorIndex(themeRamp, brandColor) {
   // Iterate over themeRamp and find whichever color is closest to brandColor
   var closestColorIndex = 0;
   var closestColorDistance = null;
@@ -29,8 +29,7 @@ var getClosestColorIndex = function getClosestColorIndex(themeRamp, brandColor)
   });
   return closestColorIndex;
 };
-exports.getClosestColorIndex = getClosestColorIndex;
-var generateColors = function generateColors(brandColor) {
+var generateColors = exports.generateColors = function generateColors(brandColor) {
   // Determine luminance
   var HSLBrandColorHue = (0, _colorUtils.hexToHSL)(brandColor)[0];
   var baseRgb = (0, _colorUtils.HSLToRGB)(HSLBrandColorHue, 100, 60);
@@ -69,7 +68,6 @@ var generateColors = function generateColors(brandColor) {
  *
  * Returns an array of the resulting colors
  */
-exports.generateColors = generateColors;
 function getInteractionStates(rampPosition, number, colors) {
   var result = [];
   for (var i = 1; i <= number; i++) {
@@ -81,7 +79,7 @@ function getInteractionStates(rampPosition, number, colors) {
   }
   return result;
 }
-var generateTokenMap = function generateTokenMap(brandColor, mode, themeRamp) {
+var generateTokenMap = exports.generateTokenMap = function generateTokenMap(brandColor, mode, themeRamp) {
   var _generateColors = generateColors(brandColor),
     ramp = _generateColors.ramp,
     replacedColor = _generateColors.replacedColor;
@@ -220,8 +218,7 @@ var generateTokenMap = function generateTokenMap(brandColor, mode, themeRamp) {
     dark: customThemeTokenMapDark
   };
 };
-exports.generateTokenMap = generateTokenMap;
-var generateTokenMapWithContrastCheck = function generateTokenMapWithContrastCheck(brandColor, mode, themeRamp) {
+var generateTokenMapWithContrastCheck = exports.generateTokenMapWithContrastCheck = function generateTokenMapWithContrastCheck(brandColor, mode, themeRamp) {
   var colors = themeRamp || generateColors(brandColor).ramp;
   var tokenMaps = generateTokenMap(brandColor, mode, colors);
   var result = {};
@@ -238,5 +235,4 @@ var generateTokenMapWithContrastCheck = function generateTokenMapWithContrastChe
     }
   });
   return result;
-};
-exports.generateTokenMapWithContrastCheck = generateTokenMapWithContrastCheck;
+};

package/dist/cjs/utils/get-theme-preferences.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.getThemePreferences = exports.getThemeOverridePreferences = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var getThemePreferences = function getThemePreferences(themeState) {
+var getThemePreferences = exports.getThemePreferences = function getThemePreferences(themeState) {
   var colorMode = themeState.colorMode,
     dark = themeState.dark,
     light = themeState.light,
@@ -35,8 +35,7 @@ var getThemePreferences = function getThemePreferences(themeState) {
   });
   return (0, _toConsumableArray2.default)(new Set(themePreferences));
 };
-exports.getThemePreferences = getThemePreferences;
-var getThemeOverridePreferences = function getThemeOverridePreferences(themeState) {
+var getThemeOverridePreferences = exports.getThemeOverridePreferences = function getThemeOverridePreferences(themeState) {
   var colorMode = themeState.colorMode,
     dark = themeState.dark,
     light = themeState.light;
@@ -47,5 +46,4 @@ var getThemeOverridePreferences = function getThemeOverridePreferences(themeStat
     themePreferences.includes('dark') && themeOverridePreferences.push('dark-new-input-border');
   }
   return (0, _toConsumableArray2.default)(new Set(themeOverridePreferences));
-};
-exports.getThemeOverridePreferences = getThemeOverridePreferences;
+};

package/dist/cjs/utils/hash.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.hash = void 0;
-var hash = function hash(str) {
+var hash = exports.hash = function hash(str) {
   var hash = 0;
   for (var i = 0; i < str.length; i++) {
     var char = str.charCodeAt(i);
@@ -13,5 +13,4 @@ var hash = function hash(str) {
   }
 
   return new Uint32Array([hash])[0].toString(36);
-};
-exports.hash = hash;
+};