@atlaskit/tokens 0.13.5 → 1.1.0

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

@@ -12,616 +12,9 @@
  * 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
  */
-const 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"
-}];
+
+const replacementMapper = [];
 export default replacementMapper;

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

@@ -0,0 +1,27 @@
+/**
+ * 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
+ */
+
+const themeImportsMap = {
+  'light': () => import( /* webpackChunkName: "@atlaskit-internal_atlassian-light" */
+  './themes/atlassian-light'),
+  'dark': () => import( /* webpackChunkName: "@atlaskit-internal_atlassian-dark" */
+  './themes/atlassian-dark'),
+  'legacy-light': () => import( /* webpackChunkName: "@atlaskit-internal_atlassian-legacy-light" */
+  './themes/atlassian-legacy-light'),
+  'legacy-dark': () => import( /* webpackChunkName: "@atlaskit-internal_atlassian-legacy-dark" */
+  './themes/atlassian-legacy-dark'),
+  'spacing': () => import( /* webpackChunkName: "@atlaskit-internal_atlassian-spacing" */
+  './themes/atlassian-spacing'),
+  'typography': () => import( /* webpackChunkName: "@atlaskit-internal_atlassian-typography" */
+  './themes/atlassian-typography')
+};
+export default themeImportsMap;