@atlaskit/tokens 0.10.29 → 0.10.31

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

@@ -4,11 +4,10 @@
  * 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::e575bc332dcc60d3fe9e378605bc9100>>
+ * @codegen <<SignedSource::05c2fcc3d0dba0931605dc98f7540009>>
  * @codegenCommand yarn build tokens
  */
 var defaultTokenValues = {
-  'spacing.container.gutter': '8px',
   'spacing.scale.0': '0px',
   'spacing.scale.100': '8px',
   'spacing.scale.150': '12px',
@@ -20,6 +19,70 @@ var defaultTokenValues = {
   'spacing.scale.600': '48px',
   'spacing.scale.025': '2px',
   'spacing.scale.050': '4px',
-  'spacing.scale.075': '6px'
+  'spacing.scale.075': '6px',
+  'spacing.scaleLinear.0': '0px',
+  'spacing.scaleLinear.100': '2px',
+  'spacing.scaleLinear.200': '4px',
+  'spacing.scaleLinear.300': '6px',
+  'spacing.scaleLinear.400': '8px',
+  'spacing.scaleLinear.500': '12px',
+  'spacing.scaleLinear.600': '16px',
+  'spacing.scaleLinear.700': '20px',
+  'spacing.scaleLinear.800': '24px',
+  'spacing.scaleLinear.900': '32px',
+  'spacing.scaleLinear.1000': '40px',
+  'spacing.scaleLinear.1100': '48px',
+  'spacing.pixel.0': '0px',
+  'spacing.pixel.2': '2px',
+  'spacing.pixel.4': '4px',
+  'spacing.pixel.6': '6px',
+  'spacing.pixel.8': '8px',
+  'spacing.pixel.12': '12px',
+  'spacing.pixel.16': '16px',
+  'spacing.pixel.20': '20px',
+  'spacing.pixel.24': '24px',
+  'spacing.pixel.32': '32px',
+  'spacing.pixel.40': '40px',
+  'spacing.pixel.48': '48px',
+  'spacing.size.none': '0px',
+  'spacing.size.xxxxSmall': '2px',
+  'spacing.size.xxxSmall': '4px',
+  'spacing.size.xxSmall': '6px',
+  'spacing.size.xsmall': '8px',
+  'spacing.size.small': '12px',
+  'spacing.size.medium': '16px',
+  'spacing.size.large': '20px',
+  'spacing.size.xlarge': '24px',
+  'spacing.size.xxlarge': '32px',
+  'spacing.size.xxxlarge': '40px',
+  'spacing.size.xxxxlarge': '48px',
+  'spacing.ecl.element.2': '2px',
+  'spacing.ecl.element.4': '4px',
+  'spacing.ecl.element.6': '6px',
+  'spacing.ecl.element.8': '8px',
+  'spacing.ecl.container.12': '12px',
+  'spacing.ecl.container.16': '16px',
+  'spacing.ecl.container.20': '20px',
+  'spacing.ecl.container.24': '24px',
+  'spacing.ecl.layout.32': '32px',
+  'spacing.ecl.layout.40': '40px',
+  'spacing.ecl.layout.64': '48px',
+  'spacing.ccc.component.2': '2px',
+  'spacing.ccc.component.4': '4px',
+  'spacing.ccc.component.6': '6px',
+  'spacing.ccc.component.8': '8px',
+  'spacing.ccc.content.12': '12px',
+  'spacing.ccc.content.16': '16px',
+  'spacing.ccc.content.20': '20px',
+  'spacing.ccc.content.24': '24px',
+  'spacing.ccc.container.32': '32px',
+  'spacing.ccc.container.40': '40px',
+  'spacing.ccc.container.48': '48px',
+  'spacing.gap.100': '8px',
+  'spacing.gap.200': '16px',
+  'spacing.gap.300': '24px',
+  'spacing.inset.100': '8px',
+  'spacing.inset.200': '16px',
+  'spacing.inset.300': '24px'
 };
 export default defaultTokenValues;

package/dist/esm/artifacts/typescript/atlassian-spacing-token-names.js

@@ -1,10 +1,9 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::873e77ae05fb3ff2730f5f6110aaeae3>>
+ * @codegen <<SignedSource::1808e289835f4813ce4782e16cce419d>>
  * @codegenCommand yarn build tokens
  */
 var tokens = {
-  'spacing.container.gutter': '--ds-container-gutter',
   'spacing.scale.0': '--ds-scale-0',
   'spacing.scale.100': '--ds-scale-100',
   'spacing.scale.150': '--ds-scale-150',
@@ -16,6 +15,70 @@ var tokens = {
   'spacing.scale.600': '--ds-scale-600',
   'spacing.scale.025': '--ds-scale-025',
   'spacing.scale.050': '--ds-scale-050',
-  'spacing.scale.075': '--ds-scale-075'
+  'spacing.scale.075': '--ds-scale-075',
+  'spacing.scaleLinear.0': '--ds-scaleLinear-0',
+  'spacing.scaleLinear.100': '--ds-scaleLinear-100',
+  'spacing.scaleLinear.200': '--ds-scaleLinear-200',
+  'spacing.scaleLinear.300': '--ds-scaleLinear-300',
+  'spacing.scaleLinear.400': '--ds-scaleLinear-400',
+  'spacing.scaleLinear.500': '--ds-scaleLinear-500',
+  'spacing.scaleLinear.600': '--ds-scaleLinear-600',
+  'spacing.scaleLinear.700': '--ds-scaleLinear-700',
+  'spacing.scaleLinear.800': '--ds-scaleLinear-800',
+  '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',
+  'spacing.size.xxSmall': '--ds-size-xxSmall',
+  'spacing.size.xsmall': '--ds-size-xsmall',
+  'spacing.size.small': '--ds-size-small',
+  'spacing.size.medium': '--ds-size-medium',
+  'spacing.size.large': '--ds-size-large',
+  'spacing.size.xlarge': '--ds-size-xlarge',
+  'spacing.size.xxlarge': '--ds-size-xxlarge',
+  'spacing.size.xxxlarge': '--ds-size-xxxlarge',
+  'spacing.size.xxxxlarge': '--ds-size-xxxxlarge',
+  'spacing.ecl.element.2': '--ds-ecl-element-2',
+  'spacing.ecl.element.4': '--ds-ecl-element-4',
+  'spacing.ecl.element.6': '--ds-ecl-element-6',
+  'spacing.ecl.element.8': '--ds-ecl-element-8',
+  'spacing.ecl.container.12': '--ds-ecl-container-12',
+  'spacing.ecl.container.16': '--ds-ecl-container-16',
+  'spacing.ecl.container.20': '--ds-ecl-container-20',
+  'spacing.ecl.container.24': '--ds-ecl-container-24',
+  'spacing.ecl.layout.32': '--ds-ecl-layout-32',
+  'spacing.ecl.layout.40': '--ds-ecl-layout-40',
+  'spacing.ecl.layout.64': '--ds-ecl-layout-64',
+  'spacing.ccc.component.2': '--ds-ccc-component-2',
+  'spacing.ccc.component.4': '--ds-ccc-component-4',
+  'spacing.ccc.component.6': '--ds-ccc-component-6',
+  'spacing.ccc.component.8': '--ds-ccc-component-8',
+  'spacing.ccc.content.12': '--ds-ccc-content-12',
+  'spacing.ccc.content.16': '--ds-ccc-content-16',
+  'spacing.ccc.content.20': '--ds-ccc-content-20',
+  'spacing.ccc.content.24': '--ds-ccc-content-24',
+  'spacing.ccc.container.32': '--ds-ccc-container-32',
+  'spacing.ccc.container.40': '--ds-ccc-container-40',
+  'spacing.ccc.container.48': '--ds-ccc-container-48',
+  'spacing.gap.100': '--ds-gap-100',
+  'spacing.gap.200': '--ds-gap-200',
+  'spacing.gap.300': '--ds-gap-300',
+  'spacing.inset.100': '--ds-inset-100',
+  'spacing.inset.200': '--ds-inset-200',
+  'spacing.inset.300': '--ds-inset-300'
 };
 export default tokens;

package/dist/esm/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';
 var name = "@atlaskit/tokens";
-var version = "0.10.29";
+var version = "0.10.31";
 
 function token(path, fallback) {
   var token = tokens[path];

package/dist/esm/palettes/legacy-palette.js

@@ -129,6 +129,13 @@ var palette = {
           category: 'yellow'
         }
       },
+      O800: {
+        value: '#974F0C',
+        attributes: {
+          group: 'palette',
+          category: 'orange'
+        }
+      },
       G50: {
         value: '#E3FCEF',
         attributes: {
@@ -459,14 +466,14 @@ var palette = {
         }
       },
       N10A: {
-        value: '#091e425',
+        value: '#091e4205',
         attributes: {
           group: 'palette',
           category: 'light mode neutral'
         }
       },
       N20A: {
-        value: '#091e42a',
+        value: '#091e420a',
         attributes: {
           group: 'palette',
           category: 'light mode neutral'

package/dist/esm/tokens/atlassian-legacy-light/color/background.js

@@ -46,8 +46,9 @@ var color = {
       },
       neutral: {
         '[default]': {
+          // this SHOULD be N20A but it creates a larger visual difference with lozenge / badge
           '[default]': {
-            value: 'N20A'
+            value: 'N40'
           },
           hovered: {
             value: 'N30A'
@@ -85,10 +86,10 @@ var color = {
             value: 'B400'
           },
           hovered: {
-            value: 'B200'
+            value: 'B300'
           },
           pressed: {
-            value: 'B400'
+            value: 'B500'
           }
         }
       },
@@ -133,10 +134,10 @@ var color = {
             value: 'R400'
           },
           hovered: {
-            value: 'R200'
+            value: 'R300'
           },
           pressed: {
-            value: 'R400'
+            value: 'R500'
           }
         }
       },
@@ -154,13 +155,13 @@ var color = {
         },
         bold: {
           '[default]': {
-            value: 'Y400'
+            value: 'Y300'
           },
           hovered: {
             value: 'Y200'
           },
           pressed: {
-            value: 'Y500'
+            value: 'Y400'
           }
         }
       },

package/dist/esm/tokens/atlassian-legacy-light/color/text.js

@@ -5,7 +5,7 @@ var color = {
         value: 'N800'
       },
       subtle: {
-        value: 'N300'
+        value: 'N500'
       },
       subtlest: {
         value: 'N100'
@@ -27,7 +27,7 @@ var color = {
       },
       warning: {
         '[default]': {
-          value: 'Y500'
+          value: 'O800'
         },
         inverse: {
           value: 'N800'

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

@@ -1,10 +1,5 @@
 var spacing = {
   spacing: {
-    container: {
-      gutter: {
-        value: 'Space100'
-      }
-    },
     scale: {
       '0': {
         value: 'Space0'
@@ -42,6 +37,224 @@ var spacing = {
       '600': {
         value: 'Space600'
       }
+    },
+    scaleLinear: {
+      '0': {
+        value: 'Space0'
+      },
+      '100': {
+        value: 'Space025'
+      },
+      '200': {
+        value: 'Space050'
+      },
+      '300': {
+        value: 'Space075'
+      },
+      '400': {
+        value: 'Space100'
+      },
+      '500': {
+        value: 'Space150'
+      },
+      '600': {
+        value: 'Space200'
+      },
+      '700': {
+        value: 'Space250'
+      },
+      '800': {
+        value: 'Space300'
+      },
+      '900': {
+        value: 'Space400'
+      },
+      '1000': {
+        value: 'Space500'
+      },
+      '1100': {
+        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'
+      },
+      xxxxSmall: {
+        value: 'Space025'
+      },
+      xxxSmall: {
+        value: 'Space050'
+      },
+      xxSmall: {
+        value: 'Space075'
+      },
+      xsmall: {
+        value: 'Space100'
+      },
+      small: {
+        value: 'Space150'
+      },
+      medium: {
+        value: 'Space200'
+      },
+      large: {
+        value: 'Space250'
+      },
+      xlarge: {
+        value: 'Space300'
+      },
+      xxlarge: {
+        value: 'Space400'
+      },
+      xxxlarge: {
+        value: 'Space500'
+      },
+      xxxxlarge: {
+        value: 'Space600'
+      }
+    },
+    ecl: {
+      element: {
+        '2': {
+          value: 'Space025'
+        },
+        '4': {
+          value: 'Space050'
+        },
+        '6': {
+          value: 'Space075'
+        },
+        '8': {
+          value: 'Space100'
+        }
+      },
+      container: {
+        '12': {
+          value: 'Space150'
+        },
+        '16': {
+          value: 'Space200'
+        },
+        '20': {
+          value: 'Space250'
+        },
+        '24': {
+          value: 'Space300'
+        }
+      },
+      layout: {
+        '32': {
+          value: 'Space400'
+        },
+        '40': {
+          value: 'Space500'
+        },
+        '64': {
+          value: 'Space600'
+        }
+      }
+    },
+    ccc: {
+      component: {
+        '2': {
+          value: 'Space025'
+        },
+        '4': {
+          value: 'Space050'
+        },
+        '6': {
+          value: 'Space075'
+        },
+        '8': {
+          value: 'Space100'
+        }
+      },
+      content: {
+        '12': {
+          value: 'Space150'
+        },
+        '16': {
+          value: 'Space200'
+        },
+        '20': {
+          value: 'Space250'
+        },
+        '24': {
+          value: 'Space300'
+        }
+      },
+      container: {
+        '32': {
+          value: 'Space400'
+        },
+        '40': {
+          value: 'Space500'
+        },
+        '48': {
+          value: 'Space600'
+        }
+      }
+    },
+    gap: {
+      100: {
+        value: 'Space100'
+      },
+      200: {
+        value: 'Space200'
+      },
+      300: {
+        value: 'Space300'
+      }
+    },
+    inset: {
+      100: {
+        value: 'Space100'
+      },
+      200: {
+        value: 'Space200'
+      },
+      300: {
+        value: 'Space300'
+      }
     }
   }
 };