@atlaskit/flag 17.8.0 → 17.8.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 (17) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/flag-actions.compiled.css +1 -1
  3. package/dist/cjs/flag-actions.js +1 -1
  4. package/dist/cjs/flag.compiled.css +1 -1
  5. package/dist/cjs/flag.js +1 -1
  6. package/dist/cjs/internal/dismiss-button.js +0 -3
  7. package/dist/es2019/flag-actions.compiled.css +1 -1
  8. package/dist/es2019/flag-actions.js +1 -1
  9. package/dist/es2019/flag.compiled.css +1 -1
  10. package/dist/es2019/flag.js +1 -1
  11. package/dist/es2019/internal/dismiss-button.js +0 -3
  12. package/dist/esm/flag-actions.compiled.css +1 -1
  13. package/dist/esm/flag-actions.js +1 -1
  14. package/dist/esm/flag.compiled.css +1 -1
  15. package/dist/esm/flag.js +1 -1
  16. package/dist/esm/internal/dismiss-button.js +0 -3
  17. package/package.json +6 -6
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/flag
2
2
 
3
+ ## 17.8.1
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
3
9
  ## 17.8.0
4
10
 
5
11
  ### Minor Changes
package/dist/cjs/flag-actions.compiled.css CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- ._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
+ ._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)}
3
3
  ._nup91zz4._nup91zz4{background:var(--bg-color)}
4
4
  a._u4iq1zz4._u4iq1zz4{background:var(--bg-color)}
5
5
  ._12r21wq8._12r21wq8{font-weight:var(--ds-font-weight-medium,500)}
package/dist/cjs/flag-actions.js CHANGED
@@ -32,7 +32,7 @@ var FlagActions = function FlagActions(props) {
32
32
  }
33
33
  var isBold = appearance !== _constants.DEFAULT_APPEARANCE;
