@atlaskit/tokens 4.5.2 → 4.7.0

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 (9) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/cjs/babel-plugin/plugin.js +29 -2
  3. package/dist/es2019/babel-plugin/plugin.js +15 -2
  4. package/dist/esm/babel-plugin/plugin.js +29 -2
  5. package/dist/types/babel-plugin/plugin.d.ts +1 -0
  6. package/dist/types/entry-points/css-type-schema.codegen.d.ts +3 -3
  7. package/dist/types-ts4.5/babel-plugin/plugin.d.ts +1 -0
  8. package/dist/types-ts4.5/entry-points/css-type-schema.codegen.d.ts +3 -3
  9. package/package.json +10 -13
package/CHANGELOG.md CHANGED
@@ -1,5 +1,21 @@
1
1
  # @atlaskit/tokens
2
2
 
3
+ ## 4.7.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#137774](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/137774)
8
+ [`02ed87dfa643c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/02ed87dfa643c) -
9
+ Adds forceAutoFallbackExemptions that allows skipping certain tokens from fallback enforcement
10
+
11
+ ## 4.6.0
12
+
13
+ ### Minor Changes
14
+
15
+ - [#135818](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/135818)
16
+ [`0337728c792a2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0337728c792a2) -
17
+ Update type for `@atlaskit/css` padding to include 0.
18
+
3
19
  ## 4.5.2
4
20
 
5
21
  ### Patch Changes
package/dist/cjs/babel-plugin/plugin.js CHANGED
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
8
  exports.default = plugin;
9
+ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
9
10
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
10
11
  var t = _interopRequireWildcard(require("@babel/types"));
11
12
  var _tokenNames = _interopRequireDefault(require("../artifacts/token-names"));
@@ -18,6 +19,29 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
18
19
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
19
20
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
20
21
  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; }
22
+ function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
23
+ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
24
+ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
25
+ var isExempted = function isExempted(tokenName) {
26
+ var exemptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
27
+ // Check if the token name starts with any of the exempted prefixes
28
+ var _iterator = _createForOfIteratorHelper(exemptions),
29
+ _step;
30
+ try {
31
+ for (_iterator.s(); !(_step = _iterator.n()).done;) {
32
+ var exemption = _step.value;
33
+ if (tokenName.startsWith(exemption)) {
34
+ return true;
35
+ }
36
+ }
37
+ } catch (err) {
38
+ _iterator.e(err);
39
+ } finally {
40
+ _iterator.f();
41
+ }
42
+ return false;
43
+ };
44
+
21
45
  // Convert raw tokens to key-value pairs { token: value }
