@canonical/react-components 3.1.0 → 3.1.1

package/dist/components/MultiSelect/MultiSelect.js

@@ -270,7 +270,8 @@ const MultiSelect = _ref4 => {
         }
       },
       ref: buttonRef,
-      id: id
+      id: id,
+      disabled: disabled
     }, /*#__PURE__*/_react.default.createElement("span", {
       className: "multi-select__condensed-text"
     }, listSelected && selectedItems.length > 0 ? selectedItemsLabel : placeholder !== null && placeholder !== void 0 ? placeholder : "Select items")),

package/dist/components/MultiSelect/MultiSelect.scss

@@ -149,4 +149,9 @@ $dropdown-max-height: 20rem;
       transform: translateY(-50%) rotate(0);
     }
   }
+
+  &[disabled],
+  &[disabled="disabled"] {
+    border-top: 0;
+  }
 }

package/dist/components/MultiSelect/MultiSelect.stories.d.ts

@@ -7,3 +7,4 @@ export declare const CondensedExample: Story;
 export declare const SearchExample: Story;
 export declare const WithDisabledItems: Story;
 export declare const WithoutSorting: Story;
+export declare const Disabled: Story;

package/dist/components/MultiSelect/MultiSelect.stories.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.WithoutSorting = exports.WithDisabledItems = exports.SearchExample = exports.CondensedExample = void 0;
+exports.default = exports.WithoutSorting = exports.WithDisabledItems = exports.SearchExample = exports.Disabled = exports.CondensedExample = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _MultiSelect = require("./MultiSelect");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
@@ -108,4 +108,10 @@ const WithoutSorting = exports.WithoutSorting = {
     hasSelectedItemsFirst: false,
     id: "external-id"
   }
+};
+const Disabled = exports.Disabled = {
+  args: {
+    ...CondensedExample.args,
+    disabled: true
+  }
 };

package/dist/esm/components/MultiSelect/MultiSelect.js

@@ -263,7 +263,8 @@ export var MultiSelect = _ref4 => {
         }
       },
       ref: buttonRef,
-      id: id
+      id: id,
+      disabled: disabled
     }, /*#__PURE__*/React.createElement("span", {
       className: "multi-select__condensed-text"
     }, listSelected && selectedItems.length > 0 ? selectedItemsLabel : placeholder !== null && placeholder !== void 0 ? placeholder : "Select items")),

package/dist/esm/components/MultiSelect/MultiSelect.scss

@@ -149,4 +149,9 @@ $dropdown-max-height: 20rem;
       transform: translateY(-50%) rotate(0);
     }
   }
+
+  &[disabled],
+  &[disabled="disabled"] {
+    border-top: 0;
+  }
 }

package/dist/esm/components/MultiSelect/MultiSelect.stories.d.ts

@@ -7,3 +7,4 @@ export declare const CondensedExample: Story;
 export declare const SearchExample: Story;
 export declare const WithDisabledItems: Story;
 export declare const WithoutSorting: Story;
+export declare const Disabled: Story;

package/dist/esm/components/MultiSelect/MultiSelect.stories.js

@@ -103,4 +103,9 @@ export var WithoutSorting = {
     hasSelectedItemsFirst: false,
     id: "external-id"
   }
+};
+export var Disabled = {
+  args: _objectSpread(_objectSpread({}, CondensedExample.args), {}, {
+    disabled: true
+  })
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@canonical/react-components",
-  "version": "3.1.0",
+  "version": "3.1.1",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "author": {