@atlaskit/dropdown-menu 12.9.3 → 12.10.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 (8) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/cjs/internal/components/checkbox-icon.js +2 -3
  3. package/dist/cjs/internal/components/radio-icon.js +2 -3
  4. package/dist/es2019/internal/components/checkbox-icon.js +3 -4
  5. package/dist/es2019/internal/components/radio-icon.js +3 -4
  6. package/dist/esm/internal/components/checkbox-icon.js +3 -4
  7. package/dist/esm/internal/components/radio-icon.js +3 -4
  8. package/package.json +3 -12
package/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # @atlaskit/dropdown-menu
2
2
 
3
+ ## 12.10.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#94675](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/94675)
8
+ [`5d9e1dccacca`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/5d9e1dccacca) -
9
+ [ux] Update input border color token to meet 3:1 color contrast ratioLight theme:
10
+ color.border.input: #091E4224 → #8590A2Dark mode: color.border.input: #A6C5E229 → #738496
11
+
12
+ ### Patch Changes
13
+
14
+ - Updated dependencies
15
+
3
16
  ## 12.9.3
4
17
 
5
18
  ### Patch Changes
package/dist/cjs/internal/components/checkbox-icon.js CHANGED
@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.default = void 0;
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
  var _svg = _interopRequireDefault(require("@atlaskit/icon/svg"));
10
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
11
10
  var _colors = require("@atlaskit/theme/colors");
