@atlaskit/tokens 1.1.0 → 1.2.1

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

@@ -6,20 +6,20 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 /**
  * 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",
@@ -27,14 +27,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",
@@ -42,14 +42,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",
@@ -57,14 +57,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",
@@ -72,14 +72,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",
@@ -87,14 +87,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",
@@ -102,14 +102,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",
@@ -117,14 +117,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",
@@ -132,14 +132,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",
@@ -147,14 +147,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",
@@ -162,14 +162,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",
@@ -177,14 +177,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",
@@ -192,14 +192,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",
@@ -207,14 +207,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",
@@ -222,14 +222,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",
@@ -237,14 +237,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",
@@ -252,14 +252,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",
@@ -267,14 +267,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",
@@ -282,14 +282,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",
@@ -297,14 +297,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/cjs/artifacts/theme-import-map.js

@@ -16,7 +16,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  * 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
  */
 
@@ -50,6 +50,11 @@ var themeImportsMap = {
     return Promise.resolve().then(function () {
       return _interopRequireWildcard(require('./themes/atlassian-typography'));
     });
+  },
+  'shape': function shape() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('./themes/atlassian-shape'));
+    });
   }
 };
 var _default = themeImportsMap;

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

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::309f92a792656831b0e137b75ca1156f>>
+ * @codegenCommand yarn build tokens
+ */
+var _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";
+exports.default = _default;

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

@@ -10,10 +10,18 @@ exports.default = void 0;
  * 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/cjs/artifacts/token-names.js

@@ -6,10 +6,18 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 /**
  * 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/cjs/artifacts/tokens-raw/atlassian-shape.js

@@ -0,0 +1,190 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+/**
+ * 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"
+}];
+var _default = tokens;
+exports.default = _default;

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

@@ -16,6 +16,12 @@ Object.defineProperty(exports, "light", {
     return _atlassianLight.default;
   }
 });
+Object.defineProperty(exports, "shape", {
+  enumerable: true,
+  get: function get() {
+    return _atlassianShape.default;
+  }
+});
 Object.defineProperty(exports, "spacing", {
   enumerable: true,
   get: function get() {
@@ -31,4 +37,5 @@ Object.defineProperty(exports, "typography", {
 var _atlassianLight = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-light"));
 var _atlassianDark = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-dark"));
 var _atlassianSpacing = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-spacing"));
-var _atlassianTypography = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-typography"));
+var _atlassianTypography = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-typography"));
+var _atlassianShape = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-shape"));

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

@@ -8,7 +8,7 @@ exports.default = void 0;
 var _warnOnce = _interopRequireDefault(require("@atlaskit/ds-lib/warn-once"));
 var _tokenNames = _interopRequireDefault(require("./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/cjs/get-token.js

@@ -9,7 +9,7 @@ var _warnOnce = _interopRequireDefault(require("@atlaskit/ds-lib/warn-once"));
 var _tokenNames = _interopRequireDefault(require("./artifacts/token-names"));
 var _constants = require("./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.