@atlaskit/tokens 2.4.1 → 2.4.2

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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/tokens
2
2
 
3
+ ## 2.4.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [#178053](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/178053)
8
+ [`cb318c8c28c26`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/cb318c8c28c26) -
9
+ Internal changes to typography.
10
+
3
11
  ## 2.4.1
4
12
 
5
13
  ### Patch Changes
@@ -32,7 +32,6 @@ var defaultContrastMode = 'no-preference';
32
32
  * @returns {Object} Object of HTML attributes to be applied to the document root
33
33
  */
34
34
  var getThemeHtmlAttrs = function getThemeHtmlAttrs() {
35
- var _result;
36
35
  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
37
36
  _ref$colorMode = _ref.colorMode,
38
37
  colorMode = _ref$colorMode === void 0 ? _themeConfig.themeStateDefaults['colorMode'] : _ref$colorMode,
@@ -57,7 +56,7 @@ var getThemeHtmlAttrs = function getThemeHtmlAttrs() {
57
56
  spacing: spacing,
58
57
  typography: typography
59
58
  });
60
- var result = (_result = {}, (0, _defineProperty2.default)(_result, _constants.THEME_DATA_ATTRIBUTE, themeAttribute), (0, _defineProperty2.default)(_result, _constants.COLOR_MODE_ATTRIBUTE, colorMode === 'auto' ? defaultColorMode : colorMode), _result);
59
+ var result = (0, _defineProperty2.default)((0, _defineProperty2.default)({}, _constants.THEME_DATA_ATTRIBUTE, themeAttribute), _constants.COLOR_MODE_ATTRIBUTE, colorMode === 'auto' ? defaultColorMode : colorMode);
61
60
  if ((0, _platformFeatureFlags.fg)('platform_increased-contrast-themes')) {
62
61
  result = _objectSpread(_objectSpread({}, result), {}, (0, _defineProperty2.default)({}, _constants.CONTRAST_MODE_ATTRIBUTE, contrastMode === 'auto' ? defaultContrastMode : contrastMode));
63
62
  }
@@ -30,7 +30,7 @@ var ThemeMutationObserver = exports.default = /*#__PURE__*/function () {
30
30
  this.callback = callback;
31
31
  ThemeMutationObserver.callbacks.add(callback);
32
32
  }
