@atlaskit/tokens 0.11.0 → 0.11.2

package/dist/es2019/tokens/default/spacing/spacing.js

@@ -1,4 +1,146 @@
+/**
+ * The spacing attribute schema governs the non-value specific metadata to apply to the
+ * spacing theme. This governs the name, description and state
+ * of a token.
+ */
 const spacing = {
+  space: {
+    '0': {
+      attributes: {
+        group: 'spacing',
+        state: 'active',
+        introduced: '0.12.0',
+        pixelValue: '0px',
+        description: 'Equates to `0`. Can be used for resetting default spacing styles.'
+      }
+    },
+    '025': {
+      attributes: {
+        group: 'spacing',
+        state: 'active',
+        suggest: ['1px', '3px'],
+        introduced: '0.12.0',
+        pixelValue: '2px',
+        description: 'Use for spacing in compact scenarios. The smallest value in our scale.'
+      }
+    },
+    '050': {
+      attributes: {
+        group: 'spacing',
+        state: 'active',
+        suggest: ['3px', '5px'],
+        introduced: '0.12.0',
+        pixelValue: '4px',
+        description: 'Use for spacing in compact scenarios.'
+      }
+    },
+    '075': {
+      attributes: {
+        group: 'spacing',
+        state: 'active',
+        suggest: ['5px', '7px'],
+        introduced: '0.12.0',
+        pixelValue: '6px',
+        description: 'Use for spacing in compact scenarios.'
+      }
+    },
+    '100': {
+      attributes: {
+        group: 'spacing',
+        state: 'active',
+        suggest: ['7px', '9px'],
+        introduced: '0.12.0',
+        pixelValue: '8px',
+        description: 'Use for gutter spacing.'
+      }
+    },
+    '150': {
+      attributes: {
+        group: 'spacing',
+        state: 'active',
+        suggest: ['10px', '11px', '13px', '14px'],
+        introduced: '0.12.0',
+        pixelValue: '12px',
+        description: 'Helpful guidance goes here'
+      }
+    },
+    '200': {
+      attributes: {
+        group: 'spacing',
+        state: 'active',
+        suggest: ['14px', '15px', '17px', '18px'],
+        introduced: '0.12.0',
+        pixelValue: '16px',
+        description: 'Use for gutter spacing.'
+      }
+    },
+    '250': {
+      attributes: {
+        group: 'spacing',
+        state: 'active',
+        suggest: ['19px', '21px', '22px', '23px'],
+        introduced: '0.12.0',
+        pixelValue: '20px',
+        description: 'Use for gutter spacing.'
+      }
+    },
+    '300': {
+      attributes: {
+        group: 'spacing',
+        state: 'active',
+        suggest: ['23px', '25px', '26px', '27px', '28px'],
+        introduced: '0.12.0',
+        pixelValue: '24px',
+        description: 'Use for gutter spacing.'
+      }
+    },
+    '400': {
+      attributes: {
+        group: 'spacing',
+        state: 'active',
+        suggest: ['28px', '29px', '30px', '31px', '33px', '34px', '35px'],
+        introduced: '0.12.0',
+        pixelValue: '32px',
+        description: 'Use for gutter spacing.'
+      }
+    },
+    '500': {
+      attributes: {
+        group: 'spacing',
+        state: 'active',
+        introduced: '0.12.0',
+        pixelValue: '40px',
+        description: 'Use for larger layout-specific spacing.'
+      }
+    },
+    '600': {
+      attributes: {
+        group: 'spacing',
+        state: 'active',
+        introduced: '0.12.0',
+        pixelValue: '48px',
+        description: 'Use for larger layout-specific spacing.'
+      }
+    },
+    '800': {
+      attributes: {
+        group: 'spacing',
+        state: 'active',
+        introduced: '0.12.0',
+        pixelValue: '64px',
+        description: 'Use for larger layout-specific spacing.'
+      }
+    },
+    '1000': {
+      attributes: {
+        group: 'spacing',
+        state: 'active',
+        introduced: '0.12.0',
+        pixelValue: '80px',
+        description: 'Use for larger layout-specific spacing.'
+      }
+    }
+  },
   spacing: {
     scale: {
       '0': {
@@ -106,119 +248,27 @@ const spacing = {
           introduced: '0.10.16',
           description: 'Helpful guidance goes here'
         }
-      }
-    },
-    scaleLinear: {
-      '0': {
-        attributes: {
-          group: 'spacing',
-          state: 'experimental',
-          replacement: '0',
-          introduced: '0.10.28',
-          description: 'Helpful guidance goes here'
-        }
-      },
-      '100': {
-        attributes: {
-          group: 'spacing',
-          state: 'experimental',
-          replacement: '2px',
-          introduced: '0.10.28',
-          description: 'Helpful guidance goes here'
-        }
-      },
-      '200': {
-        attributes: {
-          group: 'spacing',
-          state: 'experimental',
-          replacement: '4px',
-          introduced: '0.10.28',
-          description: 'Helpful guidance goes here'
-        }
-      },
-      '300': {
-        attributes: {
-          group: 'spacing',
-          state: 'experimental',
-          replacement: '6px',
-          introduced: '0.10.28',
-          description: 'Helpful guidance goes here'
-        }
-      },
-      '400': {
-        attributes: {
-          group: 'spacing',
-          state: 'experimental',
-          replacement: '8px',
-          introduced: '0.10.28',
-          description: 'Helpful guidance goes here'
-        }
-      },
-      '500': {
-        attributes: {
-          group: 'spacing',
-          state: 'experimental',
-          replacement: '12px',
-          introduced: '0.10.28',
-          description: 'Helpful guidance goes here'
-        }
-      },
-      '600': {
-        attributes: {
-          group: 'spacing',
-          state: 'experimental',
-          replacement: '16px',
-          introduced: '0.10.28',
-          description: 'Helpful guidance goes here'
-        }
-      },
-      '700': {
-        attributes: {
-          group: 'spacing',
-          state: 'experimental',
-          replacement: '20px',
-          introduced: '0.10.28',
-          description: 'Helpful guidance goes here'
-        }
       },
       '800': {
         attributes: {
           group: 'spacing',
-          state: 'experimental',
-          replacement: '24px',
-          introduced: '0.10.28',
-          description: 'Helpful guidance goes here'
-        }
-      },
-      '900': {
-        attributes: {
-          group: 'spacing',
-          state: 'experimental',
-          replacement: '32px',
-          introduced: '0.10.28',
+          state: 'active',
+          introduced: '0.12.0',
+          pixelValue: '',
           description: 'Helpful guidance goes here'
         }
       },
       '1000': {
         attributes: {
           group: 'spacing',
-          state: 'experimental',
-          replacement: '40px',
-          introduced: '0.10.28',
-          description: 'Helpful guidance goes here'
-        }
-      },
-      '1100': {
-        attributes: {
-          group: 'spacing',
-          state: 'experimental',
-          replacement: '48px',
-          introduced: '0.10.28',
+          state: 'active',
+          introduced: '0.12.0',
+          pixelValue: '80px',
           description: 'Helpful guidance goes here'
         }
       }
     },
-    pixel: {
+    scaleLinear: {
       '0': {
         attributes: {
           group: 'spacing',
@@ -228,7 +278,7 @@ const spacing = {
           description: 'Helpful guidance goes here'
         }
       },
-      '2': {
+      '100': {
         attributes: {
           group: 'spacing',
           state: 'experimental',
@@ -237,7 +287,7 @@ const spacing = {
           description: 'Helpful guidance goes here'
         }
       },
-      '4': {
+      '200': {
         attributes: {
           group: 'spacing',
           state: 'experimental',
@@ -246,7 +296,7 @@ const spacing = {
           description: 'Helpful guidance goes here'
         }
       },
-      '6': {
+      '300': {
         attributes: {
           group: 'spacing',
           state: 'experimental',
@@ -255,7 +305,7 @@ const spacing = {
           description: 'Helpful guidance goes here'
         }
       },
-      '8': {
+      '400': {
         attributes: {
           group: 'spacing',
           state: 'experimental',
@@ -264,7 +314,7 @@ const spacing = {
           description: 'Helpful guidance goes here'
         }
       },
-      '12': {
+      '500': {
         attributes: {
           group: 'spacing',
           state: 'experimental',
@@ -273,7 +323,7 @@ const spacing = {
           description: 'Helpful guidance goes here'
         }
       },
-      '16': {
+      '600': {
         attributes: {
           group: 'spacing',
           state: 'experimental',
@@ -282,7 +332,7 @@ const spacing = {
           description: 'Helpful guidance goes here'
         }
       },
-      '20': {
+      '700': {
         attributes: {
           group: 'spacing',
           state: 'experimental',
@@ -291,7 +341,7 @@ const spacing = {
           description: 'Helpful guidance goes here'
         }
       },
-      '24': {
+      '800': {
         attributes: {
           group: 'spacing',
           state: 'experimental',
@@ -300,7 +350,7 @@ const spacing = {
           description: 'Helpful guidance goes here'
         }
       },
-      '32': {
+      '900': {
         attributes: {
           group: 'spacing',
           state: 'experimental',
@@ -309,7 +359,7 @@ const spacing = {
           description: 'Helpful guidance goes here'
         }
       },
-      '40': {
+      '1000': {
         attributes: {
           group: 'spacing',
           state: 'experimental',
@@ -318,7 +368,7 @@ const spacing = {
           description: 'Helpful guidance goes here'
         }
       },
-      '48': {
+      '1100': {
         attributes: {
           group: 'spacing',
           state: 'experimental',
@@ -653,7 +703,7 @@ const spacing = {
       }
     },
     gap: {
-      100: {
+      '100': {
         attributes: {
           group: 'spacing',
           state: 'experimental',
@@ -662,7 +712,7 @@ const spacing = {
           description: 'Helpful guidance goes here'
         }
       },
-      200: {
+      '200': {
         attributes: {
           group: 'spacing',
           state: 'experimental',
@@ -671,7 +721,7 @@ const spacing = {
           description: 'Helpful guidance goes here'
         }
       },
-      300: {
+      '300': {
         attributes: {
           group: 'spacing',
           state: 'experimental',
@@ -682,7 +732,7 @@ const spacing = {
       }
     },
     inset: {
-      100: {
+      '100': {
         attributes: {
           group: 'spacing',
           state: 'experimental',
@@ -691,7 +741,7 @@ const spacing = {
           description: 'Helpful guidance goes here'
         }
       },
-      200: {
+      '200': {
         attributes: {
           group: 'spacing',
           state: 'experimental',
@@ -700,7 +750,7 @@ const spacing = {
           description: 'Helpful guidance goes here'
         }
       },
-      300: {
+      '300': {
         attributes: {
           group: 'spacing',
           state: 'experimental',

package/dist/es2019/version.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/tokens",
-	"version": "0.11.0",
+	"version": "0.11.2",
 	"sideEffects": [
 		"**/*.css"
 	]

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::e1fc16f85d9f95330fadb08536a38997>>
+ * @codegen <<SignedSource::4466431b8da920b1737382f7e9e82009>>
  * @codegenCommand yarn build tokens
  */
 var tokens = [{
@@ -183,5 +183,253 @@ var tokens = [{
   },
   "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": "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",
+  "attributes": {
+    "group": "scale"
+  },
+  "filePath": "src/palettes/spacing-scale.tsx",
+  "isSource": true,
+  "original": {
+    "value": "0",
+    "attributes": {
+      "group": "scale"
+    }
+  },
+  "name": "space.Space0",
+  "path": ["space", "Space0"]
+}, {
+  "value": "0.125rem",
+  "attributes": {
+    "group": "scale"
+  },
+  "filePath": "src/palettes/spacing-scale.tsx",
+  "isSource": true,
+  "original": {
+    "value": "0.125rem",
+    "attributes": {
+      "group": "scale"
+    }
+  },
+  "name": "space.Space025",
+  "path": ["space", "Space025"]
+}, {
+  "value": "0.25rem",
+  "attributes": {
+    "group": "scale"
+  },
+  "filePath": "src/palettes/spacing-scale.tsx",
+  "isSource": true,
+  "original": {
+    "value": "0.25rem",
+    "attributes": {
+      "group": "scale"
+    }
+  },
+  "name": "space.Space050",
+  "path": ["space", "Space050"]
+}, {
+  "value": "0.375rem",
+  "attributes": {
+    "group": "scale"
+  },
+  "filePath": "src/palettes/spacing-scale.tsx",
+  "isSource": true,
+  "original": {
+    "value": "0.375rem",
+    "attributes": {
+      "group": "scale"
+    }
+  },
+  "name": "space.Space075",
+  "path": ["space", "Space075"]
+}, {
+  "value": "0.5rem",
+  "attributes": {
+    "group": "scale"
+  },
+  "filePath": "src/palettes/spacing-scale.tsx",
+  "isSource": true,
+  "original": {
+    "value": "0.5rem",
+    "attributes": {
+      "group": "scale"
+    }
+  },
+  "name": "space.Space100",
+  "path": ["space", "Space100"]
+}, {
+  "value": "0.75rem",
+  "attributes": {
+    "group": "scale"
+  },
+  "filePath": "src/palettes/spacing-scale.tsx",
+  "isSource": true,
+  "original": {
+    "value": "0.75rem",
+    "attributes": {
+      "group": "scale"
+    }
+  },
+  "name": "space.Space150",
+  "path": ["space", "Space150"]
+}, {
+  "value": "1rem",
+  "attributes": {
+    "group": "scale"
+  },
+  "filePath": "src/palettes/spacing-scale.tsx",
+  "isSource": true,
+  "original": {
+    "value": "1rem",
+    "attributes": {
+      "group": "scale"
+    }
+  },
+  "name": "space.Space200",
+  "path": ["space", "Space200"]
+}, {
+  "value": "1.25rem",
+  "attributes": {
+    "group": "scale"
+  },
+  "filePath": "src/palettes/spacing-scale.tsx",
+  "isSource": true,
+  "original": {
+    "value": "1.25rem",
+    "attributes": {
+      "group": "scale"
+    }
+  },
+  "name": "space.Space250",
+  "path": ["space", "Space250"]
+}, {
+  "value": "1.5rem",
+  "attributes": {
+    "group": "scale"
+  },
+  "filePath": "src/palettes/spacing-scale.tsx",
+  "isSource": true,
+  "original": {
+    "value": "1.5rem",
+    "attributes": {
+      "group": "scale"
+    }
+  },
+  "name": "space.Space300",
+  "path": ["space", "Space300"]
+}, {
+  "value": "2rem",
+  "attributes": {
+    "group": "scale"
+  },
+  "filePath": "src/palettes/spacing-scale.tsx",
+  "isSource": true,
+  "original": {
+    "value": "2rem",
+    "attributes": {
+      "group": "scale"
+    }
+  },
+  "name": "space.Space400",
+  "path": ["space", "Space400"]
+}, {
+  "value": "2.5rem",
+  "attributes": {
+    "group": "scale"
+  },
+  "filePath": "src/palettes/spacing-scale.tsx",
+  "isSource": true,
+  "original": {
+    "value": "2.5rem",
+    "attributes": {
+      "group": "scale"
+    }
+  },
+  "name": "space.Space500",
+  "path": ["space", "Space500"]
+}, {
+  "value": "3rem",
+  "attributes": {
+    "group": "scale"
+  },
+  "filePath": "src/palettes/spacing-scale.tsx",
+  "isSource": true,
+  "original": {
+    "value": "3rem",
+    "attributes": {
+      "group": "scale"
+    }
+  },
+  "name": "space.Space600",
+  "path": ["space", "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": "space.Space800",
+  "path": ["space", "Space800"]
+}, {
+  "value": "5rem",
+  "attributes": {
+    "group": "scale"
+  },
+  "pixelValue": "80px",
+  "filePath": "src/palettes/spacing-scale.tsx",
+  "isSource": true,
+  "original": {
+    "value": "5rem",
+    "attributes": {
+      "group": "scale"
+    },
+    "pixelValue": "80px"
+  },
+  "name": "space.Space1000",
+  "path": ["space", "Space1000"]
 }];
 export default tokens;