@atlaskit/tokens 1.1.0 → 1.2.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/tokens
 
+## 1.2.0
+
+### Minor Changes
+
+- [`64d30817221`](https://bitbucket.org/atlassian/atlassian-frontend/commits/64d30817221) - Introduce experimental 'shape' tokens for use with border properties.
+
 ## 1.1.0
 
 ### Minor Changes
@@ -73,7 +79,7 @@
 
   **ThemeState configuration object**
 
-  `setGlobalTheme`, `ThemeObserver` & `useThemeObserver` now input and output theme preferences as a `themeState` object rather than a space-separated string. This enables:
+  `setGlobalTheme`, `ThemeMutationObserver` & `useThemeObserver` now input and output theme preferences as a `themeState` object rather than a space-separated string. This enables:
 
   - Stronger type safety
 
@@ -188,7 +194,7 @@
 
   **Observer fixes:**
 
-  `useThemeObserver` & `ThemeObserver` now listen to changes on data-theme instead of data-color-mode.
+  `useThemeObserver` & `ThemeMutationObserver` now listen to changes on data-theme instead of data-color-mode.
 
   Previously changes between two themes that both have a light color mode would not trigger an event since `data-color-mode` would not be updated. With this fix, the event fires on every call to `setGlobalTheme` regardless if there is a change to the theme or not.
 

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

@@ -0,0 +1,134 @@
+"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::f260aa650535ab5be564f74e1ff1a157>>
+ * @codegenCommand yarn build tokens
+ */
+var tokens = [{
+  "value": "0.125rem",
+  "attributes": {
+    "group": "shape"
+  },
+  "filePath": "src/palettes/shape-palette.tsx",
+  "isSource": true,
+  "original": {
+    "value": "0.125rem",
+    "attributes": {
+      "group": "shape"
+    }
+  },
+  "name": "border.radius.Radius050",
+  "path": ["border", "radius", "Radius050"]
+}, {
+  "value": "0.25rem",
+  "attributes": {
+    "group": "shape"
+  },
+  "filePath": "src/palettes/shape-palette.tsx",
+  "isSource": true,
+  "original": {
+    "value": "0.25rem",
+    "attributes": {
+      "group": "shape"
+    }
+  },
+  "name": "border.radius.Radius100",
+  "path": ["border", "radius", "Radius100"]
+}, {
+  "value": "0.5rem",
+  "attributes": {
+    "group": "shape"
+  },
+  "filePath": "src/palettes/shape-palette.tsx",
+  "isSource": true,
+  "original": {
+    "value": "0.5rem",
+    "attributes": {
+      "group": "shape"
+    }
+  },
+  "name": "border.radius.Radius200",
+  "path": ["border", "radius", "Radius200"]
+}, {
+  "value": "0.75rem",
+  "attributes": {
+    "group": "shape"
+  },
+  "filePath": "src/palettes/shape-palette.tsx",
+  "isSource": true,
+  "original": {
+    "value": "0.75rem",
+    "attributes": {
+      "group": "shape"
+    }
+  },
+  "name": "border.radius.Radius300",
+  "path": ["border", "radius", "Radius300"]
+}, {
+  "value": "1rem",
+  "attributes": {
+    "group": "shape"
+  },
+  "filePath": "src/palettes/shape-palette.tsx",
+  "isSource": true,
+  "original": {
+    "value": "1rem",
+    "attributes": {
+      "group": "shape"
+    }
+  },
+  "name": "border.radius.Radius400",
+  "path": ["border", "radius", "Radius400"]
+}, {
+  "value": "50%",
+  "attributes": {
+    "group": "shape"
+  },
+  "filePath": "src/palettes/shape-palette.tsx",
+  "isSource": true,
+  "original": {
+    "value": "50%",
+    "attributes": {
+      "group": "shape"
+    }
+  },
+  "name": "border.radius.RadiusCircle",
+  "path": ["border", "radius", "RadiusCircle"]
+}, {
+  "value": "0.0625rem",
+  "attributes": {
+    "group": "shape"
+  },
+  "filePath": "src/palettes/shape-palette.tsx",
+  "isSource": true,
+  "original": {
+    "value": "0.0625rem",
+    "attributes": {
+      "group": "shape"
+    }
+  },
+  "name": "border.width.Size050",
+  "path": ["border", "width", "Size050"]
+}, {
+  "value": "0.125rem",
+  "attributes": {
+    "group": "shape"
+  },
+  "filePath": "src/palettes/shape-palette.tsx",
+  "isSource": true,
+  "original": {
+    "value": "0.125rem",
+    "attributes": {
+      "group": "shape"
+    }
+  },
+  "name": "border.width.Size100",
+  "path": ["border", "width", "Size100"]
+}];
+var _default = tokens;
+exports.default = _default;

package/dist/cjs/artifacts/palettes-raw/spacing-scale.js

@@ -6,234 +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::496467b0392d344d04df137d9d8edf4c>>
+ * @codegen <<SignedSource::1599e85262f34ecc7fbda0662bc858cb>>
  * @codegenCommand yarn build tokens
  */
 var tokens = [{
   "value": "0",
   "attributes": {
-    "group": "scale"
+    "group": "spacing"
   },
   "filePath": "src/palettes/spacing-scale.tsx",
   "isSource": true,
   "original": {
     "value": "0",
     "attributes": {
-      "group": "scale"
-    }
-  },
-  "name": "spacing.scale.Space0",
-  "path": ["spacing", "scale", "Space0"]
-}, {
-  "value": "0.125rem",
-  "attributes": {
-    "group": "scale"
-  },
-  "filePath": "src/palettes/spacing-scale.tsx",
-  "isSource": true,
-  "original": {
-    "value": "0.125rem",
-    "attributes": {
-      "group": "scale"
-    }
-  },
-  "name": "spacing.scale.Space025",
-  "path": ["spacing", "scale", "Space025"]
-}, {
-  "value": "0.25rem",
-  "attributes": {
-    "group": "scale"
-  },
-  "filePath": "src/palettes/spacing-scale.tsx",
-  "isSource": true,
-  "original": {
-    "value": "0.25rem",
-    "attributes": {
-      "group": "scale"
-    }
-  },
-  "name": "spacing.scale.Space050",
-  "path": ["spacing", "scale", "Space050"]
-}, {
-  "value": "0.375rem",
-  "attributes": {
-    "group": "scale"
-  },
-  "filePath": "src/palettes/spacing-scale.tsx",
-  "isSource": true,
-  "original": {
-    "value": "0.375rem",
-    "attributes": {
-      "group": "scale"
-    }
-  },
-  "name": "spacing.scale.Space075",
-  "path": ["spacing", "scale", "Space075"]
-}, {
-  "value": "0.5rem",
-  "attributes": {
-    "group": "scale"
-  },
-  "filePath": "src/palettes/spacing-scale.tsx",
-  "isSource": true,
-  "original": {
-    "value": "0.5rem",
-    "attributes": {
-      "group": "scale"
-    }
-  },
-  "name": "spacing.scale.Space100",
-  "path": ["spacing", "scale", "Space100"]
-}, {
-  "value": "5rem",
-  "attributes": {
-    "group": "scale"
-  },
-  "pixelValue": "80px",
-  "filePath": "src/palettes/spacing-scale.tsx",
-  "isSource": true,
-  "original": {
-    "value": "5rem",
-    "attributes": {
-      "group": "scale"
-    },
-    "pixelValue": "80px"
-  },
-  "name": "spacing.scale.Space1000",
-  "path": ["spacing", "scale", "Space1000"]
-}, {
-  "value": "0.75rem",
-  "attributes": {
-    "group": "scale"
-  },
-  "filePath": "src/palettes/spacing-scale.tsx",
-  "isSource": true,
-  "original": {
-    "value": "0.75rem",
-    "attributes": {
-      "group": "scale"
-    }
-  },
-  "name": "spacing.scale.Space150",
-  "path": ["spacing", "scale", "Space150"]
-}, {
-  "value": "1rem",
-  "attributes": {
-    "group": "scale"
-  },
-  "filePath": "src/palettes/spacing-scale.tsx",
-  "isSource": true,
-  "original": {
-    "value": "1rem",
-    "attributes": {
-      "group": "scale"
-    }
-  },
-  "name": "spacing.scale.Space200",
-  "path": ["spacing", "scale", "Space200"]
-}, {
-  "value": "1.25rem",
-  "attributes": {
-    "group": "scale"
-  },
-  "filePath": "src/palettes/spacing-scale.tsx",
-  "isSource": true,
-  "original": {
-    "value": "1.25rem",
-    "attributes": {
-      "group": "scale"
-    }
-  },
-  "name": "spacing.scale.Space250",
-  "path": ["spacing", "scale", "Space250"]
-}, {
-  "value": "1.5rem",
-  "attributes": {
-    "group": "scale"
-  },
-  "filePath": "src/palettes/spacing-scale.tsx",
-  "isSource": true,
-  "original": {
-    "value": "1.5rem",
-    "attributes": {
-      "group": "scale"
-    }
-  },
-  "name": "spacing.scale.Space300",
-  "path": ["spacing", "scale", "Space300"]
-}, {
-  "value": "2rem",
-  "attributes": {
-    "group": "scale"
-  },
-  "filePath": "src/palettes/spacing-scale.tsx",
-  "isSource": true,
-  "original": {
-    "value": "2rem",
-    "attributes": {
-      "group": "scale"
-    }
-  },
-  "name": "spacing.scale.Space400",
-  "path": ["spacing", "scale", "Space400"]
-}, {
-  "value": "2.5rem",
-  "attributes": {
-    "group": "scale"
-  },
-  "filePath": "src/palettes/spacing-scale.tsx",
-  "isSource": true,
-  "original": {
-    "value": "2.5rem",
-    "attributes": {
-      "group": "scale"
-    }
-  },
-  "name": "spacing.scale.Space500",
-  "path": ["spacing", "scale", "Space500"]
-}, {
-  "value": "3rem",
-  "attributes": {
-    "group": "scale"
-  },
-  "filePath": "src/palettes/spacing-scale.tsx",
-  "isSource": true,
-  "original": {
-    "value": "3rem",
-    "attributes": {
-      "group": "scale"
-    }
-  },
-  "name": "spacing.scale.Space600",
-  "path": ["spacing", "scale", "Space600"]
-}, {
-  "value": "4rem",
-  "attributes": {
-    "group": "scale"
-  },
-  "pixelValue": "64px",
-  "filePath": "src/palettes/spacing-scale.tsx",
-  "isSource": true,
-  "original": {
-    "value": "4rem",
-    "attributes": {
-      "group": "scale"
-    },
-    "pixelValue": "64px"
-  },
-  "name": "spacing.scale.Space800",
-  "path": ["spacing", "scale", "Space800"]
-}, {
-  "value": "0",
-  "attributes": {
-    "group": "scale"
-  },
-  "filePath": "src/palettes/spacing-scale.tsx",
-  "isSource": true,
-  "original": {
-    "value": "0",
-    "attributes": {
-      "group": "scale"
+      "group": "spacing"
     }
   },
   "name": "space.Space0",
@@ -241,14 +27,14 @@ var tokens = [{
 }, {
   "value": "0.125rem",
   "attributes": {
-    "group": "scale"
+    "group": "spacing"
   },
   "filePath": "src/palettes/spacing-scale.tsx",
   "isSource": true,
   "original": {
     "value": "0.125rem",
     "attributes": {
-      "group": "scale"
+      "group": "spacing"
     }
   },
   "name": "space.Space025",
@@ -256,14 +42,14 @@ var tokens = [{
 }, {
   "value": "0.25rem",
   "attributes": {
-    "group": "scale"
+    "group": "spacing"
   },
   "filePath": "src/palettes/spacing-scale.tsx",
   "isSource": true,
   "original": {
     "value": "0.25rem",
     "attributes": {
-      "group": "scale"
+      "group": "spacing"
     }
   },
   "name": "space.Space050",
@@ -271,14 +57,14 @@ var tokens = [{
 }, {
   "value": "0.375rem",
   "attributes": {
-    "group": "scale"
+    "group": "spacing"
   },
   "filePath": "src/palettes/spacing-scale.tsx",
   "isSource": true,
   "original": {
     "value": "0.375rem",
     "attributes": {
-      "group": "scale"
+      "group": "spacing"
     }
   },
   "name": "space.Space075",
@@ -286,14 +72,14 @@ var tokens = [{
 }, {
   "value": "0.5rem",
   "attributes": {
-    "group": "scale"
+    "group": "spacing"
   },
   "filePath": "src/palettes/spacing-scale.tsx",
   "isSource": true,
   "original": {
     "value": "0.5rem",
     "attributes": {
-      "group": "scale"
+      "group": "spacing"
     }
   },
   "name": "space.Space100",
@@ -301,7 +87,7 @@ var tokens = [{
 }, {
   "value": "5rem",
   "attributes": {
-    "group": "scale"
+    "group": "spacing"
   },
   "pixelValue": "80px",
   "filePath": "src/palettes/spacing-scale.tsx",
@@ -309,7 +95,7 @@ var tokens = [{
   "original": {
     "value": "5rem",
     "attributes": {
-      "group": "scale"
+      "group": "spacing"
     },
     "pixelValue": "80px"
   },
@@ -318,14 +104,14 @@ var tokens = [{
 }, {
   "value": "0.75rem",
   "attributes": {
-    "group": "scale"
+    "group": "spacing"
   },
   "filePath": "src/palettes/spacing-scale.tsx",
   "isSource": true,
   "original": {
     "value": "0.75rem",
     "attributes": {
-      "group": "scale"
+      "group": "spacing"
     }
   },
   "name": "space.Space150",
@@ -333,14 +119,14 @@ var tokens = [{
 }, {
   "value": "1rem",
   "attributes": {
-    "group": "scale"
+    "group": "spacing"
   },
   "filePath": "src/palettes/spacing-scale.tsx",
   "isSource": true,
   "original": {
     "value": "1rem",
     "attributes": {
-      "group": "scale"
+      "group": "spacing"
     }
   },
   "name": "space.Space200",
@@ -348,14 +134,14 @@ var tokens = [{
 }, {
   "value": "1.25rem",
   "attributes": {
-    "group": "scale"
+    "group": "spacing"
   },
   "filePath": "src/palettes/spacing-scale.tsx",
   "isSource": true,
   "original": {
     "value": "1.25rem",
     "attributes": {
-      "group": "scale"
+      "group": "spacing"
     }
   },
   "name": "space.Space250",
@@ -363,14 +149,14 @@ var tokens = [{
 }, {
   "value": "1.5rem",
   "attributes": {
-    "group": "scale"
+    "group": "spacing"
   },
   "filePath": "src/palettes/spacing-scale.tsx",
   "isSource": true,
   "original": {
     "value": "1.5rem",
     "attributes": {
-      "group": "scale"
+      "group": "spacing"
     }
   },
   "name": "space.Space300",
@@ -378,14 +164,14 @@ var tokens = [{
 }, {
   "value": "2rem",
   "attributes": {
-    "group": "scale"
+    "group": "spacing"
   },
   "filePath": "src/palettes/spacing-scale.tsx",
   "isSource": true,
   "original": {
     "value": "2rem",
     "attributes": {
-      "group": "scale"
+      "group": "spacing"
     }
   },
   "name": "space.Space400",
@@ -393,14 +179,14 @@ var tokens = [{
 }, {
   "value": "2.5rem",
   "attributes": {
-    "group": "scale"
+    "group": "spacing"
   },
   "filePath": "src/palettes/spacing-scale.tsx",
   "isSource": true,
   "original": {
     "value": "2.5rem",
     "attributes": {
-      "group": "scale"
+      "group": "spacing"
     }
   },
   "name": "space.Space500",
@@ -408,14 +194,14 @@ var tokens = [{
 }, {
   "value": "3rem",
   "attributes": {
-    "group": "scale"
+    "group": "spacing"
   },
   "filePath": "src/palettes/spacing-scale.tsx",
   "isSource": true,
   "original": {
     "value": "3rem",
     "attributes": {
-      "group": "scale"
+      "group": "spacing"
     }
   },
   "name": "space.Space600",
@@ -423,7 +209,7 @@ var tokens = [{
 }, {
   "value": "4rem",
   "attributes": {
-    "group": "scale"
+    "group": "spacing"
   },
   "pixelValue": "64px",
   "filePath": "src/palettes/spacing-scale.tsx",
@@ -431,7 +217,7 @@ var tokens = [{
   "original": {
     "value": "4rem",
     "attributes": {
-      "group": "scale"
+      "group": "spacing"
     },
     "pixelValue": "64px"
   },