@atlaskit/tokens 0.13.5 → 1.1.0

package/dist/cjs/artifacts/replacement-mapping.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
  *
@@ -19,617 +18,10 @@ exports.default = void 0;
  * These changes will then be picked up by our tooling which will attempt to
  * migrate as many of these renames as possible.
  *
- * @codegen <<SignedSource::f641b000c13ad37f0b16624edf778c41>>
+ * @codegen <<SignedSource::424b7eccf34d7d646da64d4755658ae1>>
  * @codegenCommand yarn build tokens
  */
-var replacementMapper = [{
-  "path": "color.text.highEmphasis",
-  "state": "deleted",
-  "replacement": "color.text.[default]"
-}, {
-  "path": "color.text.link.pressed",
-  "state": "deleted",
-  "replacement": "color.link.pressed"
-}, {
-  "path": "color.text.link.resting",
-  "state": "deleted",
-  "replacement": "color.link.[default]"
-}, {
-  "path": "color.text.lowEmphasis",
-  "state": "deleted",
-  "replacement": "color.text.subtlest"
-}, {
-  "path": "color.text.mediumEmphasis",
-  "state": "deleted",
-  "replacement": "color.text.subtle"
-}, {
-  "path": "color.text.onBold",
-  "state": "deleted",
-  "replacement": "color.text.inverse"
-}, {
-  "path": "color.text.onBoldWarning",
-  "state": "deleted",
-  "replacement": "color.text.warning.inverse"
-}, {
-  "path": "color.border.focus",
-  "state": "deleted",
-  "replacement": "color.border.focused"
-}, {
-  "path": "color.border.neutral",
-  "state": "deleted",
-  "replacement": "color.border.[default]"
-}, {
-  "path": "color.background.accent.red.[default]",
-  "state": "deleted",
-  "replacement": "color.background.accent.red.subtler"
-}, {
-  "path": "color.background.accent.red.bold",
-  "state": "deleted",
-  "replacement": "color.background.accent.red.subtle"
-}, {
-  "path": "color.background.accent.orange.[default]",
-  "state": "deleted",
-  "replacement": "color.background.accent.orange.subtler"
-}, {
-  "path": "color.background.accent.orange.bold",
-  "state": "deleted",
-  "replacement": "color.background.accent.orange.subtle"
-}, {
-  "path": "color.background.accent.yellow.[default]",
-  "state": "deleted",
-  "replacement": "color.background.accent.yellow.subtler"
-}, {
-  "path": "color.background.accent.yellow.bold",
-  "state": "deleted",
-  "replacement": "color.background.accent.yellow.subtle"
-}, {
-  "path": "color.background.accent.green.[default]",
-  "state": "deleted",
-  "replacement": "color.background.accent.green.subtler"
-}, {
-  "path": "color.background.accent.green.bold",
-  "state": "deleted",
-  "replacement": "color.background.accent.green.subtle"
-}, {
-  "path": "color.background.accent.teal.[default]",
-  "state": "deleted",
-  "replacement": "color.background.accent.teal.subtler"
-}, {
-  "path": "color.background.accent.teal.bold",
-  "state": "deleted",
-  "replacement": "color.background.accent.teal.subtle"
-}, {
-  "path": "color.background.accent.blue.[default]",
-  "state": "deleted",
-  "replacement": "color.background.accent.blue.subtler"
-}, {
-  "path": "color.background.accent.blue.bold",
-  "state": "deleted",
-  "replacement": "color.background.accent.blue.subtle"
-}, {
-  "path": "color.background.accent.purple.[default]",
-  "state": "deleted",
-  "replacement": "color.background.accent.purple.subtler"
-}, {
-  "path": "color.background.accent.purple.bold",
-  "state": "deleted",
-  "replacement": "color.background.accent.purple.subtle"
-}, {
-  "path": "color.background.accent.magenta.[default]",
-  "state": "deleted",
-  "replacement": "color.background.accent.magenta.subtler"
-}, {
-  "path": "color.background.accent.magenta.bold",
-  "state": "deleted",
-  "replacement": "color.background.accent.magenta.subtle"
-}, {
-  "path": "color.background.blanket",
-  "state": "deleted",
-  "replacement": "color.blanket.[default]"
-}, {
-  "path": "color.background.boldBrand.hover",
-  "state": "deleted",
-  "replacement": "color.background.brand.bold.hovered"
-}, {
-  "path": "color.background.boldBrand.pressed",
-  "state": "deleted",
-  "replacement": "color.background.brand.bold.pressed"
-}, {
-  "path": "color.background.boldBrand.resting",
-  "state": "deleted",
-  "replacement": "color.background.brand.bold.[default]"
-}, {
-  "path": "color.background.boldDanger.hover",
-  "state": "deleted",
-  "replacement": "color.background.danger.bold.hovered"
-}, {
-  "path": "color.background.boldDanger.pressed",
-  "state": "deleted",
-  "replacement": "color.background.danger.bold.pressed"
-}, {
-  "path": "color.background.boldDanger.resting",
-  "state": "deleted",
-  "replacement": "color.background.danger.bold.[default]"
-}, {
-  "path": "color.background.boldDiscovery.hover",
-  "state": "deleted",
-  "replacement": "color.background.discovery.bold.hovered"
-}, {
-  "path": "color.background.boldDiscovery.pressed",
-  "state": "deleted",
-  "replacement": "color.background.discovery.bold.pressed"
-}, {
-  "path": "color.background.boldDiscovery.resting",
-  "state": "deleted",
-  "replacement": "color.background.discovery.bold.[default]"
-}, {
-  "path": "color.background.boldNeutral.hover",
-  "state": "deleted",
-  "replacement": "color.background.neutral.bold.hovered"
-}, {
-  "path": "color.background.boldNeutral.pressed",
-  "state": "deleted",
-  "replacement": "color.background.neutral.bold.pressed"
-}, {
-  "path": "color.background.boldNeutral.resting",
-  "state": "deleted",
-  "replacement": "color.background.neutral.bold.[default]"
-}, {
-  "path": "color.background.boldSuccess.hover",
-  "state": "deleted",
-  "replacement": "color.background.success.bold.hovered"
-}, {
-  "path": "color.background.boldSuccess.pressed",
-  "state": "deleted",
-  "replacement": "color.background.success.bold.pressed"
-}, {
-  "path": "color.background.boldSuccess.resting",
-  "state": "deleted",
-  "replacement": "color.background.success.bold.[default]"
-}, {
-  "path": "color.background.boldWarning.hover",
-  "state": "deleted",
-  "replacement": "color.background.warning.bold.hovered"
-}, {
-  "path": "color.background.boldWarning.pressed",
-  "state": "deleted",
-  "replacement": "color.background.warning.bold.pressed"
-}, {
-  "path": "color.background.boldWarning.resting",
-  "state": "deleted",
-  "replacement": "color.background.warning.bold.[default]"
-}, {
-  "path": "color.background.card",
-  "state": "deleted",
-  "replacement": "elevation.surface.raised.[default]"
-}, {
-  "path": "color.background.default",
-  "state": "deleted",
-  "replacement": "elevation.surface.[default].[default]"
-}, {
-  "path": "color.background.inverse.[default]",
-  "state": "deleted",
-  "replacement": "color.background.inverse.subtle.[default]"
-}, {
-  "path": "color.background.overlay",
-  "state": "deleted",
-  "replacement": "elevation.surface.overlay.[default]"
-}, {
-  "path": "color.background.selected.hover",
-  "state": "deleted",
-  "replacement": "color.background.selected.[default].hovered"
-}, {
-  "path": "color.background.selected.resting",
-  "state": "deleted",
-  "replacement": "color.background.selected.[default].[default]"
-}, {
-  "path": "color.background.subtleBorderedNeutral.pressed",
-  "state": "deleted",
-  "replacement": "color.background.input.pressed"
-}, {
-  "path": "color.background.subtleBorderedNeutral.resting",
-  "state": "deleted",
-  "replacement": "color.background.input.[default]"
-}, {
-  "path": "color.background.subtleBrand.hover",
-  "state": "deleted",
-  "replacement": "color.background.selected.[default].hovered"
-}, {
-  "path": "color.background.subtleBrand.pressed",
-  "state": "deleted",
-  "replacement": "color.background.selected.[default].pressed"
-}, {
-  "path": "color.background.subtleBrand.resting",
-  "state": "deleted",
-  "replacement": "color.background.selected.[default].[default]"
-}, {
-  "path": "color.background.subtleDanger.hover",
-  "state": "deleted",
-  "replacement": "color.background.danger.[default].hovered"
-}, {
-  "path": "color.background.subtleDanger.pressed",
-  "state": "deleted",
-  "replacement": "color.background.danger.[default].pressed"
-}, {
-  "path": "color.background.subtleDanger.resting",
-  "state": "deleted",
-  "replacement": "color.background.danger.[default].[default]"
-}, {
-  "path": "color.background.subtleDiscovery.hover",
-  "state": "deleted",
-  "replacement": "color.background.discovery.[default].hovered"
-}, {
-  "path": "color.background.subtleDiscovery.pressed",
-  "state": "deleted",
-  "replacement": "color.background.discovery.[default].pressed"
-}, {
-  "path": "color.background.subtleDiscovery.resting",
-  "state": "deleted",
-  "replacement": "color.background.discovery.[default].[default]"
-}, {
-  "path": "color.background.subtleNeutral.hover",
-  "state": "deleted",
-  "replacement": "color.background.neutral.[default].hovered"
-}, {
-  "path": "color.background.subtleNeutral.pressed",
-  "state": "deleted",
-  "replacement": "color.background.neutral.[default].pressed"
-}, {
-  "path": "color.background.subtleNeutral.resting",
-  "state": "deleted",
-  "replacement": "color.background.neutral.[default].[default]"
-}, {
-  "path": "color.background.subtleSuccess.hover",
-  "state": "deleted",
-  "replacement": "color.background.success.[default].hovered"
-}, {
-  "path": "color.background.subtleSuccess.pressed",
-  "state": "deleted",
-  "replacement": "color.background.success.[default].pressed"
-}, {
-  "path": "color.background.subtleSuccess.resting",
-  "state": "deleted",
-  "replacement": "color.background.success.[default].[default]"
-}, {
-  "path": "color.background.subtleWarning.hover",
-  "state": "deleted",
-  "replacement": "color.background.warning.[default].hovered"
-}, {
-  "path": "color.background.subtleWarning.pressed",
-  "state": "deleted",
-  "replacement": "color.background.warning.[default].pressed"
-}, {
-  "path": "color.background.subtleWarning.resting",
-  "state": "deleted",
-  "replacement": "color.background.warning.[default].[default]"
-}, {
-  "path": "color.background.sunken",
-  "state": "deleted",
-  "replacement": "elevation.surface.sunken"
-}, {
-  "path": "color.background.transparentNeutral.hover",
-  "state": "deleted",
-  "replacement": "color.background.neutral.subtle.hovered"
-}, {
-  "path": "color.background.transparentNeutral.pressed",
-  "state": "deleted",
-  "replacement": "color.background.neutral.subtle.pressed"
-}, {
-  "path": "color.background.brand.[default].[default]",
-  "state": "deleted",
-  "replacement": "color.background.selected.[default].[default]"
-}, {
-  "path": "color.background.brand.[default].hovered",
-  "state": "deleted",
-  "replacement": "color.background.selected.[default].hovered"
-}, {
-  "path": "color.background.brand.[default].pressed",
-  "state": "deleted",
-  "replacement": "color.background.selected.[default].pressed"
-}, {
-  "path": "color.interaction.inverse.hovered",
-  "state": "deleted",
-  "replacement": "color.background.inverse.subtle.hovered"
-}, {
-  "path": "color.interaction.inverse.pressed",
-  "state": "deleted",
-  "replacement": "color.background.inverse.subtle.pressed"
-}, {
-  "path": "color.accent.boldBlue",
-  "state": "deleted",
-  "replacement": "color.background.accent.blue.bolder"
-}, {
-  "path": "color.accent.boldGreen",
-  "state": "deleted",
-  "replacement": "color.background.accent.green.bolder"
-}, {
-  "path": "color.accent.boldOrange",
-  "state": "deleted",
-  "replacement": "color.background.accent.orange.bolder"
-}, {
-  "path": "color.accent.boldPurple",
-  "state": "deleted",
-  "replacement": "color.background.accent.purple.bolder"
-}, {
-  "path": "color.accent.boldRed",
-  "state": "deleted",
-  "replacement": "color.background.accent.red.bolder"
-}, {
-  "path": "color.accent.boldTeal",
-  "state": "deleted",
-  "replacement": "color.background.accent.teal.bolder"
-}, {
-  "path": "color.accent.subtleBlue",
-  "state": "deleted",
-  "replacement": "color.background.accent.blue.subtler"
-}, {
-  "path": "color.accent.subtleGreen",
-  "state": "deleted",
-  "replacement": "color.background.accent.green.subtler"
-}, {
-  "path": "color.accent.subtleMagenta",
-  "state": "deleted",
-  "replacement": "color.background.accent.magenta.subtler"
-}, {
-  "path": "color.accent.subtleOrange",
-  "state": "deleted",
-  "replacement": "color.background.accent.orange.subtler"
-}, {
-  "path": "color.accent.subtlePurple",
-  "state": "deleted",
-  "replacement": "color.background.accent.purple.subtler"
-}, {
-  "path": "color.accent.subtleRed",
-  "state": "deleted",
-  "replacement": "color.background.accent.red.subtler"
-}, {
-  "path": "color.accent.subtleTeal",
-  "state": "deleted",
-  "replacement": "color.background.accent.teal.subtler"
-}, {
-  "path": "color.iconBorder.brand",
-  "state": "deleted",
-  "replacement": "color.icon.brand"
-}, {
-  "path": "color.iconBorder.danger",
-  "state": "deleted",
-  "replacement": "color.icon.danger"
-}, {
-  "path": "color.iconBorder.warning",
-  "state": "deleted",
-  "replacement": "color.icon.warning.[default]"
-}, {
-  "path": "color.iconBorder.success",
-  "state": "deleted",
-  "replacement": "color.icon.success"
-}, {
-  "path": "color.iconBorder.discovery",
-  "state": "deleted",
-  "replacement": "color.icon.discovery"
-}, {
-  "path": "color.overlay.hover",
-  "state": "deleted",
-  "replacement": "color.interaction.hovered"
-}, {
-  "path": "color.overlay.pressed",
-  "state": "deleted",
-  "replacement": "color.interaction.pressed"
-}, {
-  "path": "shadow.card",
-  "state": "deleted",
-  "replacement": "elevation.shadow.raised"
-}, {
-  "path": "shadow.overlay",
-  "state": "deleted",
-  "replacement": "elevation.shadow.overlay"
-}, {
-  "path": "spacing.scaleLinear.0",
-  "state": "experimental",
-  "replacement": "0"
-}, {
-  "path": "spacing.scaleLinear.100",
-  "state": "experimental",
-  "replacement": "2px"
-}, {
-  "path": "spacing.scaleLinear.200",
-  "state": "experimental",
-  "replacement": "4px"
-}, {
-  "path": "spacing.scaleLinear.300",
-  "state": "experimental",
-  "replacement": "6px"
-}, {
-  "path": "spacing.scaleLinear.400",
-  "state": "experimental",
-  "replacement": "8px"
-}, {
-  "path": "spacing.scaleLinear.500",
-  "state": "experimental",
-  "replacement": "12px"
-}, {
-  "path": "spacing.scaleLinear.600",
-  "state": "experimental",
-  "replacement": "16px"
-}, {
-  "path": "spacing.scaleLinear.700",
-  "state": "experimental",
-  "replacement": "20px"
-}, {
-  "path": "spacing.scaleLinear.800",
-  "state": "experimental",
-  "replacement": "24px"
-}, {
-  "path": "spacing.scaleLinear.900",
-  "state": "experimental",
-  "replacement": "32px"
-}, {
-  "path": "spacing.scaleLinear.1000",
-  "state": "experimental",
-  "replacement": "40px"
-}, {
-  "path": "spacing.scaleLinear.1100",
-  "state": "experimental",
-  "replacement": "48px"
-}, {
-  "path": "spacing.size.none",
-  "state": "experimental",
-  "replacement": "0"
-}, {
-  "path": "spacing.size.xxxxSmall",
-  "state": "experimental",
-  "replacement": "2px"
-}, {
-  "path": "spacing.size.xxxSmall",
-  "state": "experimental",
-  "replacement": "4px"
-}, {
-  "path": "spacing.size.xxSmall",
-  "state": "experimental",
-  "replacement": "6px"
-}, {
-  "path": "spacing.size.xsmall",
-  "state": "experimental",
-  "replacement": "8px"
-}, {
-  "path": "spacing.size.small",
-  "state": "experimental",
-  "replacement": "12px"
-}, {
-  "path": "spacing.size.medium",
-  "state": "experimental",
-  "replacement": "16px"
-}, {
-  "path": "spacing.size.large",
-  "state": "experimental",
-  "replacement": "20px"
-}, {
-  "path": "spacing.size.xlarge",
-  "state": "experimental",
-  "replacement": "24px"
-}, {
-  "path": "spacing.size.xxlarge",
-  "state": "experimental",
-  "replacement": "32px"
-}, {
-  "path": "spacing.size.xxxlarge",
-  "state": "experimental",
-  "replacement": "40px"
-}, {
-  "path": "spacing.size.xxxxlarge",
-  "state": "experimental",
-  "replacement": "48px"
-}, {
-  "path": "spacing.gap.100",
-  "state": "experimental",
-  "replacement": "8px"
-}, {
-  "path": "spacing.gap.200",
-  "state": "experimental",
-  "replacement": "16px"
-}, {
-  "path": "spacing.gap.300",
-  "state": "experimental",
-  "replacement": "24px"
-}, {
-  "path": "spacing.inset.100",
-  "state": "experimental",
-  "replacement": "8px"
-}, {
-  "path": "spacing.inset.200",
-  "state": "experimental",
-  "replacement": "16px"
-}, {
-  "path": "spacing.inset.300",
-  "state": "experimental",
-  "replacement": "24px"
-}, {
-  "path": "spacing.ecl.container.12",
-  "state": "experimental",
-  "replacement": "12px"
-}, {
-  "path": "spacing.ecl.container.16",
-  "state": "experimental",
-  "replacement": "16px"
-}, {
-  "path": "spacing.ecl.container.20",
-  "state": "experimental",
-  "replacement": "20px"
-}, {
-  "path": "spacing.ecl.container.24",
-  "state": "experimental",
-  "replacement": "24px"
-}, {
-  "path": "spacing.ecl.element.2",
-  "state": "experimental",
-  "replacement": "2px"
-}, {
-  "path": "spacing.ecl.element.4",
-  "state": "experimental",
-  "replacement": "4px"
-}, {
-  "path": "spacing.ecl.element.6",
-  "state": "experimental",
-  "replacement": "6px"
-}, {
-  "path": "spacing.ecl.element.8",
-  "state": "experimental",
-  "replacement": "8px"
-}, {
-  "path": "spacing.ecl.layout.32",
-  "state": "experimental",
-  "replacement": "32px"
-}, {
-  "path": "spacing.ecl.layout.40",
-  "state": "experimental",
-  "replacement": "40px"
-}, {
-  "path": "spacing.ecl.layout.64",
-  "state": "experimental",
-  "replacement": "64px"
-}, {
-  "path": "spacing.ccc.component.2",
-  "state": "experimental",
-  "replacement": "2px"
-}, {
-  "path": "spacing.ccc.component.4",
-  "state": "experimental",
-  "replacement": "4px"
-}, {
-  "path": "spacing.ccc.component.6",
-  "state": "experimental",
-  "replacement": "6px"
-}, {
-  "path": "spacing.ccc.component.8",
-  "state": "experimental",
-  "replacement": "8px"
-}, {
-  "path": "spacing.ccc.container.32",
-  "state": "experimental",
-  "replacement": "32px"
-}, {
-  "path": "spacing.ccc.container.40",
-  "state": "experimental",
-  "replacement": "40px"
-}, {
-  "path": "spacing.ccc.container.48",
-  "state": "experimental",
-  "replacement": "48px"
-}, {
-  "path": "spacing.ccc.content.12",
-  "state": "experimental",
-  "replacement": "12px"
-}, {
-  "path": "spacing.ccc.content.16",
-  "state": "experimental",
-  "replacement": "16px"
-}, {
-  "path": "spacing.ccc.content.20",
-  "state": "experimental",
-  "replacement": "20px"
-}, {
-  "path": "spacing.ccc.content.24",
-  "state": "experimental",
-  "replacement": "24px"
-}];
+
+var replacementMapper = [];
 var _default = replacementMapper;
 exports.default = _default;

package/dist/cjs/artifacts/theme-import-map.js

@@ -0,0 +1,56 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || (0, _typeof2.default)(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * This file contains a dynamic import for each theme this package exports.
+ * Themes are loaded asynchronously at runtime to minimise the amount of CSS we send to the client.
+ * This allows users to compose their themes and only use the tokens that are requested.
+ * When a new theme is created, the import should automatically be added to the map
+ *
+ * @codegen <<SignedSource::dca5807b567cf95fcec4906be228f65f>>
+ * @codegenCommand yarn build tokens
+ */
+
+var themeImportsMap = {
+  'light': function light() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('./themes/atlassian-light'));
+    });
+  },
+  'dark': function dark() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('./themes/atlassian-dark'));
+    });
+  },
+  'legacy-light': function legacyLight() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('./themes/atlassian-legacy-light'));
+    });
+  },
+  'legacy-dark': function legacyDark() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('./themes/atlassian-legacy-dark'));
+    });
+  },
+  'spacing': function spacing() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('./themes/atlassian-spacing'));
+    });
+  },
+  'typography': function typography() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('./themes/atlassian-typography'));
+    });
+  }
+};
+var _default = themeImportsMap;
+exports.default = _default;