@atlaskit/tokens 0.11.1 → 0.11.2

package/dist/esm/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.
+ */
 var 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 @@ var 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 @@ var spacing = {
           description: 'Helpful guidance goes here'
         }
       },
-      '2': {
+      '100': {
         attributes: {
           group: 'spacing',
           state: 'experimental',
@@ -237,7 +287,7 @@ var spacing = {
           description: 'Helpful guidance goes here'
         }
       },
-      '4': {
+      '200': {
         attributes: {
           group: 'spacing',
           state: 'experimental',
@@ -246,7 +296,7 @@ var spacing = {
           description: 'Helpful guidance goes here'
         }
       },
-      '6': {
+      '300': {
         attributes: {
           group: 'spacing',
           state: 'experimental',
@@ -255,7 +305,7 @@ var spacing = {
           description: 'Helpful guidance goes here'
         }
       },
-      '8': {
+      '400': {
         attributes: {
           group: 'spacing',
           state: 'experimental',
@@ -264,7 +314,7 @@ var spacing = {
           description: 'Helpful guidance goes here'
         }
       },
-      '12': {
+      '500': {
         attributes: {
           group: 'spacing',
           state: 'experimental',
@@ -273,7 +323,7 @@ var spacing = {
           description: 'Helpful guidance goes here'
         }
       },
-      '16': {
+      '600': {
         attributes: {
           group: 'spacing',
           state: 'experimental',
@@ -282,7 +332,7 @@ var spacing = {
           description: 'Helpful guidance goes here'
         }
       },
-      '20': {
+      '700': {
         attributes: {
           group: 'spacing',
           state: 'experimental',
@@ -291,7 +341,7 @@ var spacing = {
           description: 'Helpful guidance goes here'
         }
       },
-      '24': {
+      '800': {
         attributes: {
           group: 'spacing',
           state: 'experimental',
@@ -300,7 +350,7 @@ var spacing = {
           description: 'Helpful guidance goes here'
         }
       },
-      '32': {
+      '900': {
         attributes: {
           group: 'spacing',
           state: 'experimental',
@@ -309,7 +359,7 @@ var spacing = {
           description: 'Helpful guidance goes here'
         }
       },
-      '40': {
+      '1000': {
         attributes: {
           group: 'spacing',
           state: 'experimental',
@@ -318,7 +368,7 @@ var spacing = {
           description: 'Helpful guidance goes here'
         }
       },
-      '48': {
+      '1100': {
         attributes: {
           group: 'spacing',
           state: 'experimental',
@@ -653,7 +703,7 @@ var spacing = {
       }
     },
     gap: {
-      100: {
+      '100': {
         attributes: {
           group: 'spacing',
           state: 'experimental',
@@ -662,7 +712,7 @@ var spacing = {
           description: 'Helpful guidance goes here'
         }
       },
-      200: {
+      '200': {
         attributes: {
           group: 'spacing',
           state: 'experimental',
@@ -671,7 +721,7 @@ var spacing = {
           description: 'Helpful guidance goes here'
         }
       },
-      300: {
+      '300': {
         attributes: {
           group: 'spacing',
           state: 'experimental',
@@ -682,7 +732,7 @@ var spacing = {
       }
     },
     inset: {
-      100: {
+      '100': {
         attributes: {
           group: 'spacing',
           state: 'experimental',
@@ -691,7 +741,7 @@ var spacing = {
           description: 'Helpful guidance goes here'
         }
       },
-      200: {
+      '200': {
         attributes: {
           group: 'spacing',
           state: 'experimental',
@@ -700,7 +750,7 @@ var spacing = {
           description: 'Helpful guidance goes here'
         }
       },
-      300: {
+      '300': {
         attributes: {
           group: 'spacing',
           state: 'experimental',

package/dist/esm/version.json

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

package/dist/types/artifacts/palettes-raw/spacing-scale.d.ts

@@ -1,9 +1,9 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::e1fc16f85d9f95330fadb08536a38997>>
+ * @codegen <<SignedSource::4466431b8da920b1737382f7e9e82009>>
  * @codegenCommand yarn build tokens
  */
-declare const tokens: {
+declare const tokens: ({
     value: string;
     attributes: {
         group: string;
@@ -15,8 +15,27 @@ declare const tokens: {
         attributes: {
             group: string;
         };
+        pixelValue?: undefined;
     };
     name: string;
     path: string[];
-}[];
+    pixelValue?: undefined;
+} | {
+    value: string;
+    attributes: {
+        group: string;
+    };
+    pixelValue: string;
+    filePath: string;
+    isSource: boolean;
+    original: {
+        value: string;
+        attributes: {
+            group: string;
+        };
+        pixelValue: string;
+    };
+    name: string;
+    path: string[];
+})[];
 export default tokens;

package/dist/types/artifacts/rename-mapping/atlassian-spacing.d.ts

@@ -12,7 +12,7 @@
  * These changes will then be picked up by our tooling which will attempt to
  * migrate as many of these renames as possible.
  *
- * @codegen <<SignedSource::96edd04d9850fc284b2e4b66f4c91d07>>
+ * @codegen <<SignedSource::fb30c9ee91e6f244c04349f684b451e1>>
  * @codegenCommand yarn build tokens
  */
 import tokens from '../token-names';

package/dist/types/artifacts/token-default-values.d.ts

@@ -19,6 +19,20 @@ declare const defaultTokens: {
     'font.lineHeight.400': "28px";
     'font.lineHeight.500': "32px";
     'font.lineHeight.600': "40px";
+    'space.0': "0";
+    'space.100': "0.5rem";
+    'space.150': "0.75rem";
+    'space.200': "1rem";
+    'space.250': "1.25rem";
+    'space.300': "1.5rem";
+    'space.400': "2rem";
+    'space.500': "2.5rem";
+    'space.600': "3rem";
+    'space.800': "4rem";
+    'space.1000': "5rem";
+    'space.025': "0.125rem";
+    'space.050': "0.25rem";
+    'space.075': "0.375rem";
     'spacing.scale.0': "0";
     'spacing.scale.100': "0.5rem";
     'spacing.scale.150': "0.75rem";
@@ -28,6 +42,8 @@ declare const defaultTokens: {
     'spacing.scale.400': "2rem";
     'spacing.scale.500': "2.5rem";
     'spacing.scale.600': "3rem";
+    'spacing.scale.800': "4rem";
+    'spacing.scale.1000': "5rem";
     'spacing.scale.025': "0.125rem";
     'spacing.scale.050': "0.25rem";
     'spacing.scale.075': "0.375rem";
@@ -43,18 +59,6 @@ declare const defaultTokens: {
     'spacing.scaleLinear.900': "2rem";
     'spacing.scaleLinear.1000': "2.5rem";
     'spacing.scaleLinear.1100': "3rem";
-    'spacing.pixel.0': "0";
-    'spacing.pixel.2': "0.125rem";
-    'spacing.pixel.4': "0.25rem";
-    'spacing.pixel.6': "0.375rem";
-    'spacing.pixel.8': "0.5rem";
-    'spacing.pixel.12': "0.75rem";
-    'spacing.pixel.16': "1rem";
-    'spacing.pixel.20': "1.25rem";
-    'spacing.pixel.24': "1.5rem";
-    'spacing.pixel.32': "2rem";
-    'spacing.pixel.40': "2.5rem";
-    'spacing.pixel.48': "3rem";
     'spacing.size.none': "0";
     'spacing.size.xxxxSmall': "0.125rem";
     'spacing.size.xxxSmall': "0.25rem";

package/dist/types/artifacts/token-names.d.ts

@@ -22,6 +22,20 @@ declare const tokens: {
     readonly 'font.lineHeight.400': "--ds-font-lineHeight-400";
     readonly 'font.lineHeight.500': "--ds-font-lineHeight-500";
     readonly 'font.lineHeight.600': "--ds-font-lineHeight-600";
+    readonly 'space.0': "--ds-space-0";
+    readonly 'space.100': "--ds-space-100";
+    readonly 'space.150': "--ds-space-150";
+    readonly 'space.200': "--ds-space-200";
+    readonly 'space.250': "--ds-space-250";
+    readonly 'space.300': "--ds-space-300";
+    readonly 'space.400': "--ds-space-400";
+    readonly 'space.500': "--ds-space-500";
+    readonly 'space.600': "--ds-space-600";
+    readonly 'space.800': "--ds-space-800";
+    readonly 'space.1000': "--ds-space-1000";
+    readonly 'space.025': "--ds-space-025";
+    readonly 'space.050': "--ds-space-050";
+    readonly 'space.075': "--ds-space-075";
     readonly 'spacing.scale.0': "--ds-scale-0";
     readonly 'spacing.scale.100': "--ds-scale-100";
     readonly 'spacing.scale.150': "--ds-scale-150";
@@ -31,6 +45,8 @@ declare const tokens: {
     readonly 'spacing.scale.400': "--ds-scale-400";
     readonly 'spacing.scale.500': "--ds-scale-500";
     readonly 'spacing.scale.600': "--ds-scale-600";
+    readonly 'spacing.scale.800': "--ds-scale-800";
+    readonly 'spacing.scale.1000': "--ds-scale-1000";
     readonly 'spacing.scale.025': "--ds-scale-025";
     readonly 'spacing.scale.050': "--ds-scale-050";
     readonly 'spacing.scale.075': "--ds-scale-075";
@@ -46,18 +62,6 @@ declare const tokens: {
     readonly 'spacing.scaleLinear.900': "--ds-scaleLinear-900";
     readonly 'spacing.scaleLinear.1000': "--ds-scaleLinear-1000";
     readonly 'spacing.scaleLinear.1100': "--ds-scaleLinear-1100";
-    readonly 'spacing.pixel.0': "--ds-pixel-0";
-    readonly 'spacing.pixel.2': "--ds-pixel-2";
-    readonly 'spacing.pixel.4': "--ds-pixel-4";
-    readonly 'spacing.pixel.6': "--ds-pixel-6";
-    readonly 'spacing.pixel.8': "--ds-pixel-8";
-    readonly 'spacing.pixel.12': "--ds-pixel-12";
-    readonly 'spacing.pixel.16': "--ds-pixel-16";
-    readonly 'spacing.pixel.20': "--ds-pixel-20";
-    readonly 'spacing.pixel.24': "--ds-pixel-24";
-    readonly 'spacing.pixel.32': "--ds-pixel-32";
-    readonly 'spacing.pixel.40': "--ds-pixel-40";
-    readonly 'spacing.pixel.48': "--ds-pixel-48";
     readonly 'spacing.size.none': "--ds-size-none";
     readonly 'spacing.size.xxxxSmall': "--ds-size-xxxxSmall";
     readonly 'spacing.size.xxxSmall': "--ds-size-xxxSmall";

package/dist/types/artifacts/tokens-raw/atlassian-spacing.d.ts

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::9a19af105c0ae551ba258897b3438626>>
+ * @codegen <<SignedSource::7147438ced4ed1bf7f4544ca85df4274>>
  * @codegenCommand yarn build tokens
  */
 declare const tokens: ({
@@ -8,6 +8,7 @@ declare const tokens: ({
         group: string;
         state: string;
         introduced: string;
+        pixelValue: string;
         description: string;
         suggest?: undefined;
         replacement?: undefined;
@@ -20,6 +21,7 @@ declare const tokens: ({
             group: string;
             state: string;
             introduced: string;
+            pixelValue: string;
             description: string;
             suggest?: undefined;
             replacement?: undefined;
@@ -34,6 +36,7 @@ declare const tokens: ({
         state: string;
         suggest: string[];
         introduced: string;
+        pixelValue: string;
         description: string;
         replacement?: undefined;
     };
@@ -46,6 +49,7 @@ declare const tokens: ({
             state: string;
             suggest: string[];
             introduced: string;
+            pixelValue: string;
             description: string;
             replacement?: undefined;
         };
@@ -53,6 +57,60 @@ declare const tokens: ({
     };
     name: string;
     path: string[];
+} | {
+    attributes: {
+        group: string;
+        state: string;
+        introduced: string;
+        description: string;
+        pixelValue?: undefined;
+        suggest?: undefined;
+        replacement?: undefined;
+    };
+    value: string;
+    filePath: string;
+    isSource: boolean;
+    original: {
+        attributes: {
+            group: string;
+            state: string;
+            introduced: string;
+            description: string;
+            pixelValue?: undefined;
+            suggest?: undefined;
+            replacement?: undefined;
+        };
+        value: string;
+    };
+    name: string;
+    path: string[];
+} | {
+    attributes: {
+        group: string;
+        state: string;
+        suggest: string[];
+        introduced: string;
+        description: string;
+        pixelValue?: undefined;
+        replacement?: undefined;
+    };
+    value: string;
+    filePath: string;
+    isSource: boolean;
+    original: {
+        attributes: {
+            group: string;
+            state: string;
+            suggest: string[];
+            introduced: string;
+            description: string;
+            pixelValue?: undefined;
+            replacement?: undefined;
+        };
+        value: string;
+    };
+    name: string;
+    path: string[];
 } | {
     attributes: {
         group: string;
@@ -60,6 +118,7 @@ declare const tokens: ({
         replacement: string;
         introduced: string;
         description: string;
+        pixelValue?: undefined;
         suggest?: undefined;
     };
     value: string;
@@ -72,6 +131,7 @@ declare const tokens: ({
             replacement: string;
             introduced: string;
             description: string;
+            pixelValue?: undefined;
             suggest?: undefined;
         };
         value: string;