22
46
  var getThemeValues = function getThemeValues(theme) {
23
47
  return theme.reduce(function (formatted, rawToken) {
@@ -97,9 +121,12 @@ function plugin() {
97
121
  }
98
122
  }
99
123
 
100
- // Handle fallbacks
101
124
  // The border.radius tokens are skipped in shouldForceAutoFallback mode because these tokens are not enabled in the live products and enforcing default values on them will override all the fallback values that are currently being used to render the actual UI.
102
- var fallback = state.opts.shouldForceAutoFallback && !tokenName.startsWith('border.radius') ? t.stringLiteral(getDefaultFallback(tokenName, state.opts.defaultTheme)) : path.node.arguments[1];
125
+ // The exempted tokens (the ones that start with any of the provided exemption prefixes) are also skipped.
126
+ var forceAutoFallbackExemptions = ['border.radius'].concat((0, _toConsumableArray2.default)(state.opts.forceAutoFallbackExemptions || []));
127
+
128
+ // Handle fallbacks
129
+ var fallback = state.opts.shouldForceAutoFallback && !isExempted(tokenName, forceAutoFallbackExemptions) ? t.stringLiteral(getDefaultFallback(tokenName, state.opts.defaultTheme)) : path.node.arguments[1];
103
130
  if (t.isStringLiteral(fallback)) {
104
131
  // String literals can be concatenated into css variable call
105
132
  // Empty string fallbacks are ignored. For now, as the user did specify a fallback, no default is inserted
package/dist/es2019/babel-plugin/plugin.js CHANGED
@@ -5,6 +5,16 @@ import light from '../artifacts/tokens-raw/atlassian-light';
5
5
  import shape from '../artifacts/tokens-raw/atlassian-shape';
6
6
  import spacing from '../artifacts/tokens-raw/atlassian-spacing';
7
7
  import typography from '../artifacts/tokens-raw/atlassian-typography-adg3';
8
+ const isExempted = (tokenName, exemptions = []) => {
9
+ // Check if the token name starts with any of the exempted prefixes
10
+ for (const exemption of exemptions) {
11
+ if (tokenName.startsWith(exemption)) {
12
+ return true;
13
+ }
14
+ }
15
+ return false;
16
+ };
17
+
8
18
  // Convert raw tokens to key-value pairs { token: value }
9
19
  const getThemeValues = theme => {
10
20
  return theme.reduce((formatted, rawToken) => {
@@ -87,9 +97,12 @@ export default function plugin() {
87
97
  }
88
98
  }
89
99
 
90
- // Handle fallbacks
91
100
  // The border.radius tokens are skipped in shouldForceAutoFallback mode because these tokens are not enabled in the live products and enforcing default values on them will override all the fallback values that are currently being used to render the actual UI.
92
- const fallback = state.opts.shouldForceAutoFallback && !tokenName.startsWith('border.radius') ? t.stringLiteral(getDefaultFallback(tokenName, state.opts.defaultTheme)) : path.node.arguments[1];
101
+ // The exempted tokens (the ones that start with any of the provided exemption prefixes) are also skipped.
102
+ const forceAutoFallbackExemptions = ['border.radius', ...(state.opts.forceAutoFallbackExemptions || [])];
103
+
104
+ // Handle fallbacks
105
+ const fallback = state.opts.shouldForceAutoFallback && !isExempted(tokenName, forceAutoFallbackExemptions) ? t.stringLiteral(getDefaultFallback(tokenName, state.opts.defaultTheme)) : path.node.arguments[1];
93
106
  if (t.isStringLiteral(fallback)) {
94
107
  // String literals can be concatenated into css variable call
95
108
  // Empty string fallbacks are ignored. For now, as the user did specify a fallback, no default is inserted
package/dist/esm/babel-plugin/plugin.js CHANGED
@@ -1,6 +1,10 @@
1
+ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
1
2
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
3
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
3
4
  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) { _defineProperty(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; }
5
+ function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
6
+ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
7
+ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
4
8
  import * as t from '@babel/types';
5
9
  import tokenNames from '../artifacts/token-names';
6
10
  import legacyLight from '../artifacts/tokens-raw/atlassian-legacy-light';
@@ -8,6 +12,26 @@ import light from '../artifacts/tokens-raw/atlassian-light';
8
12
  import shape from '../artifacts/tokens-raw/atlassian-shape';
9
13
  import spacing from '../artifacts/tokens-raw/atlassian-spacing';
10
14
  import typography from '../artifacts/tokens-raw/atlassian-typography-adg3';
15
+ var isExempted = function isExempted(tokenName) {
16
+ var exemptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
17
+ // Check if the token name starts with any of the exempted prefixes
18
+ var _iterator = _createForOfIteratorHelper(exemptions),
19
+ _step;
20
+ try {
21
+ for (_iterator.s(); !(_step = _iterator.n()).done;) {
22
+ var exemption = _step.value;
23
+ if (tokenName.startsWith(exemption)) {
24
+ return true;
25
+ }
26
+ }
27
+ } catch (err) {
28
+ _iterator.e(err);
29
+ } finally {
30
+ _iterator.f();
31
+ }
32
+ return false;
33
+ };
34
+
11
35
  // Convert raw tokens to key-value pairs { token: value }
12
36
  var getThemeValues = function getThemeValues(theme) {
13
37
  return theme.reduce(function (formatted, rawToken) {
@@ -87,9 +111,12 @@ export default function plugin() {
87
111
  }
88
112
  }
89
113
 
90
- // Handle fallbacks
91
114
  // The border.radius tokens are skipped in shouldForceAutoFallback mode because these tokens are not enabled in the live products and enforcing default values on them will override all the fallback values that are currently being used to render the actual UI.
92
- var fallback = state.opts.shouldForceAutoFallback && !tokenName.startsWith('border.radius') ? t.stringLiteral(getDefaultFallback(tokenName, state.opts.defaultTheme)) : path.node.arguments[1];
115
+ // The exempted tokens (the ones that start with any of the provided exemption prefixes) are also skipped.
116
+ var forceAutoFallbackExemptions = ['border.radius'].concat(_toConsumableArray(state.opts.forceAutoFallbackExemptions || []));
117
+
118
+ // Handle fallbacks
119
+ var fallback = state.opts.shouldForceAutoFallback && !isExempted(tokenName, forceAutoFallbackExemptions) ? t.stringLiteral(getDefaultFallback(tokenName, state.opts.defaultTheme)) : path.node.arguments[1];
93
120
  if (t.isStringLiteral(fallback)) {
94
121
  // String literals can be concatenated into css variable call
95
122
  // Empty string fallbacks are ignored. For now, as the user did specify a fallback, no default is inserted
package/dist/types/babel-plugin/plugin.d.ts CHANGED
@@ -11,6 +11,7 @@ export default function plugin(): {
11
11
  */
12
12
  shouldUseAutoFallback?: boolean;
13
13
  shouldForceAutoFallback?: boolean;
14
+ forceAutoFallbackExemptions?: string[];
14
15
  defaultTheme?: DefaultColorTheme;
15
16
  };
16
17
  }): void;
package/dist/types/entry-points/css-type-schema.codegen.d.ts CHANGED
@@ -3,7 +3,7 @@
3
3
  *
4
4
  * Strict design token based typedef representing a subset of safe CSS properties.
5
5
  *
6
- * @codegen <<SignedSource::cc0f430b2dc9a266797e1ba536c0ff30>>
6
+ * @codegen <<SignedSource::2125a8127cb232c547872341120f268c>>
7
7
  * @codegenCommand yarn build tokens
8
8
  */
9
9
  export type BackgroundColorHovered = 'var(--ds-background-accent-lime-subtlest-hovered)' | 'var(--ds-background-accent-lime-subtler-hovered)' | 'var(--ds-background-accent-lime-subtle-hovered)' | 'var(--ds-background-accent-lime-bolder-hovered)' | 'var(--ds-background-accent-red-subtlest-hovered)' | 'var(--ds-background-accent-red-subtler-hovered)' | 'var(--ds-background-accent-red-subtle-hovered)' | 'var(--ds-background-accent-red-bolder-hovered)' | 'var(--ds-background-accent-orange-subtlest-hovered)' | 'var(--ds-background-accent-orange-subtler-hovered)' | 'var(--ds-background-accent-orange-subtle-hovered)' | 'var(--ds-background-accent-orange-bolder-hovered)' | 'var(--ds-background-accent-yellow-subtlest-hovered)' | 'var(--ds-background-accent-yellow-subtler-hovered)' | 'var(--ds-background-accent-yellow-subtle-hovered)' | 'var(--ds-background-accent-yellow-bolder-hovered)' | 'var(--ds-background-accent-green-subtlest-hovered)' | 'var(--ds-background-accent-green-subtler-hovered)' | 'var(--ds-background-accent-green-subtle-hovered)' | 'var(--ds-background-accent-green-bolder-hovered)' | 'var(--ds-background-accent-teal-subtlest-hovered)' | 'var(--ds-background-accent-teal-subtler-hovered)' | 'var(--ds-background-accent-teal-subtle-hovered)' | 'var(--ds-background-accent-teal-bolder-hovered)' | 'var(--ds-background-accent-blue-subtlest-hovered)' | 'var(--ds-background-accent-blue-subtler-hovered)' | 'var(--ds-background-accent-blue-subtle-hovered)' | 'var(--ds-background-accent-blue-bolder-hovered)' | 'var(--ds-background-accent-purple-subtlest-hovered)' | 'var(--ds-background-accent-purple-subtler-hovered)' | 'var(--ds-background-accent-purple-subtle-hovered)' | 'var(--ds-background-accent-purple-bolder-hovered)' | 'var(--ds-background-accent-magenta-subtlest-hovered)' | 'var(--ds-background-accent-magenta-subtler-hovered)' | 'var(--ds-background-accent-magenta-subtle-hovered)' | 'var(--ds-background-accent-magenta-bolder-hovered)' | 'var(--ds-background-accent-gray-subtlest-hovered)' | 'var(--ds-background-accent-gray-subtler-hovered)' | 'var(--ds-background-accent-gray-subtle-hovered)' | 'var(--ds-background-accent-gray-bolder-hovered)' | 'var(--ds-background-input-hovered)' | 'var(--ds-background-inverse-subtle-hovered)' | 'var(--ds-background-neutral-hovered)' | 'var(--ds-background-neutral-subtle-hovered)' | 'var(--ds-background-neutral-bold-hovered)' | 'var(--ds-background-selected-hovered)' | 'var(--ds-background-selected-bold-hovered)' | 'var(--ds-background-brand-subtlest-hovered)' | 'var(--ds-background-brand-bold-hovered)' | 'var(--ds-background-brand-boldest-hovered)' | 'var(--ds-background-danger-hovered)' | 'var(--ds-background-danger-bold-hovered)' | 'var(--ds-background-warning-hovered)' | 'var(--ds-background-warning-bold-hovered)' | 'var(--ds-background-success-hovered)' | 'var(--ds-background-success-bold-hovered)' | 'var(--ds-background-discovery-hovered)' | 'var(--ds-background-discovery-bold-hovered)' | 'var(--ds-background-information-hovered)' | 'var(--ds-background-information-bold-hovered)' | 'var(--ds-surface-hovered)' | 'var(--ds-surface-overlay-hovered)' | 'var(--ds-surface-raised-hovered)';
@@ -18,8 +18,8 @@ export type BorderWidth = 'var(--ds-border-width)' | 'var(--ds-border-width-indi
18
18
  export type BorderShorthand = 'none' | `${BorderWidth} solid ${BorderColor}`;
19
19
  type NumericSize = `${number}px` | `${number}rem` | `${number}vh` | `${number}vw` | `${number}%`;
20
20
  export type SizeIntrinsic = 'min-content' | 'max-content' | 'fit-content' | 'auto' | NumericSize | `min(${NumericSize}, ${NumericSize})` | `max(${NumericSize}, ${NumericSize})`;
21
- export type Space = 'var(--ds-space-0)' | 'var(--ds-space-025)' | 'var(--ds-space-050)' | 'var(--ds-space-075)' | 'var(--ds-space-100)' | 'var(--ds-space-150)' | 'var(--ds-space-200)' | 'var(--ds-space-250)' | 'var(--ds-space-300)' | 'var(--ds-space-400)' | 'var(--ds-space-500)' | 'var(--ds-space-600)' | 'var(--ds-space-800)' | 'var(--ds-space-1000)' | 'var(--ds-space-negative-025)' | 'var(--ds-space-negative-050)' | 'var(--ds-space-negative-075)' | 'var(--ds-space-negative-100)' | 'var(--ds-space-negative-150)' | 'var(--ds-space-negative-200)' | 'var(--ds-space-negative-250)' | 'var(--ds-space-negative-300)' | 'var(--ds-space-negative-400)';
22
- export type SpaceMargin = Space | 'auto' | '0 auto' | '0' | 0;
21
+ export type Space = 'var(--ds-space-0)' | 'var(--ds-space-025)' | 'var(--ds-space-050)' | 'var(--ds-space-075)' | 'var(--ds-space-100)' | 'var(--ds-space-150)' | 'var(--ds-space-200)' | 'var(--ds-space-250)' | 'var(--ds-space-300)' | 'var(--ds-space-400)' | 'var(--ds-space-500)' | 'var(--ds-space-600)' | 'var(--ds-space-800)' | 'var(--ds-space-1000)' | 'var(--ds-space-negative-025)' | 'var(--ds-space-negative-050)' | 'var(--ds-space-negative-075)' | 'var(--ds-space-negative-100)' | 'var(--ds-space-negative-150)' | 'var(--ds-space-negative-200)' | 'var(--ds-space-negative-250)' | 'var(--ds-space-negative-300)' | 'var(--ds-space-negative-400)' | 0 | '0';
22
+ export type SpaceMargin = Space | 'auto' | '0 auto';
23
23
  export type Shadow = 'var(--ds-shadow-overflow)' | 'var(--ds-shadow-overflow-perimeter)' | 'var(--ds-shadow-overflow-spread)' | 'var(--ds-shadow-overlay)' | 'var(--ds-shadow-raised)' | 'initial';
24
24
  export type TextColorPressed = 'var(--ds-link-pressed)' | 'var(--ds-link-visited-pressed)';
25
25
  export type TextColor = 'transparent' | TextColorPressed | 'var(--ds-text)' | 'var(--ds-text-accent-lime)' | 'var(--ds-text-accent-lime-bolder)' | 'var(--ds-text-accent-red)' | 'var(--ds-text-accent-red-bolder)' | 'var(--ds-text-accent-orange)' | 'var(--ds-text-accent-orange-bolder)' | 'var(--ds-text-accent-yellow)' | 'var(--ds-text-accent-yellow-bolder)' | 'var(--ds-text-accent-green)' | 'var(--ds-text-accent-green-bolder)' | 'var(--ds-text-accent-teal)' | 'var(--ds-text-accent-teal-bolder)' | 'var(--ds-text-accent-blue)' | 'var(--ds-text-accent-blue-bolder)' | 'var(--ds-text-accent-purple)' | 'var(--ds-text-accent-purple-bolder)' | 'var(--ds-text-accent-magenta)' | 'var(--ds-text-accent-magenta-bolder)' | 'var(--ds-text-accent-gray)' | 'var(--ds-text-accent-gray-bolder)' | 'var(--ds-text-disabled)' | 'var(--ds-text-inverse)' | 'var(--ds-text-selected)' | 'var(--ds-text-brand)' | 'var(--ds-text-danger)' | 'var(--ds-text-warning)' | 'var(--ds-text-warning-inverse)' | 'var(--ds-text-success)' | 'var(--ds-text-discovery)' | 'var(--ds-text-information)' | 'var(--ds-text-subtlest)' | 'var(--ds-text-subtle)' | 'var(--ds-link)' | 'var(--ds-link-visited)';
package/dist/types-ts4.5/babel-plugin/plugin.d.ts CHANGED
@@ -11,6 +11,7 @@ export default function plugin(): {
11
11
  */
12
12
  shouldUseAutoFallback?: boolean;
13
13
  shouldForceAutoFallback?: boolean;
14
+ forceAutoFallbackExemptions?: string[];
14
15
  defaultTheme?: DefaultColorTheme;
15
16
  };
16
17
  }): void;
package/dist/types-ts4.5/entry-points/css-type-schema.codegen.d.ts CHANGED
@@ -3,7 +3,7 @@
3
3
  *
4
4
  * Strict design token based typedef representing a subset of safe CSS properties.
5
5
  *
6
- * @codegen <<SignedSource::cc0f430b2dc9a266797e1ba536c0ff30>>
6
+ * @codegen <<SignedSource::2125a8127cb232c547872341120f268c>>
7
7
  * @codegenCommand yarn build tokens
8
8
  */
9
9
  export type BackgroundColorHovered = 'var(--ds-background-accent-lime-subtlest-hovered)' | 'var(--ds-background-accent-lime-subtler-hovered)' | 'var(--ds-background-accent-lime-subtle-hovered)' | 'var(--ds-background-accent-lime-bolder-hovered)' | 'var(--ds-background-accent-red-subtlest-hovered)' | 'var(--ds-background-accent-red-subtler-hovered)' | 'var(--ds-background-accent-red-subtle-hovered)' | 'var(--ds-background-accent-red-bolder-hovered)' | 'var(--ds-background-accent-orange-subtlest-hovered)' | 'var(--ds-background-accent-orange-subtler-hovered)' | 'var(--ds-background-accent-orange-subtle-hovered)' | 'var(--ds-background-accent-orange-bolder-hovered)' | 'var(--ds-background-accent-yellow-subtlest-hovered)' | 'var(--ds-background-accent-yellow-subtler-hovered)' | 'var(--ds-background-accent-yellow-subtle-hovered)' | 'var(--ds-background-accent-yellow-bolder-hovered)' | 'var(--ds-background-accent-green-subtlest-hovered)' | 'var(--ds-background-accent-green-subtler-hovered)' | 'var(--ds-background-accent-green-subtle-hovered)' | 'var(--ds-background-accent-green-bolder-hovered)' | 'var(--ds-background-accent-teal-subtlest-hovered)' | 'var(--ds-background-accent-teal-subtler-hovered)' | 'var(--ds-background-accent-teal-subtle-hovered)' | 'var(--ds-background-accent-teal-bolder-hovered)' | 'var(--ds-background-accent-blue-subtlest-hovered)' | 'var(--ds-background-accent-blue-subtler-hovered)' | 'var(--ds-background-accent-blue-subtle-hovered)' | 'var(--ds-background-accent-blue-bolder-hovered)' | 'var(--ds-background-accent-purple-subtlest-hovered)' | 'var(--ds-background-accent-purple-subtler-hovered)' | 'var(--ds-background-accent-purple-subtle-hovered)' | 'var(--ds-background-accent-purple-bolder-hovered)' | 'var(--ds-background-accent-magenta-subtlest-hovered)' | 'var(--ds-background-accent-magenta-subtler-hovered)' | 'var(--ds-background-accent-magenta-subtle-hovered)' | 'var(--ds-background-accent-magenta-bolder-hovered)' | 'var(--ds-background-accent-gray-subtlest-hovered)' | 'var(--ds-background-accent-gray-subtler-hovered)' | 'var(--ds-background-accent-gray-subtle-hovered)' | 'var(--ds-background-accent-gray-bolder-hovered)' | 'var(--ds-background-input-hovered)' | 'var(--ds-background-inverse-subtle-hovered)' | 'var(--ds-background-neutral-hovered)' | 'var(--ds-background-neutral-subtle-hovered)' | 'var(--ds-background-neutral-bold-hovered)' | 'var(--ds-background-selected-hovered)' | 'var(--ds-background-selected-bold-hovered)' | 'var(--ds-background-brand-subtlest-hovered)' | 'var(--ds-background-brand-bold-hovered)' | 'var(--ds-background-brand-boldest-hovered)' | 'var(--ds-background-danger-hovered)' | 'var(--ds-background-danger-bold-hovered)' | 'var(--ds-background-warning-hovered)' | 'var(--ds-background-warning-bold-hovered)' | 'var(--ds-background-success-hovered)' | 'var(--ds-background-success-bold-hovered)' | 'var(--ds-background-discovery-hovered)' | 'var(--ds-background-discovery-bold-hovered)' | 'var(--ds-background-information-hovered)' | 'var(--ds-background-information-bold-hovered)' | 'var(--ds-surface-hovered)' | 'var(--ds-surface-overlay-hovered)' | 'var(--ds-surface-raised-hovered)';
@@ -18,8 +18,8 @@ export type BorderWidth = 'var(--ds-border-width)' | 'var(--ds-border-width-indi
18
18
  export type BorderShorthand = 'none' | `${BorderWidth} solid ${BorderColor}`;
19
19
  type NumericSize = `${number}px` | `${number}rem` | `${number}vh` | `${number}vw` | `${number}%`;
20
20
  export type SizeIntrinsic = 'min-content' | 'max-content' | 'fit-content' | 'auto' | NumericSize | `min(${NumericSize}, ${NumericSize})` | `max(${NumericSize}, ${NumericSize})`;
21
- export type Space = 'var(--ds-space-0)' | 'var(--ds-space-025)' | 'var(--ds-space-050)' | 'var(--ds-space-075)' | 'var(--ds-space-100)' | 'var(--ds-space-150)' | 'var(--ds-space-200)' | 'var(--ds-space-250)' | 'var(--ds-space-300)' | 'var(--ds-space-400)' | 'var(--ds-space-500)' | 'var(--ds-space-600)' | 'var(--ds-space-800)' | 'var(--ds-space-1000)' | 'var(--ds-space-negative-025)' | 'var(--ds-space-negative-050)' | 'var(--ds-space-negative-075)' | 'var(--ds-space-negative-100)' | 'var(--ds-space-negative-150)' | 'var(--ds-space-negative-200)' | 'var(--ds-space-negative-250)' | 'var(--ds-space-negative-300)' | 'var(--ds-space-negative-400)';
22
- export type SpaceMargin = Space | 'auto' | '0 auto' | '0' | 0;
21
+ export type Space = 'var(--ds-space-0)' | 'var(--ds-space-025)' | 'var(--ds-space-050)' | 'var(--ds-space-075)' | 'var(--ds-space-100)' | 'var(--ds-space-150)' | 'var(--ds-space-200)' | 'var(--ds-space-250)' | 'var(--ds-space-300)' | 'var(--ds-space-400)' | 'var(--ds-space-500)' | 'var(--ds-space-600)' | 'var(--ds-space-800)' | 'var(--ds-space-1000)' | 'var(--ds-space-negative-025)' | 'var(--ds-space-negative-050)' | 'var(--ds-space-negative-075)' | 'var(--ds-space-negative-100)' | 'var(--ds-space-negative-150)' | 'var(--ds-space-negative-200)' | 'var(--ds-space-negative-250)' | 'var(--ds-space-negative-300)' | 'var(--ds-space-negative-400)' | 0 | '0';
22
+ export type SpaceMargin = Space | 'auto' | '0 auto';
23
23
  export type Shadow = 'var(--ds-shadow-overflow)' | 'var(--ds-shadow-overflow-perimeter)' | 'var(--ds-shadow-overflow-spread)' | 'var(--ds-shadow-overlay)' | 'var(--ds-shadow-raised)' | 'initial';
24
24
  export type TextColorPressed = 'var(--ds-link-pressed)' | 'var(--ds-link-visited-pressed)';
25
25
  export type TextColor = 'transparent' | TextColorPressed | 'var(--ds-text)' | 'var(--ds-text-accent-lime)' | 'var(--ds-text-accent-lime-bolder)' | 'var(--ds-text-accent-red)' | 'var(--ds-text-accent-red-bolder)' | 'var(--ds-text-accent-orange)' | 'var(--ds-text-accent-orange-bolder)' | 'var(--ds-text-accent-yellow)' | 'var(--ds-text-accent-yellow-bolder)' | 'var(--ds-text-accent-green)' | 'var(--ds-text-accent-green-bolder)' | 'var(--ds-text-accent-teal)' | 'var(--ds-text-accent-teal-bolder)' | 'var(--ds-text-accent-blue)' | 'var(--ds-text-accent-blue-bolder)' | 'var(--ds-text-accent-purple)' | 'var(--ds-text-accent-purple-bolder)' | 'var(--ds-text-accent-magenta)' | 'var(--ds-text-accent-magenta-bolder)' | 'var(--ds-text-accent-gray)' | 'var(--ds-text-accent-gray-bolder)' | 'var(--ds-text-disabled)' | 'var(--ds-text-inverse)' | 'var(--ds-text-selected)' | 'var(--ds-text-brand)' | 'var(--ds-text-danger)' | 'var(--ds-text-warning)' | 'var(--ds-text-warning-inverse)' | 'var(--ds-text-success)' | 'var(--ds-text-discovery)' | 'var(--ds-text-information)' | 'var(--ds-text-subtlest)' | 'var(--ds-text-subtle)' | 'var(--ds-link)' | 'var(--ds-link-visited)';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/tokens",
3
- "version": "4.5.2",
3
+ "version": "4.7.0",
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,25 +45,25 @@
45
45
  "@af/formatting": "^0.0.4",
46
46
  "@af/visual-regression": "^1.3.0",
47
47
  "@atlaskit/avatar": "^25.0.0",
48
- "@atlaskit/button": "^21.1.0",
48
+ "@atlaskit/button": "^23.0.0",
49
49
  "@atlaskit/calendar": "^17.1.0",
50
50
  "@atlaskit/checkbox": "^17.0.0",
51
- "@atlaskit/code": "^16.1.0",
51
+ "@atlaskit/code": "^17.0.0",
52
52
  "@atlaskit/docs": "^10.0.0",
53
- "@atlaskit/dropdown-menu": "^13.0.0",
53
+ "@atlaskit/dropdown-menu": "^14.0.0",
54
54
  "@atlaskit/dynamic-table": "^18.0.0",
55
55
  "@atlaskit/form": "^12.0.0",
56
56
  "@atlaskit/grid": "^0.18.0",
57
57
  "@atlaskit/heading": "^5.1.0",
58
- "@atlaskit/icon": "^25.0.0",
58
+ "@atlaskit/icon": "^25.5.0",
59
59
  "@atlaskit/inline-message": "^14.0.0",
60
- "@atlaskit/link": "^3.0.0",
60
+ "@atlaskit/link": "^3.1.0",
61
61
  "@atlaskit/lozenge": "^12.2.0",
62
- "@atlaskit/popup": "^2.0.0",
63
- "@atlaskit/primitives": "^14.2.0",
62
+ "@atlaskit/popup": "^3.0.0",
63
+ "@atlaskit/primitives": "^14.3.0",
64
64
  "@atlaskit/radio": "^8.0.0",
65
65
  "@atlaskit/section-message": "^8.2.0",
66
- "@atlaskit/select": "^20.0.0",
66
+ "@atlaskit/select": "^20.1.0",
67
67
  "@atlaskit/tag": "^14.0.0",
68
68
  "@atlaskit/textarea": "^8.0.0",
69
69
  "@atlaskit/textfield": "^8.0.0",
@@ -80,7 +80,7 @@
80
80
  "color-blend": "^4.0.0",
81
81
  "echarts": "^5.4.1",
82
82
  "echarts-for-react": "^3.0.2",
83
- "jscodeshift": "^0.16.1",
83
+ "jscodeshift": "^17.0.0",
84
84
  "lodash": "^4.17.21",
85
85
  "postcss": "^8.4.7",
86
86
  "postcss-less": "^6.0.0",
@@ -141,9 +141,6 @@
141
141
  "platform-component-visual-refresh": {
142
142
  "type": "boolean"
143
143
  },
144
- "platform-token-runtime-call-tracking": {
145
- "type": "boolean"
146
- },
147
144
  "platform-default-typography-modernized": {
148
145
  "type": "boolean"
149
146
  }