@atlaskit/flag 15.1.2 → 15.1.4

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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/flag
2
2
 
3
+ ## 15.1.4
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 15.1.3
10
+
11
+ ### Patch Changes
12
+
13
+ - Updated dependencies
14
+
3
15
  ## 15.1.2
4
16
 
5
17
  ### Patch Changes
@@ -15,7 +15,7 @@ var _flagGroup = require("./flag-group");
15
15
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
16
16
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
17
17
  var packageName = "@atlaskit/flag";
18
- var packageVersion = "15.1.2";
18
+ var packageVersion = "15.1.4";
19
19
  var AUTO_DISMISS_SECONDS = 8;
20
20
 
21
21
  /**
@@ -57,7 +57,7 @@ var FlagActions = function FlagActions(props) {
57
57
  return (0, _react.jsx)("span", {
58
58
  css: !isBold && appearanceNormalActionsContainerStyles
59
59
  }, (0, _react.jsx)(_inline.default, {
60
- space: "100",
60
+ space: "space.100",
61
61
  shouldWrap: true,
62
62
  alignBlock: "center",
63
63
  separator: isBold ? undefined : '·',
package/dist/cjs/flag.js CHANGED
@@ -22,11 +22,11 @@ var _flagActions = _interopRequireDefault(require("./flag-actions"));
22
22
  var _flagGroup = require("./flag-group");
23
23
  var _internal = require("./internal");
24
24
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
25
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
25
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } /** @jsx jsx */
26
26
  var analyticsAttributes = {
27
27
  componentName: 'flag',
28
28
  packageName: "@atlaskit/flag",
29
- packageVersion: "15.1.2"
29
+ packageVersion: "15.1.4"
30
30
  };
31
31
  var transitionStyles = (0, _react2.css)({
32
32
  flexGrow: 1,
@@ -132,7 +132,7 @@ var Flag = function Flag(props) {
132
132
  tabIndex: 0,
133
133
  testId: testId
134
134
  }, autoDismissProps), (0, _react2.jsx)(_inline.default, {
135
- space: "200"
135
+ space: "space.200"
136
136
  }, (0, _react2.jsx)(_dsExplorations.UNSAFE_Box, {
137
137
  alignItems: "start",
138
138
  UNSAFE_style: {
@@ -142,9 +142,9 @@ var Flag = function Flag(props) {
142
142
  }, icon), (0, _react2.jsx)("span", {
143
143
  css: transitionStyles
144
144
  }, (0, _react2.jsx)(_stack.default, {
145
- space: shouldRenderGap ? '100' : '0' // Gap exists even when not expanded due to Expander internals always being in the DOM
145
+ space: shouldRenderGap ? 'space.100' : 'space.0' // Gap exists even when not expanded due to Expander internals always being in the DOM
146
146
  }, (0, _react2.jsx)(_inline.default, {
147
- space: "100",
147
+ space: "space.100",
148
148
  spread: "space-between"
149
149
  }, (0, _react2.jsx)(_dsExplorations.UNSAFE_Box, {
150
150
  display: "block",
@@ -36,7 +36,7 @@ var Expander = function Expander(_ref) {
36
36
  width: '100%'
37
37
  }
38
38
  }, props), /*#__PURE__*/_react.default.createElement(_stack.default, {
39
- space: "100"
39
+ space: "space.100"
40
40
  }, children));
41
41
  })));
42
42
  };
package/dist/cjs/types.js CHANGED
@@ -11,4 +11,10 @@ exports.AppearanceArray = void 0;
11
11
  var AppearanceArray = ['error', 'info', 'normal', 'success', 'warning'];
12
12
 
13
13
  // CreateFlagsArg makes id optional so define this prop separately
14
+
15
+ // Normal AutoDismissFlagProps should include the id
16
+
17
+ // This is extended by CreateFlagArgs
18
+
19
+ // Normal FlagProps should include the id
14
20
  exports.AppearanceArray = AppearanceArray;
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/flag",
3
- "version": "15.1.2",
3
+ "version": "15.1.4",
4
4
  "sideEffects": false
5
5
  }
@@ -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.1.2";
8
+ const packageVersion = "15.1.4";
9
9
  export const AUTO_DISMISS_SECONDS = 8;
10
10
 
11
11
  /**
@@ -49,7 +49,7 @@ const FlagActions = props => {
49
49
  return jsx("span", {
50
50
  css: !isBold && appearanceNormalActionsContainerStyles
51
51
  }, jsx(Inline, {
52
- space: "100",
52
+ space: "space.100",
53
53
  shouldWrap: true,
54
54
  alignBlock: "center",
55
55
  separator: isBold ? undefined : '·',
@@ -16,7 +16,7 @@ import { Expander, DismissButton } from './internal';
16
16
  const analyticsAttributes = {
17
17
  componentName: 'flag',
18
18
  packageName: "@atlaskit/flag",
19
- packageVersion: "15.1.2"
19
+ packageVersion: "15.1.4"
20
20
  };
21
21
  const transitionStyles = css({
22
22
  flexGrow: 1,
@@ -118,7 +118,7 @@ const Flag = props => {
118
118
  tabIndex: 0,
119
119
  testId: testId
120
120
  }, autoDismissProps), jsx(Inline, {
121
- space: "200"
121
+ space: "space.200"
122
122
  }, jsx(Box, {
123
123
  alignItems: "start",
124
124
  UNSAFE_style: {
@@ -128,9 +128,9 @@ const Flag = props => {
128
128
  }, icon), jsx("span", {
129
129
  css: transitionStyles
130
130
  }, jsx(Stack, {
131
- space: shouldRenderGap ? '100' : '0' // Gap exists even when not expanded due to Expander internals always being in the DOM
131
+ space: shouldRenderGap ? 'space.100' : 'space.0' // Gap exists even when not expanded due to Expander internals always being in the DOM
132
132
  }, jsx(Inline, {
133
- space: "100",
133
+ space: "space.100",
134
134
  spread: "space-between"
135
135
  }, jsx(Box, {
136
136
  display: "block",
@@ -29,7 +29,7 @@ const Expander = ({
29
29
  width: '100%'
30
30
  }
31
31
  }, props), /*#__PURE__*/React.createElement(Stack, {
32
- space: "100"
32
+ space: "space.100"
33
33
  }, children)))));
