@canonical/react-components 1.8.0 → 1.9.1

package/dist/components/Button/Button.stories.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.Small = exports.PositiveDisabled = exports.Positive = exports.NegativeDisabled = exports.Negative = exports.LinkDisabled = exports.Link = exports.Inline = exports.IconWithTooltip = exports.IconText = exports.Icon = exports.Dense = exports.DefaultDisabled = exports.Default = exports.BrandDisabled = exports.Brand = exports.BaseDisabled = exports.Base = void 0;
+exports.default = exports.Small = exports.PositiveDisabled = exports.Positive = exports.NegativeDisabled = exports.Negative = exports.LinkDisabled = exports.Link = exports.Inline = exports.IconText = exports.Icon = exports.DisabledWithTooltip = exports.Dense = exports.DefaultDisabled = exports.Default = exports.ButtonAsLinkDisabled = exports.ButtonAsLink = exports.BrandDisabled = exports.Brand = exports.BaseDisabled = exports.Base = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _Tooltip = _interopRequireDefault(require("../Tooltip"));
 var _Button = _interopRequireWildcard(require("./Button"));
 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); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const meta = {
   component: _Button.default,
   tags: ["autodocs"],
@@ -36,6 +36,13 @@ const Default = exports.Default = {
   name: "Default",
   args: {
     children: "Button"
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Button with default appearance"
+      }
+    }
   }
 };
 const DefaultDisabled = exports.DefaultDisabled = {
@@ -43,6 +50,13 @@ const DefaultDisabled = exports.DefaultDisabled = {
   args: {
     children: "Button",
     disabled: true
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Disabled button with default appearance"
+      }
+    }
   }
 };
 const Base = exports.Base = {
@@ -50,6 +64,13 @@ const Base = exports.Base = {
   args: {
     children: "Base button",
     appearance: "base"
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Button with base appearance"
+      }
+    }
   }
 };
 const BaseDisabled = exports.BaseDisabled = {
@@ -58,25 +79,42 @@ const BaseDisabled = exports.BaseDisabled = {
     children: "Base button disabled",
     appearance: "base",
     disabled: true
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Disabled button with base appearance"
+      }
+    }
   }
 };
 const Link = exports.Link = {
   name: "Link",
   args: {
     children: "Link button",
-    appearance: "base",
-    element: "a",
-    href: "#test"
+    appearance: "link"
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Button with link appearance"
+      }
+    }
   }
 };
 const LinkDisabled = exports.LinkDisabled = {
   name: "Link disabled",
   args: {
     children: "Link button disabled",
-    appearance: "base",
-    element: "a",
-    href: "#test",
+    appearance: "link",
     disabled: true
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Disabled button with link appearance"
+      }
+    }
   }
 };
 const Positive = exports.Positive = {
@@ -84,6 +122,13 @@ const Positive = exports.Positive = {
   args: {
     children: "Positive button",
     appearance: "positive"
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Button with positive appearance"
+      }
+    }
   }
 };
 const PositiveDisabled = exports.PositiveDisabled = {
@@ -92,6 +137,13 @@ const PositiveDisabled = exports.PositiveDisabled = {
     children: "Positive button disabled",
     appearance: "positive",
     disabled: true
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Disabled button with positive appearance"
+      }
+    }
   }
 };
 const Negative = exports.Negative = {
@@ -99,6 +151,13 @@ const Negative = exports.Negative = {
   args: {
     children: "Negative button",
     appearance: "negative"
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Button with negative appearance"
+      }
+    }
   }
 };
 const NegativeDisabled = exports.NegativeDisabled = {
@@ -107,6 +166,13 @@ const NegativeDisabled = exports.NegativeDisabled = {
     children: "Negative button disabled",
     appearance: "negative",
     disabled: true
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Disabled button with negative appearance"
+      }
+    }
   }
 };
 const Brand = exports.Brand = {
@@ -114,6 +180,13 @@ const Brand = exports.Brand = {
   args: {
     children: "Brand button",
     appearance: "brand"
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Button with brand appearance"
+      }
+    }
   }
 };
 const BrandDisabled = exports.BrandDisabled = {
@@ -122,6 +195,13 @@ const BrandDisabled = exports.BrandDisabled = {
     children: "Brand button disabled",
     appearance: "brand",
     disabled: true
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Disabled button with brand appearance"
+      }
+    }
   }
 };
 const Inline = exports.Inline = {
@@ -129,13 +209,27 @@ const Inline = exports.Inline = {
     appearance: "neutral",
     inline: true
   }, "Inline button")),
