@canonical/react-components 1.2.5 → 1.3.1

package/dist/components/ApplicationLayout/AppNavigation/AppNavigation.stories.js

@@ -1,104 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _Application = _interopRequireDefault(require("../Application"));
-var _AppMain = _interopRequireDefault(require("../AppMain"));
-var _Button = _interopRequireDefault(require("../../Button"));
-var _Icon = _interopRequireDefault(require("../../Icon"));
-var _Panel = _interopRequireDefault(require("../../Panel"));
-var _SideNavigation = _interopRequireDefault(require("../../SideNavigation"));
-var _Strip = _interopRequireDefault(require("../../Strip"));
-var _AppNavigation = _interopRequireDefault(require("./AppNavigation"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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 _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); } /* eslint-disable react-hooks/rules-of-hooks */
-const meta = {
-  component: _AppNavigation.default,
-  tags: ["autodocs"]
-};
-var _default = exports.default = meta;
-/**
- * In most common cases an `AppNavigation` should contain a `<Panel>` and `<SideNavigation>`.
- *
- * `AppNavigation` should be a direct child of an `<Application>` or when using `ApplicationLayout`
- * it will wrap `navItems` and `sideNavigation`.
- */
-const Default = exports.Default = {
-  render: args => {
-    const [pinned, setPinned] = (0, _react.useState)(false);
-    const [collapsed, setCollapsed] = (0, _react.useState)(true);
-    return /*#__PURE__*/_react.default.createElement(_Application.default, null, /*#__PURE__*/_react.default.createElement(_AppNavigation.default, _extends({}, args, {
-      pinned: pinned,
-      collapsed: collapsed
-    }), /*#__PURE__*/_react.default.createElement(_Panel.default, {
-      dark: true,
-      controls: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Button.default, {
-        hasIcon: true,
-        appearance: "base",
-        className: (0, _classnames.default)("u-no-margin u-hide--medium", {
-          "is-dark": true
-        }),
-        onClick: evt => {
-          setCollapsed(true);
-          // The menu stays open while its content has focus, so the
-          // close button must blur to actually close the menu.
-          evt.currentTarget.blur();
-        }
-      }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-        name: "close",
-        className: (0, _classnames.default)({
-          "is-light": true
-        })
-      }, "Close menu")), /*#__PURE__*/_react.default.createElement(_Button.default, {
-        hasIcon: true,
-        appearance: "base",
-        className: (0, _classnames.default)("u-no-margin u-hide--small", {
-          "is-dark": true
-        }),
-        onClick: () => {
-          setPinned(!pinned);
-        }
-      }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-        name: pinned ? "close" : "pin",
-        className: (0, _classnames.default)({
-          "is-light": true
-        })
-      }, pinned ? "Unpin menu" : "Pin menu"))),
-      controlsClassName: "u-hide--large",
-      stickyHeader: true,
-      logo: {
-        icon: "https://assets.ubuntu.com/v1/7144ec6d-logo-jaas-icon.svg",
-        name: "https://assets.ubuntu.com/v1/2e04d794-logo-jaas.svg",
-        nameAlt: "JAAS",
-        href: "/"
-      }
-    }, /*#__PURE__*/_react.default.createElement(_SideNavigation.default, {
-      dark: true,
-      items: [{
-        items: [{
-          icon: "drag",
-          label: "Models",
-          href: "/models"
-        }, {
-          icon: "menu",
-          label: "Controllers",
-          href: "/controllers"
-        }, {
-          icon: "user",
-          label: "Permissions",
-          href: "/permissions"
-        }]
-      }]
-    }))), /*#__PURE__*/_react.default.createElement(_AppMain.default, null, /*#__PURE__*/_react.default.createElement(_Strip.default, null, /*#__PURE__*/_react.default.createElement("p", null, "These behaviours are only available at smaller screen sizes:"), /*#__PURE__*/_react.default.createElement(_Button.default, {
-      onClick: () => setPinned(!pinned)
-    }, "Pin"), /*#__PURE__*/_react.default.createElement(_Button.default, {
-      onClick: () => setCollapsed(!collapsed)
-    }, "Toggle"))));
-  }
-};

