@atlaskit/tokens 0.10.32 → 0.10.34

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/tokens
 
+## 0.10.34
+
+### Patch Changes
+
+- [`10f2fea8f3d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/10f2fea8f3d) - Updated JSDoc descriptions for token() and setGlobalTheme()
+
+## 0.10.33
+
+### Patch Changes
+
+- [`7a7d1aedac0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7a7d1aedac0) - Change pixels to rems for spacing tokens.
+
 ## 0.10.32
 
 ### Patch Changes

package/css/atlassian-spacing.css

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

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

@@ -7,18 +7,18 @@ exports.default = void 0;
 
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::9ec4d3766ad54f86aa1d9891b0f32317>>
+ * @codegen <<SignedSource::e1fc16f85d9f95330fadb08536a38997>>
  * @codegenCommand yarn build tokens
  */
 var tokens = [{
-  "value": "0px",
+  "value": "0",
   "attributes": {
     "group": "scale"
   },
   "filePath": "src/palettes/spacing-scale.tsx",
   "isSource": true,
   "original": {
-    "value": "0px",
+    "value": "0",
     "attributes": {
       "group": "scale"
     }
@@ -26,14 +26,14 @@ var tokens = [{
   "name": "spacing.scale.Space0",
   "path": ["spacing", "scale", "Space0"]
 }, {
-  "value": "2px",
+  "value": "0.125rem",
   "attributes": {
     "group": "scale"
   },
   "filePath": "src/palettes/spacing-scale.tsx",
   "isSource": true,
   "original": {
-    "value": "2px",
+    "value": "0.125rem",
     "attributes": {
       "group": "scale"
     }
@@ -41,14 +41,14 @@ var tokens = [{
   "name": "spacing.scale.Space025",
   "path": ["spacing", "scale", "Space025"]
 }, {
-  "value": "4px",
+  "value": "0.25rem",
   "attributes": {
     "group": "scale"
   },
   "filePath": "src/palettes/spacing-scale.tsx",
   "isSource": true,
   "original": {
-    "value": "4px",
+    "value": "0.25rem",
     "attributes": {
       "group": "scale"
     }
@@ -56,14 +56,14 @@ var tokens = [{
   "name": "spacing.scale.Space050",
   "path": ["spacing", "scale", "Space050"]
 }, {
-  "value": "6px",
+  "value": "0.375rem",
   "attributes": {
     "group": "scale"
   },
   "filePath": "src/palettes/spacing-scale.tsx",
   "isSource": true,
   "original": {
-    "value": "6px",
+    "value": "0.375rem",
     "attributes": {
       "group": "scale"
     }
@@ -71,14 +71,14 @@ var tokens = [{
   "name": "spacing.scale.Space075",
   "path": ["spacing", "scale", "Space075"]
 }, {
-  "value": "8px",
+  "value": "0.5rem",
   "attributes": {
     "group": "scale"
   },
   "filePath": "src/palettes/spacing-scale.tsx",
   "isSource": true,
   "original": {
-    "value": "8px",
+    "value": "0.5rem",
     "attributes": {
       "group": "scale"
     }
@@ -86,14 +86,14 @@ var tokens = [{
   "name": "spacing.scale.Space100",
   "path": ["spacing", "scale", "Space100"]
 }, {
-  "value": "12px",
+  "value": "0.75rem",
   "attributes": {
     "group": "scale"
   },
   "filePath": "src/palettes/spacing-scale.tsx",
   "isSource": true,
   "original": {
-    "value": "12px",
+    "value": "0.75rem",
     "attributes": {
       "group": "scale"
     }
@@ -101,14 +101,14 @@ var tokens = [{
   "name": "spacing.scale.Space150",
   "path": ["spacing", "scale", "Space150"]
 }, {
-  "value": "16px",
+  "value": "1rem",
   "attributes": {
     "group": "scale"
   },
   "filePath": "src/palettes/spacing-scale.tsx",
   "isSource": true,
   "original": {
-    "value": "16px",
+    "value": "1rem",
     "attributes": {
       "group": "scale"
     }
@@ -116,14 +116,14 @@ var tokens = [{
   "name": "spacing.scale.Space200",
   "path": ["spacing", "scale", "Space200"]
 }, {
-  "value": "20px",
+  "value": "1.25rem",
   "attributes": {
     "group": "scale"
   },
   "filePath": "src/palettes/spacing-scale.tsx",
   "isSource": true,
   "original": {
-    "value": "20px",
+    "value": "1.25rem",
     "attributes": {
       "group": "scale"
     }
@@ -131,14 +131,14 @@ var tokens = [{
   "name": "spacing.scale.Space250",
   "path": ["spacing", "scale", "Space250"]
 }, {
-  "value": "24px",
+  "value": "1.5rem",
   "attributes": {
     "group": "scale"
   },
   "filePath": "src/palettes/spacing-scale.tsx",
   "isSource": true,
   "original": {
-    "value": "24px",
+    "value": "1.5rem",
     "attributes": {
       "group": "scale"
     }
@@ -146,14 +146,14 @@ var tokens = [{
   "name": "spacing.scale.Space300",
   "path": ["spacing", "scale", "Space300"]
 }, {
-  "value": "32px",
+  "value": "2rem",
   "attributes": {
     "group": "scale"
   },
   "filePath": "src/palettes/spacing-scale.tsx",
   "isSource": true,
   "original": {
-    "value": "32px",
+    "value": "2rem",
     "attributes": {
       "group": "scale"
     }
@@ -161,14 +161,14 @@ var tokens = [{
   "name": "spacing.scale.Space400",
   "path": ["spacing", "scale", "Space400"]
 }, {
-  "value": "40px",
+  "value": "2.5rem",
   "attributes": {
     "group": "scale"
   },
   "filePath": "src/palettes/spacing-scale.tsx",
   "isSource": true,
   "original": {
-    "value": "40px",
+    "value": "2.5rem",
     "attributes": {
       "group": "scale"
     }
@@ -176,14 +176,14 @@ var tokens = [{
   "name": "spacing.scale.Space500",
   "path": ["spacing", "scale", "Space500"]
 }, {
-  "value": "48px",
+  "value": "3rem",
   "attributes": {
     "group": "scale"
   },
   "filePath": "src/palettes/spacing-scale.tsx",
   "isSource": true,
   "original": {
-    "value": "48px",
+    "value": "3rem",
     "attributes": {
       "group": "scale"
     }

package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-light.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::cebe4ed5e9e0dc70bed7437dafe3c98c>>
+ * @codegen <<SignedSource::e18ea502db6feafafab91d0838cfa797>>
  * @codegenCommand yarn build tokens
  */
 var tokens = [{
@@ -6492,10 +6492,10 @@ var tokens = [{
     "radius": 8,
     "offset": {
       "x": 0,
-      "y": 8
+      "y": 0
     },
     "color": "#091e423f",
-    "opacity": 0.08
+    "opacity": 0.16
   }, {
     "radius": 1,
     "offset": {
@@ -6518,10 +6518,10 @@ var tokens = [{
       "radius": 8,
       "offset": {
         "x": 0,
-        "y": 8
+        "y": 0
       },
       "color": "N50A",
-      "opacity": 0.08
+      "opacity": 0.16
     }, {
       "radius": 1,
       "offset": {