@atlaskit/dropdown-menu 12.5.1 → 12.5.3

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/dropdown-menu
 
+## 12.5.3
+
+### Patch Changes
+
+- Updated dependencies
+
+## 12.5.2
+
+### Patch Changes
+
+- [#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
+
 ## 12.5.1
 
 ### Patch Changes

package/dist/cjs/internal/components/checkbox-icon.js

@@ -33,7 +33,7 @@ var CheckboxIcon = function CheckboxIcon(_ref) {
     height: "12",
     rx: "2",
     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, ")"),
-    strokeWidth: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? 1 : 2
+    strokeWidth: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-input-border-wdith_5abwv') ? 1 : 2
   }), /*#__PURE__*/_react.default.createElement("path", {
     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",
     fill: "inherit"

package/dist/cjs/internal/components/radio-icon.js

@@ -31,7 +31,7 @@ var RadioIcon = function RadioIcon(_ref) {
     cy: "12",
     r: "6",
     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, ")"),
-    strokeWidth: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? 1 : 2
+    strokeWidth: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-input-border-wdith_5abwv') ? 1 : 2
   }), /*#__PURE__*/_react.default.createElement("circle", {
     fill: "inherit",
     cx: "12",

package/dist/es2019/internal/components/checkbox-icon.js

@@ -27,7 +27,7 @@ const CheckboxIcon = ({
     height: "12",
     rx: "2",
     stroke: checked ? `var(--ds-border-selected, ${B400})` : `var(--ds-border-input, ${getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? N100 : N40})`,
-    strokeWidth: getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? 1 : 2
+    strokeWidth: getBooleanFF('platform.design-system-team.update-input-border-wdith_5abwv') ? 1 : 2
   }), /*#__PURE__*/React.createElement("path", {
     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",
     fill: "inherit"

package/dist/es2019/internal/components/radio-icon.js

@@ -25,7 +25,7 @@ const RadioIcon = ({
     cy: "12",
     r: "6",
     stroke: checked ? `var(--ds-border-selected, ${B400})` : `var(--ds-border-input, ${getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? N100 : N40})`,
-    strokeWidth: getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? 1 : 2
+    strokeWidth: getBooleanFF('platform.design-system-team.update-input-border-wdith_5abwv') ? 1 : 2
   }), /*#__PURE__*/React.createElement("circle", {
     fill: "inherit",
     cx: "12",

package/dist/esm/internal/components/checkbox-icon.js

@@ -26,7 +26,7 @@ var CheckboxIcon = function CheckboxIcon(_ref) {
     height: "12",
     rx: "2",
     stroke: checked ? "var(--ds-border-selected, ".concat(B400, ")") : "var(--ds-border-input, ".concat(getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? N100 : N40, ")"),
-    strokeWidth: getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? 1 : 2
+    strokeWidth: getBooleanFF('platform.design-system-team.update-input-border-wdith_5abwv') ? 1 : 2
   }), /*#__PURE__*/React.createElement("path", {
     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",
     fill: "inherit"

package/dist/esm/internal/components/radio-icon.js

@@ -24,7 +24,7 @@ var RadioIcon = function RadioIcon(_ref) {
     cy: "12",
     r: "6",
     stroke: checked ? "var(--ds-border-selected, ".concat(B400, ")") : "var(--ds-border-input, ".concat(getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? N100 : N40, ")"),
-    strokeWidth: getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? 1 : 2
+    strokeWidth: getBooleanFF('platform.design-system-team.update-input-border-wdith_5abwv') ? 1 : 2
   }), /*#__PURE__*/React.createElement("circle", {
     fill: "inherit",
     cx: "12",

package/dist/types/types.d.ts

@@ -56,7 +56,7 @@ export interface DropdownMenuProps<TriggerElement extends HTMLElement = HTMLElem
     /**
      * Controls the appearance of the menu.
      * The default menu will scroll after its height exceeds the pre-defined amount.
-     * The tall menu will not scroll until the height exceeds the height of the viewport.
+     * The tall menu won't scroll until the height exceeds the height of the viewport.
      */
     appearance?: 'default' | 'tall';
     /**
@@ -68,11 +68,11 @@ export interface DropdownMenuProps<TriggerElement extends HTMLElement = HTMLElem
     autoFocus?: boolean;
     /**
      * Content that will be rendered inside the layer element. Should typically be
-     * `DropdownItemGroup` or `DropdownItem`, or checkbox / radio variants of those.
+     * `DropdownItemGroup` or `DropdownItem`, or the checkbox and radio variants of those.
      */
     children?: ReactNode;
     /**
-     * If true, a Spinner is rendered instead of the items.
+     * If true, a spinner is rendered instead of the items.
      */
     isLoading?: boolean;
     /**
@@ -136,7 +136,7 @@ export interface DropdownMenuProps<TriggerElement extends HTMLElement = HTMLElem
      */
     zIndex?: number;
     /**
-     * Provide an accessible label via aria-label, used by assistive technologies.
+     * Provide an accessible label via `aria-label` for assistive technology.
      */
     label?: string;
 }
@@ -156,15 +156,15 @@ export interface DropdownItemProps {
      */
     description?: string | JSX.Element;
     /**
-     * Makes the element appear disabled as well as removing interactivity.
+     * Makes the element appear disabled. This will remove interactivity and the item won't appear in the focus order.
      */
     isDisabled?: boolean;
     /**
-     * When `true` the title of the item will wrap multiple lines if it's long enough.
+     * When `true` the title of the item will wrap multiple lines if it exceeds the width of the dropdown menu.
      */
     shouldTitleWrap?: boolean;
     /**
-     * When `true` the description of the item will wrap multiple lines if it's long enough.
+     * When `true` the description of the item will wrap multiple lines if it exceeds the width of the dropdown menu.
      */
     shouldDescriptionWrap?: boolean;
     /**
@@ -294,7 +294,7 @@ export interface DropdownItemRadioProps {
      */
     defaultSelected?: boolean;
     /**
-     * Unique id of a checkbox.
+     * Unique ID of the checkbox.
      */
     id: string;
     /**

package/dist/types-ts4.5/types.d.ts

@@ -56,7 +56,7 @@ export interface DropdownMenuProps<TriggerElement extends HTMLElement = HTMLElem
     /**
      * Controls the appearance of the menu.
      * The default menu will scroll after its height exceeds the pre-defined amount.
-     * The tall menu will not scroll until the height exceeds the height of the viewport.
+     * The tall menu won't scroll until the height exceeds the height of the viewport.
      */
     appearance?: 'default' | 'tall';
     /**
@@ -68,11 +68,11 @@ export interface DropdownMenuProps<TriggerElement extends HTMLElement = HTMLElem
     autoFocus?: boolean;
     /**
      * Content that will be rendered inside the layer element. Should typically be
-     * `DropdownItemGroup` or `DropdownItem`, or checkbox / radio variants of those.
+     * `DropdownItemGroup` or `DropdownItem`, or the checkbox and radio variants of those.
      */
     children?: ReactNode;
     /**
-     * If true, a Spinner is rendered instead of the items.
+     * If true, a spinner is rendered instead of the items.
      */
     isLoading?: boolean;
     /**
@@ -136,7 +136,7 @@ export interface DropdownMenuProps<TriggerElement extends HTMLElement = HTMLElem
      */
     zIndex?: number;
     /**
-     * Provide an accessible label via aria-label, used by assistive technologies.
+     * Provide an accessible label via `aria-label` for assistive technology.
      */
     label?: string;
 }
@@ -156,15 +156,15 @@ export interface DropdownItemProps {
      */
     description?: string | JSX.Element;
     /**
-     * Makes the element appear disabled as well as removing interactivity.
+     * Makes the element appear disabled. This will remove interactivity and the item won't appear in the focus order.
      */
     isDisabled?: boolean;
     /**
-     * When `true` the title of the item will wrap multiple lines if it's long enough.
+     * When `true` the title of the item will wrap multiple lines if it exceeds the width of the dropdown menu.
      */
     shouldTitleWrap?: boolean;
     /**
-     * When `true` the description of the item will wrap multiple lines if it's long enough.
+     * When `true` the description of the item will wrap multiple lines if it exceeds the width of the dropdown menu.
      */
     shouldDescriptionWrap?: boolean;
     /**
@@ -294,7 +294,7 @@ export interface DropdownItemRadioProps {
      */
     defaultSelected?: boolean;
     /**
-     * Unique id of a checkbox.
+     * Unique ID of the checkbox.
      */
     id: string;
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/dropdown-menu",
-  "version": "12.5.1",
+  "version": "12.5.3",
   "description": "A dropdown menu displays a list of actions or options to a user.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -26,18 +26,18 @@
     }
   },
   "dependencies": {
-    "@atlaskit/button": "^17.4.0",
+    "@atlaskit/button": "^17.6.0",
     "@atlaskit/codemod-utils": "^4.2.0",
     "@atlaskit/ds-lib": "^2.2.0",
-    "@atlaskit/icon": "^22.0.0",
+    "@atlaskit/icon": "^22.1.0",
     "@atlaskit/layering": "^0.2.0",
     "@atlaskit/menu": "^2.1.0",
     "@atlaskit/platform-feature-flags": "^0.2.2",
     "@atlaskit/popup": "^1.12.0",
-    "@atlaskit/primitives": "^2.0.0",
+    "@atlaskit/primitives": "^3.0.0",
     "@atlaskit/spinner": "^16.0.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.37.0",
+    "@atlaskit/tokens": "^1.38.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "bind-event-listener": "^2.1.1"
@@ -107,6 +107,9 @@
   "platform-feature-flags": {
     "platform.design-system-team.border-checkbox_nyoiu": {
       "type": "boolean"
+    },
+    "platform.design-system-team.update-input-border-wdith_5abwv": {
+      "type": "boolean"
     }
   },
   "homepage": "https://atlassian.design/components/dropdown-menu/",