@atlaskit/flag 17.2.1 → 17.2.3

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 +17 -0
  2. package/dist/cjs/auto-dismiss-flag.js +1 -1
  3. package/dist/cjs/flag.js +1 -1
  4. package/dist/cjs/internal/dismiss-button.js +18 -26
  5. package/dist/cjs/theme.js +9 -9
  6. package/dist/es2019/auto-dismiss-flag.js +1 -1
  7. package/dist/es2019/flag.js +1 -1
  8. package/dist/es2019/internal/dismiss-button.js +18 -28
  9. package/dist/es2019/theme.js +4 -4
  10. package/dist/esm/auto-dismiss-flag.js +1 -1
  11. package/dist/esm/flag.js +1 -1
  12. package/dist/esm/internal/dismiss-button.js +19 -27
  13. package/dist/esm/theme.js +4 -4
  14. package/dist/types/internal/dismiss-button.d.ts +2 -2
  15. package/dist/types-ts4.5/internal/dismiss-button.d.ts +2 -2
  16. package/package.json +4 -4
  17. package/dist/cjs/internal/dismiss-button.compiled.css +0 -15
  18. package/dist/es2019/internal/dismiss-button.compiled.css +0 -15
  19. package/dist/esm/internal/dismiss-button.compiled.css +0 -15
package/CHANGELOG.md CHANGED
@@ -1,5 +1,22 @@
1
1
  # @atlaskit/flag
2
2
 