34
34
  };
35
35
 
@@ -4,4 +4,10 @@
4
4
  // eslint-disable-next-line @repo/internal/react/require-jsdoc
5
5
  export const AppearanceArray = ['error', 'info', 'normal', 'success', 'warning'];
6
6
 
7
- // CreateFlagsArg makes id optional so define this prop separately
7
+ // CreateFlagsArg makes id optional so define this prop separately
8
+
9
+ // Normal AutoDismissFlagProps should include the id
10
+
11
+ // This is extended by CreateFlagArgs
12
+
13
+ // Normal FlagProps should include the id
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/flag",
3
- "version": "15.1.2",
3
+ "version": "15.1.4",
4
4
  "sideEffects": false
5
5
  }
@@ -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.1.2";
8
+ var packageVersion = "15.1.4";
9
9
  export var AUTO_DISMISS_SECONDS = 8;
10
10
 
11
11
  /**
@@ -50,7 +50,7 @@ var FlagActions = function FlagActions(props) {
50
50
  return jsx("span", {
51
51
  css: !isBold && appearanceNormalActionsContainerStyles
52
52
  }, jsx(Inline, {
53
- space: "100",
53
+ space: "space.100",
54
54
  shouldWrap: true,
55
55
  alignBlock: "center",
56
56
  separator: isBold ? undefined : '·',
package/dist/esm/flag.js CHANGED
@@ -20,7 +20,7 @@ import { Expander, DismissButton } from './internal';
20
20
  var analyticsAttributes = {
21
21
  componentName: 'flag',
22
22
  packageName: "@atlaskit/flag",
23
- packageVersion: "15.1.2"
23
+ packageVersion: "15.1.4"
24
24
  };
25
25
  var transitionStyles = css({
26
26
  flexGrow: 1,
@@ -126,7 +126,7 @@ var Flag = function Flag(props) {
126
126
  tabIndex: 0,
127
127
  testId: testId
128
128
  }, autoDismissProps), jsx(Inline, {
129
- space: "200"
129
+ space: "space.200"
130
130
  }, jsx(Box, {
131
131
  alignItems: "start",
132
132
  UNSAFE_style: {
@@ -136,9 +136,9 @@ var Flag = function Flag(props) {
136
136
  }, icon), jsx("span", {
137
137
  css: transitionStyles
138
138
  }, jsx(Stack, {
139
- space: shouldRenderGap ? '100' : '0' // Gap exists even when not expanded due to Expander internals always being in the DOM
139
+ space: shouldRenderGap ? 'space.100' : 'space.0' // Gap exists even when not expanded due to Expander internals always being in the DOM
140
140
  }, jsx(Inline, {
141
- space: "100",
141
+ space: "space.100",
142
142
  spread: "space-between"
143
143
  }, jsx(Box, {
144
144
  display: "block",
@@ -29,7 +29,7 @@ var Expander = function Expander(_ref) {
29
29
  width: '100%'
30
30
  }
31
31
  }, props), /*#__PURE__*/React.createElement(Stack, {
32
- space: "100"
32
+ space: "space.100"
33
33
  }, children));
34
34
  })));
35
35
  };
package/dist/esm/types.js CHANGED
@@ -4,4 +4,10 @@
4
4
  // eslint-disable-next-line @repo/internal/react/require-jsdoc
5
5
  export var AppearanceArray = ['error', 'info', 'normal', 'success', 'warning'];
6
6
 
7
- // CreateFlagsArg makes id optional so define this prop separately
7
+ // CreateFlagsArg makes id optional so define this prop separately
8
+
9
+ // Normal AutoDismissFlagProps should include the id
10
+
11
+ // This is extended by CreateFlagArgs
12
+
13
+ // Normal FlagProps should include the id
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/flag",
3
- "version": "15.1.2",
3
+ "version": "15.1.4",
4
4
  "sideEffects": false
5
5
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/flag",
3
- "version": "15.1.2",
3
+ "version": "15.1.4",
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/"
@@ -42,7 +42,7 @@
42
42
  "@atlaskit/icon": "^21.11.0",
43
43
  "@atlaskit/motion": "^1.3.0",
44
44
  "@atlaskit/portal": "^4.0.0",
45
- "@atlaskit/primitives": "^0.6.0",
45
+ "@atlaskit/primitives": "^0.8.0",
46
46
  "@atlaskit/theme": "^12.3.0",
47
47
  "@atlaskit/tokens": "^1.2.0",
48
48
  "@atlaskit/visually-hidden": "^1.1.0",