34
34
  return /*#__PURE__*/React.createElement("span", {
35
- className: (0, _runtime.ax)([!isBold && "_1g4l107e _y8dn107e", "_11c82smr"])
35
+ className: (0, _runtime.ax)([!isBold && "_1g4l107e _y8dn107e", "_11c8fhey"])
36
36
  }, /*#__PURE__*/React.createElement(_compiled.Inline, {
37
37
  space: "space.100",
38
38
  shouldWrap: true,
package/dist/cjs/flag.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
  ._2rko1mok{border-radius:var(--ds-radius-large,8px)}
3
3
  ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
4
4
  ._v5641hdc{transition:gap .3s}
package/dist/cjs/flag.js CHANGED
@@ -200,7 +200,7 @@ var Flag = function Flag(props) {
200
200
  "data-testid": testId && "".concat(testId, "-description")
201
201
  /* if isDelayToAnnounce is true, we will hide the content form screen reader to avoid duplicate announcement */,
202
202
  "aria-hidden": isDelayToAnnounce,
203
- className: (0, _runtime.ax)(["_11c82smr _1reo1wug _18m91wug _c71l53f4 _1i4qfg65"])
203
+ className: (0, _runtime.ax)(["_11c8fhey _1reo1wug _18m91wug _c71l53f4 _1i4qfg65"])
204
204
  }, description), /*#__PURE__*/React.createElement(_flagActions.default, {
205
205
  actions: actions,
206
206
  appearance: appearance,
package/dist/cjs/internal/dismiss-button.js CHANGED
@@ -22,18 +22,15 @@ var DismissButtonComponent = function DismissButtonComponent(_ref) {
22
22
  testId = _ref.testId;
23
23
  var ButtonIcon = _cross.default;
24
24
  var buttonLabel = 'Dismiss';
25
- var size = 'small';
26
25
  var buttonTestId = testId && "".concat(testId, "-dismiss");
27
26
  if (isBold) {
28
27
  ButtonIcon = isExpanded ? _chevronUp.default : _chevronDown.default;
29
28
  buttonLabel = isExpanded ? 'Collapse' : 'Expand';
30
- size = 'medium';
31
29
  buttonTestId = testId && "".concat(testId, "-toggle");
32
30
  }
33
31
  return /*#__PURE__*/_react.default.createElement(_new.IconButton, {
34
32
  icon: function icon(iconProps) {
35
33
  return /*#__PURE__*/_react.default.createElement(ButtonIcon, (0, _extends2.default)({}, iconProps, {
36
- LEGACY_size: size,
37
34
  size: "small",
38
35
  label: "",
39
36
  color: _theme.flagTextColorToken[appearance]
package/dist/es2019/flag-actions.compiled.css CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- ._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
+ ._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)}
3
3
  ._nup91zz4._nup91zz4{background:var(--bg-color)}
4
4
  a._u4iq1zz4._u4iq1zz4{background:var(--bg-color)}
5
5
  ._12r21wq8._12r21wq8{font-weight:var(--ds-font-weight-medium,500)}
package/dist/es2019/flag-actions.js CHANGED
@@ -23,7 +23,7 @@ const FlagActions = props => {
23
23
  }
24
24
  const isBold = appearance !== DEFAULT_APPEARANCE;
25
25
  return /*#__PURE__*/React.createElement("span", {
26
- className: ax([!isBold && "_1g4l107e _y8dn107e", "_11c82smr"])
26
+ className: ax([!isBold && "_1g4l107e _y8dn107e", "_11c8fhey"])
27
27
  }, /*#__PURE__*/React.createElement(Inline, {
28
28
  space: "space.100",
29
29
  shouldWrap: true,
package/dist/es2019/flag.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
  ._2rko1mok{border-radius:var(--ds-radius-large,8px)}
3
3
  ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
4
4
  ._v5641hdc{transition:gap .3s}
package/dist/es2019/flag.js CHANGED
@@ -180,7 +180,7 @@ const Flag = props => {
180
180
  "data-testid": testId && `${testId}-description`
181
181
  /* if isDelayToAnnounce is true, we will hide the content form screen reader to avoid duplicate announcement */,
182
182
  "aria-hidden": isDelayToAnnounce,
183
- className: ax(["_11c82smr _1reo1wug _18m91wug _c71l53f4 _1i4qfg65"])
183
+ className: ax(["_11c8fhey _1reo1wug _18m91wug _c71l53f4 _1i4qfg65"])
184
184
  }, description), /*#__PURE__*/React.createElement(Actions, {
185
185
  actions: actions,
186
186
  appearance: appearance,
package/dist/es2019/internal/dismiss-button.js CHANGED
@@ -14,17 +14,14 @@ const DismissButtonComponent = ({
14
14
  }) => {
15
15
  let ButtonIcon = CrossIcon;
16
16
  let buttonLabel = 'Dismiss';
17
- let size = 'small';
18
17
  let buttonTestId = testId && `${testId}-dismiss`;
19
18
  if (isBold) {
20
19
  ButtonIcon = isExpanded ? ChevronUpIcon : ChevronDownIcon;
21
20
  buttonLabel = isExpanded ? 'Collapse' : 'Expand';
22
- size = 'medium';
23
21
  buttonTestId = testId && `${testId}-toggle`;
24
22
  }
25
23
  return /*#__PURE__*/React.createElement(IconButton, {
26
24
  icon: iconProps => /*#__PURE__*/React.createElement(ButtonIcon, _extends({}, iconProps, {
27
- LEGACY_size: size,
28
25
  size: "small",
29
26
  label: "",
30
27
  color: flagTextColorToken[appearance]
package/dist/esm/flag-actions.compiled.css CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- ._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
+ ._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)}
3
3
  ._nup91zz4._nup91zz4{background:var(--bg-color)}
4
4
  a._u4iq1zz4._u4iq1zz4{background:var(--bg-color)}
5
5
  ._12r21wq8._12r21wq8{font-weight:var(--ds-font-weight-medium,500)}
package/dist/esm/flag-actions.js CHANGED
@@ -23,7 +23,7 @@ var FlagActions = function FlagActions(props) {
23
23
  }
24
24
  var isBold = appearance !== DEFAULT_APPEARANCE;
25
25
  return /*#__PURE__*/React.createElement("span", {
26
- className: ax([!isBold && "_1g4l107e _y8dn107e", "_11c82smr"])
26
+ className: ax([!isBold && "_1g4l107e _y8dn107e", "_11c8fhey"])
27
27
  }, /*#__PURE__*/React.createElement(Inline, {
28
28
  space: "space.100",
29
29
  shouldWrap: true,
package/dist/esm/flag.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
  ._2rko1mok{border-radius:var(--ds-radius-large,8px)}
3
3
  ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
4
4
  ._v5641hdc{transition:gap .3s}
package/dist/esm/flag.js CHANGED
@@ -191,7 +191,7 @@ var Flag = function Flag(props) {
191
191
  "data-testid": testId && "".concat(testId, "-description")
192
192
  /* if isDelayToAnnounce is true, we will hide the content form screen reader to avoid duplicate announcement */,
193
193
  "aria-hidden": isDelayToAnnounce,
194
- className: ax(["_11c82smr _1reo1wug _18m91wug _c71l53f4 _1i4qfg65"])
194
+ className: ax(["_11c8fhey _1reo1wug _18m91wug _c71l53f4 _1i4qfg65"])
195
195
  }, description), /*#__PURE__*/React.createElement(Actions, {
196
196
  actions: actions,
197
197
  appearance: appearance,
package/dist/esm/internal/dismiss-button.js CHANGED
@@ -13,18 +13,15 @@ var DismissButtonComponent = function DismissButtonComponent(_ref) {
13
13
  testId = _ref.testId;
14
14
  var ButtonIcon = CrossIcon;
15
15
  var buttonLabel = 'Dismiss';
16
- var size = 'small';
17
16
  var buttonTestId = testId && "".concat(testId, "-dismiss");
18
17
  if (isBold) {
19
18
  ButtonIcon = isExpanded ? ChevronUpIcon : ChevronDownIcon;
20
19
  buttonLabel = isExpanded ? 'Collapse' : 'Expand';
21
- size = 'medium';
22
20
  buttonTestId = testId && "".concat(testId, "-toggle");
23
21
  }
24
22
  return /*#__PURE__*/React.createElement(IconButton, {
25
23
  icon: function icon(iconProps) {
26
24
  return /*#__PURE__*/React.createElement(ButtonIcon, _extends({}, iconProps, {
27
- LEGACY_size: size,
28
25
  size: "small",
29
26
  label: "",
30
27
  color: flagTextColorToken[appearance]
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/flag",
3
- "version": "17.8.0",
3
+ "version": "17.8.1",
4
4
  "description": "A flag is used for confirmations, alerts, and acknowledgments that require minimal user interaction, often displayed using a flag group.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -39,10 +39,10 @@
39
39
  "@atlaskit/heading": "^5.2.0",
40
40
  "@atlaskit/icon": "^29.4.0",
41
41
  "@atlaskit/motion": "^5.3.0",
42
- "@atlaskit/portal": "^5.1.0",
43
- "@atlaskit/primitives": "^17.0.0",
42
+ "@atlaskit/portal": "^5.2.0",
43
+ "@atlaskit/primitives": "^17.1.0",
44
44
  "@atlaskit/theme": "^21.0.0",
45
- "@atlaskit/tokens": "^9.1.0",
45
+ "@atlaskit/tokens": "^10.0.0",
46
46
  "@atlaskit/visually-hidden": "^3.0.0",
47
47
  "@babel/runtime": "^7.0.0",
48
48
  "@compiled/react": "^0.18.6"
@@ -54,14 +54,14 @@
54
54
  "@af/accessibility-testing": "workspace:^",
55
55
  "@af/integration-testing": "workspace:^",
56
56
  "@af/visual-regression": "workspace:^",
57
- "@atlaskit/docs": "^11.2.0",
57
+ "@atlaskit/docs": "^11.3.0",
58
58
  "@atlaskit/drawer": "^11.0.0",
59
59
  "@atlaskit/link": "^3.3.0",
60
60
  "@atlaskit/radio": "^8.4.0",
61
61
  "@atlaskit/section-message": "^8.12.0",
62
62
  "@atlaskit/spinner": "^19.0.0",
63
63
  "@atlassian/ssr-tests": "workspace:^",
64
- "@testing-library/react": "^13.4.0",
64
+ "@testing-library/react": "^16.3.0",
65
65
  "react-dom": "^18.2.0"
66
66
  },
67
67
  "keywords": [