@atlaskit/section-message 8.11.3 → 8.12.1

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 (19) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/cjs/internal/appearance-icon.js +1 -6
  3. package/dist/cjs/section-message-action.compiled.css +1 -1
  4. package/dist/cjs/section-message-action.js +1 -1
  5. package/dist/cjs/section-message.compiled.css +1 -1
  6. package/dist/cjs/section-message.js +2 -3
  7. package/dist/es2019/internal/appearance-icon.js +1 -6
  8. package/dist/es2019/section-message-action.compiled.css +1 -1
  9. package/dist/es2019/section-message-action.js +1 -1
  10. package/dist/es2019/section-message.compiled.css +1 -1
  11. package/dist/es2019/section-message.js +2 -3
  12. package/dist/esm/internal/appearance-icon.js +1 -6
  13. package/dist/esm/section-message-action.compiled.css +1 -1
  14. package/dist/esm/section-message-action.js +1 -1
  15. package/dist/esm/section-message.compiled.css +1 -1
  16. package/dist/esm/section-message.js +2 -3
  17. package/dist/types/internal/appearance-icon.d.ts +1 -3
  18. package/dist/types-ts4.5/internal/appearance-icon.d.ts +1 -3
  19. package/package.json +7 -7
package/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # @atlaskit/section-message
2
2
 
3
+ ## 8.12.1
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 8.12.0
10
+
11
+ ### Minor Changes
12
+
13
+ - [`87b12e64ff750`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/87b12e64ff750) -
14
+ Removed usages of LEGACY icon props
15
+
3
16
  ## 8.11.3
4
17
 
5
18
  ### Patch Changes
