@atlaskit/tokens 0.11.1 → 0.11.2

package/dist/es2019/artifacts/typescript/atlassian-spacing-token-default-values.js

@@ -4,10 +4,24 @@
  * Token names mapped to their value in the default Atlassian themes ('light').
  * These default values are used by the Babel plugin to optionally provide automatic fallbacks.
  *
- * @codegen <<SignedSource::6774c0c721b46e66ada20e02efc078c0>>
+ * @codegen <<SignedSource::58e461c6792689bbf53af618a63e94d0>>
  * @codegenCommand yarn build tokens
  */
 const defaultTokenValues = {
+  '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',
@@ -17,6 +31,8 @@ const defaultTokenValues = {
   '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',
@@ -32,18 +48,6 @@ const defaultTokenValues = {
   '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/es2019/artifacts/typescript/atlassian-spacing-token-names.js

@@ -1,9 +1,23 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::1808e289835f4813ce4782e16cce419d>>
+ * @codegen <<SignedSource::32eee2b724a024fa87bb7b5638096758>>
  * @codegenCommand yarn build tokens
  */
 const tokens = {
+  'space.0': '--ds-space-0',
+  'space.100': '--ds-space-100',
+  'space.150': '--ds-space-150',
+  'space.200': '--ds-space-200',
+  'space.250': '--ds-space-250',
+  'space.300': '--ds-space-300',
+  'space.400': '--ds-space-400',
+  'space.500': '--ds-space-500',
+  'space.600': '--ds-space-600',
+  'space.800': '--ds-space-800',
+  'space.1000': '--ds-space-1000',
+  'space.025': '--ds-space-025',
+  'space.050': '--ds-space-050',
+  'space.075': '--ds-space-075',
   'spacing.scale.0': '--ds-scale-0',
   'spacing.scale.100': '--ds-scale-100',
   'spacing.scale.150': '--ds-scale-150',
@@ -13,6 +27,8 @@ const tokens = {
   'spacing.scale.400': '--ds-scale-400',
   'spacing.scale.500': '--ds-scale-500',
   'spacing.scale.600': '--ds-scale-600',
+  'spacing.scale.800': '--ds-scale-800',
+  'spacing.scale.1000': '--ds-scale-1000',
   'spacing.scale.025': '--ds-scale-025',
   'spacing.scale.050': '--ds-scale-050',
   'spacing.scale.075': '--ds-scale-075',
@@ -28,18 +44,6 @@ const tokens = {
   'spacing.scaleLinear.900': '--ds-scaleLinear-900',
   'spacing.scaleLinear.1000': '--ds-scaleLinear-1000',
   'spacing.scaleLinear.1100': '--ds-scaleLinear-1100',
-  'spacing.pixel.0': '--ds-pixel-0',
-  'spacing.pixel.2': '--ds-pixel-2',
-  'spacing.pixel.4': '--ds-pixel-4',
-  'spacing.pixel.6': '--ds-pixel-6',
-  'spacing.pixel.8': '--ds-pixel-8',
-  'spacing.pixel.12': '--ds-pixel-12',
-  'spacing.pixel.16': '--ds-pixel-16',
-  'spacing.pixel.20': '--ds-pixel-20',
-  'spacing.pixel.24': '--ds-pixel-24',
-  'spacing.pixel.32': '--ds-pixel-32',
-  'spacing.pixel.40': '--ds-pixel-40',
-  'spacing.pixel.48': '--ds-pixel-48',
   'spacing.size.none': '--ds-size-none',
   'spacing.size.xxxxSmall': '--ds-size-xxxxSmall',
   'spacing.size.xxxSmall': '--ds-size-xxxSmall',

package/dist/es2019/constants.js

@@ -2,5 +2,5 @@ export const THEME_DATA_ATTRIBUTE = 'data-theme';
 export const COLOR_MODE_ATTRIBUTE = 'data-color-mode';
 export const DEFAULT_THEME = 'light';
 export const CSS_PREFIX = 'ds';
-export const CSS_VAR_FULL = ['opacity', 'font'];
+export const CSS_VAR_FULL = ['opacity', 'font', 'space'];
 export const TOKEN_NOT_FOUND_CSS_VAR = `--${CSS_PREFIX}-token-not-found`;

package/dist/es2019/get-token.js

@@ -2,7 +2,7 @@ import warnOnce from '@atlaskit/ds-lib/warn-once';
 import tokens from './artifacts/token-names';
 import { TOKEN_NOT_FOUND_CSS_VAR } from './constants';
 const name = "@atlaskit/tokens";
-const version = "0.11.1";
+const version = "0.11.2";
 
 /**
  * Takes a dot-separated token name and an optional fallback, and returns the CSS custom property for the corresponding token.

package/dist/es2019/palettes/spacing-scale.js

@@ -1,79 +1,98 @@
-const scale = {
-  spacing: {
-    scale: {
-      Space0: {
-        value: '0',
-        attributes: {
-          group: 'scale'
-        }
-      },
-      Space025: {
-        value: '0.125rem',
-        attributes: {
-          group: 'scale'
-        }
-      },
-      Space050: {
-        value: '0.25rem',
-        attributes: {
-          group: 'scale'
-        }
-      },
-      Space075: {
-        value: '0.375rem',
-        attributes: {
-          group: 'scale'
-        }
-      },
-      Space100: {
-        value: '0.5rem',
-        attributes: {
-          group: 'scale'
-        }
-      },
-      Space150: {
-        value: '0.75rem',
-        attributes: {
-          group: 'scale'
-        }
-      },
-      Space200: {
-        value: '1rem',
-        attributes: {
-          group: 'scale'
-        }
-      },
-      Space250: {
-        value: '1.25rem',
-        attributes: {
-          group: 'scale'
-        }
-      },
-      Space300: {
-        value: '1.5rem',
-        attributes: {
-          group: 'scale'
-        }
-      },
-      Space400: {
-        value: '2rem',
-        attributes: {
-          group: 'scale'
-        }
-      },
-      Space500: {
-        value: '2.5rem',
-        attributes: {
-          group: 'scale'
-        }
-      },
-      Space600: {
-        value: '3rem',
-        attributes: {
-          group: 'scale'
-        }
-      }
+/**
+ * Types are inferred from the base tokens below
+ */
+const baseSpacingTokens = {
+  Space0: {
+    value: '0',
+    attributes: {
+      group: 'scale'
+    }
+  },
+  Space025: {
+    value: '0.125rem',
+    attributes: {
+      group: 'scale'
+    }
+  },
+  Space050: {
+    value: '0.25rem',
+    attributes: {
+      group: 'scale'
+    }
+  },
+  Space075: {
+    value: '0.375rem',
+    attributes: {
+      group: 'scale'
+    }
+  },
+  Space100: {
+    value: '0.5rem',
+    attributes: {
+      group: 'scale'
+    }
+  },
+  Space150: {
+    value: '0.75rem',
+    attributes: {
+      group: 'scale'
+    }
+  },
+  Space200: {
+    value: '1rem',
+    attributes: {
+      group: 'scale'
     }
+  },
+  Space250: {
+    value: '1.25rem',
+    attributes: {
+      group: 'scale'
+    }
+  },
+  Space300: {
+    value: '1.5rem',
+    attributes: {
+      group: 'scale'
+    }
+  },
+  Space400: {
+    value: '2rem',
+    attributes: {
+      group: 'scale'
+    }
+  },
+  Space500: {
+    value: '2.5rem',
+    attributes: {
+      group: 'scale'
+    }
+  },
+  Space600: {
+    value: '3rem',
+    attributes: {
+      group: 'scale'
+    }
+  },
+  Space800: {
+    value: '4rem',
+    attributes: {
+      group: 'scale'
+    },
+    pixelValue: '64px'
+  },
+  Space1000: {
+    value: '5rem',
+    attributes: {
+      group: 'scale'
+    },
+    pixelValue: '80px'
   }
 };
-export default scale;
+const spacingPalette = {
+  spacing: {
+    scale: baseSpacingTokens
+  },
+  space: baseSpacingTokens
+};
+export default spacingPalette;

package/dist/es2019/theme-config.js

@@ -28,6 +28,12 @@
  * These ids must be kebab case
  */
 
+/**
+ * Theme to use a base. This will create the theme as
+ * an extension with all token values marked as optional
+ * to allow tokens to be overridden as required.
+ */
+
 /**
  * Palettes: The set of base tokens a given theme may be populated with.
  * For example: legacy light & dark themes use the "legacyPalette" containing colors from our

package/dist/es2019/tokens/atlassian-spacing/spacing.js

@@ -1,4 +1,56 @@
+/**
+ * The spacing value schema is specifically designed to dictate the
+ * possible values a specific key-token pair will have.
+ *
+ * This is combined with the attribute schema.
+ * @link 'file:../default/spacing/spacing.tsx'
+ */
 const spacing = {
+  space: {
+    '0': {
+      value: 'Space0'
+    },
+    '025': {
+      value: 'Space025'
+    },
+    '050': {
+      value: 'Space050'
+    },
+    '075': {
+      value: 'Space075'
+    },
+    '100': {
+      value: 'Space100'
+    },
+    '150': {
+      value: 'Space150'
+    },
+    '200': {
+      value: 'Space200'
+    },
+    '250': {
+      value: 'Space250'
+    },
+    '300': {
+      value: 'Space300'
+    },
+    '400': {
+      value: 'Space400'
+    },
+    '500': {
+      value: 'Space500'
+    },
+    '600': {
+      value: 'Space600'
+    },
+    '800': {
+      value: 'Space800'
+    },
+    '1000': {
+      value: 'Space1000'
+    }
+  },
+  // original namespace under 'spacing' this is the same as above
   spacing: {
     scale: {
       '0': {
@@ -36,6 +88,12 @@ const spacing = {
       },
       '600': {
         value: 'Space600'
+      },
+      '800': {
+        value: 'Space800'
+      },
+      '1000': {
+        value: 'Space1000'
       }
     },
     scaleLinear: {
@@ -76,44 +134,6 @@ const spacing = {
         value: 'Space600'
       }
     },
-    pixel: {
-      '0': {
-        value: 'Space0'
-      },
-      '2': {
-        value: 'Space025'
-      },
-      '4': {
-        value: 'Space050'
-      },
-      '6': {
-        value: 'Space075'
-      },
-      '8': {
-        value: 'Space100'
-      },
-      '12': {
-        value: 'Space150'
-      },
-      '16': {
-        value: 'Space200'
-      },
-      '20': {
-        value: 'Space250'
-      },
-      '24': {
-        value: 'Space300'
-      },
-      '32': {
-        value: 'Space400'
-      },
-      '40': {
-        value: 'Space500'
-      },
-      '48': {
-        value: 'Space600'
-      }
-    },
     size: {
       none: {
         value: 'Space0'
@@ -235,24 +255,24 @@ const spacing = {
       }
     },
     gap: {
-      100: {
+      '100': {
         value: 'Space100'
       },
-      200: {
+      '200': {
         value: 'Space200'
       },
-      300: {
+      '300': {
         value: 'Space300'
       }
     },
     inset: {
-      100: {
+      '100': {
         value: 'Space100'
       },
-      200: {
+      '200': {
         value: 'Space200'
       },
-      300: {
+      '300': {
         value: 'Space300'
       }
     }