@atlaskit/tokens 1.1.0 → 1.2.1

package/dist/esm/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
  */
 var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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/esm/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
  */
 
@@ -34,6 +34,10 @@ var themeImportsMap = {
   'typography': function typography() {
     return import( /* webpackChunkName: "@atlaskit-internal_atlassian-typography" */
     './themes/atlassian-typography');
+  },
+  'shape': function shape() {
+    return import( /* webpackChunkName: "@atlaskit-internal_atlassian-shape" */
+    './themes/atlassian-shape');
   }
 };
 export default themeImportsMap;

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

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

package/dist/esm/artifacts/token-default-values.js

@@ -4,10 +4,18 @@
  * Token names mapped to their value in the default Atlassian themes ('light').
  * These default values are used by the Babel plugin to optionally provide automatic fallbacks.
  *
- * @codegen <<SignedSource::1481aae8495313f724d4e6c09ccaac8d>>
+ * @codegen <<SignedSource::f5109afc580f9e67007907726883450e>>
  * @codegenCommand yarn build tokens
  */
 var defaultTokenValues = {
+  'border.radius.050': '0.125rem',
+  'border.radius.100': '0.25rem',
+  'border.radius.200': '0.5rem',
+  'border.radius.300': '0.75rem',
+  'border.radius.400': '1rem',
+  'border.radius.round': '50%',
+  'border.width.050': '0.0625rem',
+  'border.width.100': '0.125rem',
   'color.text': '#172B4D',
   'color.text.accent.red': '#AE2A19',
   'color.text.accent.red.bolder': '#601E16',

package/dist/esm/artifacts/token-names.js

@@ -1,9 +1,17 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::7d8f37c15df01017e141b2e709521993>>
+ * @codegen <<SignedSource::0d28771b28a7bf28109534471c1383d4>>
  * @codegenCommand yarn build tokens
  */
 var tokens = {
+  'border.radius.050': '--ds-radius-050',
+  'border.radius.100': '--ds-radius-100',
+  'border.radius.200': '--ds-radius-200',
+  'border.radius.300': '--ds-radius-300',
+  'border.radius.400': '--ds-radius-400',
+  'border.radius.round': '--ds-radius-round',
+  'border.width.050': '--ds-width-050',
+  'border.width.100': '--ds-width-100',
   'color.text': '--ds-text',
   'color.text.accent.red': '--ds-text-accent-red',
   'color.text.accent.red.bolder': '--ds-text-accent-red-bolder',

package/dist/esm/artifacts/tokens-raw/atlassian-shape.js

@@ -0,0 +1,183 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::c9a10991e5bb0b7dbbb35a5f644bceb0>>
+ * @codegenCommand yarn build tokens
+ */
+var tokens = [{
+  "attributes": {
+    "group": "shape",
+    "state": "experimental",
+    "introduced": "1.1.0",
+    "description": "Experimental, description needs to be amended"
+  },
+  "value": "0.125rem",
+  "filePath": "src/tokens/atlassian-shape/shape.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "shape",
+      "state": "experimental",
+      "introduced": "1.1.0",
+      "description": "Experimental, description needs to be amended"
+    },
+    "value": "Radius050"
+  },
+  "name": "border.radius.050",
+  "path": ["border", "radius", "050"],
+  "cleanName": "border.radius.050"
+}, {
+  "attributes": {
+    "group": "shape",
+    "state": "experimental",
+    "introduced": "1.1.0",
+    "description": "Experimental, description needs to be amended"
+  },
+  "value": "0.25rem",
+  "filePath": "src/tokens/atlassian-shape/shape.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "shape",
+      "state": "experimental",
+      "introduced": "1.1.0",
+      "description": "Experimental, description needs to be amended"
+    },
+    "value": "Radius100"
+  },
+  "name": "border.radius.100",
+  "path": ["border", "radius", "100"],
+  "cleanName": "border.radius.100"
+}, {
+  "attributes": {
+    "group": "shape",
+    "state": "experimental",
+    "introduced": "1.1.0",
+    "description": "Experimental, description needs to be amended"
+  },
+  "value": "0.5rem",
+  "filePath": "src/tokens/atlassian-shape/shape.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "shape",
+      "state": "experimental",
+      "introduced": "1.1.0",
+      "description": "Experimental, description needs to be amended"
+    },
+    "value": "Radius200"
+  },
+  "name": "border.radius.200",
+  "path": ["border", "radius", "200"],
+  "cleanName": "border.radius.200"
+}, {
+  "attributes": {
+    "group": "shape",
+    "state": "experimental",
+    "introduced": "1.1.0",
+    "description": "Experimental, description needs to be amended"
+  },
+  "value": "0.75rem",
+  "filePath": "src/tokens/atlassian-shape/shape.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "shape",
+      "state": "experimental",
+      "introduced": "1.1.0",
+      "description": "Experimental, description needs to be amended"
+    },
+    "value": "Radius300"
+  },
+  "name": "border.radius.300",
+  "path": ["border", "radius", "300"],
+  "cleanName": "border.radius.300"
+}, {
+  "attributes": {
+    "group": "shape",
+    "state": "experimental",
+    "introduced": "1.1.0",
+    "description": "Experimental, description needs to be amended"
+  },
+  "value": "1rem",
+  "filePath": "src/tokens/atlassian-shape/shape.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "shape",
+      "state": "experimental",
+      "introduced": "1.1.0",
+      "description": "Experimental, description needs to be amended"
+    },
+    "value": "Radius400"
+  },
+  "name": "border.radius.400",
+  "path": ["border", "radius", "400"],
+  "cleanName": "border.radius.400"
+}, {
+  "attributes": {
+    "group": "shape",
+    "state": "experimental",
+    "introduced": "1.1.0",
+    "description": "Experimental, description needs to be amended"
+  },
+  "value": "50%",
+  "filePath": "src/tokens/atlassian-shape/shape.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "shape",
+      "state": "experimental",
+      "introduced": "1.1.0",
+      "description": "Experimental, description needs to be amended"
+    },
+    "value": "RadiusCircle"
+  },
+  "name": "border.radius.round",
+  "path": ["border", "radius", "round"],
+  "cleanName": "border.radius.round"
+}, {
+  "attributes": {
+    "group": "shape",
+    "state": "experimental",
+    "introduced": "1.1.0",
+    "description": "Experimental, description needs to be amended"
+  },
+  "value": "0.0625rem",
+  "filePath": "src/tokens/atlassian-shape/shape.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "shape",
+      "state": "experimental",
+      "introduced": "1.1.0",
+      "description": "Experimental, description needs to be amended"
+    },
+    "value": "Size050"
+  },
+  "name": "border.width.050",
+  "path": ["border", "width", "050"],
+  "cleanName": "border.width.050"
+}, {
+  "attributes": {
+    "group": "shape",
+    "state": "experimental",
+    "introduced": "1.1.0",
+    "description": "Experimental, description needs to be amended"
+  },
+  "value": "0.125rem",
+  "filePath": "src/tokens/atlassian-shape/shape.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "shape",
+      "state": "experimental",
+      "introduced": "1.1.0",
+      "description": "Experimental, description needs to be amended"
+    },
+    "value": "Size100"
+  },
+  "name": "border.width.100",
+  "path": ["border", "width", "100"],
+  "cleanName": "border.width.100"
+}];
+export default tokens;

