@atlaskit/tokens 1.0.0 → 1.2.0

package/dist/es2019/artifacts/palettes-raw/typography-palette.js

@@ -1,19 +1,19 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::04c90c279da3841c8c8952b13bddb31b>>
+ * @codegen <<SignedSource::15f0ab59b776fd0726847c173399dd26>>
  * @codegenCommand yarn build tokens
  */
 const tokens = [{
   "value": "\"SFMono-Medium\", \"SF Mono\", \"Segoe UI Mono\", \"Roboto Mono\", \"Ubuntu Mono\", Menlo, Consolas, Courier, monospace",
   "attributes": {
-    "group": "scale"
+    "group": "typography"
   },
   "filePath": "src/palettes/typography-palette.tsx",
   "isSource": true,
   "original": {
     "value": "\"SFMono-Medium\", \"SF Mono\", \"Segoe UI Mono\", \"Roboto Mono\", \"Ubuntu Mono\", Menlo, Consolas, Courier, monospace",
     "attributes": {
-      "group": "scale"
+      "group": "typography"
     }
   },
   "name": "typography.fontFamily.FontFamilyMonospace",
@@ -21,14 +21,14 @@ const tokens = [{
 }, {
   "value": "-apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif",
   "attributes": {
-    "group": "scale"
+    "group": "typography"
   },
   "filePath": "src/palettes/typography-palette.tsx",
   "isSource": true,
   "original": {
     "value": "-apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif",
     "attributes": {
-      "group": "scale"
+      "group": "typography"
     }
   },
   "name": "typography.fontFamily.FontFamilySans",
@@ -36,14 +36,14 @@ const tokens = [{
 }, {
   "value": "11px",
   "attributes": {
-    "group": "scale"
+    "group": "typography"
   },
   "filePath": "src/palettes/typography-palette.tsx",
   "isSource": true,
   "original": {
     "value": "11px",
     "attributes": {
-      "group": "scale"
+      "group": "typography"
     }
   },
   "name": "typography.fontSize.FontSize050",
@@ -51,14 +51,14 @@ const tokens = [{
 }, {
   "value": "12px",
   "attributes": {
-    "group": "scale"
+    "group": "typography"
   },
   "filePath": "src/palettes/typography-palette.tsx",
   "isSource": true,
   "original": {
     "value": "12px",
     "attributes": {
-      "group": "scale"
+      "group": "typography"
     }
   },
   "name": "typography.fontSize.FontSize075",
@@ -66,14 +66,14 @@ const tokens = [{
 }, {
   "value": "14px",
   "attributes": {
-    "group": "scale"
+    "group": "typography"
   },
   "filePath": "src/palettes/typography-palette.tsx",
   "isSource": true,
   "original": {
     "value": "14px",
     "attributes": {
-      "group": "scale"
+      "group": "typography"
     }
   },
   "name": "typography.fontSize.FontSize100",
@@ -81,14 +81,14 @@ const tokens = [{
 }, {
   "value": "16px",
   "attributes": {
-    "group": "scale"
+    "group": "typography"
   },
   "filePath": "src/palettes/typography-palette.tsx",
   "isSource": true,
   "original": {
     "value": "16px",
     "attributes": {
-      "group": "scale"
+      "group": "typography"
     }
   },
   "name": "typography.fontSize.FontSize200",
@@ -96,14 +96,14 @@ const tokens = [{
 }, {
   "value": "20px",
   "attributes": {
-    "group": "scale"
+    "group": "typography"
   },
   "filePath": "src/palettes/typography-palette.tsx",
   "isSource": true,
   "original": {
     "value": "20px",
     "attributes": {
-      "group": "scale"
+      "group": "typography"
     }
   },
   "name": "typography.fontSize.FontSize300",
@@ -111,14 +111,14 @@ const tokens = [{
 }, {
   "value": "24px",
   "attributes": {
-    "group": "scale"
+    "group": "typography"
   },
   "filePath": "src/palettes/typography-palette.tsx",
   "isSource": true,
   "original": {
     "value": "24px",
     "attributes": {
-      "group": "scale"
+      "group": "typography"
     }
   },
   "name": "typography.fontSize.FontSize400",
@@ -126,14 +126,14 @@ const tokens = [{
 }, {
   "value": "29px",
   "attributes": {
-    "group": "scale"
+    "group": "typography"
   },
   "filePath": "src/palettes/typography-palette.tsx",
   "isSource": true,
   "original": {
     "value": "29px",
     "attributes": {
-      "group": "scale"
+      "group": "typography"
     }
   },
   "name": "typography.fontSize.FontSize500",
@@ -141,14 +141,14 @@ const tokens = [{
 }, {
   "value": "35px",
   "attributes": {
-    "group": "scale"
+    "group": "typography"
   },
   "filePath": "src/palettes/typography-palette.tsx",
   "isSource": true,
   "original": {
     "value": "35px",
     "attributes": {
-      "group": "scale"
+      "group": "typography"
     }
   },
   "name": "typography.fontSize.FontSize600",
@@ -156,14 +156,14 @@ const tokens = [{
 }, {
   "value": "700",
   "attributes": {
-    "group": "scale"
+    "group": "typography"
   },
   "filePath": "src/palettes/typography-palette.tsx",
   "isSource": true,
   "original": {
     "value": "700",
     "attributes": {
-      "group": "scale"
+      "group": "typography"
     }
   },
   "name": "typography.fontWeight.FontWeightBold",
@@ -171,14 +171,14 @@ const tokens = [{
 }, {
   "value": "500",
   "attributes": {
-    "group": "scale"
+    "group": "typography"
   },
   "filePath": "src/palettes/typography-palette.tsx",
   "isSource": true,
   "original": {
     "value": "500",
     "attributes": {
-      "group": "scale"
+      "group": "typography"
     }
   },
   "name": "typography.fontWeight.FontWeightMedium",
@@ -186,14 +186,14 @@ const tokens = [{
 }, {
   "value": "400",
   "attributes": {
-    "group": "scale"
+    "group": "typography"
   },
   "filePath": "src/palettes/typography-palette.tsx",
   "isSource": true,
   "original": {
     "value": "400",
     "attributes": {
-      "group": "scale"
+      "group": "typography"
     }
   },
   "name": "typography.fontWeight.FontWeightRegular",
@@ -201,14 +201,14 @@ const tokens = [{
 }, {
   "value": "600",
   "attributes": {
-    "group": "scale"
+    "group": "typography"
   },
   "filePath": "src/palettes/typography-palette.tsx",
   "isSource": true,
   "original": {
     "value": "600",
     "attributes": {
-      "group": "scale"
+      "group": "typography"
     }
   },
   "name": "typography.fontWeight.FontWeightSemiBold",
@@ -216,14 +216,14 @@ const tokens = [{
 }, {
   "value": "16px",
   "attributes": {
-    "group": "scale"
+    "group": "typography"
   },
   "filePath": "src/palettes/typography-palette.tsx",
   "isSource": true,
   "original": {
     "value": "16px",
     "attributes": {
-      "group": "scale"
+      "group": "typography"
     }
   },
   "name": "typography.lineHeight.LineHeight100",
@@ -231,14 +231,14 @@ const tokens = [{
 }, {
   "value": "20px",
   "attributes": {
-    "group": "scale"
+    "group": "typography"
   },
   "filePath": "src/palettes/typography-palette.tsx",
   "isSource": true,
   "original": {
     "value": "20px",
     "attributes": {
-      "group": "scale"
+      "group": "typography"
     }
   },
   "name": "typography.lineHeight.LineHeight200",
@@ -246,14 +246,14 @@ const tokens = [{
 }, {
   "value": "24px",
   "attributes": {
-    "group": "scale"
+    "group": "typography"
   },
   "filePath": "src/palettes/typography-palette.tsx",
   "isSource": true,
   "original": {
     "value": "24px",
     "attributes": {
-      "group": "scale"
+      "group": "typography"
     }
   },
   "name": "typography.lineHeight.LineHeight300",
@@ -261,14 +261,14 @@ const tokens = [{
 }, {
   "value": "28px",
   "attributes": {
-    "group": "scale"
+    "group": "typography"
   },
   "filePath": "src/palettes/typography-palette.tsx",
   "isSource": true,
   "original": {
     "value": "28px",
     "attributes": {
-      "group": "scale"
+      "group": "typography"
     }
   },
   "name": "typography.lineHeight.LineHeight400",
@@ -276,14 +276,14 @@ const tokens = [{
 }, {
   "value": "32px",
   "attributes": {
-    "group": "scale"
+    "group": "typography"
   },
   "filePath": "src/palettes/typography-palette.tsx",
   "isSource": true,
   "original": {
     "value": "32px",
     "attributes": {
-      "group": "scale"
+      "group": "typography"
     }
   },
   "name": "typography.lineHeight.LineHeight500",
@@ -291,14 +291,14 @@ const tokens = [{
 }, {
   "value": "40px",
   "attributes": {
-    "group": "scale"
+    "group": "typography"
   },
   "filePath": "src/palettes/typography-palette.tsx",
   "isSource": true,
   "original": {
     "value": "40px",
     "attributes": {
-      "group": "scale"
+      "group": "typography"
     }
   },
   "name": "typography.lineHeight.LineHeight600",

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

@@ -12,217 +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::6b49e32a168095446e0fc8a0f9b4ca39>>
+ * @codegen <<SignedSource::424b7eccf34d7d646da64d4755658ae1>>
  * @codegenCommand yarn build tokens
  */
 
-const replacementMapper = [{
-  "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

@@ -6,7 +6,7 @@
  * 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>>
+ * @codegen <<SignedSource::ce4463df8e613cb4c4a8b24907ce95ae>>
  * @codegenCommand yarn build tokens
  */
 
@@ -22,6 +22,8 @@ const themeImportsMap = {
   'spacing': () => import( /* webpackChunkName: "@atlaskit-internal_atlassian-spacing" */
   './themes/atlassian-spacing'),
   'typography': () => import( /* webpackChunkName: "@atlaskit-internal_atlassian-typography" */
-  './themes/atlassian-typography')
+  './themes/atlassian-typography'),
+  'shape': () => import( /* webpackChunkName: "@atlaskit-internal_atlassian-shape" */
+  './themes/atlassian-shape')
 };
 export default themeImportsMap;

package/dist/es2019/artifacts/themes/atlassian-shape.js

@@ -0,0 +1,17 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::309f92a792656831b0e137b75ca1156f>>
+ * @codegenCommand yarn build tokens
+ */
+export default `
+html[data-theme~="shape:shape"] {
+  --ds-radius-050: 0.125rem;
+  --ds-radius-100: 0.25rem;
+  --ds-radius-200: 0.5rem;
+  --ds-radius-300: 0.75rem;
+  --ds-radius-400: 1rem;
+  --ds-radius-round: 50%;
+  --ds-width-050: 0.0625rem;
+  --ds-width-100: 0.125rem;
+}
+`;

package/dist/es2019/artifacts/themes/atlassian-spacing.js

@@ -1,76 +1,10 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::ed28b9b768bb331ea1aeff3cb426b59b>>
+ * @codegen <<SignedSource::6a9bb91811dc597f0d705bbed643a7fc>>
  * @codegenCommand yarn build tokens
  */
 export default `
 html[data-theme~="spacing:spacing"] {
-  --ds-scale-0: 0;
-  --ds-scale-025: 0.125rem;
-  --ds-scale-050: 0.25rem;
-  --ds-scale-075: 0.375rem;
-  --ds-scale-100: 0.5rem;
-  --ds-scale-150: 0.75rem;
-  --ds-scale-200: 1rem;
-  --ds-scale-250: 1.25rem;
-  --ds-scale-300: 1.5rem;
-  --ds-scale-400: 2rem;
-  --ds-scale-500: 2.5rem;
-  --ds-scale-600: 3rem;
-  --ds-scale-800: 4rem;
-  --ds-scale-1000: 5rem;
-  --ds-scaleLinear-0: 0;
-  --ds-scaleLinear-100: 0.125rem;
-  --ds-scaleLinear-200: 0.25rem;
-  --ds-scaleLinear-300: 0.375rem;
-  --ds-scaleLinear-400: 0.5rem;
-  --ds-scaleLinear-500: 0.75rem;
-  --ds-scaleLinear-600: 1rem;
-  --ds-scaleLinear-700: 1.25rem;
-  --ds-scaleLinear-800: 1.5rem;
-  --ds-scaleLinear-900: 2rem;
-  --ds-scaleLinear-1000: 2.5rem;
-  --ds-scaleLinear-1100: 3rem;
-  --ds-size-none: 0;
-  --ds-size-xxxxSmall: 0.125rem;
-  --ds-size-xxxSmall: 0.25rem;
-  --ds-size-xxSmall: 0.375rem;
-  --ds-size-xsmall: 0.5rem;
-  --ds-size-small: 0.75rem;
-  --ds-size-medium: 1rem;
-  --ds-size-large: 1.25rem;
-  --ds-size-xlarge: 1.5rem;
-  --ds-size-xxlarge: 2rem;
-  --ds-size-xxxlarge: 2.5rem;
-  --ds-size-xxxxlarge: 3rem;
-  --ds-gap-100: 0.5rem;
-  --ds-gap-200: 1rem;
-  --ds-gap-300: 1.5rem;
-  --ds-inset-100: 0.5rem;
-  --ds-inset-200: 1rem;
-  --ds-inset-300: 1.5rem;
-  --ds-ecl-container-12: 0.75rem;
-  --ds-ecl-container-16: 1rem;
-  --ds-ecl-container-20: 1.25rem;
-  --ds-ecl-container-24: 1.5rem;
-  --ds-ecl-element-2: 0.125rem;
-  --ds-ecl-element-4: 0.25rem;
-  --ds-ecl-element-6: 0.375rem;
-  --ds-ecl-element-8: 0.5rem;
-  --ds-ecl-layout-32: 2rem;
-  --ds-ecl-layout-40: 2.5rem;
-  --ds-ecl-layout-64: 3rem;
-  --ds-ccc-component-2: 0.125rem;
-  --ds-ccc-component-4: 0.25rem;
-  --ds-ccc-component-6: 0.375rem;
-  --ds-ccc-component-8: 0.5rem;
-  --ds-ccc-container-32: 2rem;
-  --ds-ccc-container-40: 2.5rem;
-  --ds-ccc-container-48: 3rem;
-  --ds-ccc-content-12: 0.75rem;
-  --ds-ccc-content-16: 1rem;
-  --ds-ccc-content-20: 1.25rem;
-  --ds-ccc-content-24: 1.5rem;
   --ds-space-0: 0;
   --ds-space-025: 0.125rem;
   --ds-space-050: 0.25rem;