33
- (0, _createClass2.default)(ThemeMutationObserver, [{
33
+ return (0, _createClass2.default)(ThemeMutationObserver, [{
34
34
  key: "observe",
35
35
  value: function observe() {
36
36
  if (!ThemeMutationObserver.observer) {
@@ -58,7 +58,6 @@ var ThemeMutationObserver = exports.default = /*#__PURE__*/function () {
58
58
  }
59
59
  }
60
60
  }]);
61
- return ThemeMutationObserver;
62
61
  }();
63
62
  (0, _defineProperty2.default)(ThemeMutationObserver, "observer", null);
64
63
  (0, _defineProperty2.default)(ThemeMutationObserver, "callbacks", new Set());
@@ -28,7 +28,7 @@ var ColorModeObserver = /*#__PURE__*/function () {
28
28
  (0, _classCallCheck2.default)(this, ColorModeObserver);
29
29
  (0, _defineProperty2.default)(this, "unbindThemeChangeListener", null);
30
30
  }
31
- (0, _createClass2.default)(ColorModeObserver, [{
31
+ return (0, _createClass2.default)(ColorModeObserver, [{
32
32
  key: "getColorMode",
33
33
  value: function getColorMode() {
34
34
  if (!darkModeMql) {
@@ -55,7 +55,6 @@ var ColorModeObserver = /*#__PURE__*/function () {
55
55
  }
56
56
  }
57
57
  }]);
58
- return ColorModeObserver;
59
58
  }();
60
59
  /**
61
60
  * A singleton color mode observer - binds "auto" switching logic to a single `mediaQueryList` listener
@@ -28,7 +28,7 @@ var ContrastModeObserver = /*#__PURE__*/function () {
28
28
  (0, _classCallCheck2.default)(this, ContrastModeObserver);
29
29
  (0, _defineProperty2.default)(this, "unbindContrastChangeListener", null);
30
30
  }
31
- (0, _createClass2.default)(ContrastModeObserver, [{
31
+ return (0, _createClass2.default)(ContrastModeObserver, [{
32
32
  key: "getContrastMode",
33
33
  value: function getContrastMode() {
34
34
  if (!contrastModeMql) {
@@ -55,7 +55,6 @@ var ContrastModeObserver = /*#__PURE__*/function () {
55
55
  }
56
56
  }
57
57
  }]);
58
- return ContrastModeObserver;
59
58
  }();
60
59
  /**
61
60
  * A singleton contrast mode observer - binds "auto" switching logic to a single `mediaQueryList` listener
@@ -53,7 +53,7 @@ var Contrast = exports.Contrast = /*#__PURE__*/function () {
53
53
  function Contrast() {
54
54
  (0, _classCallCheck2.default)(this, Contrast);
55
55
  }
56
- (0, _createClass2.default)(Contrast, null, [{
56
+ return (0, _createClass2.default)(Contrast, null, [{
57
57
  key: "ratioOfTones",
58
58
  value:
59
59
  /**
@@ -183,5 +183,4 @@ var Contrast = exports.Contrast = /*#__PURE__*/function () {
183
183
  return darkerSafe < 0.0 ? 0.0 : darkerSafe;
184
184
  }
185
185
  }]);
186
- return Contrast;
187
186
  }();
@@ -11,7 +11,7 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
11
11
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
12
12
  var utils = _interopRequireWildcard(require("./color-utils"));
13
13
  var math = _interopRequireWildcard(require("./math-utils"));
14
- var _class2;
14
+ var _ViewingConditions;
15
15
  /**
16
16
  * Below lines are copied from @material/material-color-utilities.
17
17
  * Do not modify it.
@@ -64,7 +64,7 @@ var Hct = exports.Hct = /*#__PURE__*/function () {
64
64
  this.internalTone = utils.lstarFromArgb(argb);
65
65
  this.argb = argb;
66
66
  }
67
- (0, _createClass2.default)(Hct, [{
67
+ return (0, _createClass2.default)(Hct, [{
68
68
  key: "toInt",
69
69
  value: function toInt() {
70
70
  return this.argb;
@@ -186,7 +186,6 @@ var Hct = exports.Hct = /*#__PURE__*/function () {
186
186
  return new Hct(argb);
187
187
  }
188
188
  }]);
189
- return Hct;
190
189
  }();
191
190
  /**
192
191
  * CAM16, a color appearance model. Colors are not just defined by their hex
@@ -244,7 +243,7 @@ var Cam16 = /*#__PURE__*/function () {
244
243
  * a*, b*, or jstar, astar, bstar in code. CAM16-UCS is included in the CAM16
245
244
  * specification, and is used to measure distances between colors.
246
245
  */
247
- (0, _createClass2.default)(Cam16, [{
246
+ return (0, _createClass2.default)(Cam16, [{
248
247
  key: "distance",
249
248
  value: function distance(other) {
250
249
  var dJ = this.jstar - other.jstar;
@@ -540,7 +539,6 @@ var Cam16 = /*#__PURE__*/function () {
540
539
  return new Cam16(hue, C, J, Q, M, s, jstar, astar, bstar);
541
540
  }
542
541
  }]);
543
- return Cam16;
544
542
  }(); // This file is automatically generated. Do not modify it.
545
543
  // material_color_utilities is designed to have a consistent API across
546
544
  // platforms and modular components that can be moved around easily. Using a
@@ -554,7 +552,7 @@ var HctSolver = /*#__PURE__*/function () {
554
552
  function HctSolver() {
555
553
  (0, _classCallCheck2.default)(this, HctSolver);
556
554
  }
557
- (0, _createClass2.default)(HctSolver, null, [{
555
+ return (0, _createClass2.default)(HctSolver, null, [{
558
556
  key: "sanitizeRadians",
559
557
  value:
560
558
  /**
@@ -945,7 +943,6 @@ var HctSolver = /*#__PURE__*/function () {
945
943
  return Cam16.fromInt(HctSolver.solveToInt(hueDegrees, chroma, lstar));
946
944
  }
947
945
  }]);
948
- return HctSolver;
949
946
  }();
950
947
  (0, _defineProperty2.default)(HctSolver, "SCALED_DISCOUNT_FROM_LINRGB", [[0.001200833568784504, 0.002389694492170889, 0.0002795742885861124], [0.0005891086651375999, 0.0029785502573438758, 0.0003270666104008398], [0.00010146692491640572, 0.0005364214359186694, 0.0032979401770712076]]);
951
948
  (0, _defineProperty2.default)(HctSolver, "LINRGB_FROM_SCALED_DISCOUNT", [[1373.2198709594231, -1100.4251190754821, -7.278681089101213], [-271.815969077903, 559.6580465940733, -32.46047482791194], [1.9622899599665666, -57.173814538844006, 308.7233197812385]]);
@@ -972,7 +969,7 @@ var ViewingConditions = exports.ViewingConditions = /*#__PURE__*/function () {
972
969
  this.fLRoot = fLRoot;
973
970
  this.z = z;
974
971
  }
975
- (0, _createClass2.default)(ViewingConditions, null, [{
972
+ return (0, _createClass2.default)(ViewingConditions, null, [{
976
973
  key: "make",
977
974
  value:
978
975
  /**
@@ -1027,10 +1024,9 @@ var ViewingConditions = exports.ViewingConditions = /*#__PURE__*/function () {
1027
1024
  return new ViewingConditions(n, aw, nbb, ncb, c, nc, rgbD, fl, Math.pow(fl, 0.25), z);
1028
1025
  }
1029
1026
  }]);
1030
- return ViewingConditions;
1031
1027
  }();
1032
- _class2 = ViewingConditions;
1028
+ _ViewingConditions = ViewingConditions;
1033
1029
  /**
1034
1030
  * sRGB-like viewing conditions.
1035
1031
  */
1036
- (0, _defineProperty2.default)(ViewingConditions, "DEFAULT", _class2.make());
1032
+ (0, _defineProperty2.default)(ViewingConditions, "DEFAULT", _ViewingConditions.make());
@@ -1,5 +1,5 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
- var _class2;
2
+ var _ViewingConditions;
3
3
  /**
4
4
  * Below lines are copied from @material/material-color-utilities.
5
5
  * Do not modify it.
@@ -926,8 +926,8 @@ export class ViewingConditions {
926
926
  this.z = z;
927
927
  }
928
928
  }
929
- _class2 = ViewingConditions;
929
+ _ViewingConditions = ViewingConditions;
930
930
  /**
931
931
  * sRGB-like viewing conditions.
932
932
  */
933
- _defineProperty(ViewingConditions, "DEFAULT", _class2.make());
933
+ _defineProperty(ViewingConditions, "DEFAULT", _ViewingConditions.make());
@@ -25,7 +25,6 @@ var defaultContrastMode = 'no-preference';
25
25
  * @returns {Object} Object of HTML attributes to be applied to the document root
26
26
  */
27
27
  var getThemeHtmlAttrs = function getThemeHtmlAttrs() {
28
- var _result;
29
28
  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
30
29
  _ref$colorMode = _ref.colorMode,
31
30
  colorMode = _ref$colorMode === void 0 ? themeStateDefaults['colorMode'] : _ref$colorMode,
@@ -50,7 +49,7 @@ var getThemeHtmlAttrs = function getThemeHtmlAttrs() {
50
49
  spacing: spacing,
51
50
  typography: typography
52
51
  });
53
- var result = (_result = {}, _defineProperty(_result, THEME_DATA_ATTRIBUTE, themeAttribute), _defineProperty(_result, COLOR_MODE_ATTRIBUTE, colorMode === 'auto' ? defaultColorMode : colorMode), _result);
52
+ var result = _defineProperty(_defineProperty({}, THEME_DATA_ATTRIBUTE, themeAttribute), COLOR_MODE_ATTRIBUTE, colorMode === 'auto' ? defaultColorMode : colorMode);
54
53
  if (fg('platform_increased-contrast-themes')) {
55
54
  result = _objectSpread(_objectSpread({}, result), {}, _defineProperty({}, CONTRAST_MODE_ATTRIBUTE, contrastMode === 'auto' ? defaultContrastMode : contrastMode));
56
55
  }
@@ -23,7 +23,7 @@ var ThemeMutationObserver = /*#__PURE__*/function () {
23
23
  this.callback = callback;
24
24
  ThemeMutationObserver.callbacks.add(callback);
25
25
  }
26
- _createClass(ThemeMutationObserver, [{
26
+ return _createClass(ThemeMutationObserver, [{
27
27
  key: "observe",
28
28
  value: function observe() {
29
29
  if (!ThemeMutationObserver.observer) {
@@ -51,7 +51,6 @@ var ThemeMutationObserver = /*#__PURE__*/function () {
51
51
  }
52
52
  }
53
53
  }]);
54
- return ThemeMutationObserver;
55
54
  }();
56
55
  _defineProperty(ThemeMutationObserver, "observer", null);
57
56
  _defineProperty(ThemeMutationObserver, "callbacks", new Set());
@@ -21,7 +21,7 @@ var ColorModeObserver = /*#__PURE__*/function () {
21
21
  _classCallCheck(this, ColorModeObserver);
22
22
  _defineProperty(this, "unbindThemeChangeListener", null);
23
23
  }
24
- _createClass(ColorModeObserver, [{
24
+ return _createClass(ColorModeObserver, [{
25
25
  key: "getColorMode",
26
26
  value: function getColorMode() {
27
27
  if (!darkModeMql) {
@@ -48,7 +48,6 @@ var ColorModeObserver = /*#__PURE__*/function () {
48
48
  }
49
49
  }
50
50
  }]);
51
- return ColorModeObserver;
52
51
  }();
53
52
  /**
54
53
  * A singleton color mode observer - binds "auto" switching logic to a single `mediaQueryList` listener
@@ -21,7 +21,7 @@ var ContrastModeObserver = /*#__PURE__*/function () {
21
21
  _classCallCheck(this, ContrastModeObserver);
22
22
  _defineProperty(this, "unbindContrastChangeListener", null);
23
23
  }
24
- _createClass(ContrastModeObserver, [{
24
+ return _createClass(ContrastModeObserver, [{
25
25
  key: "getContrastMode",
26
26
  value: function getContrastMode() {
27
27
  if (!contrastModeMql) {
@@ -48,7 +48,6 @@ var ContrastModeObserver = /*#__PURE__*/function () {
48
48
  }
49
49
  }
50
50
  }]);
51
- return ContrastModeObserver;
52
51
  }();
53
52
  /**
54
53
  * A singleton contrast mode observer - binds "auto" switching logic to a single `mediaQueryList` listener
@@ -47,7 +47,7 @@ export var Contrast = /*#__PURE__*/function () {
47
47
  function Contrast() {
48
48
  _classCallCheck(this, Contrast);
49
49
  }
50
- _createClass(Contrast, null, [{
50
+ return _createClass(Contrast, null, [{
51
51
  key: "ratioOfTones",
52
52
  value:
53
53
  /**
@@ -177,5 +177,4 @@ export var Contrast = /*#__PURE__*/function () {
177
177
  return darkerSafe < 0.0 ? 0.0 : darkerSafe;
178
178
  }
179
179
  }]);
180
- return Contrast;
181
180
  }();
@@ -1,7 +1,7 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
3
3
  import _createClass from "@babel/runtime/helpers/createClass";
4
- var _class2;
4
+ var _ViewingConditions;
5
5
  /**
6
6
  * Below lines are copied from @material/material-color-utilities.
7
7
  * Do not modify it.
@@ -58,7 +58,7 @@ export var Hct = /*#__PURE__*/function () {
58
58
  this.internalTone = utils.lstarFromArgb(argb);
59
59
  this.argb = argb;
60
60
  }
61
- _createClass(Hct, [{
61
+ return _createClass(Hct, [{
62
62
  key: "toInt",
63
63
  value: function toInt() {
64
64
  return this.argb;
@@ -180,7 +180,6 @@ export var Hct = /*#__PURE__*/function () {
180
180
  return new Hct(argb);
181
181
  }
182
182
  }]);
183
- return Hct;
184
183
  }();
185
184
 
186
185
  /**
@@ -239,7 +238,7 @@ var Cam16 = /*#__PURE__*/function () {
239
238
  * a*, b*, or jstar, astar, bstar in code. CAM16-UCS is included in the CAM16
240
239
  * specification, and is used to measure distances between colors.
241
240
  */
242
- _createClass(Cam16, [{
241
+ return _createClass(Cam16, [{
243
242
  key: "distance",
244
243
  value: function distance(other) {
245
244
  var dJ = this.jstar - other.jstar;
@@ -535,7 +534,6 @@ var Cam16 = /*#__PURE__*/function () {
535
534
  return new Cam16(hue, C, J, Q, M, s, jstar, astar, bstar);
536
535
  }
537
536
  }]);
538
- return Cam16;
539
537
  }(); // This file is automatically generated. Do not modify it.
540
538
  // material_color_utilities is designed to have a consistent API across
541
539
  // platforms and modular components that can be moved around easily. Using a
@@ -549,7 +547,7 @@ var HctSolver = /*#__PURE__*/function () {
549
547
  function HctSolver() {
550
548
  _classCallCheck(this, HctSolver);
551
549
  }
552
- _createClass(HctSolver, null, [{
550
+ return _createClass(HctSolver, null, [{
553
551
  key: "sanitizeRadians",
554
552
  value:
555
553
  /**
@@ -940,7 +938,6 @@ var HctSolver = /*#__PURE__*/function () {
940
938
  return Cam16.fromInt(HctSolver.solveToInt(hueDegrees, chroma, lstar));
941
939
  }
942
940
  }]);
943
- return HctSolver;
944
941
  }();
945
942
  _defineProperty(HctSolver, "SCALED_DISCOUNT_FROM_LINRGB", [[0.001200833568784504, 0.002389694492170889, 0.0002795742885861124], [0.0005891086651375999, 0.0029785502573438758, 0.0003270666104008398], [0.00010146692491640572, 0.0005364214359186694, 0.0032979401770712076]]);
946
943
  _defineProperty(HctSolver, "LINRGB_FROM_SCALED_DISCOUNT", [[1373.2198709594231, -1100.4251190754821, -7.278681089101213], [-271.815969077903, 559.6580465940733, -32.46047482791194], [1.9622899599665666, -57.173814538844006, 308.7233197812385]]);
@@ -967,7 +964,7 @@ export var ViewingConditions = /*#__PURE__*/function () {
967
964
  this.fLRoot = fLRoot;
968
965
  this.z = z;
969
966
  }
970
- _createClass(ViewingConditions, null, [{
967
+ return _createClass(ViewingConditions, null, [{
971
968
  key: "make",
972
969
  value:
973
970
  /**
@@ -1022,10 +1019,9 @@ export var ViewingConditions = /*#__PURE__*/function () {
1022
1019
  return new ViewingConditions(n, aw, nbb, ncb, c, nc, rgbD, fl, Math.pow(fl, 0.25), z);
1023
1020
  }
1024
1021
  }]);
1025
- return ViewingConditions;
1026
1022
  }();
1027
- _class2 = ViewingConditions;
1023
+ _ViewingConditions = ViewingConditions;
1028
1024
  /**
1029
1025
  * sRGB-like viewing conditions.
1030
1026
  */
1031
- _defineProperty(ViewingConditions, "DEFAULT", _class2.make());
1027
+ _defineProperty(ViewingConditions, "DEFAULT", _ViewingConditions.make());
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/tokens",
3
- "version": "2.4.1",
3
+ "version": "2.4.2",
4
4
  "description": "Design tokens are the single source of truth to name and store design decisions.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -45,11 +45,11 @@
45
45
  "@af/accessibility-testing": "*",
46
46
  "@af/formatting": "*",
47
47
  "@atlaskit/button": "^20.3.0",
48
- "@atlaskit/calendar": "^15.1.0",
48
+ "@atlaskit/calendar": "^16.0.0",
49
49
  "@atlaskit/checkbox": "^15.2.0",
50
- "@atlaskit/radio": "^6.6.0",
50
+ "@atlaskit/radio": "^7.0.0",
51
51
  "@atlaskit/textfield": "^6.7.0",
52
- "@atlaskit/tooltip": "^18.9.0",
52
+ "@atlaskit/tooltip": "^19.0.0",
53
53
  "@atlaskit/visual-regression": "*",
54
54
  "@atlassian/codegen": "^0.1.0",
55
55
  "@atlassian/feature-flags-test-utils": "*",