@atlaskit/blanket
Advanced tools
Comparing version 12.4.5 to 13.0.0
# @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 @@ |
@@ -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" | ||
} | ||
} |
64293
15
681
Updated@atlaskit/tokens@^1.28.0