npm - @atlaskit/tokens - Versions diffs - 1.24.0 → 1.25.1 - Mend

@atlaskit/tokens 1.24.0 → 1.25.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (304) hide show

package/dist/cjs/tokens/atlassian-typography/theme.js CHANGED Viewed

@@ -7,7 +7,7 @@ exports.default = void 0;
 var typography = {
   font: {
     heading: {
-      xxl: {
+      xxlarge: {
         value: {
           fontWeight: 'FontWeight700',
           fontSize: 'FontSize36',
@@ -17,7 +17,7 @@ var typography = {
           letterSpacing: 'LetterSpacing0'
         }
       },
-      xl: {
+      xlarge: {
         value: {
           fontWeight: 'FontWeight700',
           fontSize: 'FontSize28',
@@ -27,7 +27,7 @@ var typography = {
           letterSpacing: 'LetterSpacing0'
         }
       },
-      lg: {
+      large: {
         value: {
           fontWeight: 'FontWeight700',
           fontSize: 'FontSize24',
@@ -37,7 +37,7 @@ var typography = {
           letterSpacing: 'LetterSpacing0'
         }
       },
-      md: {
+      medium: {
         value: {
           fontWeight: 'FontWeight700',
           fontSize: 'FontSize20',
@@ -47,7 +47,7 @@ var typography = {
           letterSpacing: 'LetterSpacing0'
         }
       },
-      sm: {
+      small: {
         value: {
           fontWeight: 'FontWeight700',
           fontSize: 'FontSize16',
@@ -57,7 +57,7 @@ var typography = {
           letterSpacing: 'LetterSpacing0'
         }
       },
-      xs: {
+      xsmall: {
         value: {
           fontWeight: 'FontWeight700',
           fontSize: 'FontSize14',
@@ -67,7 +67,7 @@ var typography = {
           letterSpacing: 'LetterSpacing0'
         }
       },
-      xxs: {
+      xxsmall: {
         value: {
           fontWeight: 'FontWeight700',
           fontSize: 'FontSize12',
@@ -101,7 +101,7 @@ var typography = {
           letterSpacing: 'LetterSpacing0'
         }
       },
-      sm: {
+      small: {
         value: {
           fontWeight: 'FontWeight400',
           fontSize: 'FontSize12',
@@ -111,7 +111,7 @@ var typography = {
           letterSpacing: 'LetterSpacing0'
         }
       },
-      lg: {
+      large: {
         value: {
           fontWeight: 'FontWeight400',
           fontSize: 'FontSize16',
@@ -133,7 +133,7 @@ var typography = {
           letterSpacing: 'LetterSpacing0'
         }
       },
-      sm: {
+      small: {
         value: {
           fontWeight: 'FontWeight400',
           fontSize: 'FontSize12',
@@ -146,5 +146,4 @@ var typography = {
     }
   }
 };
-var _default = typography;
-exports.default = _default;
+var _default = exports.default = typography;

package/dist/cjs/tokens/atlassian-typography-adg3/font-family.js CHANGED Viewed

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

package/dist/cjs/tokens/atlassian-typography-adg3/font-size.js CHANGED Viewed

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

package/dist/cjs/tokens/atlassian-typography-adg3/font-weight.js CHANGED Viewed

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

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

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

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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);
 };