12
11
  /**
13
12
  * __Checkbox icon__
@@ -32,8 +31,8 @@ var CheckboxIcon = function CheckboxIcon(_ref) {
32
31
  width: "12",
33
32
  height: "12",
34
33
  rx: "2",
35
- stroke: checked ? "var(--ds-border-selected, ".concat(_colors.B400, ")") : "var(--ds-border-input, ".concat((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? _colors.N100 : _colors.N40, ")"),
36
- strokeWidth: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-input-border-wdith_5abwv') ? 1 : 2
34
+ stroke: checked ? "var(--ds-border-selected, ".concat(_colors.B400, ")") : "var(--ds-border-input, ".concat(_colors.N100, ")"),
35
+ strokeWidth: 1
37
36
  }), /*#__PURE__*/_react.default.createElement("path", {
38
37
  d: "M9.707 11.293a1 1 0 10-1.414 1.414l2 2a1 1 0 001.414 0l4-4a1 1 0 10-1.414-1.414L11 12.586l-1.293-1.293z",
39
38
  fill: "inherit"
package/dist/cjs/internal/components/radio-icon.js CHANGED
@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.default = void 0;
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
  var _svg = _interopRequireDefault(require("@atlaskit/icon/svg"));
10
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
11
10
  var _colors = require("@atlaskit/theme/colors");
12
11
  /**
13
12
  * __Radio icon__
@@ -30,8 +29,8 @@ var RadioIcon = function RadioIcon(_ref) {
30
29
  cx: "12",
31
30
  cy: "12",
32
31
  r: "6",
33
- stroke: checked ? "var(--ds-border-selected, ".concat(_colors.B400, ")") : "var(--ds-border-input, ".concat((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? _colors.N100 : _colors.N40, ")"),
34
- strokeWidth: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-input-border-wdith_5abwv') ? 1 : 2
32
+ stroke: checked ? "var(--ds-border-selected, ".concat(_colors.B400, ")") : "var(--ds-border-input, ".concat(_colors.N100, ")"),
33
+ strokeWidth: 1
35
34
  }), /*#__PURE__*/_react.default.createElement("circle", {
36
35
  fill: "inherit",
37
36
  cx: "12",
package/dist/es2019/internal/components/checkbox-icon.js CHANGED
@@ -1,7 +1,6 @@
1
1
  import React from 'react';
2
2
  import SVGIcon from '@atlaskit/icon/svg';
3
- import { getBooleanFF } from '@atlaskit/platform-feature-flags';
4
- import { B400, N10, N100, N40 } from '@atlaskit/theme/colors';
3
+ import { B400, N10, N100 } from '@atlaskit/theme/colors';
5
4
  /**
6
5
  * __Checkbox icon__
7
6
  *
@@ -26,8 +25,8 @@ const CheckboxIcon = ({
26
25
  width: "12",
27
26
  height: "12",
28
27
  rx: "2",
29
- stroke: checked ? `var(--ds-border-selected, ${B400})` : `var(--ds-border-input, ${getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? N100 : N40})`,
30
- strokeWidth: getBooleanFF('platform.design-system-team.update-input-border-wdith_5abwv') ? 1 : 2
28
+ stroke: checked ? `var(--ds-border-selected, ${B400})` : `var(--ds-border-input, ${N100})`,
29
+ strokeWidth: 1
31
30
  }), /*#__PURE__*/React.createElement("path", {
32
31
  d: "M9.707 11.293a1 1 0 10-1.414 1.414l2 2a1 1 0 001.414 0l4-4a1 1 0 10-1.414-1.414L11 12.586l-1.293-1.293z",
33
32
  fill: "inherit"
package/dist/es2019/internal/components/radio-icon.js CHANGED
@@ -1,7 +1,6 @@
1
1
  import React from 'react';
2
2
  import SVGIcon from '@atlaskit/icon/svg';
3
- import { getBooleanFF } from '@atlaskit/platform-feature-flags';
4
- import { B400, N10, N100, N40 } from '@atlaskit/theme/colors';
3
+ import { B400, N10, N100 } from '@atlaskit/theme/colors';
5
4
  /**
6
5
  * __Radio icon__
7
6
  *
@@ -24,8 +23,8 @@ const RadioIcon = ({
24
23
  cx: "12",
25
24
  cy: "12",
26
25
  r: "6",
27
- stroke: checked ? `var(--ds-border-selected, ${B400})` : `var(--ds-border-input, ${getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? N100 : N40})`,
28
- strokeWidth: getBooleanFF('platform.design-system-team.update-input-border-wdith_5abwv') ? 1 : 2
26
+ stroke: checked ? `var(--ds-border-selected, ${B400})` : `var(--ds-border-input, ${N100})`,
27
+ strokeWidth: 1
29
28
  }), /*#__PURE__*/React.createElement("circle", {
30
29
  fill: "inherit",
31
30
  cx: "12",
package/dist/esm/internal/components/checkbox-icon.js CHANGED
@@ -1,7 +1,6 @@
1
1
  import React from 'react';
2
2
  import SVGIcon from '@atlaskit/icon/svg';
3
- import { getBooleanFF } from '@atlaskit/platform-feature-flags';
4
- import { B400, N10, N100, N40 } from '@atlaskit/theme/colors';
3
+ import { B400, N10, N100 } from '@atlaskit/theme/colors';
5
4
  /**
6
5
  * __Checkbox icon__
7
6
  *
@@ -25,8 +24,8 @@ var CheckboxIcon = function CheckboxIcon(_ref) {
25
24
  width: "12",
26
25
  height: "12",
27
26
  rx: "2",
28
- stroke: checked ? "var(--ds-border-selected, ".concat(B400, ")") : "var(--ds-border-input, ".concat(getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? N100 : N40, ")"),
29
- strokeWidth: getBooleanFF('platform.design-system-team.update-input-border-wdith_5abwv') ? 1 : 2
27
+ stroke: checked ? "var(--ds-border-selected, ".concat(B400, ")") : "var(--ds-border-input, ".concat(N100, ")"),
28
+ strokeWidth: 1
30
29
  }), /*#__PURE__*/React.createElement("path", {
31
30
  d: "M9.707 11.293a1 1 0 10-1.414 1.414l2 2a1 1 0 001.414 0l4-4a1 1 0 10-1.414-1.414L11 12.586l-1.293-1.293z",
32
31
  fill: "inherit"
package/dist/esm/internal/components/radio-icon.js CHANGED
@@ -1,7 +1,6 @@
1
1
  import React from 'react';
2
2
  import SVGIcon from '@atlaskit/icon/svg';
3
- import { getBooleanFF } from '@atlaskit/platform-feature-flags';
4
- import { B400, N10, N100, N40 } from '@atlaskit/theme/colors';
3
+ import { B400, N10, N100 } from '@atlaskit/theme/colors';
5
4
  /**
6
5
  * __Radio icon__
7
6
  *
@@ -23,8 +22,8 @@ var RadioIcon = function RadioIcon(_ref) {
23
22
  cx: "12",
24
23
  cy: "12",
25
24
  r: "6",
26
- stroke: checked ? "var(--ds-border-selected, ".concat(B400, ")") : "var(--ds-border-input, ".concat(getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? N100 : N40, ")"),
27
- strokeWidth: getBooleanFF('platform.design-system-team.update-input-border-wdith_5abwv') ? 1 : 2
25
+ stroke: checked ? "var(--ds-border-selected, ".concat(B400, ")") : "var(--ds-border-input, ".concat(N100, ")"),
26
+ strokeWidth: 1
28
27
  }), /*#__PURE__*/React.createElement("circle", {
29
28
  fill: "inherit",
30
29
  cx: "12",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/dropdown-menu",
3
- "version": "12.9.3",
3
+ "version": "12.10.0",
4
4
  "description": "A dropdown menu displays a list of actions or options to a user.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -33,12 +33,11 @@
33
33
  "@atlaskit/icon": "^22.1.0",
34
34
  "@atlaskit/layering": "^0.3.0",
35
35
  "@atlaskit/menu": "^2.2.0",
36
- "@atlaskit/platform-feature-flags": "^0.2.2",
37
36
  "@atlaskit/popup": "^1.15.0",
38
37
  "@atlaskit/primitives": "^5.7.0",
39
- "@atlaskit/spinner": "^16.0.0",
38
+ "@atlaskit/spinner": "^16.1.0",
40
39
  "@atlaskit/theme": "^12.7.0",
41
- "@atlaskit/tokens": "^1.44.0",
40
+ "@atlaskit/tokens": "^1.45.0",
42
41
  "@babel/runtime": "^7.0.0",
43
42
  "@emotion/react": "^11.7.1",
44
43
  "bind-event-listener": "^3.0.0"
@@ -108,14 +107,6 @@
108
107
  ".": "./src/index.tsx",
109
108
  "./types": "./src/types.tsx"
110
109
  },
111
- "platform-feature-flags": {
112
- "platform.design-system-team.border-checkbox_nyoiu": {
113
- "type": "boolean"
114
- },
115
- "platform.design-system-team.update-input-border-wdith_5abwv": {
116
- "type": "boolean"
117
- }
118
- },
119
110
  "homepage": "https://atlassian.design/components/dropdown-menu/",
120
111
  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
121
112
  }