@atlaskit/dropdown-menu 12.5.0 → 12.5.2

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,18 @@
1
1
  # @atlaskit/dropdown-menu
2
2
 
3
+ ## 12.5.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [#74756](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/74756) [`8e66f751df96`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8e66f751df96) - Use feature flag to roll out border width update from 2px to 1px
8
+
9
+ ## 12.5.1
10
+
11
+ ### Patch Changes
12
+
13
+ - [#72130](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/72130) [`b037e5451037`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b037e5451037) - Update new button text color fallback for default theme (non-token) to match that of old button current text color
14
+ - Updated dependencies
15
+
3
16
  ## 12.5.0
4
17
 
5
18
  ### Minor Changes
@@ -64,11 +64,13 @@ var getFallbackPlacements = function getFallbackPlacements(placement) {
64
64
  };
65
65
 
66
66
  /**
67
+ * __Dropdown menu__
68
+ *
67
69
  * A dropdown menu displays a list of actions or options to a user.
68
70
  *
69
71
  * - [Examples](https://atlassian.design/components/dropdown-menu/examples)
70
72
  * - [Code](https://atlassian.design/components/dropdown-menu/code)
71
- * - [Usage](https://atlassian.design/components/dropdown-menu/usage).
73
+ * - [Usage](https://atlassian.design/components/dropdown-menu/usage)
72
74
  */
73
75
  var DropdownMenu = function DropdownMenu(_ref) {
74
76
  var _ref$autoFocus = _ref.autoFocus,
@@ -33,7 +33,7 @@ var CheckboxIcon = function CheckboxIcon(_ref) {
33
33
  height: "12",
34
34
  rx: "2",
35
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.border-checkbox_nyoiu') ? 1 : 2
36
+ strokeWidth: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-input-border-wdith_5abwv') ? 1 : 2
37
37
  }), /*#__PURE__*/_react.default.createElement("path", {
38
38
  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
39
  fill: "inherit"
@@ -31,7 +31,7 @@ var RadioIcon = function RadioIcon(_ref) {
31
31
  cy: "12",
32
32
  r: "6",
33
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.border-checkbox_nyoiu') ? 1 : 2
34
+ strokeWidth: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-input-border-wdith_5abwv') ? 1 : 2
35
35
  }), /*#__PURE__*/_react.default.createElement("circle", {
36
36
  fill: "inherit",
37
37
  cx: "12",
@@ -49,11 +49,13 @@ const getFallbackPlacements = placement => {
49
49
  };
50
50
 
51
51
  /**
52
+ * __Dropdown menu__
53
+ *
52
54
  * A dropdown menu displays a list of actions or options to a user.
53
55
  *
54
56
  * - [Examples](https://atlassian.design/components/dropdown-menu/examples)
55
57
  * - [Code](https://atlassian.design/components/dropdown-menu/code)
56
- * - [Usage](https://atlassian.design/components/dropdown-menu/usage).
58
+ * - [Usage](https://atlassian.design/components/dropdown-menu/usage)
57
59
  */
58
60
  const DropdownMenu = ({
59
61
  autoFocus = false,
@@ -27,7 +27,7 @@ const CheckboxIcon = ({
27
27
  height: "12",
28
28
  rx: "2",
29
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.border-checkbox_nyoiu') ? 1 : 2
30
+ strokeWidth: getBooleanFF('platform.design-system-team.update-input-border-wdith_5abwv') ? 1 : 2
31
31
  }), /*#__PURE__*/React.createElement("path", {
32
32
  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
33
  fill: "inherit"
@@ -25,7 +25,7 @@ const RadioIcon = ({
25
25
  cy: "12",
26
26
  r: "6",
27
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.border-checkbox_nyoiu') ? 1 : 2
28
+ strokeWidth: getBooleanFF('platform.design-system-team.update-input-border-wdith_5abwv') ? 1 : 2
29
29
  }), /*#__PURE__*/React.createElement("circle", {
30
30
  fill: "inherit",
31
31
  cx: "12",
@@ -55,11 +55,13 @@ var getFallbackPlacements = function getFallbackPlacements(placement) {
55
55
  };
56
56
 
57
57
  /**
58
+ * __Dropdown menu__
59
+ *
58
60
  * A dropdown menu displays a list of actions or options to a user.
59
61
  *
60
62
  * - [Examples](https://atlassian.design/components/dropdown-menu/examples)
61
63
  * - [Code](https://atlassian.design/components/dropdown-menu/code)
62
- * - [Usage](https://atlassian.design/components/dropdown-menu/usage).
64
+ * - [Usage](https://atlassian.design/components/dropdown-menu/usage)
63
65
  */
64
66
  var DropdownMenu = function DropdownMenu(_ref) {
65
67
  var _ref$autoFocus = _ref.autoFocus,
@@ -26,7 +26,7 @@ var CheckboxIcon = function CheckboxIcon(_ref) {
26
26
  height: "12",
27
27
  rx: "2",
28
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.border-checkbox_nyoiu') ? 1 : 2
29
+ strokeWidth: getBooleanFF('platform.design-system-team.update-input-border-wdith_5abwv') ? 1 : 2
30
30
  }), /*#__PURE__*/React.createElement("path", {
31
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",
32
32
  fill: "inherit"
@@ -24,7 +24,7 @@ var RadioIcon = function RadioIcon(_ref) {
24
24
  cy: "12",
25
25
  r: "6",
26
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.border-checkbox_nyoiu') ? 1 : 2
27
+ strokeWidth: getBooleanFF('platform.design-system-team.update-input-border-wdith_5abwv') ? 1 : 2
28
28
  }), /*#__PURE__*/React.createElement("circle", {
29
29
  fill: "inherit",
30
30
  cx: "12",
@@ -3,11 +3,13 @@ import type { DropdownMenuProps } from './types';
3
3
  export declare const KEY_SPACE = " ";
4
4
  export declare const KEY_ENTER = "Enter";
5
5
  /**
6
+ * __Dropdown menu__
7
+ *
6
8
  * A dropdown menu displays a list of actions or options to a user.
7
9
  *
8
10
  * - [Examples](https://atlassian.design/components/dropdown-menu/examples)
9
11
  * - [Code](https://atlassian.design/components/dropdown-menu/code)
10
- * - [Usage](https://atlassian.design/components/dropdown-menu/usage).
12
+ * - [Usage](https://atlassian.design/components/dropdown-menu/usage)
11
13
  */
12
14
  declare const DropdownMenu: <T extends HTMLElement = HTMLElement>({ autoFocus, children, defaultOpen, isLoading, isOpen, onOpenChange, placement, shouldFlip, shouldRenderToParent, spacing, statusLabel, testId, trigger, zIndex, label, }: DropdownMenuProps<T>) => JSX.Element;
13
15
  export default DropdownMenu;
@@ -3,11 +3,13 @@ import type { DropdownMenuProps } from './types';
3
3
  export declare const KEY_SPACE = " ";
4
4
  export declare const KEY_ENTER = "Enter";
5
5
  /**
6
+ * __Dropdown menu__
7
+ *
6
8
  * A dropdown menu displays a list of actions or options to a user.
7
9
  *
8
10
  * - [Examples](https://atlassian.design/components/dropdown-menu/examples)
9
11
  * - [Code](https://atlassian.design/components/dropdown-menu/code)
10
- * - [Usage](https://atlassian.design/components/dropdown-menu/usage).
12
+ * - [Usage](https://atlassian.design/components/dropdown-menu/usage)
11
13
  */
12
14
  declare const DropdownMenu: <T extends HTMLElement = HTMLElement>({ autoFocus, children, defaultOpen, isLoading, isOpen, onOpenChange, placement, shouldFlip, shouldRenderToParent, spacing, statusLabel, testId, trigger, zIndex, label, }: DropdownMenuProps<T>) => JSX.Element;
13
15
  export default DropdownMenu;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/dropdown-menu",
3
- "version": "12.5.0",
3
+ "version": "12.5.2",
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/"
@@ -26,7 +26,7 @@
26
26
  }
27
27
  },
28
28
  "dependencies": {
29
- "@atlaskit/button": "^17.3.0",
29
+ "@atlaskit/button": "^17.4.0",
30
30
  "@atlaskit/codemod-utils": "^4.2.0",
31
31
  "@atlaskit/ds-lib": "^2.2.0",
32
32
  "@atlaskit/icon": "^22.0.0",
@@ -37,7 +37,7 @@
37
37
  "@atlaskit/primitives": "^2.0.0",
38
38
  "@atlaskit/spinner": "^16.0.0",
39
39
  "@atlaskit/theme": "^12.6.0",
40
- "@atlaskit/tokens": "^1.35.0",
40
+ "@atlaskit/tokens": "^1.38.0",
41
41
  "@babel/runtime": "^7.0.0",
42
42
  "@emotion/react": "^11.7.1",
43
43
  "bind-event-listener": "^2.1.1"
@@ -107,6 +107,9 @@
107
107
  "platform-feature-flags": {
108
108
  "platform.design-system-team.border-checkbox_nyoiu": {
109
109
  "type": "boolean"
110
+ },
111
+ "platform.design-system-team.update-input-border-wdith_5abwv": {
112
+ "type": "boolean"
110
113
  }
111
114
  },
112
115
  "homepage": "https://atlassian.design/components/dropdown-menu/",