@atlaskit/tokens 0.10.31 → 0.10.33

package/dist/types-ts4.0/artifacts/typescript/atlassian-spacing-token-default-values.d.ts

@@ -4,85 +4,85 @@
  * Token names mapped to their value in the default Atlassian themes ('light spacing').
  * These default values are used by the Babel plugin to optionally provide automatic fallbacks.
  *
- * @codegen <<SignedSource::05c2fcc3d0dba0931605dc98f7540009>>
+ * @codegen <<SignedSource::070fc18ba91d3a0673dcabb4f936f8d9>>
  * @codegenCommand yarn build tokens
  */
 declare const defaultTokenValues: {
-    readonly 'spacing.scale.0': "0px";
-    readonly 'spacing.scale.100': "8px";
-    readonly 'spacing.scale.150': "12px";
-    readonly 'spacing.scale.200': "16px";
-    readonly 'spacing.scale.250': "20px";
-    readonly 'spacing.scale.300': "24px";
-    readonly 'spacing.scale.400': "32px";
-    readonly 'spacing.scale.500': "40px";
-    readonly 'spacing.scale.600': "48px";
-    readonly 'spacing.scale.025': "2px";
-    readonly 'spacing.scale.050': "4px";
-    readonly 'spacing.scale.075': "6px";
-    readonly 'spacing.scaleLinear.0': "0px";
-    readonly 'spacing.scaleLinear.100': "2px";
-    readonly 'spacing.scaleLinear.200': "4px";
-    readonly 'spacing.scaleLinear.300': "6px";
-    readonly 'spacing.scaleLinear.400': "8px";
-    readonly 'spacing.scaleLinear.500': "12px";
-    readonly 'spacing.scaleLinear.600': "16px";
-    readonly 'spacing.scaleLinear.700': "20px";
-    readonly 'spacing.scaleLinear.800': "24px";
-    readonly 'spacing.scaleLinear.900': "32px";
-    readonly 'spacing.scaleLinear.1000': "40px";
-    readonly 'spacing.scaleLinear.1100': "48px";
-    readonly 'spacing.pixel.0': "0px";
-    readonly 'spacing.pixel.2': "2px";
-    readonly 'spacing.pixel.4': "4px";
-    readonly 'spacing.pixel.6': "6px";
-    readonly 'spacing.pixel.8': "8px";
-    readonly 'spacing.pixel.12': "12px";
-    readonly 'spacing.pixel.16': "16px";
-    readonly 'spacing.pixel.20': "20px";
-    readonly 'spacing.pixel.24': "24px";
-    readonly 'spacing.pixel.32': "32px";
-    readonly 'spacing.pixel.40': "40px";
-    readonly 'spacing.pixel.48': "48px";
-    readonly 'spacing.size.none': "0px";
-    readonly 'spacing.size.xxxxSmall': "2px";
-    readonly 'spacing.size.xxxSmall': "4px";
-    readonly 'spacing.size.xxSmall': "6px";
-    readonly 'spacing.size.xsmall': "8px";
-    readonly 'spacing.size.small': "12px";
-    readonly 'spacing.size.medium': "16px";
-    readonly 'spacing.size.large': "20px";
-    readonly 'spacing.size.xlarge': "24px";
-    readonly 'spacing.size.xxlarge': "32px";
-    readonly 'spacing.size.xxxlarge': "40px";
-    readonly 'spacing.size.xxxxlarge': "48px";
-    readonly 'spacing.ecl.element.2': "2px";
-    readonly 'spacing.ecl.element.4': "4px";
-    readonly 'spacing.ecl.element.6': "6px";
-    readonly 'spacing.ecl.element.8': "8px";
-    readonly 'spacing.ecl.container.12': "12px";
-    readonly 'spacing.ecl.container.16': "16px";
-    readonly 'spacing.ecl.container.20': "20px";
-    readonly 'spacing.ecl.container.24': "24px";
-    readonly 'spacing.ecl.layout.32': "32px";
-    readonly 'spacing.ecl.layout.40': "40px";
-    readonly 'spacing.ecl.layout.64': "48px";
-    readonly 'spacing.ccc.component.2': "2px";
-    readonly 'spacing.ccc.component.4': "4px";
-    readonly 'spacing.ccc.component.6': "6px";
-    readonly 'spacing.ccc.component.8': "8px";
-    readonly 'spacing.ccc.content.12': "12px";
-    readonly 'spacing.ccc.content.16': "16px";
-    readonly 'spacing.ccc.content.20': "20px";
-    readonly 'spacing.ccc.content.24': "24px";
-    readonly 'spacing.ccc.container.32': "32px";
-    readonly 'spacing.ccc.container.40': "40px";
-    readonly 'spacing.ccc.container.48': "48px";
-    readonly 'spacing.gap.100': "8px";
-    readonly 'spacing.gap.200': "16px";
-    readonly 'spacing.gap.300': "24px";
-    readonly 'spacing.inset.100': "8px";
-    readonly 'spacing.inset.200': "16px";
-    readonly 'spacing.inset.300': "24px";
+    readonly 'spacing.scale.0': "0";
+    readonly 'spacing.scale.100': "0.5rem";
+    readonly 'spacing.scale.150': "0.75rem";
+    readonly 'spacing.scale.200': "1rem";
+    readonly 'spacing.scale.250': "1.25rem";
+    readonly 'spacing.scale.300': "1.5rem";
+    readonly 'spacing.scale.400': "2rem";
+    readonly 'spacing.scale.500': "2.5rem";
+    readonly 'spacing.scale.600': "3rem";
+    readonly 'spacing.scale.025': "0.125rem";
+    readonly 'spacing.scale.050': "0.25rem";
+    readonly 'spacing.scale.075': "0.375rem";
+    readonly 'spacing.scaleLinear.0': "0";
+    readonly 'spacing.scaleLinear.100': "0.125rem";
+    readonly 'spacing.scaleLinear.200': "0.25rem";
+    readonly 'spacing.scaleLinear.300': "0.375rem";
+    readonly 'spacing.scaleLinear.400': "0.5rem";
+    readonly 'spacing.scaleLinear.500': "0.75rem";
+    readonly 'spacing.scaleLinear.600': "1rem";
+    readonly 'spacing.scaleLinear.700': "1.25rem";
+    readonly 'spacing.scaleLinear.800': "1.5rem";
+    readonly 'spacing.scaleLinear.900': "2rem";
+    readonly 'spacing.scaleLinear.1000': "2.5rem";
+    readonly 'spacing.scaleLinear.1100': "3rem";
+    readonly 'spacing.pixel.0': "0";
+    readonly 'spacing.pixel.2': "0.125rem";
+    readonly 'spacing.pixel.4': "0.25rem";
+    readonly 'spacing.pixel.6': "0.375rem";
+    readonly 'spacing.pixel.8': "0.5rem";
+    readonly 'spacing.pixel.12': "0.75rem";
+    readonly 'spacing.pixel.16': "1rem";
+    readonly 'spacing.pixel.20': "1.25rem";
+    readonly 'spacing.pixel.24': "1.5rem";
+    readonly 'spacing.pixel.32': "2rem";
+    readonly 'spacing.pixel.40': "2.5rem";
+    readonly 'spacing.pixel.48': "3rem";
+    readonly 'spacing.size.none': "0";
+    readonly 'spacing.size.xxxxSmall': "0.125rem";
+    readonly 'spacing.size.xxxSmall': "0.25rem";
+    readonly 'spacing.size.xxSmall': "0.375rem";
+    readonly 'spacing.size.xsmall': "0.5rem";
+    readonly 'spacing.size.small': "0.75rem";
+    readonly 'spacing.size.medium': "1rem";
+    readonly 'spacing.size.large': "1.25rem";
+    readonly 'spacing.size.xlarge': "1.5rem";
+    readonly 'spacing.size.xxlarge': "2rem";
+    readonly 'spacing.size.xxxlarge': "2.5rem";
+    readonly 'spacing.size.xxxxlarge': "3rem";
+    readonly 'spacing.ecl.element.2': "0.125rem";
+    readonly 'spacing.ecl.element.4': "0.25rem";
+    readonly 'spacing.ecl.element.6': "0.375rem";
+    readonly 'spacing.ecl.element.8': "0.5rem";
+    readonly 'spacing.ecl.container.12': "0.75rem";
+    readonly 'spacing.ecl.container.16': "1rem";
+    readonly 'spacing.ecl.container.20': "1.25rem";
+    readonly 'spacing.ecl.container.24': "1.5rem";
+    readonly 'spacing.ecl.layout.32': "2rem";
+    readonly 'spacing.ecl.layout.40': "2.5rem";
+    readonly 'spacing.ecl.layout.64': "3rem";
+    readonly 'spacing.ccc.component.2': "0.125rem";
+    readonly 'spacing.ccc.component.4': "0.25rem";
+    readonly 'spacing.ccc.component.6': "0.375rem";
+    readonly 'spacing.ccc.component.8': "0.5rem";
+    readonly 'spacing.ccc.content.12': "0.75rem";
+    readonly 'spacing.ccc.content.16': "1rem";
+    readonly 'spacing.ccc.content.20': "1.25rem";
+    readonly 'spacing.ccc.content.24': "1.5rem";
+    readonly 'spacing.ccc.container.32': "2rem";
+    readonly 'spacing.ccc.container.40': "2.5rem";
+    readonly 'spacing.ccc.container.48': "3rem";
+    readonly 'spacing.gap.100': "0.5rem";
+    readonly 'spacing.gap.200': "1rem";
+    readonly 'spacing.gap.300': "1.5rem";
+    readonly 'spacing.inset.100': "0.5rem";
+    readonly 'spacing.inset.200': "1rem";
+    readonly 'spacing.inset.300': "1.5rem";
 };
 export default defaultTokenValues;