-  name: "Inline"
+  name: "Inline",
+  parameters: {
+    docs: {
+      description: {
+        story: "Button that displays on the same line as the sibling elements"
+      }
+    }
+  }
 };
 const Dense = exports.Dense = {
   render: () => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", null, "Everything you need to get started with Vanilla."), /*#__PURE__*/_react.default.createElement(_Button.default, {
     dense: true
   }, "Dense button")),
-  name: "Dense"
+  name: "Dense",
+  parameters: {
+    docs: {
+      description: {
+        story: "Button with reduced vertical padding"
+      }
+    }
+  }
 };
 const Small = exports.Small = {
   render: () => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Button.default, {
@@ -144,7 +238,14 @@ const Small = exports.Small = {
     small: true,
     dense: true
   }, "Small dense button")),
-  name: "Small"
+  name: "Small",
+  parameters: {
+    docs: {
+      description: {
+        story: "Button that can fit small text inside"
+      }
+    }
+  }
 };
 const Icon = exports.Icon = {
   name: "Icon",
@@ -153,6 +254,13 @@ const Icon = exports.Icon = {
       className: "p-icon--plus"
     }),
     hasIcon: true
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Button with an icon inside"
+      }
+    }
   }
 };
 const IconText = exports.IconText = {
@@ -162,9 +270,16 @@ const IconText = exports.IconText = {
       className: "p-icon--plus"
     }), " ", /*#__PURE__*/_react.default.createElement("span", null, "Button with icon & text")),
     hasIcon: true
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Button with both an icon and text inside"
+      }
+    }
   }
 };
-const IconWithTooltip = exports.IconWithTooltip = {
+const DisabledWithTooltip = exports.DisabledWithTooltip = {
   name: "Disabled with tooltip",
   args: {
     children: "Disabled button with a tooltip",
@@ -176,5 +291,45 @@ const IconWithTooltip = exports.IconWithTooltip = {
     }
   }, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
     message: "This button is disabled"
-  }, /*#__PURE__*/_react.default.createElement(_Button.default, args)))
+  }, /*#__PURE__*/_react.default.createElement(_Button.default, args))),
+  parameters: {
+    docs: {
+      description: {
+        story: "Disabled button that displays a tooltip when hovered"
+      }
+    }
+  }
+};
+const ButtonAsLink = exports.ButtonAsLink = {
+  name: "Button as link",
+  args: {
+    children: "Button as link",
+    appearance: "base",
+    element: "a",
+    href: "#test"
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Button that is rendered as an `a` element"
+      }
+    }
+  }
+};
+const ButtonAsLinkDisabled = exports.ButtonAsLinkDisabled = {
+  name: "Button as link disabled",
+  args: {
+    children: "Button as link disabled",
+    appearance: "base",
+    element: "a",
+    href: "#test",
+    disabled: true
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Disabled button that is rendered as an `a` element"
+      }
+    }
+  }
 };

package/dist/components/Button/index.js

@@ -17,4 +17,4 @@ Object.defineProperty(exports, "default", {
 });
 var _Button = _interopRequireWildcard(require("./Button"));
 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); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }

package/dist/components/Card/Card.js

