@atlaskit/flag 17.2.4 → 17.3.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 (11) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/cjs/auto-dismiss-flag.js +1 -1
  3. package/dist/cjs/flag.compiled.css +0 -1
  4. package/dist/cjs/flag.js +4 -5
  5. package/dist/es2019/auto-dismiss-flag.js +1 -1
  6. package/dist/es2019/flag.compiled.css +0 -1
  7. package/dist/es2019/flag.js +4 -5
  8. package/dist/esm/auto-dismiss-flag.js +1 -1
  9. package/dist/esm/flag.compiled.css +0 -1
  10. package/dist/esm/flag.js +4 -5
  11. package/package.json +5 -8
package/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # @atlaskit/flag
2
2
 
3
+ ## 17.3.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#191911](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/191911)
8
+ [`c1fc152f611b8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c1fc152f611b8) - -
9
+ An `icon` is no longer a required prop and will be provided by default, but still allow overrides
10
+ - Icons will now display consistently regardless of their spacing
11
+
12
+ ### Patch Changes
13
+
14
+ - Updated dependencies
15
+
3
16
  ## 17.2.4
4
17
 
5
18
  ### 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.3";
17
+ var packageVersion = "17.2.4";
18
18
  var AUTO_DISMISS_SECONDS = exports.AUTO_DISMISS_SECONDS = 8;
19
19
 
20
20
  /**
package/dist/cjs/flag.compiled.css CHANGED
@@ -17,6 +17,5 @@
17
17
  ._1tke1tcg{min-height:24px}
18
18
  ._1ul91tcg{min-width:24px}
19
19
  ._4cvr1h6o{align-items:center}
20
- ._4cvrv2br{align-items:start}
21
20
  ._c71l53f4{max-height:75pt}
22
21
  ._syaz16r9{color:var(--_11v68d2)}
package/dist/cjs/flag.js CHANGED
@@ -35,13 +35,12 @@ var styles = {
35
35
  var CSS_VAR_ICON_COLOR = '--flag-icon-color';
36
36
  var oldDescriptionStyles = null;
37
37
  var descriptionStyles = null;
38
- var oldIconWrapperStyles = null;
39
38
  var iconWrapperStyles = null;
40
39
  var flagWrapperStyles = null;
41
40
  var analyticsAttributes = {
42
41
  componentName: 'flag',
43
42
  packageName: "@atlaskit/flag",
44
- packageVersion: "17.2.3"
43
+ packageVersion: "17.2.4"
45
44
  };
46
45
  var transitionStyles = null;
47
46
 
@@ -156,15 +155,15 @@ var Flag = function Flag(props) {
156
155
  backgroundColor: _theme.flagBackgroundColor[appearance],
157
156
  xcss: styles.flag
158
157
  }, /*#__PURE__*/React.createElement(_compiled.Inline, {
159
- alignBlock: (0, _platformFeatureFlags.fg)('platform_ads_component_no_icon_spacing_support') ? 'start' : 'stretch',
158
+ alignBlock: "start",
160
159
  space: "space.200"
161
160
  }, /*#__PURE__*/React.createElement("div", {
162
161
  "data-testid": testId && "".concat(testId, "-icon-container"),
163
- className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform_ads_component_no_icon_spacing_support') ? "_1e0c1txw _1ul91tcg _1tke1tcg _4cvr1h6o _1bah1h6o _1o9zidpf _syaz16r9" : "_1e0c1txw _4cvrv2br _1o9zidpf _syaz16r9"]),
162
+ className: (0, _runtime.ax)(["_1e0c1txw _1ul91tcg _1tke1tcg _4cvr1h6o _1bah1h6o _1o9zidpf _syaz16r9"]),
164
163
  style: _objectSpread(_objectSpread({}, (0, _defineProperty2.default)({}, CSS_VAR_ICON_COLOR, iconColor)), {}, {
165
164
  "--_11v68d2": (0, _runtime.ix)("var(".concat(CSS_VAR_ICON_COLOR, ")"))
166
165
  })
167
- }, icon || (iconGlyph && (0, _platformFeatureFlags.fg)('platform_ads_component_no_icon_spacing_support') ? iconGlyph : null)), /*#__PURE__*/React.createElement("span", {
166
+ }, icon || iconGlyph), /*#__PURE__*/React.createElement("span", {
168
167
  className: (0, _runtime.ax)(["_v5641hdc _16jlkb7n"])
169
168
  }, /*#__PURE__*/React.createElement(_compiled.Stack, {
170
169
  space: shouldRenderGap ? 'space.100' : 'space.0' // Gap exists even when not expanded due to Expander internals always being in the DOM
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.3";
8
+ const packageVersion = "17.2.4";
9
9
  export const AUTO_DISMISS_SECONDS = 8;
10
10
 
11
11
  /**
package/dist/es2019/flag.compiled.css CHANGED
@@ -17,6 +17,5 @@
17
17
  ._1tke1tcg{min-height:24px}
18
18
  ._1ul91tcg{min-width:24px}
19
19
  ._4cvr1h6o{align-items:center}
20
- ._4cvrv2br{align-items:start}
21
20
  ._c71l53f4{max-height:75pt}
22
21
  ._syaz1jn0{color:var(--flag-icon-color)}
package/dist/es2019/flag.js CHANGED
@@ -22,13 +22,12 @@ const styles = {
22
22
  const CSS_VAR_ICON_COLOR = '--flag-icon-color';
23
23
  const oldDescriptionStyles = null;
24
24
  const descriptionStyles = null;
25
- const oldIconWrapperStyles = null;
26
25
  const iconWrapperStyles = null;
27
26
  const flagWrapperStyles = null;
28
27
  const analyticsAttributes = {
29
28
  componentName: 'flag',
30
29
  packageName: "@atlaskit/flag",
31
- packageVersion: "17.2.3"
30
+ packageVersion: "17.2.4"
32
31
  };
33
32
  const transitionStyles = null;
34
33
 
@@ -135,7 +134,7 @@ const Flag = props => {
135
134
  backgroundColor: flagBackgroundColor[appearance],
136
135
  xcss: styles.flag
137
136
  }, /*#__PURE__*/React.createElement(Inline, {
138
- alignBlock: fg('platform_ads_component_no_icon_spacing_support') ? 'start' : 'stretch',
137
+ alignBlock: "start",
139
138
  space: "space.200"
140
139
  }, /*#__PURE__*/React.createElement("div", {
141
140
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
@@ -143,8 +142,8 @@ const Flag = props => {
143
142
  [CSS_VAR_ICON_COLOR]: iconColor
144
143
  },
145
144
  "data-testid": testId && `${testId}-icon-container`,
146
- className: ax([fg('platform_ads_component_no_icon_spacing_support') ? "_1e0c1txw _1ul91tcg _1tke1tcg _4cvr1h6o _1bah1h6o _1o9zidpf _syaz1jn0" : "_1e0c1txw _4cvrv2br _1o9zidpf _syaz1jn0"])
147
- }, icon || (iconGlyph && fg('platform_ads_component_no_icon_spacing_support') ? iconGlyph : null)), /*#__PURE__*/React.createElement("span", {
145
+ className: ax(["_1e0c1txw _1ul91tcg _1tke1tcg _4cvr1h6o _1bah1h6o _1o9zidpf _syaz1jn0"])
146
+ }, icon || iconGlyph), /*#__PURE__*/React.createElement("span", {
148
147
  className: ax(["_v5641hdc _16jlkb7n"])
149
148
  }, /*#__PURE__*/React.createElement(Stack, {
150
149
  space: shouldRenderGap ? 'space.100' : 'space.0' // Gap exists even when not expanded due to Expander internals always being in the DOM
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.3";
8
+ var packageVersion = "17.2.4";
9
9
  export var AUTO_DISMISS_SECONDS = 8;
10
10
 
11
11
  /**
package/dist/esm/flag.compiled.css CHANGED
@@ -17,6 +17,5 @@
17
17
  ._1tke1tcg{min-height:24px}
18
18
  ._1ul91tcg{min-width:24px}
19
19
  ._4cvr1h6o{align-items:center}
20
- ._4cvrv2br{align-items:start}
21
20
  ._c71l53f4{max-height:75pt}
22
21
  ._syaz16r9{color:var(--_11v68d2)}
package/dist/esm/flag.js CHANGED
@@ -26,13 +26,12 @@ var styles = {
26
26
  var CSS_VAR_ICON_COLOR = '--flag-icon-color';
27
27
  var oldDescriptionStyles = null;
28
28
  var descriptionStyles = null;
29
- var oldIconWrapperStyles = null;
30
29
  var iconWrapperStyles = null;
31
30
  var flagWrapperStyles = null;
32
31
  var analyticsAttributes = {
33
32
  componentName: 'flag',
34
33
  packageName: "@atlaskit/flag",
35
- packageVersion: "17.2.3"
34
+ packageVersion: "17.2.4"
36
35
  };
37
36
  var transitionStyles = null;
38
37
 
@@ -147,15 +146,15 @@ var Flag = function Flag(props) {
147
146
  backgroundColor: flagBackgroundColor[appearance],
148
147
  xcss: styles.flag
149
148
  }, /*#__PURE__*/React.createElement(Inline, {
150
- alignBlock: fg('platform_ads_component_no_icon_spacing_support') ? 'start' : 'stretch',
149
+ alignBlock: "start",
151
150
  space: "space.200"
152
151
  }, /*#__PURE__*/React.createElement("div", {
153
152
  "data-testid": testId && "".concat(testId, "-icon-container"),
154
- className: ax([fg('platform_ads_component_no_icon_spacing_support') ? "_1e0c1txw _1ul91tcg _1tke1tcg _4cvr1h6o _1bah1h6o _1o9zidpf _syaz16r9" : "_1e0c1txw _4cvrv2br _1o9zidpf _syaz16r9"]),
153
+ className: ax(["_1e0c1txw _1ul91tcg _1tke1tcg _4cvr1h6o _1bah1h6o _1o9zidpf _syaz16r9"]),
155
154
  style: _objectSpread(_objectSpread({}, _defineProperty({}, CSS_VAR_ICON_COLOR, iconColor)), {}, {
156
155
  "--_11v68d2": ix("var(".concat(CSS_VAR_ICON_COLOR, ")"))
157
156
  })
158
- }, icon || (iconGlyph && fg('platform_ads_component_no_icon_spacing_support') ? iconGlyph : null)), /*#__PURE__*/React.createElement("span", {
157
+ }, icon || iconGlyph), /*#__PURE__*/React.createElement("span", {
159
158
  className: ax(["_v5641hdc _16jlkb7n"])
160
159
  }, /*#__PURE__*/React.createElement(Stack, {
161
160
  space: shouldRenderGap ? 'space.100' : 'space.0' // Gap exists even when not expanded due to Expander internals always being in the DOM
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/flag",
3
- "version": "17.2.4",
3
+ "version": "17.3.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/"
@@ -44,11 +44,11 @@
44
44
  },
45
45
  "dependencies": {
46
46
  "@atlaskit/analytics-next": "^11.1.0",
47
- "@atlaskit/button": "^23.2.0",
47
+ "@atlaskit/button": "^23.3.0",
48
48
  "@atlaskit/css": "^0.12.0",
49
49
  "@atlaskit/ds-lib": "^5.0.0",
50
50
  "@atlaskit/heading": "^5.2.0",
51
- "@atlaskit/icon": "^27.6.0",
51
+ "@atlaskit/icon": "^27.7.0",
52
52
  "@atlaskit/motion": "^5.1.0",
53
53
  "@atlaskit/platform-feature-flags": "^1.1.0",
54
54
  "@atlaskit/portal": "^5.1.0",
@@ -70,8 +70,8 @@
70
70
  "@atlaskit/drawer": "^11.0.0",
71
71
  "@atlaskit/link": "^3.2.0",
72
72
  "@atlaskit/radio": "^8.1.0",
73
- "@atlaskit/section-message": "^8.3.0",
74
- "@atlaskit/spinner": "^18.0.0",
73
+ "@atlaskit/section-message": "^8.5.0",
74
+ "@atlaskit/spinner": "^19.0.0",
75
75
  "@atlaskit/visual-regression": "workspace:^",
76
76
  "@atlassian/feature-flags-test-utils": "^0.3.0",
77
77
  "@atlassian/ssr-tests": "^0.2.0",
@@ -109,9 +109,6 @@
109
109
  },
110
110
  "homepage": "https://atlassian.design/components/flag/",
111
111
  "platform-feature-flags": {
112
- "platform_ads_component_no_icon_spacing_support": {
113
- "type": "boolean"
114
- },
115
112
  "platform_ads_explicit_font_styles": {
116
113
  "type": "boolean"
117
114
  }