package/dist/types-ts4.0/types.d.ts

@@ -479,7 +479,11 @@ export interface ShadowTokenSchema<BaseToken> {
     elevation: {
         shadow: {
             raised: ShadowToken<BaseToken>;
-            overflow: ShadowToken<BaseToken>;
+            overflow: {
+                '[default]': ShadowToken<BaseToken>;
+                spread: PaintToken<BaseToken>;
+                perimeter: PaintToken<BaseToken>;
+            };
             overlay: ShadowToken<BaseToken>;
         };
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/tokens",
-  "version": "0.10.31",
+  "version": "0.10.33",
   "author": "Atlassian Pty Ltd",
   "description": "Design tokens are the single source of truth to name and store design decisions.",
   "license": "Apache-2.0",

package/report.api.md

@@ -298,6 +298,8 @@ type CSSTokenMap_2 = {
   'shadow.overlay': 'var(--ds-overlay)';
   'elevation.shadow.raised': 'var(--ds-shadow-raised)';
   'elevation.shadow.overflow': 'var(--ds-shadow-overflow)';
+  'elevation.shadow.overflow.spread': 'var(--ds-shadow-overflow-spread)';
+  'elevation.shadow.overflow.perimeter': 'var(--ds-shadow-overflow-perimeter)';
   'elevation.shadow.overlay': 'var(--ds-shadow-overlay)';
   'elevation.surface': 'var(--ds-surface)';
   'elevation.surface.hovered': 'var(--ds-surface-hovered)';
@@ -821,6 +823,8 @@ const tokens: {
   readonly 'shadow.overlay': '--ds-overlay';
   readonly 'elevation.shadow.raised': '--ds-shadow-raised';
   readonly 'elevation.shadow.overflow': '--ds-shadow-overflow';
+  readonly 'elevation.shadow.overflow.spread': '--ds-shadow-overflow-spread';
+  readonly 'elevation.shadow.overflow.perimeter': '--ds-shadow-overflow-perimeter';
   readonly 'elevation.shadow.overlay': '--ds-shadow-overlay';
   readonly 'elevation.surface': '--ds-surface';
   readonly 'elevation.surface.hovered': '--ds-surface-hovered';

package/tmp/api-report-tmp.d.ts

@@ -288,6 +288,8 @@ type CSSTokenMap_2 = {
     'shadow.overlay': 'var(--ds-overlay)';
     'elevation.shadow.raised': 'var(--ds-shadow-raised)';
     'elevation.shadow.overflow': 'var(--ds-shadow-overflow)';
+    'elevation.shadow.overflow.spread': 'var(--ds-shadow-overflow-spread)';
+    'elevation.shadow.overflow.perimeter': 'var(--ds-shadow-overflow-perimeter)';
     'elevation.shadow.overlay': 'var(--ds-shadow-overlay)';
     'elevation.surface': 'var(--ds-surface)';
     'elevation.surface.hovered': 'var(--ds-surface-hovered)';
@@ -793,6 +795,8 @@ const tokens: {
     readonly 'shadow.overlay': "--ds-overlay";
     readonly 'elevation.shadow.raised': "--ds-shadow-raised";
     readonly 'elevation.shadow.overflow': "--ds-shadow-overflow";
+    readonly 'elevation.shadow.overflow.spread': "--ds-shadow-overflow-spread";
+    readonly 'elevation.shadow.overflow.perimeter': "--ds-shadow-overflow-perimeter";
     readonly 'elevation.shadow.overlay': "--ds-shadow-overlay";
     readonly 'elevation.surface': "--ds-surface";
     readonly 'elevation.surface.hovered': "--ds-surface-hovered";