package/dist/cjs/internal/appearance-icon.js CHANGED
@@ -45,15 +45,10 @@ var appearanceIconSchema = {
45
45
  function getAppearanceIconStyles(appearance, icon) {
46
46
  var appearanceIconStyles = appearanceIconSchema[appearance] || appearanceIconSchema.information;
47
47
  var AppearanceIcon = function AppearanceIcon(_ref) {
48
- var size = _ref.size,
49
- primaryColor = _ref.primaryColor,
50
- secondaryColor = _ref.secondaryColor;
48
+ var primaryColor = _ref.primaryColor;
51
49
  return /*#__PURE__*/_react.default.createElement(appearanceIconStyles.Icon, {
52
- LEGACY_size: size,
53
50
  color: primaryColor,
54
51
  spacing: "spacious",
55
- LEGACY_primaryColor: primaryColor,
56
- LEGACY_secondaryColor: secondaryColor,
57
52
  label: appearance
58
53
  });
59
54
  };
package/dist/cjs/section-message-action.compiled.css CHANGED
@@ -1,4 +1,4 @@
1
- ._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
1
+ ._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
2
  ._19bvze3t{padding-left:var(--ds-space-0,0)}
3
3
  ._bfhk1j28{background-color:transparent}
4
4
  ._ca0qze3t{padding-top:var(--ds-space-0,0)}
package/dist/cjs/section-message-action.js CHANGED
@@ -17,7 +17,7 @@ var _link = _interopRequireDefault(require("@atlaskit/link"));
17
17
  var _compiled = require("@atlaskit/primitives/compiled");
18
18
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
19
19
  var styles = {
20
- common: "_11c82smr",
20
+ common: "_11c8fhey",
21
21
  anchor: "_k48pi7a9",
22
22
  pressable: "_syaz13af _k48p1wq8 _bfhk1j28 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _9oik1r31 _1bnx8stv _jf4cnqa1 _30l313af _9h8h12zz"
23
23
  };
package/dist/cjs/section-message.compiled.css CHANGED
@@ -1,4 +1,4 @@
1
- ._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
1
+ ._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
2
  ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
3
3
  ._2rko1mok{border-radius:var(--ds-radius-large,8px)}
4
4
  ._18zrpxbi{padding-inline:var(--ds-space-200,1pc)}
package/dist/cjs/section-message.js CHANGED
@@ -24,8 +24,8 @@ var sectionMessageStyles = {
24
24
  containerT26Shape: "_2rko1mok",
25
25
  iconContainer: "_1mou1i6y _1e0c1txw",
26
26
  contentContainer: "_16jlkb7n",
27
- content: "_11c82smr _syazi7uo",
28
- actionsContainer: "_11c82smr",
27
+ content: "_11c8fhey _syazi7uo",
28
+ actionsContainer: "_11c8fhey",
29
29
  dismissButtonContainer: "_1pfh1i6y"
30
30
  };
31
31
  var appearanceStyles = {
@@ -84,7 +84,6 @@ var SectionMessage = /*#__PURE__*/(0, _react.forwardRef)(function SectionMessage
84
84
  secondaryColor: secondaryColor
85
85
  // props for new icon
86
86
  ,
87
- LEGACY_size: "medium",
88
87
  color: primaryColor,
89
88
  spacing: "spacious"
90
89
  })), /*#__PURE__*/React.createElement(_compiled.Stack, {
package/dist/es2019/internal/appearance-icon.js CHANGED
@@ -35,15 +35,10 @@ const appearanceIconSchema = {
35
35
  export function getAppearanceIconStyles(appearance, icon) {
36
36
  const appearanceIconStyles = appearanceIconSchema[appearance] || appearanceIconSchema.information;
37
37
  const AppearanceIcon = ({
38
- size,
39
- primaryColor,
40
- secondaryColor
38
+ primaryColor
41
39
  }) => /*#__PURE__*/React.createElement(appearanceIconStyles.Icon, {
42
- LEGACY_size: size,
43
40
  color: primaryColor,
44
41
  spacing: "spacious",
45
- LEGACY_primaryColor: primaryColor,
46
- LEGACY_secondaryColor: secondaryColor,
47
42
  label: appearance
48
43
  });
49
44
  const Icon = icon || AppearanceIcon;
package/dist/es2019/section-message-action.compiled.css CHANGED
@@ -1,4 +1,4 @@
1
- ._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
1
+ ._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
2
  ._19bvze3t{padding-left:var(--ds-space-0,0)}
3
3
  ._bfhk1j28{background-color:transparent}
4
4
  ._ca0qze3t{padding-top:var(--ds-space-0,0)}
package/dist/es2019/section-message-action.js CHANGED
@@ -8,7 +8,7 @@ import { cx } from '@atlaskit/css';
8
8
  import Link from '@atlaskit/link';
9
9
  import { Box, Pressable } from '@atlaskit/primitives/compiled';
10
10
  const styles = {
11
- common: "_11c82smr",
11
+ common: "_11c8fhey",
12
12
  anchor: "_k48pi7a9",
13
13
  pressable: "_syaz13af _k48p1wq8 _bfhk1j28 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _9oik1r31 _1bnx8stv _jf4cnqa1 _30l313af _9h8h12zz"
14
14
  };
package/dist/es2019/section-message.compiled.css CHANGED
@@ -1,4 +1,4 @@
1
- ._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
1
+ ._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
2
  ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
3
3
  ._2rko1mok{border-radius:var(--ds-radius-large,8px)}
4
4
  ._18zrpxbi{padding-inline:var(--ds-space-200,1pc)}
package/dist/es2019/section-message.js CHANGED
@@ -14,8 +14,8 @@ const sectionMessageStyles = {
14
14
  containerT26Shape: "_2rko1mok",
15
15
  iconContainer: "_1mou1i6y _1e0c1txw",
16
16
  contentContainer: "_16jlkb7n",
17
- content: "_11c82smr _syazi7uo",
18
- actionsContainer: "_11c82smr",
17
+ content: "_11c8fhey _syazi7uo",
18
+ actionsContainer: "_11c8fhey",
19
19
  dismissButtonContainer: "_1pfh1i6y"
20
20
  };
21
21
  const appearanceStyles = {
@@ -72,7 +72,6 @@ const SectionMessage = /*#__PURE__*/forwardRef(function SectionMessage({
72
72
  secondaryColor: secondaryColor
73
73
  // props for new icon
74
74
  ,
75
- LEGACY_size: "medium",
76
75
  color: primaryColor,
77
76
  spacing: "spacious"
78
77
  })), /*#__PURE__*/React.createElement(Stack, {
package/dist/esm/internal/appearance-icon.js CHANGED
@@ -38,15 +38,10 @@ var appearanceIconSchema = {
38
38
  export function getAppearanceIconStyles(appearance, icon) {
39
39
  var appearanceIconStyles = appearanceIconSchema[appearance] || appearanceIconSchema.information;
40
40
  var AppearanceIcon = function AppearanceIcon(_ref) {
41
- var size = _ref.size,
42
- primaryColor = _ref.primaryColor,
43
- secondaryColor = _ref.secondaryColor;
41
+ var primaryColor = _ref.primaryColor;
44
42
  return /*#__PURE__*/React.createElement(appearanceIconStyles.Icon, {
45
- LEGACY_size: size,
46
43
  color: primaryColor,
47
44
  spacing: "spacious",
48
- LEGACY_primaryColor: primaryColor,
49
- LEGACY_secondaryColor: secondaryColor,
50
45
  label: appearance
51
46
  });
52
47
  };
package/dist/esm/section-message-action.compiled.css CHANGED
@@ -1,4 +1,4 @@
1
- ._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
1
+ ._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
2
  ._19bvze3t{padding-left:var(--ds-space-0,0)}
3
3
  ._bfhk1j28{background-color:transparent}
4
4
  ._ca0qze3t{padding-top:var(--ds-space-0,0)}
package/dist/esm/section-message-action.js CHANGED
@@ -8,7 +8,7 @@ import { cx } from '@atlaskit/css';
8
8
  import Link from '@atlaskit/link';
9
9
  import { Box, Pressable } from '@atlaskit/primitives/compiled';
10
10
  var styles = {
11
- common: "_11c82smr",
11
+ common: "_11c8fhey",
12
12
  anchor: "_k48pi7a9",
13
13
  pressable: "_syaz13af _k48p1wq8 _bfhk1j28 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _9oik1r31 _1bnx8stv _jf4cnqa1 _30l313af _9h8h12zz"
14
14
  };
package/dist/esm/section-message.compiled.css CHANGED
@@ -1,4 +1,4 @@
1
- ._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
1
+ ._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
2
  ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
3
3
  ._2rko1mok{border-radius:var(--ds-radius-large,8px)}
4
4
  ._18zrpxbi{padding-inline:var(--ds-space-200,1pc)}
package/dist/esm/section-message.js CHANGED
@@ -15,8 +15,8 @@ var sectionMessageStyles = {
15
15
  containerT26Shape: "_2rko1mok",
16
16
  iconContainer: "_1mou1i6y _1e0c1txw",
17
17
  contentContainer: "_16jlkb7n",
18
- content: "_11c82smr _syazi7uo",
19
- actionsContainer: "_11c82smr",
18
+ content: "_11c8fhey _syazi7uo",
19
+ actionsContainer: "_11c8fhey",
20
20
  dismissButtonContainer: "_1pfh1i6y"
21
21
  };
22
22
  var appearanceStyles = {
@@ -75,7 +75,6 @@ var SectionMessage = /*#__PURE__*/forwardRef(function SectionMessage(_ref, ref)
75
75
  secondaryColor: secondaryColor
76
76
  // props for new icon
77
77
  ,
78
- LEGACY_size: "medium",
79
78
  color: primaryColor,
80
79
  spacing: "spacious"
81
80
  })), /*#__PURE__*/React.createElement(Stack, {
package/dist/types/internal/appearance-icon.d.ts CHANGED
@@ -1,10 +1,8 @@
1
1
  import React, { type ComponentType } from 'react';
2
2
  import type { Appearance, SectionMessageProps } from '../types';
3
3
  export declare function getAppearanceIconStyles(appearance: Appearance, icon: SectionMessageProps['icon']): {
4
- Icon: React.ElementType<any, keyof React.JSX.IntrinsicElements> | (({ size, primaryColor, secondaryColor, }: {
5
- size: string;
4
+ Icon: React.ElementType<any, keyof React.JSX.IntrinsicElements> | (({ primaryColor, }: {
6
5
  primaryColor: string;
7
- secondaryColor: string;
8
6
  }) => React.JSX.Element);
9
7
  backgroundColor: string;
10
8
  primaryIconColor: string;
package/dist/types-ts4.5/internal/appearance-icon.d.ts CHANGED
@@ -1,10 +1,8 @@
1
1
  import React, { type ComponentType } from 'react';
2
2
  import type { Appearance, SectionMessageProps } from '../types';
3
3
  export declare function getAppearanceIconStyles(appearance: Appearance, icon: SectionMessageProps['icon']): {
4
- Icon: React.ElementType<any, keyof React.JSX.IntrinsicElements> | (({ size, primaryColor, secondaryColor, }: {
5
- size: string;
4
+ Icon: React.ElementType<any, keyof React.JSX.IntrinsicElements> | (({ primaryColor, }: {
6
5
  primaryColor: string;
7
- secondaryColor: string;
8
6
  }) => React.JSX.Element);
9
7
  backgroundColor: string;
10
8
  primaryIconColor: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/section-message",
3
- "version": "8.11.3",
3
+ "version": "8.12.1",
4
4
  "description": "A section message is used to alert users to a particular section of the screen.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -35,12 +35,12 @@
35
35
  "@atlaskit/button": "^23.9.0",
36
36
  "@atlaskit/css": "^0.19.0",
37
37
  "@atlaskit/heading": "^5.2.0",
38
- "@atlaskit/icon": "^29.3.0",
38
+ "@atlaskit/icon": "^29.4.0",
39
39
  "@atlaskit/link": "^3.3.0",
40
40
  "@atlaskit/platform-feature-flags": "^1.1.0",
41
- "@atlaskit/primitives": "^17.0.0",
41
+ "@atlaskit/primitives": "^17.1.0",
42
42
  "@atlaskit/theme": "^21.0.0",
43
- "@atlaskit/tokens": "^9.1.0",
43
+ "@atlaskit/tokens": "^10.0.0",
44
44
  "@babel/runtime": "^7.0.0"
45
45
  },
46
46
  "peerDependencies": {
@@ -52,12 +52,12 @@
52
52
  "@af/visual-regression": "workspace:^",
53
53
  "@atlaskit/analytics-next": "^11.1.0",
54
54
  "@atlaskit/code": "^17.4.0",
55
- "@atlaskit/docs": "^11.2.0",
55
+ "@atlaskit/docs": "^11.3.0",
56
56
  "@atlaskit/ds-lib": "^5.3.0",
57
- "@atlaskit/form": "^15.2.0",
57
+ "@atlaskit/form": "^15.3.0",
58
58
  "@atlaskit/range": "^9.3.0",
59
59
  "@atlassian/ssr-tests": "workspace:^",
60
- "@testing-library/react": "^13.4.0",
60
+ "@testing-library/react": "^16.3.0",
61
61
  "@testing-library/user-event": "^14.4.3",
62
62
  "react-dom": "^18.2.0"
63
63
  },