Socket
Socket
Sign inDemoInstall

@atlaskit/blanket

Package Overview
Dependencies
91
Maintainers
1
Versions
132
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 12.4.5 to 13.0.0

6

CHANGELOG.md
# @atlaskit/blanket
## 13.0.0
### Major Changes
- [#41760](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41760) [`909e4a30fe7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/909e4a30fe7) - Removed all remaining legacy theming logic from the Blanket, Breadcrumbs and Checkbox components.
## 12.4.5

@@ -4,0 +10,0 @@

21

dist/cjs/blanket.js

@@ -14,3 +14,2 @@ "use strict";

var _colors = require("@atlaskit/theme/colors");
var _components = require("@atlaskit/theme/components");
var _constants = require("@atlaskit/theme/constants");

@@ -20,3 +19,3 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }

var packageName = "@atlaskit/blanket";
var packageVersion = "12.4.5";
var packageVersion = "13.0.0";
var analyticsAttributes = {

@@ -31,2 +30,3 @@ componentName: 'blanket',

inset: 0,
backgroundColor: "var(--ds-blanket, ".concat(_colors.N100A, ")"),
overflowY: 'auto',

@@ -41,12 +41,2 @@ pointerEvents: 'initial'

});
var lightBgStyles = (0, _react2.css)({
backgroundColor: "var(--ds-blanket, ".concat(_colors.N100A, ")")
});
var darkBgStyles = (0, _react2.css)({
backgroundColor: "var(--ds-blanket, ".concat(_colors.DN90A, ")")
});
var backgroundStyle = {
light: lightBgStyles,
dark: darkBgStyles
};

@@ -70,4 +60,2 @@ /**

analyticsContext = _ref.analyticsContext;
var _useGlobalTheme = (0, _components.useGlobalTheme)(),
mode = _useGlobalTheme.mode;
var mouseDownTarget = (0, _react.useRef)(null);

@@ -96,3 +84,3 @@ var onBlanketClickedWithAnalytics = (0, _usePlatformLeafEventHandler.usePlatformLeafEventHandler)(_objectSpread({

role: "presentation",
css: [baseStyles, shouldAllowClickThrough && shouldAllowClickThroughStyles, backgroundStyle[mode], !isTinted && invisibleStyles],
css: [baseStyles, shouldAllowClickThrough && shouldAllowClickThroughStyles, !isTinted && invisibleStyles],
onClick: onClick,

@@ -106,3 +94,2 @@ onMouseDown: onMouseDown,

Blanket.displayName = 'Blanket';
var _default = Blanket;
exports.default = _default;
var _default = exports.default = Blanket;

@@ -6,7 +6,6 @@ /** @jsx jsx */

import noop from '@atlaskit/ds-lib/noop';
import { DN90A, N100A } from '@atlaskit/theme/colors';
import { useGlobalTheme } from '@atlaskit/theme/components';
import { N100A } from '@atlaskit/theme/colors';
import { layers } from '@atlaskit/theme/constants';
const packageName = "@atlaskit/blanket";
const packageVersion = "12.4.5";
const packageVersion = "13.0.0";
const analyticsAttributes = {

@@ -21,2 +20,3 @@ componentName: 'blanket',

inset: 0,
backgroundColor: `var(--ds-blanket, ${N100A})`,
overflowY: 'auto',

@@ -31,12 +31,2 @@ pointerEvents: 'initial'

});
const lightBgStyles = css({
backgroundColor: `var(--ds-blanket, ${N100A})`
});
const darkBgStyles = css({
backgroundColor: `var(--ds-blanket, ${DN90A})`
});
const backgroundStyle = {
light: lightBgStyles,
dark: darkBgStyles
};

@@ -58,5 +48,2 @@ /**

}, ref) {
const {
mode
} = useGlobalTheme();
const mouseDownTarget = useRef(null);

@@ -84,3 +71,3 @@ const onBlanketClickedWithAnalytics = usePlatformLeafEventHandler({

role: "presentation",
css: [baseStyles, shouldAllowClickThrough && shouldAllowClickThroughStyles, backgroundStyle[mode], !isTinted && invisibleStyles],
css: [baseStyles, shouldAllowClickThrough && shouldAllowClickThroughStyles, !isTinted && invisibleStyles],
onClick: onClick,

@@ -87,0 +74,0 @@ onMouseDown: onMouseDown,

@@ -9,7 +9,6 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";

import noop from '@atlaskit/ds-lib/noop';
import { DN90A, N100A } from '@atlaskit/theme/colors';
import { useGlobalTheme } from '@atlaskit/theme/components';
import { N100A } from '@atlaskit/theme/colors';
import { layers } from '@atlaskit/theme/constants';
var packageName = "@atlaskit/blanket";
var packageVersion = "12.4.5";
var packageVersion = "13.0.0";
var analyticsAttributes = {

@@ -24,2 +23,3 @@ componentName: 'blanket',

inset: 0,
backgroundColor: "var(--ds-blanket, ".concat(N100A, ")"),
overflowY: 'auto',

@@ -34,12 +34,2 @@ pointerEvents: 'initial'

});
var lightBgStyles = css({
backgroundColor: "var(--ds-blanket, ".concat(N100A, ")")
});
var darkBgStyles = css({
backgroundColor: "var(--ds-blanket, ".concat(DN90A, ")")
});
var backgroundStyle = {
light: lightBgStyles,
dark: darkBgStyles
};

@@ -63,4 +53,2 @@ /**

analyticsContext = _ref.analyticsContext;
var _useGlobalTheme = useGlobalTheme(),
mode = _useGlobalTheme.mode;
var mouseDownTarget = useRef(null);

@@ -89,3 +77,3 @@ var onBlanketClickedWithAnalytics = usePlatformLeafEventHandler(_objectSpread({

role: "presentation",
css: [baseStyles, shouldAllowClickThrough && shouldAllowClickThroughStyles, backgroundStyle[mode], !isTinted && invisibleStyles],
css: [baseStyles, shouldAllowClickThrough && shouldAllowClickThroughStyles, !isTinted && invisibleStyles],
onClick: onClick,

@@ -92,0 +80,0 @@ onMouseDown: onMouseDown,

{
"name": "@atlaskit/blanket",
"version": "12.4.5",
"version": "13.0.0",
"description": "A blanket covers the underlying UI for a layered component, such as a modal dialog or a tooltip.",

@@ -46,3 +46,3 @@ "publishConfig": {

"@atlaskit/theme": "^12.6.0",
"@atlaskit/tokens": "^1.25.0",
"@atlaskit/tokens": "^1.28.0",
"@babel/runtime": "^7.0.0",

@@ -56,2 +56,3 @@ "@emotion/react": "^11.7.1"

"@af/accessibility-testing": "*",
"@af/integration-testing": "*",
"@atlaskit/ssr": "*",

@@ -97,2 +98,2 @@ "@atlaskit/visual-regression": "*",

"prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
}
}
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc