@atlaskit/flag 15.4.1 → 15.5.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.
Files changed (13) hide show
  1. package/CHANGELOG.md +1010 -656
  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 +12 -13
  5. package/dist/es2019/auto-dismiss-flag.js +1 -1
  6. package/dist/es2019/flag.js +1 -1
  7. package/dist/es2019/internal/dismiss-button.js +9 -12
  8. package/dist/esm/auto-dismiss-flag.js +1 -1
  9. package/dist/esm/flag.js +1 -1
  10. package/dist/esm/internal/dismiss-button.js +9 -12
  11. package/dist/types/internal/dismiss-button.d.ts +3 -4
  12. package/dist/types-ts4.5/internal/dismiss-button.d.ts +3 -4
  13. package/package.json +5 -6
package/dist/cjs/auto-dismiss-flag.js CHANGED
@@ -15,7 +15,7 @@ var _flagGroup = require("./flag-group");
15
15
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
16
16
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
17
17
  var packageName = "@atlaskit/flag";
18
- var packageVersion = "15.4.1";
18
+ var packageVersion = "15.5.0";
19
19
  var AUTO_DISMISS_SECONDS = exports.AUTO_DISMISS_SECONDS = 8;
20
20
 
21
21
  /**
package/dist/cjs/flag.js CHANGED
@@ -52,7 +52,7 @@ var flagWrapperStyles = (0, _react2.css)({
52
52
  var analyticsAttributes = {
53
53
  componentName: 'flag',
54
54
  packageName: "@atlaskit/flag",
55
- packageVersion: "15.4.1"
55
+ packageVersion: "15.5.0"
56
56
  };
57
57
  var transitionStyles = (0, _react2.css)({
58
58
  flexGrow: 1,
package/dist/cjs/internal/dismiss-button.js CHANGED
@@ -1,24 +1,24 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ var _typeof = require("@babel/runtime/helpers/typeof");
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
7
8
  exports.default = void 0;
8
- var _react = require("react");
9
- var _react2 = require("@emotion/react");
10
- var _focusRing = _interopRequireDefault(require("@atlaskit/focus-ring"));
9
+ var _react = _interopRequireWildcard(require("react"));
11
10
  var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/hipchat/chevron-down"));
12
11
  var _chevronUp = _interopRequireDefault(require("@atlaskit/icon/glyph/hipchat/chevron-up"));
13
12
  var _cross = _interopRequireDefault(require("@atlaskit/icon/glyph/cross"));
13
+ var _primitives = require("@atlaskit/primitives");
14
14
  var _theme = require("../theme");
15
- /** @jsx jsx */
16
-
17
- var buttonStyles = (0, _react2.css)({
15
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
16
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
17
+ var buttonStyles = (0, _primitives.xcss)({
18
18
  display: 'flex',
19
19
  width: '24px',
20
20
  height: '24px',
21
- padding: "var(--ds-space-0, 0px)",
21
+ padding: 'space.0',
22
22
  alignItems: 'center',
23
23
  justifyContent: 'center',
24
24
  flex: '0 0 auto',
@@ -43,16 +43,15 @@ var DismissButton = function DismissButton(_ref) {
43
43
  size = 'medium';
44
44
  buttonTestId = testId && "".concat(testId, "-toggle");
45
45
  }
46
- return (0, _react2.jsx)(_focusRing.default, null, (0, _react2.jsx)("button", {
47
- type: "button",
48
- css: buttonStyles,
46
+ return /*#__PURE__*/_react.default.createElement(_primitives.Pressable, {
47
+ xcss: buttonStyles,
49
48
  onClick: onClick,
50
49
  "aria-expanded": isBold ? isExpanded : undefined,
51
- "data-testid": buttonTestId
52
- }, (0, _react2.jsx)(ButtonIcon, {
50
+ testId: buttonTestId
51
+ }, /*#__PURE__*/_react.default.createElement(ButtonIcon, {
53
52
  label: buttonLabel,
54
53
  size: size,
55
54
  primaryColor: _theme.flagTextColorToken[appearance]
56
- })));
55
+ }));
57
56
  };
58
57
  var _default = exports.default = /*#__PURE__*/(0, _react.memo)(DismissButton);
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 = "15.4.1";
8
+ const packageVersion = "15.5.0";
9
9
  export const AUTO_DISMISS_SECONDS = 8;
10
10
 
11
11
  /**
package/dist/es2019/flag.js CHANGED
@@ -42,7 +42,7 @@ const flagWrapperStyles = css({
42
42
  const analyticsAttributes = {
43
43
  componentName: 'flag',
44
44
  packageName: "@atlaskit/flag",
45
- packageVersion: "15.4.1"
45
+ packageVersion: "15.5.0"
46
46
  };
47
47
  const transitionStyles = css({
48
48
  flexGrow: 1,
package/dist/es2019/internal/dismiss-button.js CHANGED
@@ -1,16 +1,14 @@
1
- /** @jsx jsx */
2
- import { memo } from 'react';
3
- import { css, jsx } from '@emotion/react';
4
- import FocusRing from '@atlaskit/focus-ring';
1
+ import React, { memo } from 'react';
5
2
  import ChevronDownIcon from '@atlaskit/icon/glyph/hipchat/chevron-down';
6
3
  import ChevronUpIcon from '@atlaskit/icon/glyph/hipchat/chevron-up';
7
4
  import CrossIcon from '@atlaskit/icon/glyph/cross';
5
+ import { Pressable, xcss } from '@atlaskit/primitives';
8
6
  import { flagTextColorToken } from '../theme';
9
- const buttonStyles = css({
7
+ const buttonStyles = xcss({
10
8
  display: 'flex',
11
9
  width: '24px',
12
10
  height: '24px',
13
- padding: "var(--ds-space-0, 0px)",
11
+ padding: 'space.0',
14
12
  alignItems: 'center',
15
13
  justifyContent: 'center',
16
14
  flex: '0 0 auto',
@@ -36,16 +34,15 @@ const DismissButton = ({
36
34
  size = 'medium';
37
35
  buttonTestId = testId && `${testId}-toggle`;
38
36
  }
39
- return jsx(FocusRing, null, jsx("button", {
40
- type: "button",
41
- css: buttonStyles,
37
+ return /*#__PURE__*/React.createElement(Pressable, {
38
+ xcss: buttonStyles,
42
39
  onClick: onClick,
43
40
  "aria-expanded": isBold ? isExpanded : undefined,
44
- "data-testid": buttonTestId
45
- }, jsx(ButtonIcon, {
41
+ testId: buttonTestId
42
+ }, /*#__PURE__*/React.createElement(ButtonIcon, {
46
43
  label: buttonLabel,
47
44
  size: size,
48
45
  primaryColor: flagTextColorToken[appearance]
49
- })));
46
+ }));
50
47
  };
51
48
  export default /*#__PURE__*/memo(DismissButton);
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 = "15.4.1";
8
+ var packageVersion = "15.5.0";
9
9
  export var AUTO_DISMISS_SECONDS = 8;
10
10
 
11
11
  /**
package/dist/esm/flag.js CHANGED
@@ -46,7 +46,7 @@ var flagWrapperStyles = css({
46
46
  var analyticsAttributes = {
47
47
  componentName: 'flag',
48
48
  packageName: "@atlaskit/flag",
49
- packageVersion: "15.4.1"
49
+ packageVersion: "15.5.0"
50
50
  };
51
51
  var transitionStyles = css({
52
52
  flexGrow: 1,
package/dist/esm/internal/dismiss-button.js CHANGED
@@ -1,16 +1,14 @@
1
- /** @jsx jsx */
2
- import { memo } from 'react';
3
- import { css, jsx } from '@emotion/react';
4
- import FocusRing from '@atlaskit/focus-ring';
1
+ import React, { memo } from 'react';
5
2
  import ChevronDownIcon from '@atlaskit/icon/glyph/hipchat/chevron-down';
6
3
  import ChevronUpIcon from '@atlaskit/icon/glyph/hipchat/chevron-up';
7
4
  import CrossIcon from '@atlaskit/icon/glyph/cross';
5
+ import { Pressable, xcss } from '@atlaskit/primitives';
8
6
  import { flagTextColorToken } from '../theme';
9
- var buttonStyles = css({
7
+ var buttonStyles = xcss({
10
8
  display: 'flex',
11
9
  width: '24px',
12
10
  height: '24px',
13
- padding: "var(--ds-space-0, 0px)",
11
+ padding: 'space.0',
14
12
  alignItems: 'center',
15
13
  justifyContent: 'center',
16
14
  flex: '0 0 auto',
@@ -35,16 +33,15 @@ var DismissButton = function DismissButton(_ref) {
35
33
  size = 'medium';
36
34
  buttonTestId = testId && "".concat(testId, "-toggle");
37
35
  }
38
- return jsx(FocusRing, null, jsx("button", {
39
- type: "button",
40
- css: buttonStyles,
36
+ return /*#__PURE__*/React.createElement(Pressable, {
37
+ xcss: buttonStyles,
41
38
  onClick: onClick,
42
39
  "aria-expanded": isBold ? isExpanded : undefined,
43
- "data-testid": buttonTestId
44
- }, jsx(ButtonIcon, {
40
+ testId: buttonTestId
41
+ }, /*#__PURE__*/React.createElement(ButtonIcon, {
45
42
  label: buttonLabel,
46
43
  size: size,
47
44
  primaryColor: flagTextColorToken[appearance]
48
- })));
45
+ }));
49
46
  };
50
47
  export default /*#__PURE__*/memo(DismissButton);
package/dist/types/internal/dismiss-button.d.ts CHANGED
@@ -1,6 +1,5 @@
1
- /// <reference types="react" />
2
- import { jsx } from '@emotion/react';
3
- import { AppearanceTypes } from '../types';
1
+ import React from 'react';
2
+ import { type AppearanceTypes } from '../types';
4
3
  interface DismissButtonProps {
5
4
  appearance: AppearanceTypes;
6
5
  onClick: (...args: any) => void;
@@ -8,5 +7,5 @@ interface DismissButtonProps {
8
7
  isBold: boolean;
9
8
  testId?: string;
10
9
  }
11
- declare const _default: import("react").MemoExoticComponent<({ appearance, onClick, isBold, isExpanded, testId, }: DismissButtonProps) => jsx.JSX.Element>;
10
+ declare const _default: React.MemoExoticComponent<({ appearance, onClick, isBold, isExpanded, testId, }: DismissButtonProps) => JSX.Element>;
12
11
  export default _default;
package/dist/types-ts4.5/internal/dismiss-button.d.ts CHANGED
@@ -1,6 +1,5 @@
1
- /// <reference types="react" />
2
- import { jsx } from '@emotion/react';
3
- import { AppearanceTypes } from '../types';
1
+ import React from 'react';
2
+ import { type AppearanceTypes } from '../types';
4
3
  interface DismissButtonProps {
5
4
  appearance: AppearanceTypes;
6
5
  onClick: (...args: any) => void;
@@ -8,5 +7,5 @@ interface DismissButtonProps {
8
7
  isBold: boolean;
9
8
  testId?: string;
10
9
  }
11
- declare const _default: import("react").MemoExoticComponent<({ appearance, onClick, isBold, isExpanded, testId, }: DismissButtonProps) => jsx.JSX.Element>;
10
+ declare const _default: React.MemoExoticComponent<({ appearance, onClick, isBold, isExpanded, testId, }: DismissButtonProps) => JSX.Element>;
12
11
  export default _default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/flag",
3
- "version": "15.4.1",
3
+ "version": "15.5.0",
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/"
@@ -49,14 +49,13 @@
49
49
  "@atlaskit/analytics-next": "^9.3.0",
50
50
  "@atlaskit/button": "^17.14.0",
51
51
  "@atlaskit/ds-lib": "^2.3.0",
52
- "@atlaskit/focus-ring": "^1.3.0",
53
52
  "@atlaskit/icon": "^22.1.0",
54
53
  "@atlaskit/motion": "^1.5.0",
55
54
  "@atlaskit/portal": "^4.4.0",
56
- "@atlaskit/primitives": "^5.6.0",
55
+ "@atlaskit/primitives": "^5.7.0",
57
56
  "@atlaskit/theme": "^12.7.0",
58
- "@atlaskit/tokens": "^1.44.0",
59
- "@atlaskit/visually-hidden": "^1.2.0",
57
+ "@atlaskit/tokens": "^1.45.0",
58
+ "@atlaskit/visually-hidden": "^1.3.0",
60
59
  "@babel/runtime": "^7.0.0",
61
60
  "@emotion/react": "^11.7.1"
62
61
  },
@@ -66,7 +65,7 @@
66
65
  "devDependencies": {
67
66
  "@af/accessibility-testing": "*",
68
67
  "@af/integration-testing": "*",
69
- "@atlaskit/radio": "^6.1.3",
68
+ "@atlaskit/radio": "^6.3.0",
70
69
  "@atlaskit/ssr": "*",
71
70
  "@atlaskit/visual-regression": "*",
72
71
  "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",