@@ -7,9 +7,9 @@ exports.default = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireWildcard(require("react"));
 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); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 /**
  * This is a [React](https://reactjs.org/) component for the Vanilla [Card](https://docs.vanillaframework.io/patterns/card/).
  *

package/dist/components/Card/Card.stories.js

@@ -8,7 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _ = _interopRequireDefault(require("./"));
 var _Col = _interopRequireDefault(require("../Col"));
 var _Row = _interopRequireDefault(require("../Row"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const meta = {
   component: _.default,
   tags: ["autodocs"]

package/dist/components/Card/index.js

@@ -10,4 +10,4 @@ Object.defineProperty(exports, "default", {
   }
 });
 var _Card = _interopRequireDefault(require("./Card"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/components/CheckboxInput/CheckableInput/CheckableInput.js

@@ -7,9 +7,9 @@ exports.default = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireWildcard(require("react"));
 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); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const CheckableInput = _ref => {
   let {
     inputType,

package/dist/components/CheckboxInput/CheckableInput/index.js

@@ -10,4 +10,4 @@ Object.defineProperty(exports, "default", {
   }
 });
 var _CheckableInput = _interopRequireDefault(require("./CheckableInput"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/components/CheckboxInput/CheckboxInput.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _CheckableInput = _interopRequireDefault(require("./CheckableInput"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 /**
  * This is a [React](https://reactjs.org/) component for the Vanilla [Checkbox input](https://docs.vanillaframework.io/base/forms#checkbox).
  *

package/dist/components/CheckboxInput/CheckboxInput.stories.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.Required = exports.Inline = exports.Indeterminate = exports.Disabled = exports.Default = exports.Children = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _CheckboxInput = _interopRequireDefault(require("./CheckboxInput"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const meta = {
   component: _CheckboxInput.default,
   tags: ["autodocs"],

package/dist/components/CheckboxInput/index.js

@@ -10,4 +10,4 @@ Object.defineProperty(exports, "default", {
   }
 });
 var _CheckboxInput = _interopRequireDefault(require("./CheckboxInput"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/components/Chip/Chip.js

@@ -7,8 +7,8 @@ exports.default = exports.Label = exports.ChipType = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _utils = require("../../utils");
 var _classnames = _interopRequireDefault(require("classnames"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 let Label = exports.Label = /*#__PURE__*/function (Label) {
   Label["Dismiss"] = "Dismiss";
   return Label;

package/dist/components/Chip/Chip.stories.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.LeadValue = exports.Dismissible = exports.Default = exports.Appearance = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _Chip = _interopRequireDefault(require("./Chip"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const meta = {
   component: _Chip.default,
   tags: ["autodocs"]

package/dist/components/Chip/index.js

@@ -10,4 +10,4 @@ Object.defineProperty(exports, "default", {
   }
 });
 var _Chip = _interopRequireDefault(require("./Chip"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/components/Code/Code.js

@@ -9,9 +9,9 @@ var _react = _interopRequireDefault(require("react"));
 var _CodeSnippet = _interopRequireWildcard(require("../CodeSnippet"));
 var _utils = require("../../utils");
 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); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 /**
  * @deprecated Code component is deprecated. Use CodeSnippet component or inline `<code>` instead.
  */

package/dist/components/Code/index.js

@@ -10,4 +10,4 @@ Object.defineProperty(exports, "default", {
   }
 });
 var _Code = _interopRequireDefault(require("./Code"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/components/CodeSnippet/CodeSnippet.js

@@ -7,8 +7,8 @@ exports.default = CodeSnippet;
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireDefault(require("react"));
 var _CodeSnippetBlock = _interopRequireDefault(require("./CodeSnippetBlock"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 /**
  * This is a [React](https://reactjs.org/) component for the Vanilla [Code snippet](https://docs.vanillaframework.io/base/code#code-snippet).
  *

package/dist/components/CodeSnippet/CodeSnippet.stories.js

@@ -8,9 +8,9 @@ var _react = _interopRequireWildcard(require("react"));
 var _CodeSnippet = _interopRequireDefault(require("./CodeSnippet"));
 var _CodeSnippetBlock = require("./CodeSnippetBlock");
 var _Button = _interopRequireDefault(require("../Button"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const meta = {
   component: _CodeSnippet.default,
   tags: ["autodocs"],

package/dist/components/CodeSnippet/CodeSnippetBlock.js

@@ -8,8 +8,8 @@ exports.default = CodeSnippetBlock;
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireDefault(require("react"));
 var _CodeSnippetDropdown = _interopRequireDefault(require("./CodeSnippetDropdown"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const CodeSnippetBlockAppearance = exports.CodeSnippetBlockAppearance = {
   LINUX_PROMPT: "linuxPrompt",
   NUMBERED: "numbered",

package/dist/components/CodeSnippet/CodeSnippetDropdown.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = CodeSnippetDropdown;
 var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function CodeSnippetDropdown(_ref) {
   let {
     options,

package/dist/components/CodeSnippet/index.js

@@ -17,4 +17,4 @@ Object.defineProperty(exports, "default", {
 });
 var _CodeSnippet = _interopRequireDefault(require("./CodeSnippet"));
 var _CodeSnippetBlock = require("./CodeSnippetBlock");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/components/Col/Col.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.colSizes = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const colSizes = exports.colSizes = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
 /**
  * This is a [React](https://reactjs.org/) component for use within the Vanilla [Grid](https://docs.vanillaframework.io/patterns/grid/).

package/dist/components/Col/Col.stories.js

@@ -7,7 +7,7 @@ exports.default = exports.NestedColumns = exports.Grid = exports.EmptyColumns =
 var _react = _interopRequireDefault(require("react"));
 var _Col = _interopRequireDefault(require("./Col"));
 var _Row = _interopRequireDefault(require("../Row"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const Template = args => {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "grid-demo"

package/dist/components/Col/index.js

@@ -17,4 +17,4 @@ Object.defineProperty(exports, "default", {
 });
 var _Col = _interopRequireWildcard(require("./Col"));
 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); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }

package/dist/components/ConfirmationButton/ConfirmationButton.js

@@ -8,8 +8,8 @@ var _react = _interopRequireDefault(require("react"));
 var _ActionButton = _interopRequireDefault(require("../ActionButton"));
 var _ConfirmationModal = _interopRequireDefault(require("../ConfirmationModal"));
 var _reactUseportal = _interopRequireDefault(require("react-useportal"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const generateTitle = title => {
   if (typeof title === "string") {
     return title;

package/dist/components/ConfirmationButton/ConfirmationButton.stories.js

@@ -7,9 +7,9 @@ exports.default = exports.IconOnly = exports.IconAndLabel = exports.Default = ex
 var _react = _interopRequireWildcard(require("react"));
 var _ConfirmationButton = _interopRequireDefault(require("./ConfirmationButton"));
 var _Icon = _interopRequireWildcard(require("../Icon"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const doNothing = () => {};
 const meta = {
   component: _ConfirmationButton.default,

package/dist/components/ConfirmationButton/index.js

@@ -10,4 +10,4 @@ Object.defineProperty(exports, "default", {
   }
 });
 var _ConfirmationButton = _interopRequireDefault(require("./ConfirmationButton"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/components/ConfirmationModal/ConfirmationModal.js

@@ -8,8 +8,8 @@ var _react = _interopRequireDefault(require("react"));
 var _Button = _interopRequireDefault(require("../Button"));
 var _Modal = _interopRequireDefault(require("../Modal"));
 var _ActionButton = _interopRequireDefault(require("../ActionButton"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 /**
  * `ConfirmationModal` is a specialised version of the [Modal](?path=/docs/modal--default-story) component to prompt a confirmation from the user before executing an action.
  */