package/dist/components/ApplicationLayout/AppNavigationBar/AppNavigationBar.stories.d.ts

@@ -1,15 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import AppNavigationBar from "./AppNavigationBar";
-declare const meta: Meta<typeof AppNavigationBar>;
-export default meta;
-type Story = StoryObj<typeof AppNavigationBar>;
-/**
- * In most common cases an `AppNavigationBar` should contain a `<Panel>`.
- *
- * `AppNavigationBar` should be a direct child of an `<Application>` or when using `ApplicationLayout`
- * it will already be included.
- *
- * The toggle state should control the collapsed state of `AppNavigation`.
- */
-export declare const Default: Story;
-export declare const States: Story;

package/dist/components/ApplicationLayout/AppNavigationBar/AppNavigationBar.stories.js

@@ -1,52 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.States = exports.Default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _Application = _interopRequireDefault(require("../Application"));
-var _AppMain = _interopRequireDefault(require("../AppMain"));
-var _Panel = _interopRequireDefault(require("../../Panel"));
-var _Strip = _interopRequireDefault(require("../../Strip"));
-var _AppNavigationBar = _interopRequireDefault(require("./AppNavigationBar"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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; }
-const meta = {
-  component: _AppNavigationBar.default,
-  tags: ["autodocs"]
-};
-var _default = exports.default = meta;
-/**
- * In most common cases an `AppNavigationBar` should contain a `<Panel>`.
- *
- * `AppNavigationBar` should be a direct child of an `<Application>` or when using `ApplicationLayout`
- * it will already be included.
- *
- * The toggle state should control the collapsed state of `AppNavigation`.
- */
-const Default = exports.Default = {
-  args: {
-    children: "AppNavigation"
-  }
-};
-const States = exports.States = {
-  render: args => {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    const [collapsed, setCollapsed] = (0, _react.useState)(true);
-    return /*#__PURE__*/_react.default.createElement(_Application.default, null, /*#__PURE__*/_react.default.createElement(_AppNavigationBar.default, args, /*#__PURE__*/_react.default.createElement(_Panel.default, {
-      dark: true,
-      logo: {
-        icon: "https://assets.ubuntu.com/v1/7144ec6d-logo-jaas-icon.svg",
-        name: "https://assets.ubuntu.com/v1/2e04d794-logo-jaas.svg",
-        nameAlt: "JAAS",
-        href: "/"
-      },
-      toggle: {
-        label: "Menu",
-        onClick: () => setCollapsed(!collapsed)
-      }
-    })), /*#__PURE__*/_react.default.createElement(_AppMain.default, null, /*#__PURE__*/_react.default.createElement(_Strip.default, null, /*#__PURE__*/_react.default.createElement("p", null, "Reduce your window size to mobile to see the navigation bar."), /*#__PURE__*/_react.default.createElement("p", null, "Pass the collapsed state to the main menu:", " ", /*#__PURE__*/_react.default.createElement("code", null, "<AppNavigation collapsed={".concat(collapsed, "} />"))))));
-  }
-};

package/dist/components/ApplicationLayout/AppStatus/AppStatus.stories.d.ts

@@ -1,13 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import AppStatus from "./AppStatus";
-declare const meta: Meta<typeof AppStatus>;
-export default meta;
-type Story = StoryObj<typeof AppStatus>;
-/**
- * `AppStatus` can contain a `<Panel>` to display the content as intended in the
- * application layout.
- *
- * `AppStatus` should be a direct child of an `<Application>` or when using `ApplicationLayout`
- * it will automatically wrap the content passed to the `status` prop.
- */
-export declare const Default: Story;

package/dist/components/ApplicationLayout/AppStatus/AppStatus.stories.js

@@ -1,41 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Application = _interopRequireDefault(require("../Application"));
-var _Button = _interopRequireDefault(require("../../Button"));
-var _Panel = _interopRequireDefault(require("../../Panel"));
-var _AppStatus = _interopRequireDefault(require("./AppStatus"));
-var _AppMain = _interopRequireDefault(require("../AppMain"));
-var _Strip = _interopRequireDefault(require("../../Strip"));
-var _Spinner = _interopRequireDefault(require("../../Spinner"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const meta = {
-  component: _AppStatus.default,
-  tags: ["autodocs"]
-};
-var _default = exports.default = meta;
-/**
- * `AppStatus` can contain a `<Panel>` to display the content as intended in the
- * application layout.
- *
- * `AppStatus` should be a direct child of an `<Application>` or when using `ApplicationLayout`
- * it will automatically wrap the content passed to the `status` prop.
- */
-const Default = exports.Default = {
-  render: args => {
-    return /*#__PURE__*/_react.default.createElement(_Application.default, null, /*#__PURE__*/_react.default.createElement(_AppMain.default, null, /*#__PURE__*/_react.default.createElement(_Strip.default, null, /*#__PURE__*/_react.default.createElement("p", null, "Scroll to the bottom to see the status bar."))), /*#__PURE__*/_react.default.createElement(_AppStatus.default, args, /*#__PURE__*/_react.default.createElement(_Panel.default, {
-      wrapContent: false
-    }, /*#__PURE__*/_react.default.createElement("p", {
-      className: "u-no-margin--bottom"
-    }, /*#__PURE__*/_react.default.createElement(_Spinner.default, null), " Update in progress...", " ", /*#__PURE__*/_react.default.createElement(_Button.default, {
-      appearance: "base",
-      onClick: () => {},
-      dense: true,
-      className: "u-no-margin"
-    }, "Retry")))));
-  }
-};

package/dist/components/ApplicationLayout/Application/Application.stories.d.ts

@@ -1,6 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import Application from "./Application";
-declare const meta: Meta<typeof Application>;
-export default meta;
-type Story = StoryObj<typeof Application>;
-export declare const Default: Story;

package/dist/components/ApplicationLayout/Application/Application.stories.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Default = void 0;
-var _Application = _interopRequireDefault(require("./Application"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const meta = {
-  component: _Application.default,
-  tags: ["autodocs"]
-};
-var _default = exports.default = meta;
-const Default = exports.Default = {
-  args: {}
-};

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

@@ -1,24 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import ApplicationLayout from "./ApplicationLayout";
-declare const meta: Meta<typeof ApplicationLayout>;
-export default meta;
-type Story = StoryObj<typeof ApplicationLayout>;
-export declare const Default: Story;
-/**
- * The pinned and collapsed states can be handled externally if you need access
- * to these outside the application layout.
- */
-export declare const ExternalStates: Story;
-/**
- * Menu items can either be provided as an array given to `navItems` or when
- * more control is needed then by proving `sideNavigation`.
- *
- * For more details about how to provide navigation items see the
- * [`SideNavigation`](/docs/components-sidenavigation--docs) docs.
- */
-export declare const Navigation: Story;
-/**
- * App navigation can also be completely opted out of, for some
- * particular scenarios (e.g. login page, error pages).
- */
-export declare const NoNavigation: Story;

package/dist/components/ApplicationLayout/ApplicationLayout.stories.js

@@ -1,232 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.NoNavigation = exports.Navigation = exports.ExternalStates = exports.Default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _Form = _interopRequireDefault(require("../Form"));
-var _Input = _interopRequireDefault(require("../Input"));
-var _Button = _interopRequireDefault(require("../Button"));
-var _Row = _interopRequireDefault(require("../Row"));
-var _Col = _interopRequireDefault(require("../Col"));
-var _ApplicationLayout = _interopRequireDefault(require("./ApplicationLayout"));
-var _AppAside = _interopRequireDefault(require("./AppAside"));
-var _Panel = _interopRequireDefault(require("../Panel"));
-var _Icon = _interopRequireDefault(require("../Icon"));
-var _SideNavigation = _interopRequireDefault(require("../SideNavigation"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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; }
-/* eslint-disable react-hooks/rules-of-hooks */
-
-const meta = {
-  component: _ApplicationLayout.default,
-  tags: ["autodocs"]
-};
-var _default = exports.default = meta;
-const Default = exports.Default = {
-  render: () => {
-    const [showAside, setShowAside] = (0, _react.useState)(true);
-    const [asidePinned, setAsidePinned] = (0, _react.useState)(false);
-    return /*#__PURE__*/_react.default.createElement(_ApplicationLayout.default, {
-      logo: {
-        icon: "https://assets.ubuntu.com/v1/7144ec6d-logo-jaas-icon.svg",
-        name: "https://assets.ubuntu.com/v1/2e04d794-logo-jaas.svg",
-        nameAlt: "JAAS",
-        href: "/"
-      },
-      navItems: [{
-        items: [{
-          icon: "drag",
-          label: "Models",
-          href: "/models"
-        }, {
-          icon: "menu",
-          label: "Controllers",
-          href: "/controllers"
-        }, {
-          icon: "user",
-          label: "Permissions",
-          href: "/users"
-        }]
-      }],
-      aside: showAside ? /*#__PURE__*/_react.default.createElement(_AppAside.default, {
-        pinned: asidePinned
-      }, /*#__PURE__*/_react.default.createElement(_Panel.default, {
-        title: "Aside panel",
-        controls: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Button.default, {
-          onClick: () => setAsidePinned(!asidePinned),
-          dense: true,
-          className: "u-no-margin"
-        }, "Pin aside"), /*#__PURE__*/_react.default.createElement(_Button.default, {
-          appearance: "base",
-          className: "u-no-margin--bottom",
-          hasIcon: true,
-          onClick: () => {
-            setShowAside(false);
-            setAsidePinned(false);
-          }
-        }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-          name: "close"
-        }, "Close")))
-      }, /*#__PURE__*/_react.default.createElement(_Form.default, {
-        stacked: true
-      }, /*#__PURE__*/_react.default.createElement(_Input.default, {
-        label: "Full name",
-        type: "text",
-        name: "fullName",
-        autoComplete: "name",
-        stacked: true
-      }), /*#__PURE__*/_react.default.createElement(_Input.default, {
-        label: "Username",
-        type: "text",
-        name: "username-stacked",
-        autoComplete: "username",
-        "aria-describedby": "exampleHelpTextMessage",
-        stacked: true,
-        help: "30 characters or fewer."
-      }), /*#__PURE__*/_react.default.createElement(_Input.default, {
-        type: "text",
-        label: "Email address",
-        "aria-invalid": "true",
-        name: "username-stackederror",
-        autoComplete: "email",
-        required: true,
-        error: "This field is required.",
-        stacked: true
-      }), /*#__PURE__*/_react.default.createElement(_Input.default, {
-        label: "Address line 1",
-        type: "text",
-        name: "address-optional-stacked",
-        autoComplete: "address-line1",
-        stacked: true
-      }), /*#__PURE__*/_react.default.createElement(_Input.default, {
-        label: "Address line 2",
-        type: "text",
-        name: "address-optional-stacked",
-        autoComplete: "address-line3",
-        stacked: true
-      }), /*#__PURE__*/_react.default.createElement(_Row.default, null, /*#__PURE__*/_react.default.createElement(_Col.default, {
-        size: 12
-      }, /*#__PURE__*/_react.default.createElement(_Button.default, {
-        appearance: "positive",
-        className: "u-float-right",
-        name: "add-details"
-      }, "Add details")))))) : null,
-      status: /*#__PURE__*/_react.default.createElement(_Button.default, {
-        onClick: () => setShowAside(!showAside),
-        dense: true,
-        appearance: "base",
-        className: "u-no-margin"
-      }, "Toggle aside")
-    }, /*#__PURE__*/_react.default.createElement(_Panel.default, {
-      title: "Application Layout"
-    }, /*#__PURE__*/_react.default.createElement(_Row.default, null, /*#__PURE__*/_react.default.createElement(_Col.default, {
-      size: 12
-    }, "Content"))));
-  }
-};
-
-/**
- * The pinned and collapsed states can be handled externally if you need access
- * to these outside the application layout.
- */
-const ExternalStates = exports.ExternalStates = {
-  render: () => {
-    const [menuPinned, setMenuPinned] = (0, _react.useState)(false);
-    const [menuCollapsed, setMenuCollapsed] = (0, _react.useState)(true);
-    return /*#__PURE__*/_react.default.createElement(_ApplicationLayout.default, {
-      menuPinned: menuPinned,
-      onPinMenu: setMenuPinned,
-      menuCollapsed: menuCollapsed,
-      onCollapseMenu: setMenuCollapsed,
-      logo: {
-        icon: "https://assets.ubuntu.com/v1/7144ec6d-logo-jaas-icon.svg",
-        name: "https://assets.ubuntu.com/v1/2e04d794-logo-jaas.svg",
-        nameAlt: "JAAS",
-        href: "/"
-      },
-      navItems: [{
-        items: [{
-          icon: "drag",
-          label: "Models",
-          href: "/models"
-        }, {
-          icon: "menu",
-          label: "Controllers",
-          href: "/controllers"
-        }, {
-          icon: "user",
-          label: "Permissions",
-          href: "/users"
-        }]
-      }]
-    }, /*#__PURE__*/_react.default.createElement(_Panel.default, {
-      title: "Application Layout"
-    }, /*#__PURE__*/_react.default.createElement(_Row.default, null, /*#__PURE__*/_react.default.createElement(_Col.default, {
-      size: 12
-    }, "Content"))));
-  }
-};
-
-/**
- * Menu items can either be provided as an array given to `navItems` or when
- * more control is needed then by proving `sideNavigation`.
- *
- * For more details about how to provide navigation items see the
- * [`SideNavigation`](/docs/components-sidenavigation--docs) docs.
- */
-const Navigation = exports.Navigation = {
-  render: () => {
-    const [menuPinned, setMenuPinned] = (0, _react.useState)(false);
-    const [menuCollapsed, setMenuCollapsed] = (0, _react.useState)(true);
-    return /*#__PURE__*/_react.default.createElement(_ApplicationLayout.default, {
-      menuPinned: menuPinned,
-      onPinMenu: setMenuPinned,
-      menuCollapsed: menuCollapsed,
-      onCollapseMenu: setMenuCollapsed,
-      logo: {
-        icon: "https://assets.ubuntu.com/v1/7144ec6d-logo-jaas-icon.svg",
-        name: "https://assets.ubuntu.com/v1/2e04d794-logo-jaas.svg",
-        nameAlt: "JAAS",
-        href: "/"
-      },
-      sideNavigation: /*#__PURE__*/_react.default.createElement(_SideNavigation.default, {
-        items: [{
-          items: [{
-            icon: "drag",
-            label: "Models",
-            href: "/models"
-          }, {
-            icon: "menu",
-            label: "Controllers",
-            href: "/controllers"
-          }, {
-            icon: "user",
-            label: "Permissions",
-            href: "/users"
-          }]
-        }]
-      })
-    }, /*#__PURE__*/_react.default.createElement(_Panel.default, {
-      title: "Application Layout"
-    }, /*#__PURE__*/_react.default.createElement(_Row.default, null, /*#__PURE__*/_react.default.createElement(_Col.default, {
-      size: 12
-    }, "Content"))));
-  }
-};
-
-/**
- * App navigation can also be completely opted out of, for some
- * particular scenarios (e.g. login page, error pages).
- */
-const NoNavigation = exports.NoNavigation = {
-  render: () => {
-    return /*#__PURE__*/_react.default.createElement(_ApplicationLayout.default, null, /*#__PURE__*/_react.default.createElement(_Panel.default, {
-      title: "Application Layout with no navigation"
-    }, /*#__PURE__*/_react.default.createElement(_Row.default, null, /*#__PURE__*/_react.default.createElement(_Col.default, {
-      size: 12
-    }, "Content"))));
-  }
-};

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

@@ -1,6 +0,0 @@
-import { Meta, StoryObj } from "@storybook/react";
-import ArticlePagination from "./ArticlePagination";
-declare const meta: Meta<typeof ArticlePagination>;
-export default meta;
-type Story = StoryObj<typeof ArticlePagination>;
-export declare const Default: Story;

package/dist/components/ArticlePagination/ArticlePagination.stories.js

@@ -1,22 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Default = void 0;
-var _ArticlePagination = _interopRequireDefault(require("./ArticlePagination"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const meta = {
-  component: _ArticlePagination.default,
-  tags: ["autodocs"]
-};
-var _default = exports.default = meta;
-const Default = exports.Default = {
-  name: "Default",
-  args: {
-    nextLabel: "Consectetur adipisicing elit",
-    nextURL: "#next",
-    previousLabel: "Lorem ipsum dolor sit amet",
-    previousURL: "#previous"
-  }
-};

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

@@ -1,15 +0,0 @@
-import { Meta, StoryObj } from "@storybook/react";
-import Badge from "./Badge";
-declare const meta: Meta<typeof Badge>;
-export default meta;
-type Story = StoryObj<typeof Badge>;
-export declare const Default: Story;
-export declare const ColourCoding: Story;
-/**
- * When the amount of items is only relevant for small values, this variant should be used. When the value grows further than 999, the badge should show "999+".
- */
-export declare const UndefinedLargeNumber: Story;
-/**
- * When the value of the badge represents a type of information where differences between large amounts of items are relevant, it should include a decimal unit prefix and round the value.
- */
-export declare const RoundedLargeNumber: Story;

package/dist/components/Badge/Badge.stories.js

@@ -1,62 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.UndefinedLargeNumber = exports.RoundedLargeNumber = exports.Default = exports.ColourCoding = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Badge = _interopRequireWildcard(require("./Badge"));
-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 }; }
-const meta = {
-  component: _Badge.default,
-  tags: ["autodocs"],
-  argTypes: {
-    badgeType: {
-      control: {
-        options: _Badge.BadgeType,
-        type: "select"
-      }
-    }
-  },
-  args: {
-    badgeType: _Badge.BadgeType.UNDEFINED_LARGE_NUMBER
-  }
-};
-var _default = exports.default = meta;
-const Default = exports.Default = {
-  name: "Default",
-  args: {
-    value: 9
-  }
-};
-const ColourCoding = exports.ColourCoding = {
-  render: () => /*#__PURE__*/_react.default.createElement(_Badge.default, {
-    value: 9,
-    isNegative: true
-  }),
-  name: "Colour Coding"
-};
-
-/**
- * When the amount of items is only relevant for small values, this variant should be used. When the value grows further than 999, the badge should show "999+".
- */
-const UndefinedLargeNumber = exports.UndefinedLargeNumber = {
-  render: () => /*#__PURE__*/_react.default.createElement(_Badge.default, {
-    value: 1000,
-    badgeType: _Badge.BadgeType.UNDEFINED_LARGE_NUMBER
-  }),
-  name: "Undefined Large Number"
-};
-
-/**
- * When the value of the badge represents a type of information where differences between large amounts of items are relevant, it should include a decimal unit prefix and round the value.
- */
-const RoundedLargeNumber = exports.RoundedLargeNumber = {
-  render: () => /*#__PURE__*/_react.default.createElement(_Badge.default, {
-    value: 1234,
-    badgeType: _Badge.BadgeType.ROUNDED_LARGE_NUMBER
-  }),
-  name: "Rounded Large Number"
-};

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

@@ -1,32 +0,0 @@
-import { HTMLProps } from "react";
-import { Meta, StoryObj } from "@storybook/react";
-import Button from "./Button";
-declare const meta: Meta<typeof Button>;
-export default meta;
-type Story<P = null> = StoryObj<typeof Button<P>>;
-export declare const Default: Story;
-export declare const DefaultDisabled: Story;
-export declare const Base: Story;
-export declare const BaseDisabled: Story;
-export declare const Link: {
-    name: string;
-    args: {
-        children: string;
-        appearance: string;
-        element: string;
-        href: string;
-    };
-};
-export declare const LinkDisabled: Story<HTMLProps<HTMLAnchorElement>>;
-export declare const Positive: Story;
-export declare const PositiveDisabled: Story;
-export declare const Negative: Story;
-export declare const NegativeDisabled: Story;
-export declare const Brand: Story;
-export declare const BrandDisabled: Story;
-export declare const Inline: Story;
-export declare const Dense: Story;
-export declare const Small: Story;
-export declare const Icon: Story;
-export declare const IconText: Story;
-export declare const IconWithTooltip: Story;