package/dist/esm/entry-points/tokens-raw.js

@@ -1,4 +1,5 @@
 export { default as light } from '../artifacts/tokens-raw/atlassian-light';
 export { default as dark } from '../artifacts/tokens-raw/atlassian-dark';
 export { default as spacing } from '../artifacts/tokens-raw/atlassian-spacing';
-export { default as typography } from '../artifacts/tokens-raw/atlassian-typography';
+export { default as typography } from '../artifacts/tokens-raw/atlassian-typography';
+export { default as shape } from '../artifacts/tokens-raw/atlassian-shape';

package/dist/esm/get-token-value.js

@@ -1,7 +1,7 @@
 import warnOnce from '@atlaskit/ds-lib/warn-once';
 import tokens from './artifacts/token-names';
 var name = "@atlaskit/tokens";
-var version = "1.1.0";
+var version = "1.2.1";
 /**
  * Takes a dot-separated token name and and an optional fallback, and returns the current computed CSS value for the
  * resulting CSS Custom Property.

package/dist/esm/get-token.js

@@ -2,7 +2,7 @@ import warnOnce from '@atlaskit/ds-lib/warn-once';
 import tokens from './artifacts/token-names';
 import { TOKEN_NOT_FOUND_CSS_VAR } from './constants';
 var name = "@atlaskit/tokens";
-var version = "1.1.0";
+var version = "1.2.1";
 /**
  * Takes a dot-separated token name and an optional fallback, and returns the CSS custom property for the corresponding token.
  * This should be used to implement design decisions throughout your application.

package/dist/esm/palettes/shape-palette.js

@@ -0,0 +1,63 @@
+/**
+ * Types are inferred from the base tokens below
+ */
+
+var baseSizeTokens = {
+  Size050: {
+    value: '0.0625rem',
+    attributes: {
+      group: 'shape'
+    }
+  },
+  Size100: {
+    value: '0.125rem',
+    attributes: {
+      group: 'shape'
+    }
+  }
+};
+var baseRadiusTokens = {
+  Radius050: {
+    value: '0.125rem',
+    attributes: {
+      group: 'shape'
+    }
+  },
+  Radius100: {
+    value: '0.25rem',
+    attributes: {
+      group: 'shape'
+    }
+  },
+  Radius200: {
+    value: '0.5rem',
+    attributes: {
+      group: 'shape'
+    }
+  },
+  Radius300: {
+    value: '0.75rem',
+    attributes: {
+      group: 'shape'
+    }
+  },
+  Radius400: {
+    value: '1rem',
+    attributes: {
+      group: 'shape'
+    }
+  },
+  RadiusCircle: {
+    value: '50%',
+    attributes: {
+      group: 'shape'
+    }
+  }
+};
+var shapePalette = {
+  border: {
+    radius: baseRadiusTokens,
+    width: baseSizeTokens
+  }
+};
+export default shapePalette;