@atlaskit/tokens 0.7.1 → 0.8.0

package/dist/es2019/get-token.js

@@ -1,7 +1,7 @@
 import warnOnce from '@atlaskit/ds-lib/warn-once';
 import tokens from './artifacts/token-names';
 const name = "@atlaskit/tokens";
-const version = "0.7.1";
+const version = "0.8.0";
 
 function token(path, fallback) {
   let token = tokens[path];

package/dist/es2019/tokens/atlassian-dark/color/skeleton.js

@@ -0,0 +1,13 @@
+const color = {
+  color: {
+    skeleton: {
+      '[default]': {
+        value: 'DN200A'
+      },
+      subtle: {
+        value: 'DN100A'
+      }
+    }
+  }
+};
+export default color;

package/dist/es2019/tokens/atlassian-dark/elevation/shadow.js

@@ -22,6 +22,29 @@ const shadow = {
           opacity: 0.5
         }]
       },
+      overflow: {
+        value: [{
+          radius: 12,
+          offset: {
+            x: 0,
+            y: 0
+          },
+          // @ts-ignore no current palette colour for this yet
+          color: '#030404',
+          // This opacity overrides the color alpha.
+          opacity: 0.56
+        }, {
+          radius: 1,
+          offset: {
+            x: 0,
+            y: 0
+          },
+          // @ts-ignore no current palette colour for this yet
+          color: '#030404',
+          // This opacity overrides the color alpha.
+          opacity: 0.5
+        }]
+      },
       overlay: {
         value: [{
           radius: 0,

package/dist/es2019/tokens/atlassian-light/color/skeleton.js

@@ -0,0 +1,13 @@
+const color = {
+  color: {
+    skeleton: {
+      '[default]': {
+        value: 'N200A'
+      },
+      subtle: {
+        value: 'N100A'
+      }
+    }
+  }
+};
+export default color;

package/dist/es2019/tokens/atlassian-light/elevation/shadow.js

@@ -20,6 +20,25 @@ const shadow = {
           opacity: 0.31
         }]
       },
+      overflow: {
+        value: [{
+          radius: 8,
+          offset: {
+            x: 0,
+            y: 8
+          },
+          color: 'N1100',
+          opacity: 0.08
+        }, {
+          radius: 1,
+          offset: {
+            x: 0,
+            y: 0
+          },
+          color: 'N1100',
+          opacity: 0.12
+        }]
+      },
       overlay: {
         value: [{
           radius: 12,

package/dist/es2019/tokens/atlassian-light/elevation/surface.js

@@ -5,7 +5,7 @@ const elevation = {
         value: 'N0'
       },
       sunken: {
-        value: 'N100A'
+        value: 'N100'
       },
       raised: {
         value: 'N0'

package/dist/es2019/tokens/default/color/skeleton.js

@@ -0,0 +1,21 @@
+const color = {
+  color: {
+    skeleton: {
+      '[default]': {
+        attributes: {
+          group: 'paint',
+          state: 'active',
+          description: 'Use for skeleton loading states'
+        }
+      },
+      subtle: {
+        attributes: {
+          group: 'paint',
+          state: 'active',
+          description: 'Use for the pulse or shimmer effect in skeleton loading states'
+        }
+      }
+    }
+  }
+};
+export default color;