@atlaskit/tokens 0.10.29 → 0.10.30

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/tokens
 
+## 0.10.30
+
+### Patch Changes
+
+- [`d9173fbdc13`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d9173fbdc13) - Added some more experimental spacing tokens for internal testing and validation. These are not intended for public consumption yet.
+
 ## 0.10.29
 
 ### Patch Changes

package/css/atlassian-spacing.css

@@ -1,10 +1,9 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::81f5d367651ef095d997884b2349fc44>>
+ * @codegen <<SignedSource::fc645435a8895c0e5215cd03f54f38d6>>
  * @codegenCommand yarn build tokens
  */
 html[data-theme~="spacing"] {
-  --ds-container-gutter: 8px;
   --ds-scale-0: 0px;
   --ds-scale-100: 8px;
   --ds-scale-150: 12px;
@@ -17,4 +16,68 @@ html[data-theme~="spacing"] {
   --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;
 }

package/dist/cjs/artifacts/rename-mapping/atlassian-spacing.js

@@ -19,13 +19,265 @@ exports.default = void 0;
  * These changes will then be picked up by our tooling which will attempt to
  * migrate as many of these renames as possible.
  *
- * @codegen <<SignedSource::a90d6d19262ac37cb4095da71ba3035c>>
+ * @codegen <<SignedSource::96edd04d9850fc284b2e4b66f4c91d07>>
  * @codegenCommand yarn build tokens
  */
 var renameMapper = [{
-  "path": "spacing.container.gutter",
+  "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.pixel.0",
+  "state": "experimental",
+  "replacement": "0"
+}, {
+  "path": "spacing.pixel.2",
+  "state": "experimental",
+  "replacement": "2px"
+}, {
+  "path": "spacing.pixel.4",
+  "state": "experimental",
+  "replacement": "4px"
+}, {
+  "path": "spacing.pixel.6",
+  "state": "experimental",
+  "replacement": "6px"
+}, {
+  "path": "spacing.pixel.8",
   "state": "experimental",
   "replacement": "8px"
+}, {
+  "path": "spacing.pixel.12",
+  "state": "experimental",
+  "replacement": "12px"
+}, {
+  "path": "spacing.pixel.16",
+  "state": "experimental",
+  "replacement": "16px"
+}, {
+  "path": "spacing.pixel.20",
+  "state": "experimental",
+  "replacement": "20px"
+}, {
+  "path": "spacing.pixel.24",
+  "state": "experimental",
+  "replacement": "24px"
+}, {
+  "path": "spacing.pixel.32",
+  "state": "experimental",
+  "replacement": "32px"
+}, {
+  "path": "spacing.pixel.40",
+  "state": "experimental",
+  "replacement": "40px"
+}, {
+  "path": "spacing.pixel.48",
+  "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.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.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.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.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"
+}, {
+  "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.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"
 }];
 var _default = renameMapper;
 exports.default = _default;