@atlaskit/popup 4.6.4 → 4.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +15 -0
- package/dist/cjs/popper-wrapper.compiled.css +1 -0
- package/dist/cjs/popper-wrapper.js +3 -2
- package/dist/es2019/popper-wrapper.compiled.css +1 -0
- package/dist/es2019/popper-wrapper.js +3 -2
- package/dist/esm/popper-wrapper.compiled.css +1 -0
- package/dist/esm/popper-wrapper.js +3 -2
- package/package.json +12 -10
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,20 @@
|
|
|
1
1
|
# @atlaskit/popup
|
|
2
2
|
|
|
3
|
+
## 4.7.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`b867e641d818d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b867e641d818d) -
|
|
8
|
+
Updated border radius values behind a feature gate `platform-dst-shape-theme-default`.
|
|
9
|
+
|
|
10
|
+
## 4.6.5
|
|
11
|
+
|
|
12
|
+
### Patch Changes
|
|
13
|
+
|
|
14
|
+
- [`a60a82196851a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a60a82196851a) -
|
|
15
|
+
Internal refactors to remove unused variables. No functional or public changes.
|
|
16
|
+
- Updated dependencies
|
|
17
|
+
|
|
3
18
|
## 4.6.4
|
|
4
19
|
|
|
5
20
|
### Patch Changes
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
._1r04idpf{inset:0}
|
|
3
3
|
._2rko12b0{border-radius:var(--ds-radius-small,4px)}
|
|
4
|
+
._2rko1mok{border-radius:var(--ds-radius-large,8px)}
|
|
4
5
|
._dk5d1b66{inset-inline:var(--ds-space-050,4px)}._152t1b66{inset-block-start:var(--ds-space-050,4px)}
|
|
5
6
|
._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
|
|
6
7
|
._18m91wug{overflow-y:auto}
|
|
@@ -26,7 +26,8 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
|
|
|
26
26
|
var LOCAL_CURRENT_SURFACE_CSS_VAR = '--ds-elevation-surface-current';
|
|
27
27
|
var fullWidthStyles = null;
|
|
28
28
|
var wrapperStyles = {
|
|
29
|
-
root: "_2rko12b0 _1e0c1ule _vchhusvi _1pby1nn1 _bfhk1bhr _16qs130s _syazi7uo _1q1l1bhr _nt751r31 _49pcglyw _1hvw1o36"
|
|
29
|
+
root: "_2rko12b0 _1e0c1ule _vchhusvi _1pby1nn1 _bfhk1bhr _16qs130s _syazi7uo _1q1l1bhr _nt751r31 _49pcglyw _1hvw1o36",
|
|
30
|
+
rootT26Shape: "_2rko1mok"
|
|
30
31
|
};
|
|
31
32
|
var scrollableStyles = null;
|
|
32
33
|
var blanketStyles = null;
|
|
@@ -44,7 +45,7 @@ var DefaultPopupComponent = /*#__PURE__*/(0, _react.forwardRef)(function (props,
|
|
|
44
45
|
htmlAttributes = (0, _objectWithoutProperties2.default)(props, _excluded);
|
|
45
46
|
return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
|
|
46
47
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
47
|
-
className: (0, _runtime.ax)([wrapperStyles.root, appearance === 'UNSAFE_modal-below-sm' && "_dk5d1b66 _c71ldtre _kqsw1n9t _152t1b66", !shouldRenderToParent && "_1reo1wug _18m91wug", shouldFitContainer && "_1bsb1osq", className])
|
|
48
|
+
className: (0, _runtime.ax)([wrapperStyles.root, (0, _platformFeatureFlags.fg)('platform-dst-shape-theme-default') && wrapperStyles.rootT26Shape, appearance === 'UNSAFE_modal-below-sm' && "_dk5d1b66 _c71ldtre _kqsw1n9t _152t1b66", !shouldRenderToParent && "_1reo1wug _18m91wug", shouldFitContainer && "_1bsb1osq", className])
|
|
48
49
|
}, htmlAttributes, {
|
|
49
50
|
ref: ref
|
|
50
51
|
}), children);
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
._1r04idpf{inset:0}
|
|
3
3
|
._2rko12b0{border-radius:var(--ds-radius-small,4px)}
|
|
4
|
+
._2rko1mok{border-radius:var(--ds-radius-large,8px)}
|
|
4
5
|
._dk5d1b66{inset-inline:var(--ds-space-050,4px)}._152t1b66{inset-block-start:var(--ds-space-050,4px)}
|
|
5
6
|
._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
|
|
6
7
|
._18m91wug{overflow-y:auto}
|
|
@@ -13,7 +13,8 @@ import { useFocusManager } from './use-focus-manager';
|
|
|
13
13
|
const LOCAL_CURRENT_SURFACE_CSS_VAR = '--ds-elevation-surface-current';
|
|
14
14
|
const fullWidthStyles = null;
|
|
15
15
|
const wrapperStyles = {
|
|
16
|
-
root: "_2rko12b0 _1e0c1ule _vchhusvi _1pby1nn1 _bfhk1bhr _16qs130s _syazi7uo _1q1l1bhr _nt751r31 _49pcglyw _1hvw1o36"
|
|
16
|
+
root: "_2rko12b0 _1e0c1ule _vchhusvi _1pby1nn1 _bfhk1bhr _16qs130s _syazi7uo _1q1l1bhr _nt751r31 _49pcglyw _1hvw1o36",
|
|
17
|
+
rootT26Shape: "_2rko1mok"
|
|
17
18
|
};
|
|
18
19
|
const scrollableStyles = null;
|
|
19
20
|
const blanketStyles = null;
|
|
@@ -33,7 +34,7 @@ const DefaultPopupComponent = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
33
34
|
} = props;
|
|
34
35
|
return /*#__PURE__*/React.createElement("div", _extends({
|
|
35
36
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
36
|
-
className: ax([wrapperStyles.root, appearance === 'UNSAFE_modal-below-sm' && "_dk5d1b66 _c71ldtre _kqsw1n9t _152t1b66", !shouldRenderToParent && "_1reo1wug _18m91wug", shouldFitContainer && "_1bsb1osq", className])
|
|
37
|
+
className: ax([wrapperStyles.root, fg('platform-dst-shape-theme-default') && wrapperStyles.rootT26Shape, appearance === 'UNSAFE_modal-below-sm' && "_dk5d1b66 _c71ldtre _kqsw1n9t _152t1b66", !shouldRenderToParent && "_1reo1wug _18m91wug", shouldFitContainer && "_1bsb1osq", className])
|
|
37
38
|
}, htmlAttributes, {
|
|
38
39
|
ref: ref
|
|
39
40
|
}), children);
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
._1r04idpf{inset:0}
|
|
3
3
|
._2rko12b0{border-radius:var(--ds-radius-small,4px)}
|
|
4
|
+
._2rko1mok{border-radius:var(--ds-radius-large,8px)}
|
|
4
5
|
._dk5d1b66{inset-inline:var(--ds-space-050,4px)}._152t1b66{inset-block-start:var(--ds-space-050,4px)}
|
|
5
6
|
._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
|
|
6
7
|
._18m91wug{overflow-y:auto}
|
|
@@ -17,7 +17,8 @@ import { useFocusManager } from './use-focus-manager';
|
|
|
17
17
|
var LOCAL_CURRENT_SURFACE_CSS_VAR = '--ds-elevation-surface-current';
|
|
18
18
|
var fullWidthStyles = null;
|
|
19
19
|
var wrapperStyles = {
|
|
20
|
-
root: "_2rko12b0 _1e0c1ule _vchhusvi _1pby1nn1 _bfhk1bhr _16qs130s _syazi7uo _1q1l1bhr _nt751r31 _49pcglyw _1hvw1o36"
|
|
20
|
+
root: "_2rko12b0 _1e0c1ule _vchhusvi _1pby1nn1 _bfhk1bhr _16qs130s _syazi7uo _1q1l1bhr _nt751r31 _49pcglyw _1hvw1o36",
|
|
21
|
+
rootT26Shape: "_2rko1mok"
|
|
21
22
|
};
|
|
22
23
|
var scrollableStyles = null;
|
|
23
24
|
var blanketStyles = null;
|
|
@@ -35,7 +36,7 @@ var DefaultPopupComponent = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
35
36
|
htmlAttributes = _objectWithoutProperties(props, _excluded);
|
|
36
37
|
return /*#__PURE__*/React.createElement("div", _extends({
|
|
37
38
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
38
|
-
className: ax([wrapperStyles.root, appearance === 'UNSAFE_modal-below-sm' && "_dk5d1b66 _c71ldtre _kqsw1n9t _152t1b66", !shouldRenderToParent && "_1reo1wug _18m91wug", shouldFitContainer && "_1bsb1osq", className])
|
|
39
|
+
className: ax([wrapperStyles.root, fg('platform-dst-shape-theme-default') && wrapperStyles.rootT26Shape, appearance === 'UNSAFE_modal-below-sm' && "_dk5d1b66 _c71ldtre _kqsw1n9t _152t1b66", !shouldRenderToParent && "_1reo1wug _18m91wug", shouldFitContainer && "_1bsb1osq", className])
|
|
39
40
|
}, htmlAttributes, {
|
|
40
41
|
ref: ref
|
|
41
42
|
}), children);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/popup",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.7.0",
|
|
4
4
|
"description": "A popup displays brief content in an overlay.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -38,8 +38,8 @@
|
|
|
38
38
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
39
39
|
"@atlaskit/popper": "^7.1.0",
|
|
40
40
|
"@atlaskit/portal": "^5.1.0",
|
|
41
|
-
"@atlaskit/primitives": "^16.
|
|
42
|
-
"@atlaskit/tokens": "^8.
|
|
41
|
+
"@atlaskit/primitives": "^16.4.0",
|
|
42
|
+
"@atlaskit/tokens": "^8.4.0",
|
|
43
43
|
"@babel/runtime": "^7.0.0",
|
|
44
44
|
"@compiled/react": "^0.18.6",
|
|
45
45
|
"bind-event-listener": "^3.0.0",
|
|
@@ -55,18 +55,17 @@
|
|
|
55
55
|
"@af/accessibility-testing": "workspace:^",
|
|
56
56
|
"@af/integration-testing": "workspace:^",
|
|
57
57
|
"@af/visual-regression": "workspace:^",
|
|
58
|
-
"@atlaskit/button": "^23.
|
|
59
|
-
"@atlaskit/code": "^17.
|
|
58
|
+
"@atlaskit/button": "^23.7.0",
|
|
59
|
+
"@atlaskit/code": "^17.4.0",
|
|
60
60
|
"@atlaskit/docs": "^11.2.0",
|
|
61
61
|
"@atlaskit/form": "^14.3.0",
|
|
62
62
|
"@atlaskit/heading": "^5.2.0",
|
|
63
63
|
"@atlaskit/icon": "^29.0.0",
|
|
64
64
|
"@atlaskit/link": "^3.2.0",
|
|
65
|
-
"@atlaskit/modal-dialog": "^14.
|
|
66
|
-
"@atlaskit/section-message": "^8.
|
|
67
|
-
"@atlaskit/
|
|
68
|
-
"@atlaskit/
|
|
69
|
-
"@atlaskit/toggle": "^15.1.0",
|
|
65
|
+
"@atlaskit/modal-dialog": "^14.8.0",
|
|
66
|
+
"@atlaskit/section-message": "^8.10.0",
|
|
67
|
+
"@atlaskit/textfield": "^8.2.0",
|
|
68
|
+
"@atlaskit/toggle": "^15.2.0",
|
|
70
69
|
"@atlassian/feature-flags-test-utils": "^1.0.0",
|
|
71
70
|
"@atlassian/ssr-tests": "workspace:^",
|
|
72
71
|
"@testing-library/react": "^13.4.0",
|
|
@@ -120,6 +119,9 @@
|
|
|
120
119
|
},
|
|
121
120
|
"platform-dst-popup-compositional-trigger-ref": {
|
|
122
121
|
"type": "boolean"
|
|
122
|
+
},
|
|
123
|
+
"platform-dst-shape-theme-default": {
|
|
124
|
+
"type": "boolean"
|
|
123
125
|
}
|
|
124
126
|
},
|
|
125
127
|
"homepage": "https://atlassian.design/components/popup/"
|