@atlaskit/blanket 12.2.1 → 12.2.5

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # @atlaskit/blanket
 
+## 12.2.5
+
+### Patch Changes
+
+- [`f460cc7c411`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f460cc7c411) - Builds for this package now pass through a tokens babel plugin, removing runtime invocations of the tokens() function and improving bundle size.
+- Updated dependencies
+
+## 12.2.4
+
+### Patch Changes
+
+- Updated dependencies
+
+## 12.2.3
+
+### Patch Changes
+
+- [`34282240102`](https://bitbucket.org/atlassian/atlassian-frontend/commits/34282240102) - Adds explicit type to button usages components.
+
+## 12.2.2
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 12.2.1
 
 ### Patch Changes

package/__perf__/hideBlanket.tsx

@@ -18,7 +18,11 @@ const BlanketPerformance = () => {
 
   return (
     <>
-      <button onClick={toggleBlanketVisibility} data-testid="toggleButton">
+      <button
+        type="button"
+        onClick={toggleBlanketVisibility}
+        data-testid="toggleButton"
+      >
         Toggle blanket
       </button>
 

package/__perf__/showBlanket.tsx

@@ -18,7 +18,11 @@ const BlanketPerformance = () => {
 
   return (
     <>
-      <button onClick={toggleBlanketVisibility} data-testid="toggleButton">
+      <button
+        type="button"
+        onClick={toggleBlanketVisibility}
+        data-testid="toggleButton"
+      >
         Toggle blanket
       </button>
       <Blanket isTinted={isBlanketVisible} shouldAllowClickThrough={true} />

package/dist/cjs/blanket.js

@@ -25,8 +25,6 @@ var _components = require("@atlaskit/theme/components");
 
 var _constants = require("@atlaskit/theme/constants");
 
-var _tokens = require("@atlaskit/tokens");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -36,7 +34,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 var packageName = "@atlaskit/blanket";
-var packageVersion = "12.2.1";
+var packageVersion = "12.2.5";
 var analyticsAttributes = {
   componentName: 'blanket',
   packageName: packageName,
@@ -59,10 +57,10 @@ var invisibleStyles = (0, _core.css)({
   backgroundColor: 'transparent'
 });
 var lightBgStyles = (0, _core.css)({
-  backgroundColor: (0, _tokens.token)('color.background.blanket', _colors.N100A)
+  backgroundColor: "var(--ds-background-blanket, ".concat(_colors.N100A, ")")
 });
 var darkBgStyles = (0, _core.css)({
-  backgroundColor: (0, _tokens.token)('color.background.blanket', _colors.DN90A)
+  backgroundColor: "var(--ds-background-blanket, ".concat(_colors.DN90A, ")")
 });
 var backgroundStyle = {
   light: lightBgStyles,

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/blanket",
-	"version": "12.2.1",
+	"version": "12.2.5",
 	"sideEffects": false
 }

package/dist/es2019/blanket.js

@@ -6,9 +6,8 @@ import noop from '@atlaskit/ds-lib/noop';
 import { DN90A, N100A } from '@atlaskit/theme/colors';
 import { useGlobalTheme } from '@atlaskit/theme/components';
 import { layers } from '@atlaskit/theme/constants';
-import { token } from '@atlaskit/tokens';
 const packageName = "@atlaskit/blanket";
-const packageVersion = "12.2.1";
+const packageVersion = "12.2.5";
 const analyticsAttributes = {
   componentName: 'blanket',
   packageName,
@@ -31,10 +30,10 @@ const invisibleStyles = css({
   backgroundColor: 'transparent'
 });
 const lightBgStyles = css({
-  backgroundColor: token('color.background.blanket', N100A)
+  backgroundColor: `var(--ds-background-blanket, ${N100A})`
 });
 const darkBgStyles = css({
-  backgroundColor: token('color.background.blanket', DN90A)
+  backgroundColor: `var(--ds-background-blanket, ${DN90A})`
 });
 const backgroundStyle = {
   light: lightBgStyles,

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/blanket",
-	"version": "12.2.1",
+	"version": "12.2.5",
 	"sideEffects": false
 }

package/dist/esm/blanket.js

@@ -12,9 +12,8 @@ import noop from '@atlaskit/ds-lib/noop';
 import { DN90A, N100A } from '@atlaskit/theme/colors';
 import { useGlobalTheme } from '@atlaskit/theme/components';
 import { layers } from '@atlaskit/theme/constants';
-import { token } from '@atlaskit/tokens';
 var packageName = "@atlaskit/blanket";
-var packageVersion = "12.2.1";
+var packageVersion = "12.2.5";
 var analyticsAttributes = {
   componentName: 'blanket',
   packageName: packageName,
@@ -37,10 +36,10 @@ var invisibleStyles = css({
   backgroundColor: 'transparent'
 });
 var lightBgStyles = css({
-  backgroundColor: token('color.background.blanket', N100A)
+  backgroundColor: "var(--ds-background-blanket, ".concat(N100A, ")")
 });
 var darkBgStyles = css({
-  backgroundColor: token('color.background.blanket', DN90A)
+  backgroundColor: "var(--ds-background-blanket, ".concat(DN90A, ")")
 });
 var backgroundStyle = {
   light: lightBgStyles,

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/blanket",
-	"version": "12.2.1",
+	"version": "12.2.5",
 	"sideEffects": false
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/blanket",
-  "version": "12.2.1",
+  "version": "12.2.5",
   "description": "A React component that covers the underlying UI for a layered component.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -29,10 +29,10 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^8.2.0",
-    "@atlaskit/codemod-utils": "^3.2.0",
+    "@atlaskit/codemod-utils": "^3.4.0",
     "@atlaskit/ds-lib": "^1.3.0",
-    "@atlaskit/theme": "^11.4.0",
-    "@atlaskit/tokens": "^0.2.0",
+    "@atlaskit/theme": "^12.0.0",
+    "@atlaskit/tokens": "^0.4.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/core": "^10.0.9"
   },
@@ -45,7 +45,7 @@
     "@atlaskit/button": "^16.1.0",
     "@atlaskit/docs": "*",
     "@atlaskit/ssr": "*",
-    "@atlaskit/toggle": "^12.2.1",
+    "@atlaskit/toggle": "^12.3.0",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
@@ -69,7 +69,10 @@
     },
     "@repo/internal": {
       "design-system": "v1",
-      "styling": "emotion",
+      "styling": [
+        "static",
+        "emotion"
+      ],
       "ui-components": "lite-mode",
       "analytics": "analytics-next",
       "theming": "tokens",