@atlaskit/tokens 0.10.16 → 0.10.19

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

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var opacity = {
+  opacity: {
+    disabled: {
+      value: 'Opacity40'
+    },
+    loading: {
+      value: 'Opacity20'
+    }
+  }
+};
+var _default = opacity;
+exports.default = _default;

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

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var utility = {
+  UNSAFE_util: {
+    transparent: {
+      value: 'transparent'
+    },
+    MISSING_TOKEN: {
+      value: '#FA11F2'
+    }
+  }
+};
+var _default = {
+  utility: utility
+};
+exports.default = _default;

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

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var opacity = {
+  opacity: {
+    disabled: {
+      value: 'Opacity40'
+    },
+    loading: {
+      value: 'Opacity20'
+    }
+  }
+};
+var _default = opacity;
+exports.default = _default;

package/dist/cjs/tokens/default/elevation/shadow.js

@@ -20,7 +20,7 @@ var shadow = {
           group: 'shadow',
           state: 'active',
           introduced: '0.6.0',
-          description: "Use to create a shadow when content scolls under other content."
+          description: "Use to create a shadow when content scrolls under other content."
         }
       },
       overlay: {

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

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var opacity = {
+  opacity: {
+    disabled: {
+      attributes: {
+        group: 'opacity',
+        state: 'active',
+        introduced: '0.10.13',
+        description: "Apply to images when in a disabled state."
+      }
+    },
+    loading: {
+      attributes: {
+        group: 'opacity',
+        state: 'active',
+        introduced: '0.10.13',
+        description: "Apply to content that sits under a loading spinner."
+      }
+    }
+  }
+};
+var _default = opacity;
+exports.default = _default;

package/dist/cjs/utils/token-ids.js

@@ -26,14 +26,13 @@ var _constants = require("../constants");
  * getCSSCustomProperty('color.background.bold.[default]')
  */
 var getCSSCustomProperty = function getCSSCustomProperty(path) {
-  var normalizedPath = typeof path === 'string' ? path.split('.') : path;
-  return "--".concat([_constants.CSS_PREFIX].concat((0, _toConsumableArray2.default)(normalizedPath.slice(1))).filter(function (el) {
+  var normalizedPath = typeof path === 'string' ? path.split('.') : path; // Opacity and other 'shallow' groups are more readable when not trimmed
+
+  var slice = _constants.CSS_VAR_FULL.includes(path[0]) ? 0 : 1;
+  return "--".concat([_constants.CSS_PREFIX].concat((0, _toConsumableArray2.default)(normalizedPath.slice(slice))).filter(function (el) {
     return el !== '[default]';
   }).join('-'));
 };
-
-exports.getCSSCustomProperty = getCSSCustomProperty;
-
 /**
  * Transforms a style dictionary token path to a shorthand token id
  * These ids will be typically be how tokens are interacted with via typescript and css
@@ -48,6 +47,10 @@ exports.getCSSCustomProperty = getCSSCustomProperty;
  * // Returns color.background.bold
  * getTokenId('color.background.bold.[default]')
  */
+
+
+exports.getCSSCustomProperty = getCSSCustomProperty;
+
 var getTokenId = function getTokenId(path) {
   var normalizedPath = typeof path === 'string' ? path.split('.') : path;
   return normalizedPath.filter(function (el) {

package/dist/cjs/version.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/tokens",
-	"version": "0.10.16",
+	"version": "0.10.19",
 	"sideEffects": [
 		"**/*.css"
 	]