@atlaskit/tokens 1.15.2 → 1.17.0

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

@@ -9,7 +9,7 @@ var shadow = {
     shadow: {
       raised: {
         value: [{
-          // This inset shadow is just to allow animations between shadow types
+          // This shadow is just to allow animations between shadow types
           radius: 0,
           spread: 1,
           // @ts-ignore no current palette colour for this yet
@@ -18,8 +18,7 @@ var shadow = {
             x: 0,
             y: 0
           },
-          opacity: 0,
-          inset: true
+          opacity: 0
         }, {
           radius: 1,
           offset: {
@@ -77,13 +76,13 @@ var shadow = {
         value: [{
           radius: 0,
           spread: 1,
-          color: 'DarkNeutral100A',
+          // @ts-ignore no current palette colour for this yet
+          color: '#39424a',
           offset: {
             x: 0,
             y: 0
           },
-          opacity: 0.12,
-          inset: true
+          opacity: 1
         }, {
           radius: 12,
           offset: {
@@ -95,6 +94,7 @@ var shadow = {
           opacity: 0.36
         }, {
           radius: 1,
+          spread: 1,
           offset: {
             x: 0,
             y: 0

package/dist/cjs/tokens/atlassian-dark/utility/utility.js

@@ -1,10 +1,19 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _surface = _interopRequireDefault(require("../elevation/surface"));
 var utility = {
+  elevation: {
+    surface: {
+      current: {
+        value: _surface.default.elevation.surface['[default]']['[default]'].value
+      }
+    }
+  },
   UNSAFE: {
     transparent: {
       value: 'transparent'

package/dist/cjs/tokens/atlassian-legacy-dark/utility/utility.js

@@ -1,10 +1,19 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _surface = _interopRequireDefault(require("../elevation/surface"));
 var utility = {
+  elevation: {
+    surface: {
+      current: {
+        value: _surface.default.elevation.surface['[default]']['[default]'].value
+      }
+    }
+  },
   UNSAFE: {
     transparent: {
       value: 'transparent'

package/dist/cjs/tokens/atlassian-legacy-light/utility/utility.js

@@ -1,10 +1,19 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _surface = _interopRequireDefault(require("../elevation/surface"));
 var utility = {
+  elevation: {
+    surface: {
+      current: {
+        value: _surface.default.elevation.surface['[default]']['[default]'].value
+      }
+    }
+  },
   UNSAFE: {
     transparent: {
       value: 'transparent'

package/dist/cjs/tokens/atlassian-light/utility/utility.js

@@ -1,14 +1,23 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _surface = _interopRequireDefault(require("../elevation/surface"));
 var utility = {
   UNSAFE: {
     transparent: {
       value: 'transparent'
     }
+  },
+  elevation: {
+    surface: {
+      current: {
+        value: _surface.default.elevation.surface['[default]']['[default]'].value
+      }
+    }
   }
 };
 var _default = {

package/dist/cjs/tokens/default/utility/utility.js

@@ -14,6 +14,18 @@ var utility = {
         description: 'Transparent token used for backwards compatibility between new and old theming solutions'
       }
     }
+  },
+  elevation: {
+    surface: {
+      current: {
+        attributes: {
+          group: 'paint',
+          state: 'active',
+          introduced: '1.14.0',
+          description: "A dynamic token that represents the current surface color set by a parent element. It defaults to the 'elevation.surface' token value."
+        }
+      }
+    }
   }
 };
 var _default = {

package/dist/es2019/artifacts/themes/atlassian-dark.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::e604987b15cfe0a366b3286681388a27>>
+ * @codegen <<SignedSource::ee1744fd5bb4236aa11d6b04264c3f36>>
  * @codegenCommand yarn build tokens
  */
 export default `
@@ -308,10 +308,11 @@ html[data-color-mode="dark"][data-theme~="dark:dark"] {
   --ds-shadow-overflow: 0px 0px 12px #0304048F, 0px 0px 1px #03040480;
   --ds-shadow-overflow-perimeter: #03040480;
   --ds-shadow-overflow-spread: #0304048f;
-  --ds-shadow-overlay: inset 0px 0px 0px 1px #BCD6F01F, 0px 8px 12px #0304045C, 0px 0px 1px #03040480;
-  --ds-shadow-raised: inset 0px 0px 0px 1px #00000000, 0px 1px 1px #03040480, 0px 0px 1px #03040480;
+  --ds-shadow-overlay: 0px 0px 0px 1px #39424a, 0px 8px 12px #0304045C, 0px 0px 1px 1px #03040480;
+  --ds-shadow-raised: 0px 0px 0px 1px #00000000, 0px 1px 1px #03040480, 0px 0px 1px #03040480;
   --ds-opacity-disabled: 0.4;
   --ds-opacity-loading: 0.2;
   --ds-UNSAFE-transparent: transparent;
+  --ds-elevation-surface-current: #1D2125;
 }
 `;

package/dist/es2019/artifacts/themes/atlassian-legacy-dark.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::1be3f0bcebfb31cee85358d44c955235>>
+ * @codegen <<SignedSource::894461832aeb4a23b3e2b76aabc72aa2>>
  * @codegenCommand yarn build tokens
  */
 export default `
@@ -313,5 +313,6 @@ html[data-color-mode="dark"][data-theme~="dark:legacy-dark"] {
   --ds-opacity-disabled: 0.4;
   --ds-opacity-loading: 0.2;
   --ds-UNSAFE-transparent: transparent;
+  --ds-elevation-surface-current: #1B2638;
 }
 `;

package/dist/es2019/artifacts/themes/atlassian-legacy-light.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::6c33e244168e3fd752767b58505680ca>>
+ * @codegen <<SignedSource::bb1cb4ad45bcc3279ee350014d84f67d>>
  * @codegenCommand yarn build tokens
  */
 export default `
@@ -313,5 +313,6 @@ html[data-color-mode="dark"][data-theme~="dark:legacy-light"] {
   --ds-opacity-disabled: 0.4;
   --ds-opacity-loading: 0.2;
   --ds-UNSAFE-transparent: transparent;
+  --ds-elevation-surface-current: #FFFFFF;
 }
 `;

package/dist/es2019/artifacts/themes/atlassian-light.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::b43cd34188f48573ad15a23eeca733c5>>
+ * @codegen <<SignedSource::4c22d0040bb94fc1c6de62360674bb8f>>
  * @codegenCommand yarn build tokens
  */
 export default `
@@ -313,5 +313,6 @@ html[data-color-mode="dark"][data-theme~="dark:light"] {
   --ds-opacity-disabled: 0.4;
   --ds-opacity-loading: 0.2;
   --ds-UNSAFE-transparent: transparent;
+  --ds-elevation-surface-current: #FFFFFF;
 }
 `;

package/dist/es2019/artifacts/token-default-values.js

@@ -7,7 +7,7 @@
  * 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::7b0a463a4cd5463b13d98c47582631db>>
+ * @codegen <<SignedSource::840fd992afdcf5c5441bb2f2c6c314e7>>
  * @codegenCommand yarn build tokens
  */
 const defaultTokenValues = {
@@ -317,6 +317,7 @@ const defaultTokenValues = {
   'opacity.disabled': '0.4',
   'opacity.loading': '0.2',
   'utility.UNSAFE.transparent': 'transparent',
+  'utility.elevation.surface.current': '#FFFFFF',
   'border.radius.050': '0.125rem',
   'border.radius': '0.25rem',
   'border.radius.100': '0.25rem',

package/dist/es2019/artifacts/token-names.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::941775f7937b33243f0409b0ddd4fcd1>>
+ * @codegen <<SignedSource::b711d4f618026dc282f82bd14b87c1b3>>
  * @codegenCommand yarn build tokens
  */
 const tokens = {
@@ -310,6 +310,7 @@ const tokens = {
   'opacity.disabled': '--ds-opacity-disabled',
   'opacity.loading': '--ds-opacity-loading',
   'utility.UNSAFE.transparent': '--ds-UNSAFE-transparent',
+  'utility.elevation.surface.current': '--ds-elevation-surface-current',
   'border.radius.050': '--ds-border-radius-050',
   'border.radius': '--ds-border-radius',
   'border.radius.100': '--ds-border-radius-100',

package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::10dbc24fd477fa86fa9ecfdb19000ddf>>
+ * @codegen <<SignedSource::72b954bf07d3f88c91f182994cf842e8>>
  * @codegenCommand yarn build tokens
  */
 const tokens = [{
@@ -6667,13 +6667,12 @@ const tokens = [{
   "value": [{
     "radius": 0,
     "spread": 1,
-    "color": "#BCD6F00A",
+    "color": "#39424a",
     "offset": {
       "x": 0,
       "y": 0
     },
-    "opacity": 0.12,
-    "inset": true
+    "opacity": 1
   }, {
     "radius": 12,
     "offset": {
@@ -6684,6 +6683,7 @@ const tokens = [{
     "opacity": 0.36
   }, {
     "radius": 1,
+    "spread": 1,
     "offset": {
       "x": 0,
       "y": 0
@@ -6703,13 +6703,12 @@ const tokens = [{
     "value": [{
       "radius": 0,
       "spread": 1,
-      "color": "DarkNeutral100A",
+      "color": "#39424a",
       "offset": {
         "x": 0,
         "y": 0
       },
-      "opacity": 0.12,
-      "inset": true
+      "opacity": 1
     }, {
       "radius": 12,
       "offset": {
@@ -6720,6 +6719,7 @@ const tokens = [{
       "opacity": 0.36
     }, {
       "radius": 1,
+      "spread": 1,
       "offset": {
         "x": 0,
         "y": 0
@@ -6746,8 +6746,7 @@ const tokens = [{
       "x": 0,
       "y": 0
     },
-    "opacity": 0,
-    "inset": true
+    "opacity": 0
   }, {
     "radius": 1,
     "offset": {
@@ -6782,8 +6781,7 @@ const tokens = [{
         "x": 0,
         "y": 0
       },
-      "opacity": 0,
-      "inset": true
+      "opacity": 0
     }, {
       "radius": 1,
       "offset": {
@@ -6871,5 +6869,27 @@ const tokens = [{
   "name": "utility.UNSAFE.transparent",
   "path": ["utility", "UNSAFE", "transparent"],
   "cleanName": "utility.UNSAFE.transparent"
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "1.14.0",
+    "description": "A dynamic token that represents the current surface color set by a parent element. It defaults to the 'elevation.surface' token value."
+  },
+  "value": "#1D2125",
+  "filePath": "src/tokens/atlassian-dark/utility/utility.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "1.14.0",
+      "description": "A dynamic token that represents the current surface color set by a parent element. It defaults to the 'elevation.surface' token value."
+    },
+    "value": "DarkNeutral100"
+  },
+  "name": "utility.elevation.surface.current",
+  "path": ["utility", "elevation", "surface", "current"],
+  "cleanName": "utility.elevation.surface.current"
 }];
 export default tokens;

package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-dark.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::6601df15e45294ebfb575b1b034a2aa7>>
+ * @codegen <<SignedSource::2a0fae81b3c8b6bd958a5afee23d5c83>>
  * @codegenCommand yarn build tokens
  */
 const tokens = [{
@@ -6871,5 +6871,27 @@ const tokens = [{
   "name": "utility.UNSAFE.transparent",
   "path": ["utility", "UNSAFE", "transparent"],
   "cleanName": "utility.UNSAFE.transparent"
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "1.14.0",
+    "description": "A dynamic token that represents the current surface color set by a parent element. It defaults to the 'elevation.surface' token value."
+  },
+  "value": "#1B2638",
+  "filePath": "src/tokens/atlassian-legacy-dark/utility/utility.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "1.14.0",
+      "description": "A dynamic token that represents the current surface color set by a parent element. It defaults to the 'elevation.surface' token value."
+    },
+    "value": "DN30"
+  },
+  "name": "utility.elevation.surface.current",
+  "path": ["utility", "elevation", "surface", "current"],
+  "cleanName": "utility.elevation.surface.current"
 }];
 export default tokens;

package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-light.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::309519b3d309ba66f31d019788cc5ef0>>
+ * @codegen <<SignedSource::b3ea1da0f88da3d30d4cda12e93afc66>>
  * @codegenCommand yarn build tokens
  */
 const tokens = [{
@@ -6831,5 +6831,27 @@ const tokens = [{
   "name": "utility.UNSAFE.transparent",
   "path": ["utility", "UNSAFE", "transparent"],
   "cleanName": "utility.UNSAFE.transparent"
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "1.14.0",
+    "description": "A dynamic token that represents the current surface color set by a parent element. It defaults to the 'elevation.surface' token value."
+  },
+  "value": "#FFFFFF",
+  "filePath": "src/tokens/atlassian-legacy-light/utility/utility.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "1.14.0",
+      "description": "A dynamic token that represents the current surface color set by a parent element. It defaults to the 'elevation.surface' token value."
+    },
+    "value": "N0"
+  },
+  "name": "utility.elevation.surface.current",
+  "path": ["utility", "elevation", "surface", "current"],
+  "cleanName": "utility.elevation.surface.current"
 }];
 export default tokens;

package/dist/es2019/artifacts/tokens-raw/atlassian-light.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::c96324369c8a09e129803eff1f33d1e8>>
+ * @codegen <<SignedSource::433c4b4063a7a64e2fbe6ec86614ba47>>
  * @codegenCommand yarn build tokens
  */
 const tokens = [{
@@ -6831,5 +6831,27 @@ const tokens = [{
   "name": "utility.UNSAFE.transparent",
   "path": ["utility", "UNSAFE", "transparent"],
   "cleanName": "utility.UNSAFE.transparent"
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "1.14.0",
+    "description": "A dynamic token that represents the current surface color set by a parent element. It defaults to the 'elevation.surface' token value."
+  },
+  "value": "#FFFFFF",
+  "filePath": "src/tokens/atlassian-light/utility/utility.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "1.14.0",
+      "description": "A dynamic token that represents the current surface color set by a parent element. It defaults to the 'elevation.surface' token value."
+    },
+    "value": "Neutral0"
+  },
+  "name": "utility.elevation.surface.current",
+  "path": ["utility", "elevation", "surface", "current"],
+  "cleanName": "utility.elevation.surface.current"
 }];
 export default tokens;

package/dist/es2019/constants.js

@@ -3,4 +3,5 @@ export const COLOR_MODE_ATTRIBUTE = 'data-color-mode';
 export const CUSTOM_THEME_ATTRIBUTE = 'data-custom-theme';
 export const CSS_PREFIX = 'ds';
 export const CSS_VAR_FULL = ['opacity', 'font', 'space', 'border'];
-export const TOKEN_NOT_FOUND_CSS_VAR = `--${CSS_PREFIX}-token-not-found`;
+export const TOKEN_NOT_FOUND_CSS_VAR = `--${CSS_PREFIX}-token-not-found`;
+export const CURRENT_SURFACE_CSS_VAR = `--${CSS_PREFIX}-elevation-surface-current`;

package/dist/es2019/get-token-value.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 = "1.15.2";
+const version = "1.17.0";
 /**
  * Takes a dot-separated token name and and an optional fallback, and returns the current computed CSS value for the
  * resulting CSS Custom Property.

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 = "1.15.2";
+const version = "1.17.0";
 /**
  * Takes a dot-separated token name and an optional fallback, and returns the CSS custom property for the corresponding token.
  * This should be used to implement design decisions throughout your application.

package/dist/es2019/index.js

@@ -8,4 +8,5 @@ export { default as getSSRAutoScript } from './get-ssr-auto-script';
 export { default as useThemeObserver } from './use-theme-observer';
 export { default as ThemeMutationObserver } from './theme-mutation-observer';
 export { default as getGlobalTheme } from './get-global-theme';
-export { themeStringToObject, themeObjectToString } from './theme-state-transformer';
+export { themeStringToObject, themeObjectToString } from './theme-state-transformer';
+export { CURRENT_SURFACE_CSS_VAR } from './constants';

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

@@ -3,7 +3,7 @@ const shadow = {
     shadow: {
       raised: {
         value: [{
-          // This inset shadow is just to allow animations between shadow types
+          // This shadow is just to allow animations between shadow types
           radius: 0,
           spread: 1,
           // @ts-ignore no current palette colour for this yet
@@ -12,8 +12,7 @@ const shadow = {
             x: 0,
             y: 0
           },
-          opacity: 0,
-          inset: true
+          opacity: 0
         }, {
           radius: 1,
           offset: {
@@ -71,13 +70,13 @@ const shadow = {
         value: [{
           radius: 0,
           spread: 1,
-          color: 'DarkNeutral100A',
+          // @ts-ignore no current palette colour for this yet
+          color: '#39424a',
           offset: {
             x: 0,
             y: 0
           },
-          opacity: 0.12,
-          inset: true
+          opacity: 1
         }, {
           radius: 12,
           offset: {
@@ -89,6 +88,7 @@ const shadow = {
           opacity: 0.36
         }, {
           radius: 1,
+          spread: 1,
           offset: {
             x: 0,
             y: 0

package/dist/es2019/tokens/atlassian-dark/utility/utility.js

@@ -1,4 +1,12 @@
+import elevation from '../elevation/surface';
 const utility = {
+  elevation: {
+    surface: {
+      current: {
+        value: elevation.elevation.surface['[default]']['[default]'].value
+      }
+    }
+  },
   UNSAFE: {
     transparent: {
       value: 'transparent'

package/dist/es2019/tokens/atlassian-legacy-dark/utility/utility.js

@@ -1,4 +1,12 @@
+import elevation from '../elevation/surface';
 const utility = {
+  elevation: {
+    surface: {
+      current: {
+        value: elevation.elevation.surface['[default]']['[default]'].value
+      }
+    }
+  },
   UNSAFE: {
     transparent: {
       value: 'transparent'

package/dist/es2019/tokens/atlassian-legacy-light/utility/utility.js

@@ -1,4 +1,12 @@
+import elevation from '../elevation/surface';
 const utility = {
+  elevation: {
+    surface: {
+      current: {
+        value: elevation.elevation.surface['[default]']['[default]'].value
+      }
+    }
+  },
   UNSAFE: {
     transparent: {
       value: 'transparent'

package/dist/es2019/tokens/atlassian-light/utility/utility.js

@@ -1,8 +1,16 @@
+import elevation from '../elevation/surface';
 const utility = {
   UNSAFE: {
     transparent: {
       value: 'transparent'
     }
+  },
+  elevation: {
+    surface: {
+      current: {
+        value: elevation.elevation.surface['[default]']['[default]'].value
+      }
+    }
   }
 };
 export default {

package/dist/es2019/tokens/default/utility/utility.js

@@ -8,6 +8,18 @@ const utility = {
         description: 'Transparent token used for backwards compatibility between new and old theming solutions'
       }
     }
+  },
+  elevation: {
+    surface: {
+      current: {
+        attributes: {
+          group: 'paint',
+          state: 'active',
+          introduced: '1.14.0',
+          description: `A dynamic token that represents the current surface color set by a parent element. It defaults to the 'elevation.surface' token value.`
+        }
+      }
+    }
   }
 };
 export default {