@atlaskit/page-layout 3.4.4 → 3.4.6

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.
Files changed (5) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/cjs/components/slots/slot-dimensions.js +19 -28
  3. package/dist/es2019/components/slots/slot-dimensions.js +19 -28
  4. package/dist/esm/components/slots/slot-dimensions.js +19 -28
  5. package/package.json +6 -9
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @atlaskit/page-layout
2
2
 
3
+ ## 3.4.6
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 3.4.5
10
+
11
+ ### Patch Changes
12
+
13
+ - [#116999](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/116999)
14
+ [`797e07674ed7c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/797e07674ed7c) -
15
+ Remove it has been rolled out platform.remove-newline-in-style-tag-in-platform-page-layout_7gts1
16
+
3
17
  ## 3.4.4
4
18
 
5
19
  ### Patch Changes
package/dist/cjs/components/slots/slot-dimensions.js CHANGED
@@ -6,38 +6,29 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.default = void 0;
8
8
  var _react = _interopRequireDefault(require("react"));
9
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
10
9
  var _responsive = require("@atlaskit/primitives/responsive");
11
10
  var _default = exports.default = function _default(_ref) {
12
11
  var variableName = _ref.variableName,
13
12
  value = _ref.value,
14
13
  mobileValue = _ref.mobileValue;
15
- if ((0, _platformFeatureFlags.fg)('platform.remove-newline-in-style-tag-in-platform-page-layout_7gts1')) {
16
- /**
17
- * Note don't put multiple variables in multiple lines. eg
18
- * <style>
19
- * {css1}
20
- * {css2}
21
- * </style>
22
- *
23
- * React will insert an empty HTML comment in between the text in SSR.
24
- * This is not a valid tag and will break the page.
25
- * <style>foo<!-- -->bar</style>
26
- */
27
- var style = ":root{--".concat(variableName, ":").concat(value, "px;}");
28
- if (mobileValue) {
29
- style += " ".concat(_responsive.UNSAFE_media.below.sm, " { :root{--").concat(variableName, ":").concat(mobileValue, "px;} }");
30
- }
31
- return (
32
- /*#__PURE__*/
33
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-global-styles -- Ignored via go/DSP-18766
34
- _react.default.createElement("style", null, style)
35
- );
36
- } else {
37
- return (
38
- /*#__PURE__*/
39
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-global-styles -- Ignored via go/DSP-18766
40
- _react.default.createElement("style", null, ":root{--".concat(variableName, ":").concat(value, "px;}"), mobileValue && "".concat(_responsive.UNSAFE_media.below.sm, " { :root{--").concat(variableName, ":").concat(mobileValue, "px;} }"))
41
- );
14
+ /**
15
+ * Note don't put multiple variables in multiple lines. eg
16
+ * <style>
17
+ * {css1}
18
+ * {css2}
19
+ * </style>
20
+ *
21
+ * React will insert an empty HTML comment in between the text in SSR.
22
+ * This is not a valid tag and will break the page.
23
+ * <style>foo<!-- -->bar</style>
24
+ */
25
+ var style = ":root{--".concat(variableName, ":").concat(value, "px;}");
26
+ if (mobileValue) {
27
+ style += " ".concat(_responsive.UNSAFE_media.below.sm, " { :root{--").concat(variableName, ":").concat(mobileValue, "px;} }");
42
28
  }
29
+ return (
30
+ /*#__PURE__*/
31
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-global-styles -- Ignored via go/DSP-18766
32
+ _react.default.createElement("style", null, style)
33
+ );
43
34
  };
package/dist/es2019/components/slots/slot-dimensions.js CHANGED
@@ -1,37 +1,28 @@
1
1
  import React from 'react';
2
- import { fg } from '@atlaskit/platform-feature-flags';
3
2
  import { UNSAFE_media } from '@atlaskit/primitives/responsive';
4
3
  export default (({
5
4
  variableName,
6
5
  value,
7
6
  mobileValue
8
7
  }) => {
9
- if (fg('platform.remove-newline-in-style-tag-in-platform-page-layout_7gts1')) {
10
- /**
11
- * Note don't put multiple variables in multiple lines. eg
12
- * <style>
13
- * {css1}
14
- * {css2}
15
- * </style>
16
- *
17
- * React will insert an empty HTML comment in between the text in SSR.
18
- * This is not a valid tag and will break the page.
19
- * <style>foo<!-- -->bar</style>
20
- */
21
- let style = `:root{--${variableName}:${value}px;}`;
22
- if (mobileValue) {
23
- style += ` ${UNSAFE_media.below.sm} { :root{--${variableName}:${mobileValue}px;} }`;
24
- }
25
- return (
26
- /*#__PURE__*/
27
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-global-styles -- Ignored via go/DSP-18766
28
- React.createElement("style", null, style)
29
- );
30
- } else {
31
- return (
32
- /*#__PURE__*/
33
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-global-styles -- Ignored via go/DSP-18766
34
- React.createElement("style", null, `:root{--${variableName}:${value}px;}`, mobileValue && `${UNSAFE_media.below.sm} { :root{--${variableName}:${mobileValue}px;} }`)
35
- );
8
+ /**
9
+ * Note don't put multiple variables in multiple lines. eg
10
+ * <style>
11
+ * {css1}
12
+ * {css2}
13
+ * </style>
14
+ *
15
+ * React will insert an empty HTML comment in between the text in SSR.
16
+ * This is not a valid tag and will break the page.
17
+ * <style>foo<!-- -->bar</style>
18
+ */
19
+ let style = `:root{--${variableName}:${value}px;}`;
20
+ if (mobileValue) {
21
+ style += ` ${UNSAFE_media.below.sm} { :root{--${variableName}:${mobileValue}px;} }`;
36
22
  }
23
+ return (
24
+ /*#__PURE__*/
25
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-global-styles -- Ignored via go/DSP-18766
26
+ React.createElement("style", null, style)
27
+ );
37
28
  });
package/dist/esm/components/slots/slot-dimensions.js CHANGED
@@ -1,36 +1,27 @@
1
1
  import React from 'react';
2
- import { fg } from '@atlaskit/platform-feature-flags';
3
2
  import { UNSAFE_media } from '@atlaskit/primitives/responsive';
4
3
  export default (function (_ref) {
5
4
  var variableName = _ref.variableName,
6
5
  value = _ref.value,
7
6
  mobileValue = _ref.mobileValue;
8
- if (fg('platform.remove-newline-in-style-tag-in-platform-page-layout_7gts1')) {
9
- /**
10
- * Note don't put multiple variables in multiple lines. eg
11
- * <style>
12
- * {css1}
13
- * {css2}
14
- * </style>
15
- *
16
- * React will insert an empty HTML comment in between the text in SSR.
17
- * This is not a valid tag and will break the page.
18
- * <style>foo<!-- -->bar</style>
19
- */
20
- var style = ":root{--".concat(variableName, ":").concat(value, "px;}");
21
- if (mobileValue) {
22
- style += " ".concat(UNSAFE_media.below.sm, " { :root{--").concat(variableName, ":").concat(mobileValue, "px;} }");
23
- }
24
- return (
25
- /*#__PURE__*/
26
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-global-styles -- Ignored via go/DSP-18766
27
- React.createElement("style", null, style)
28
- );
29
- } else {
30
- return (
31
- /*#__PURE__*/
32
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-global-styles -- Ignored via go/DSP-18766
33
- React.createElement("style", null, ":root{--".concat(variableName, ":").concat(value, "px;}"), mobileValue && "".concat(UNSAFE_media.below.sm, " { :root{--").concat(variableName, ":").concat(mobileValue, "px;} }"))
34
- );
7
+ /**
8
+ * Note don't put multiple variables in multiple lines. eg
9
+ * <style>
10
+ * {css1}
11
+ * {css2}
12
+ * </style>
13
+ *
14
+ * React will insert an empty HTML comment in between the text in SSR.
15
+ * This is not a valid tag and will break the page.
16
+ * <style>foo<!-- -->bar</style>
17
+ */
18
+ var style = ":root{--".concat(variableName, ":").concat(value, "px;}");
19
+ if (mobileValue) {
20
+ style += " ".concat(UNSAFE_media.below.sm, " { :root{--").concat(variableName, ":").concat(mobileValue, "px;} }");
35
21
  }
22
+ return (
23
+ /*#__PURE__*/
24
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-global-styles -- Ignored via go/DSP-18766
25
+ React.createElement("style", null, style)
26
+ );
36
27
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/page-layout",
3
- "version": "3.4.4",
3
+ "version": "3.4.6",
4
4
  "description": "A collection of components which let you compose an application's page layout.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -40,11 +40,11 @@
40
40
  "homepage": "https://atlassian.design/components/page-layout/",
41
41
  "dependencies": {
42
42
  "@atlaskit/ds-lib": "^2.3.0",
43
- "@atlaskit/icon": "^22.5.0",
43
+ "@atlaskit/icon": "^22.6.0",
44
44
  "@atlaskit/link": "^1.0.0",
45
45
  "@atlaskit/motion": "^1.7.0",
46
46
  "@atlaskit/platform-feature-flags": "^0.3.0",
47
- "@atlaskit/primitives": "^10.0.0",
47
+ "@atlaskit/primitives": "^11.0.0",
48
48
  "@atlaskit/theme": "^12.11.0",
49
49
  "@atlaskit/tokens": "^1.53.0",
50
50
  "@babel/runtime": "^7.0.0",
@@ -61,9 +61,9 @@
61
61
  "@af/integration-testing": "*",
62
62
  "@atlaskit/atlassian-navigation": "^4.2.0",
63
63
  "@atlaskit/atlassian-notifications": "^0.4.0",
64
- "@atlaskit/drawer": "^7.12.0",
64
+ "@atlaskit/drawer": "^7.13.0",
65
65
  "@atlaskit/logo": "^14.1.0",
66
- "@atlaskit/menu": "^2.6.0",
66
+ "@atlaskit/menu": "^2.7.0",
67
67
  "@atlaskit/notification-indicator": "^9.2.0",
68
68
  "@atlaskit/notification-log-client": "^6.1.0",
69
69
  "@atlaskit/popup": "^1.20.0",
@@ -72,7 +72,7 @@
72
72
  "@atlaskit/toggle": "^13.2.0",
73
73
  "@atlaskit/tooltip": "^18.5.0",
74
74
  "@atlaskit/visual-regression": "*",
75
- "@testing-library/dom": "^8.17.1",
75
+ "@testing-library/dom": "^10.1.0",
76
76
  "@testing-library/react": "^12.1.5",
77
77
  "@testing-library/react-hooks": "^8.0.1",
78
78
  "@types/raf-schd": "^4.0.1",
@@ -119,9 +119,6 @@
119
119
  },
120
120
  "platform.atlassian.griffin-navigation-redesign": {
121
121
  "type": "boolean"
122
- },
123
- "platform.remove-newline-in-style-tag-in-platform-page-layout_7gts1": {
124
- "type": "boolean"
125
122
  }
126
123
  }
127
124
  }