3
+ ## 17.2.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [#188952](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/188952)
8
+ [`1a88e6e2601ae`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1a88e6e2601ae) -
9
+ Migrated usage of renamed/deprecated icons
10
+ - Updated dependencies
11
+
12
+ ## 17.2.2
13
+
14
+ ### Patch Changes
15
+
16
+ - [#185048](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/185048)
17
+ [`216bdb050fde5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/216bdb050fde5) -
18
+ Replaces custom dismiss button implementation with the default base button
19
+
3
20
  ## 17.2.1
4
21
 
5
22
  ### Patch Changes
package/dist/cjs/auto-dismiss-flag.js CHANGED
@@ -14,7 +14,7 @@ var _flag = _interopRequireDefault(require("./flag"));
14
14
  var _flagGroup = require("./flag-group");
15
15
  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); }
16
16
  var packageName = "@atlaskit/flag";
17
- var packageVersion = "17.2.0";
17
+ var packageVersion = "17.2.2";
18
18
  var AUTO_DISMISS_SECONDS = exports.AUTO_DISMISS_SECONDS = 8;
19
19
 
20
20
  /**
package/dist/cjs/flag.js CHANGED
@@ -41,7 +41,7 @@ var flagWrapperStyles = null;
41
41
  var analyticsAttributes = {
42
42
  componentName: 'flag',
43
43
  packageName: "@atlaskit/flag",
44
- packageVersion: "17.2.0"
44
+ packageVersion: "17.2.2"
45
45
  };
46
46
  var transitionStyles = null;
47
47
 
package/dist/cjs/internal/dismiss-button.js CHANGED
@@ -1,4 +1,3 @@
1
- /* dismiss-button.tsx generated by @compiled/babel-plugin v0.36.1 */
2
1
  "use strict";
3
2
 
4
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -7,26 +6,21 @@ Object.defineProperty(exports, "__esModule", {
7
6
  value: true
8
7
  });
9
8
  exports.default = void 0;
10
- require("./dismiss-button.compiled.css");
9
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
10
  var _react = _interopRequireWildcard(require("react"));
12
- var React = _react;
13
- var _runtime = require("@compiled/react/runtime");
11
+ var _new = require("@atlaskit/button/new");
14
12
  var _chevronDownHipchatChevronDown = _interopRequireDefault(require("@atlaskit/icon/core/migration/chevron-down--hipchat-chevron-down"));
15
13
  var _chevronUpHipchatChevronUp = _interopRequireDefault(require("@atlaskit/icon/core/migration/chevron-up--hipchat-chevron-up"));
16
- var _closeCross = _interopRequireDefault(require("@atlaskit/icon/core/migration/close--cross"));
17
- var _compiled = require("@atlaskit/primitives/compiled");
14
+ var _cross = _interopRequireDefault(require("@atlaskit/icon/core/migration/cross"));
18
15
  var _theme = require("../theme");
19
16
  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); }
20
- var styles = {
21
- button: "_16jlidpf _1o9zidpf _i0dl1wug _1dqoglyw _1e0c1txw _1bsb1tcg _4t3i1tcg _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _4cvr1h6o _1bah1h6o _80omtlke _o5721q9c"
22
- };
23
17
  var DismissButtonComponent = function DismissButtonComponent(_ref) {
24
18
  var appearance = _ref.appearance,
25
19
  onClick = _ref.onClick,
26
20
  isBold = _ref.isBold,
27
21
  isExpanded = _ref.isExpanded,
28
22
  testId = _ref.testId;
29
- var ButtonIcon = _closeCross.default;
23
+ var ButtonIcon = _cross.default;
30
24
  var buttonLabel = 'Dismiss';
31
25
  var size = 'small';
32
26
  var buttonTestId = testId && "".concat(testId, "-dismiss");
@@ -36,24 +30,22 @@ var DismissButtonComponent = function DismissButtonComponent(_ref) {
36
30
  size = 'medium';
37
31
  buttonTestId = testId && "".concat(testId, "-toggle");
38
32
  }
39
- return /*#__PURE__*/React.createElement(_compiled.Pressable, {
40
- xcss: styles.button,
41
- onClick: onClick
42
- // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
43
- ,
44
- style: {
45
- background: 'none'
33
+ return /*#__PURE__*/_react.default.createElement(_new.IconButton, {
34
+ icon: function icon(iconProps) {
35
+ return /*#__PURE__*/_react.default.createElement(ButtonIcon, (0, _extends2.default)({}, iconProps, {
36
+ LEGACY_size: size,
37
+ size: "small",
38
+ label: "",
39
+ color: _theme.flagTextColorToken[appearance]
40
+ }));
46
41
  },
42
+ appearance: "subtle",
43
+ spacing: "compact",
44
+ label: buttonLabel,
45
+ onClick: onClick,
47
46
  "aria-expanded": isBold ? isExpanded : undefined,
48
- testId: buttonTestId,
49
- "aria-label": buttonLabel
50
- }, /*#__PURE__*/React.createElement(ButtonIcon, {
51
- label: "",
52
- LEGACY_size: size,
53
- LEGACY_primaryColor: _theme.flagTextColorToken[appearance],
54
- color: _theme.flagTextColorToken[appearance],
55
- size: "small"
56
- }));
47
+ testId: buttonTestId
48
+ });
57
49
  };
58
50
  var DismissButton = /*#__PURE__*/(0, _react.memo)(DismissButtonComponent);
59
51
 
package/dist/cjs/theme.js CHANGED
@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.flagTextColorToken = exports.flagTextColor = exports.flagIconGlyph = exports.flagIconColor = exports.flagBackgroundColor = exports.actionTextColor = exports.actionBackgroundColor = void 0;
8
8
  var _react = _interopRequireDefault(require("react"));
9
- var _error = _interopRequireDefault(require("@atlaskit/icon/core/migration/error"));
10
- var _informationInfo = _interopRequireDefault(require("@atlaskit/icon/core/migration/information--info"));
11
- var _successCheckCircle = _interopRequireDefault(require("@atlaskit/icon/core/migration/success--check-circle"));
12
- var _warning = _interopRequireDefault(require("@atlaskit/icon/core/migration/warning"));
9
+ var _statusErrorError = _interopRequireDefault(require("@atlaskit/icon/core/migration/status-error--error"));
10
+ var _statusInformationInfo = _interopRequireDefault(require("@atlaskit/icon/core/migration/status-information--info"));
11
+ var _statusSuccessCheckCircle = _interopRequireDefault(require("@atlaskit/icon/core/migration/status-success--check-circle"));
12
+ var _statusWarningWarning = _interopRequireDefault(require("@atlaskit/icon/core/migration/status-warning--warning"));
13
13
  var _colors = require("@atlaskit/theme/colors");
14
14
  var flagBackgroundColor = exports.flagBackgroundColor = {
15
15
  error: 'color.background.danger.bold',
@@ -26,27 +26,27 @@ var flagIconColor = exports.flagIconColor = {
26
26
  warning: "var(--ds-icon-warning-inverse, #172B4D)"
27
27
  };
28
28
  var flagIconGlyph = exports.flagIconGlyph = {
29
- error: /*#__PURE__*/_react.default.createElement(_error.default, {
29
+ error: /*#__PURE__*/_react.default.createElement(_statusErrorError.default, {
30
30
  label: "",
31
31
  LEGACY_primaryColor: "var(--ds-icon-inverse, ".concat(_colors.N0, ")"),
32
32
  LEGACY_secondaryColor: "var(--ds-background-danger-bold, #C9372C)"
33
33
  }),
34
- info: /*#__PURE__*/_react.default.createElement(_informationInfo.default, {
34
+ info: /*#__PURE__*/_react.default.createElement(_statusInformationInfo.default, {
35
35
  label: "",
36
36
  LEGACY_primaryColor: "var(--ds-icon-inverse, ".concat(_colors.N0, ")"),
37
37
  LEGACY_secondaryColor: "var(--ds-background-neutral-bold, #44546F)"
38
38
  }),
39
- normal: /*#__PURE__*/_react.default.createElement(_informationInfo.default, {
39
+ normal: /*#__PURE__*/_react.default.createElement(_statusInformationInfo.default, {
40
40
  label: "",
41
41
  LEGACY_primaryColor: "var(--ds-icon-subtle, ".concat(_colors.N500, ")"),
42
42
  LEGACY_secondaryColor: "var(--ds-surface-overlay, #FFFFFF)"
43
43
  }),
44
- success: /*#__PURE__*/_react.default.createElement(_successCheckCircle.default, {
44
+ success: /*#__PURE__*/_react.default.createElement(_statusSuccessCheckCircle.default, {
45
45
  label: "",
46
46
  LEGACY_primaryColor: "var(--ds-icon-inverse, ".concat(_colors.N0, ")"),
47
47
  LEGACY_secondaryColor: "var(--ds-background-success-bold, #1F845A)"
48
48
  }),
49
- warning: /*#__PURE__*/_react.default.createElement(_warning.default, {
49
+ warning: /*#__PURE__*/_react.default.createElement(_statusWarningWarning.default, {
50
50
  label: "",
51
51
  LEGACY_primaryColor: "var(--ds-icon-warning-inverse, ".concat(_colors.N700, ")"),
52
52
  LEGACY_secondaryColor: "var(--ds-background-warning-bold, #F5CD47)"
package/dist/es2019/auto-dismiss-flag.js CHANGED
@@ -5,7 +5,7 @@ import noop from '@atlaskit/ds-lib/noop';
5
5
  import Flag from './flag';
6
6
  import { useFlagGroup } from './flag-group';
7
7
  const packageName = "@atlaskit/flag";
8
- const packageVersion = "17.2.0";
8
+ const packageVersion = "17.2.2";
9
9
  export const AUTO_DISMISS_SECONDS = 8;
10
10
 
11
11
  /**
package/dist/es2019/flag.js CHANGED
@@ -28,7 +28,7 @@ const flagWrapperStyles = null;
28
28
  const analyticsAttributes = {
29
29
  componentName: 'flag',
30
30
  packageName: "@atlaskit/flag",
31
- packageVersion: "17.2.0"
31
+ packageVersion: "17.2.2"
32
32
  };
33
33
  const transitionStyles = null;
34
34
 
package/dist/es2019/internal/dismiss-button.js CHANGED
@@ -1,16 +1,10 @@
1
- /* dismiss-button.tsx generated by @compiled/babel-plugin v0.36.1 */
2
- import "./dismiss-button.compiled.css";
3
- import * as React from 'react';
4
- import { ax, ix } from "@compiled/react/runtime";
5
- import { memo } from 'react';
1
+ import _extends from "@babel/runtime/helpers/extends";
2
+ import React, { memo } from 'react';
3
+ import { IconButton } from '@atlaskit/button/new';
6
4
  import ChevronDownIcon from '@atlaskit/icon/core/migration/chevron-down--hipchat-chevron-down';
7
5
  import ChevronUpIcon from '@atlaskit/icon/core/migration/chevron-up--hipchat-chevron-up';
8
- import CloseIcon from '@atlaskit/icon/core/migration/close--cross';
9
- import { Pressable } from '@atlaskit/primitives/compiled';
6
+ import CrossIcon from '@atlaskit/icon/core/migration/cross';
10
7
  import { flagTextColorToken } from '../theme';
11
- const styles = {
12
- button: "_16jlidpf _1o9zidpf _i0dl1wug _1dqoglyw _1e0c1txw _1bsb1tcg _4t3i1tcg _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _4cvr1h6o _1bah1h6o _80omtlke _o5721q9c"
13
- };
14
8
  const DismissButtonComponent = ({
15
9
  appearance,
16
10
  onClick,
@@ -18,7 +12,7 @@ const DismissButtonComponent = ({
18
12
  isExpanded,
19
13
  testId
20
14
  }) => {
21
- let ButtonIcon = CloseIcon;
15
+ let ButtonIcon = CrossIcon;
22
16
  let buttonLabel = 'Dismiss';
23
17
  let size = 'small';
24
18
  let buttonTestId = testId && `${testId}-dismiss`;
@@ -28,24 +22,20 @@ const DismissButtonComponent = ({
28
22
  size = 'medium';
29
23
  buttonTestId = testId && `${testId}-toggle`;
30
24
  }
31
- return /*#__PURE__*/React.createElement(Pressable, {
32
- xcss: styles.button,
33
- onClick: onClick
34
- // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
35
- ,
36
- style: {
37
- background: 'none'
38
- },
25
+ return /*#__PURE__*/React.createElement(IconButton, {
26
+ icon: iconProps => /*#__PURE__*/React.createElement(ButtonIcon, _extends({}, iconProps, {
27
+ LEGACY_size: size,
28
+ size: "small",
29
+ label: "",
30
+ color: flagTextColorToken[appearance]
31
+ })),
32
+ appearance: "subtle",
33
+ spacing: "compact",
34
+ label: buttonLabel,
35
+ onClick: onClick,
39
36
  "aria-expanded": isBold ? isExpanded : undefined,
40
- testId: buttonTestId,
41
- "aria-label": buttonLabel
42
- }, /*#__PURE__*/React.createElement(ButtonIcon, {
43
- label: "",
44
- LEGACY_size: size,
45
- LEGACY_primaryColor: flagTextColorToken[appearance],
46
- color: flagTextColorToken[appearance],
47
- size: "small"
48
- }));
37
+ testId: buttonTestId
38
+ });
49
39
  };
50
40
  const DismissButton = /*#__PURE__*/memo(DismissButtonComponent);
51
41
 
package/dist/es2019/theme.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import React from 'react';
2
- import ErrorIcon from '@atlaskit/icon/core/migration/error';
3
- import InformationIcon from '@atlaskit/icon/core/migration/information--info';
4
- import SuccessIcon from '@atlaskit/icon/core/migration/success--check-circle';
5
- import WarningIcon from '@atlaskit/icon/core/migration/warning';
2
+ import ErrorIcon from '@atlaskit/icon/core/migration/status-error--error';
3
+ import InformationIcon from '@atlaskit/icon/core/migration/status-information--info';
4
+ import SuccessIcon from '@atlaskit/icon/core/migration/status-success--check-circle';
5
+ import WarningIcon from '@atlaskit/icon/core/migration/status-warning--warning';
6
6
  import { B400, N0, N30A, N500, N700, N800 } from '@atlaskit/theme/colors';
7
7
  export const flagBackgroundColor = {
8
8
  error: 'color.background.danger.bold',
package/dist/esm/auto-dismiss-flag.js CHANGED
@@ -5,7 +5,7 @@ import noop from '@atlaskit/ds-lib/noop';
5
5
  import Flag from './flag';
6
6
  import { useFlagGroup } from './flag-group';
7
7
  var packageName = "@atlaskit/flag";
8
- var packageVersion = "17.2.0";
8
+ var packageVersion = "17.2.2";
9
9
  export var AUTO_DISMISS_SECONDS = 8;
10
10
 
11
11
  /**
package/dist/esm/flag.js CHANGED
@@ -32,7 +32,7 @@ var flagWrapperStyles = null;
32
32
  var analyticsAttributes = {
33
33
  componentName: 'flag',
34
34
  packageName: "@atlaskit/flag",
35
- packageVersion: "17.2.0"
35
+ packageVersion: "17.2.2"
36
36
  };
37
37
  var transitionStyles = null;
38
38
 
package/dist/esm/internal/dismiss-button.js CHANGED
@@ -1,23 +1,17 @@
1
- /* dismiss-button.tsx generated by @compiled/babel-plugin v0.36.1 */
2
- import "./dismiss-button.compiled.css";
3
- import * as React from 'react';
4
- import { ax, ix } from "@compiled/react/runtime";
5
- import { memo } from 'react';
1
+ import _extends from "@babel/runtime/helpers/extends";
2
+ import React, { memo } from 'react';
3
+ import { IconButton } from '@atlaskit/button/new';
6
4
  import ChevronDownIcon from '@atlaskit/icon/core/migration/chevron-down--hipchat-chevron-down';
7
5
  import ChevronUpIcon from '@atlaskit/icon/core/migration/chevron-up--hipchat-chevron-up';
8
- import CloseIcon from '@atlaskit/icon/core/migration/close--cross';
9
- import { Pressable } from '@atlaskit/primitives/compiled';
6
+ import CrossIcon from '@atlaskit/icon/core/migration/cross';
10
7
  import { flagTextColorToken } from '../theme';
11
- var styles = {
12
- button: "_16jlidpf _1o9zidpf _i0dl1wug _1dqoglyw _1e0c1txw _1bsb1tcg _4t3i1tcg _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _4cvr1h6o _1bah1h6o _80omtlke _o5721q9c"
13
- };
14
8
  var DismissButtonComponent = function DismissButtonComponent(_ref) {
15
9
  var appearance = _ref.appearance,
16
10
  onClick = _ref.onClick,
17
11
  isBold = _ref.isBold,
18
12
  isExpanded = _ref.isExpanded,
19
13
  testId = _ref.testId;
20
- var ButtonIcon = CloseIcon;
14
+ var ButtonIcon = CrossIcon;
21
15
  var buttonLabel = 'Dismiss';
22
16
  var size = 'small';
23
17
  var buttonTestId = testId && "".concat(testId, "-dismiss");
@@ -27,24 +21,22 @@ var DismissButtonComponent = function DismissButtonComponent(_ref) {
27
21
  size = 'medium';
28
22
  buttonTestId = testId && "".concat(testId, "-toggle");
29
23
  }
30
- return /*#__PURE__*/React.createElement(Pressable, {
31
- xcss: styles.button,
32
- onClick: onClick
33
- // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
34
- ,
35
- style: {
36
- background: 'none'
24
+ return /*#__PURE__*/React.createElement(IconButton, {
25
+ icon: function icon(iconProps) {
26
+ return /*#__PURE__*/React.createElement(ButtonIcon, _extends({}, iconProps, {
27
+ LEGACY_size: size,
28
+ size: "small",
29
+ label: "",
30
+ color: flagTextColorToken[appearance]
31
+ }));
37
32
  },
33
+ appearance: "subtle",
34
+ spacing: "compact",
35
+ label: buttonLabel,
36
+ onClick: onClick,
38
37
  "aria-expanded": isBold ? isExpanded : undefined,
39
- testId: buttonTestId,
40
- "aria-label": buttonLabel
41
- }, /*#__PURE__*/React.createElement(ButtonIcon, {
42
- label: "",
43
- LEGACY_size: size,
44
- LEGACY_primaryColor: flagTextColorToken[appearance],
45
- color: flagTextColorToken[appearance],
46
- size: "small"
47
- }));
38
+ testId: buttonTestId
39
+ });
48
40
  };
49
41
  var DismissButton = /*#__PURE__*/memo(DismissButtonComponent);
50
42
 
package/dist/esm/theme.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import React from 'react';
2
- import ErrorIcon from '@atlaskit/icon/core/migration/error';
3
- import InformationIcon from '@atlaskit/icon/core/migration/information--info';
4
- import SuccessIcon from '@atlaskit/icon/core/migration/success--check-circle';
5
- import WarningIcon from '@atlaskit/icon/core/migration/warning';
2
+ import ErrorIcon from '@atlaskit/icon/core/migration/status-error--error';
3
+ import InformationIcon from '@atlaskit/icon/core/migration/status-information--info';
4
+ import SuccessIcon from '@atlaskit/icon/core/migration/status-success--check-circle';
5
+ import WarningIcon from '@atlaskit/icon/core/migration/status-warning--warning';
6
6
  import { B400, N0, N30A, N500, N700, N800 } from '@atlaskit/theme/colors';
7
7
  export var flagBackgroundColor = {
8
8
  error: 'color.background.danger.bold',
package/dist/types/internal/dismiss-button.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- /// <reference types="react" />
1
+ import React from 'react';
2
2
  import { type AppearanceTypes } from '../types';
3
3
  interface DismissButtonProps {
4
4
  appearance: AppearanceTypes;
@@ -7,5 +7,5 @@ interface DismissButtonProps {
7
7
  isBold: boolean;
8
8
  testId?: string;
9
9
  }
10
- declare const DismissButton: import("react").MemoExoticComponent<({ appearance, onClick, isBold, isExpanded, testId, }: DismissButtonProps) => JSX.Element>;
10
+ declare const DismissButton: React.MemoExoticComponent<({ appearance, onClick, isBold, isExpanded, testId, }: DismissButtonProps) => React.JSX.Element>;
11
11
  export default DismissButton;
package/dist/types-ts4.5/internal/dismiss-button.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- /// <reference types="react" />
1
+ import React from 'react';
2
2
  import { type AppearanceTypes } from '../types';
3
3
  interface DismissButtonProps {
4
4
  appearance: AppearanceTypes;
@@ -7,5 +7,5 @@ interface DismissButtonProps {
7
7
  isBold: boolean;
8
8
  testId?: string;
9
9
  }
10
- declare const DismissButton: import("react").MemoExoticComponent<({ appearance, onClick, isBold, isExpanded, testId, }: DismissButtonProps) => JSX.Element>;
10
+ declare const DismissButton: React.MemoExoticComponent<({ appearance, onClick, isBold, isExpanded, testId, }: DismissButtonProps) => React.JSX.Element>;
11
11
  export default DismissButton;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/flag",
3
- "version": "17.2.1",
3
+ "version": "17.2.3",
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/"
@@ -46,15 +46,15 @@
46
46
  "@atlaskit/analytics-next": "^11.1.0",
47
47
  "@atlaskit/button": "^23.2.0",
48
48
  "@atlaskit/css": "^0.12.0",
49
- "@atlaskit/ds-lib": "^4.0.0",
49
+ "@atlaskit/ds-lib": "^4.1.0",
50
50
  "@atlaskit/heading": "^5.2.0",
51
- "@atlaskit/icon": "^27.3.0",
51
+ "@atlaskit/icon": "^27.5.0",
52
52
  "@atlaskit/motion": "^5.1.0",
53
53
  "@atlaskit/platform-feature-flags": "^1.1.0",
54
54
  "@atlaskit/portal": "^5.1.0",
55
55
  "@atlaskit/primitives": "^14.10.0",
56
56
  "@atlaskit/theme": "^19.0.0",
57
- "@atlaskit/tokens": "^5.4.0",
57
+ "@atlaskit/tokens": "^5.6.0",
58
58
  "@atlaskit/visually-hidden": "^3.0.0",
59
59
  "@babel/runtime": "^7.0.0",
60
60
  "@compiled/react": "^0.18.3"
package/dist/cjs/internal/dismiss-button.compiled.css DELETED
@@ -1,15 +0,0 @@
1
-
2
- ._1dqoglyw{border-style:none}._16jlidpf{flex-grow:0}
3
- ._19bvze3t{padding-left:var(--ds-space-0,0)}
4
- ._1bah1h6o{justify-content:center}
5
- ._1bsb1tcg{width:24px}
6
- ._1e0c1txw{display:flex}
7
- ._1o9zidpf{flex-shrink:0}
8
- ._4cvr1h6o{align-items:center}
9
- ._4t3i1tcg{height:24px}
10
- ._80omtlke{cursor:pointer}
11
- ._ca0qze3t{padding-top:var(--ds-space-0,0)}
12
- ._i0dl1wug{flex-basis:auto}
13
- ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
14
- ._o5721q9c{white-space:nowrap}
15
- ._u5f3ze3t{padding-right:var(--ds-space-0,0)}
package/dist/es2019/internal/dismiss-button.compiled.css DELETED
@@ -1,15 +0,0 @@
1
-
2
- ._1dqoglyw{border-style:none}._16jlidpf{flex-grow:0}
3
- ._19bvze3t{padding-left:var(--ds-space-0,0)}
4
- ._1bah1h6o{justify-content:center}
5
- ._1bsb1tcg{width:24px}
6
- ._1e0c1txw{display:flex}
7
- ._1o9zidpf{flex-shrink:0}
8
- ._4cvr1h6o{align-items:center}
9
- ._4t3i1tcg{height:24px}
10
- ._80omtlke{cursor:pointer}
11
- ._ca0qze3t{padding-top:var(--ds-space-0,0)}
12
- ._i0dl1wug{flex-basis:auto}
13
- ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
14
- ._o5721q9c{white-space:nowrap}
15
- ._u5f3ze3t{padding-right:var(--ds-space-0,0)}
package/dist/esm/internal/dismiss-button.compiled.css DELETED
@@ -1,15 +0,0 @@
1
-
2
- ._1dqoglyw{border-style:none}._16jlidpf{flex-grow:0}
3
- ._19bvze3t{padding-left:var(--ds-space-0,0)}
4
- ._1bah1h6o{justify-content:center}
5
- ._1bsb1tcg{width:24px}
6
- ._1e0c1txw{display:flex}
7
- ._1o9zidpf{flex-shrink:0}
8
- ._4cvr1h6o{align-items:center}
9
- ._4t3i1tcg{height:24px}
10
- ._80omtlke{cursor:pointer}
11
- ._ca0qze3t{padding-top:var(--ds-space-0,0)}
12
- ._i0dl1wug{flex-basis:auto}
13
- ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
14
- ._o5721q9c{white-space:nowrap}
15
- ._u5f3ze3t{padding-right:var(--ds-space-0,0)}