@canonical/react-components 1.2.4 → 1.3.0

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

@@ -1,279 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.WrapLines = exports.Title = exports.MultipleBlocks = exports.JsxCodeElements = exports.DropdownsStacked = exports.Dropdowns = exports.Dropdown = exports.Default = exports.Content = exports.Appearance = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _CodeSnippet = _interopRequireDefault(require("./CodeSnippet"));
-var _CodeSnippetBlock = require("./CodeSnippetBlock");
-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: _CodeSnippet.default,
-  tags: ["autodocs"],
-  argTypes: {
-    className: {
-      control: {
-        type: "text"
-      }
-    }
-  }
-};
-var _default = exports.default = meta;
-const Default = exports.Default = {
-  render: () => /*#__PURE__*/_react.default.createElement(_CodeSnippet.default, {
-    blocks: [{
-      code: "Mode: all Settings: maas_url=http://192.168.122.1:5240/MAAS"
-    }]
-  }),
-  name: "Default"
-};
-
-/**
- * Use the `title` prop to add a title to a code block.
- */
-const Title = exports.Title = {
-  render: () => /*#__PURE__*/_react.default.createElement(_CodeSnippet.default, {
-    blocks: [{
-      title: "Output",
-      code: "Mode: all Settings: maas_url=http://192.168.122.1:5240/MAAS"
-    }]
-  }),
-  name: "Title"
-};
-
-/**
- * Pass an array of `blocks` to render multiple code blocks (for example input and output) within a single code snippet.
- */
-const MultipleBlocks = exports.MultipleBlocks = {
-  render: () => /*#__PURE__*/_react.default.createElement(_CodeSnippet.default, {
-    blocks: [{
-      title: "JavaScript",
-      code: "console.log('Vanilla');"
-    }, {
-      title: "Output",
-      code: "Vanilla"
-    }]
-  }),
-  name: "Multiple blocks"
-};
-
-/**
- * Use `appearance` to control the visual aspects of the code block. `"numbered"` appearance will add line numbers in the code blocks.
- * Values of `"linuxPrompt"`, `"windowsPrompt"`, `"url"` will add a relevant icon in the code block.
- */
-const Appearance = exports.Appearance = {
-  render: () => /*#__PURE__*/_react.default.createElement(_CodeSnippet.default, {
-    blocks: [{
-      title: "Install on Linux",
-      appearance: _CodeSnippetBlock.CodeSnippetBlockAppearance.LINUX_PROMPT,
-      code: "snap install toto"
-    }, {
-      title: "Install on Windows",
-      appearance: _CodeSnippetBlock.CodeSnippetBlockAppearance.WINDOWS_PROMPT,
-      code: "snap install toto"
-    }, {
-      title: "Get from the Store",
-      appearance: _CodeSnippetBlock.CodeSnippetBlockAppearance.URL,
-      code: "http://snapcraft.io/toto"
-    }]
-  }),
-  name: "Appearance"
-};
-
-/**
- * Set `wrapLines` prop to `true` to enable line wrapping inside the code block.
- */
-const WrapLines = exports.WrapLines = {
-  render: () => /*#__PURE__*/_react.default.createElement(_CodeSnippet.default, {
-    blocks: [{
-      appearance: _CodeSnippetBlock.CodeSnippetBlockAppearance.NUMBERED,
-      wrapLines: true,
-      code: "#!/bin/bash\nset -eu . $CONJURE_UP_SPELLSDIR/sdk/common.sh\nif [[ \"$JUJU_PROVIDERTYPE\" == \"lxd\" ]]; then\n  debug \"Running pre-deploy for $CONJURE_UP_SPELL\"\n  sed \"s/##MODEL##/$JUJU_MODEL/\" $(scriptPath)/lxd-profile.yaml | lxc profile edit \"juju-$JUJU_MODEL\" || exposeResult \"Failed to set profile\" $? \"false\"\nfi\nexposeResult \"Successful pre-deploy.\" 0 \"true\""
-    }]
-  }),
-  name: "Wrap lines"
-};
-
-/**
- * Dropdown select menus can be added to the headers of code blocks to allow users to choose one of the options. The dropdowns options are passed via `dropdowns` property in the block options object.
- *
- * With the `options` being an array of option properties compatible with the `Select` options (`[{ label: string, value: string | number }]`).
- */
-const Dropdown = exports.Dropdown = {
-  render: () => {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    const [lang, setLang] = (0, _react.useState)("html");
-    const code = {
-      js: "console.log(\"Example 1\");",
-      css: ".p-heading--2 { color: red; }",
-      html: "<h1 class=\"p-heading--2\">How to use code snippets</h1>"
-    };
-    return /*#__PURE__*/_react.default.createElement(_CodeSnippet.default, {
-      blocks: [{
-        code: code[lang],
-        dropdowns: [{
-          options: [{
-            value: "js",
-            label: "JS"
-          }, {
-            value: "css",
-            label: "CSS"
-          }, {
-            value: "html",
-            label: "HTML"
-          }],
-          value: lang,
-          onChange: event => {
-            setLang(event.target.value);
-          }
-        }]
-      }]
-    });
-  },
-  name: "Dropdown"
-};
-
-/**
- * Multiple dropdowns can be passed in if needed.
- */
-const Dropdowns = exports.Dropdowns = {
-  render: () => {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    const [channel, setChannel] = (0, _react.useState)("stable");
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    const [snap, setSnap] = (0, _react.useState)("firefox");
-    const code = "sudo snap install ".concat(snap, " ").concat(channel === "stable" ? "" : "--" + channel);
-    return /*#__PURE__*/_react.default.createElement(_CodeSnippet.default, {
-      blocks: [{
-        title: "Install snap",
-        code: code,
-        dropdowns: [{
-          options: [{
-            value: "stable",
-            label: "stable"
-          }, {
-            value: "candidate",
-            label: "candidate"
-          }, {
-            value: "beta",
-            label: "beta"
-          }, {
-            value: "edge",
-            label: "edge"
-          }],
-          value: channel,
-          onChange: event => {
-            setChannel(event.target.value);
-          }
-        }, {
-          options: [{
-            value: "firefox",
-            label: "Firefox"
-          }, {
-            value: "gimp",
-            label: "Gimp"
-          }, {
-            value: "vlc",
-            label: "VLC"
-          }],
-          value: snap,
-          onChange: event => {
-            setSnap(event.target.value);
-          }
-        }]
-      }]
-    });
-  },
-  name: "Dropdowns"
-};
-
-/**
- * If multiple dropdowns may overlap with long title you can use `stacked` variant, by setting the relevant property on code block options.
- */
-const DropdownsStacked = exports.DropdownsStacked = {
-  render: () => {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    const [channel, setChannel] = (0, _react.useState)("stable");
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    const [snap, setSnap] = (0, _react.useState)("firefox");
-    const code = "sudo snap install ".concat(snap, " ").concat(channel === "stable" ? "" : "--" + channel);
-    return /*#__PURE__*/_react.default.createElement(_CodeSnippet.default, {
-      blocks: [{
-        title: "Install Firefox, Gimp or VLC as a snap from different channels using command line",
-        code: code,
-        stacked: true,
-        dropdowns: [{
-          options: [{
-            value: "stable",
-            label: "stable"
-          }, {
-            value: "candidate",
-            label: "candidate"
-          }, {
-            value: "beta",
-            label: "beta"
-          }, {
-            value: "edge",
-            label: "edge"
-          }],
-          value: channel,
-          onChange: event => {
-            setChannel(event.target.value);
-          }
-        }, {
-          options: [{
-            value: "firefox",
-            label: "Firefox"
-          }, {
-            value: "gimp",
-            label: "Gimp"
-          }, {
-            value: "vlc",
-            label: "VLC"
-          }],
-          value: snap,
-          onChange: event => {
-            setSnap(event.target.value);
-          }
-        }]
-      }]
-    });
-  },
-  name: "DropdownsStacked"
-};
-
-/**
- * Custom elements can be passed to a CodeBlock via the `content` prop. In these cases, a border will be added around the entire code snippet to visually associate the content with the code block.
- */
-const Content = exports.Content = {
-  render: () => /*#__PURE__*/_react.default.createElement(_CodeSnippet.default, {
-    blocks: [{
-      title: "With embedded iframe",
-      code: "<iframe src='./iframe.html?viewMode=story&id=components-button--default&args='></iframe>",
-      content: /*#__PURE__*/_react.default.createElement("iframe", {
-        title: "iframe",
-        src: "./iframe.html?viewMode=story&id=components-button--default&args="
-      })
-    }]
-  }),
-  name: "Content"
-};
-
-/**
- * It's possible to pass JSX instead of strings to the `code` parameter, either as a single element or an array (e.g. if you want to display line numbers).
- */
-const JsxCodeElements = exports.JsxCodeElements = {
-  render: () => /*#__PURE__*/_react.default.createElement(_CodeSnippet.default, {
-    blocks: [{
-      code: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("strong", null, "snap"), "install", /*#__PURE__*/_react.default.createElement("a", {
-        href: "#test"
-      }, "toto"), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("strong", null, "apt"), "install", /*#__PURE__*/_react.default.createElement("a", {
-        href: "#test"
-      }, "toto"))
-    }]
-  }),
-  name: "JSX code elements"
-};

package/dist/components/CodeSnippet/CodeSnippetBlock.d.ts

@@ -1,40 +0,0 @@
-import type { ReactNode } from "react";
-import type { Props as CodeSnippetDropdownProps } from "./CodeSnippetDropdown";
-import type { ValueOf } from "../../types";
-export declare const CodeSnippetBlockAppearance: {
-    readonly LINUX_PROMPT: "linuxPrompt";
-    readonly NUMBERED: "numbered";
-    readonly URL: "url";
-    readonly WINDOWS_PROMPT: "windowsPrompt";
-};
-export type Props = {
-    /**
-     * The appearance of the code block.
-     */
-    appearance?: ValueOf<typeof CodeSnippetBlockAppearance>;
-    /**
-     * The code snippet to display.
-     */
-    code: ReactNode;
-    /**
-     * Content to show below the code snippet.
-     */
-    content?: ReactNode;
-    /**
-     * A list of dropdowns to display in the header.
-     */
-    dropdowns?: CodeSnippetDropdownProps[];
-    /**
-     * Whether the title should display stacked on top of the dropdowns.
-     */
-    stacked?: boolean;
-    /**
-     * The title of the code block.
-     */
-    title?: string;
-    /**
-     * Whether to enable line wrapping inside the code block.
-     */
-    wrapLines?: boolean;
-};
-export default function CodeSnippetBlock({ appearance, code, content, dropdowns, stacked, title, wrapLines, }: Props): JSX.Element;

package/dist/components/CodeSnippet/CodeSnippetDropdown.d.ts

@@ -1,18 +0,0 @@
-import type { ChangeEventHandler, HTMLProps } from "react";
-export type DropdownOptionProps = {
-    /**
-     * The label of the dropdown option.
-     */
-    label: string;
-} & HTMLProps<HTMLOptionElement>;
-export type Props = {
-    /**
-     * Function for handling the select value changing.
-     */
-    onChange: ChangeEventHandler<HTMLSelectElement>;
-    /**
-     * Options to pass to the select.
-     */
-    options: DropdownOptionProps[];
-} & HTMLProps<HTMLSelectElement>;
-export default function CodeSnippetDropdown({ options, onChange, ...props }: Props): JSX.Element;

package/dist/components/CodeSnippet/index.d.ts

@@ -1,5 +0,0 @@
-export { default } from "./CodeSnippet";
-export type { Props as CodeSnippetProps } from "./CodeSnippet";
-export { CodeSnippetBlockAppearance } from "./CodeSnippetBlock";
-export type { Props as CodeSnippetBlockProps } from "./CodeSnippetBlock";
-export type { Props as CodeSnippetDropdownProps } from "./CodeSnippetDropdown";

package/dist/components/Col/Col.d.ts

@@ -1,53 +0,0 @@
-import type { ElementType, HTMLProps, ReactNode } from "react";
-import type { ClassName, PropsWithSpread } from "../../types";
-export type ColSize = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
-export declare const colSizes: ColSize[];
-export type Props = PropsWithSpread<{
-    /**
-     * The content of the column.
-     */
-    children?: ReactNode;
-    /**
-     * Optional class(es) to pass to the wrapping element.
-     */
-    className?: ClassName;
-    /**
-     * Optional element type to give the wrapper if not "div".
-     */
-    element?: ElementType;
-    /**
-     * The number of columns to skip before starting on large screens.
-     */
-    emptyLarge?: ColSize;
-    /**
-     * The number of columns to skip before starting on medium screens.
-     */
-    emptyMedium?: ColSize;
-    /**
-     * The number of columns to skip before starting on small screens.
-     */
-    emptySmall?: ColSize;
-    /**
-     * Override for the number of columns the content occupies on large screens.
-     */
-    large?: ColSize;
-    /**
-     * Override for the number of columns the content occupies on medium screens.
-     */
-    medium?: ColSize;
-    /**
-     * The number of columns the content occupies.
-     */
-    size: ColSize;
-    /**
-     * Override for the number of columns the content occupies on small screens.
-     */
-    small?: ColSize;
-}, HTMLProps<HTMLElement>>;
-/**
- * This is a [React](https://reactjs.org/) component for use within the Vanilla [Grid](https://docs.vanillaframework.io/patterns/grid/).
- *
- * Vanilla has a responsive grid using a combination of rows and columns.
- */
-declare const Col: ({ children, className, element: Component, emptyLarge, emptyMedium, emptySmall, large, medium, size, small, ...props }: Props) => JSX.Element;
-export default Col;

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

@@ -1,11 +0,0 @@
-import React from "react";
-import { Meta, StoryObj } from "@storybook/react";
-import Col from "./Col";
-declare const Template: (args: any) => React.JSX.Element;
-declare const meta: Meta<typeof Template>;
-export default meta;
-type Story = StoryObj<typeof Col>;
-export declare const Default: Story;
-export declare const Grid: Story;
-export declare const NestedColumns: Story;
-export declare const EmptyColumns: Story;

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

@@ -1,154 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.NestedColumns = exports.Grid = exports.EmptyColumns = exports.Default = void 0;
-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 }; }
-const Template = args => {
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "grid-demo"
-  }, /*#__PURE__*/_react.default.createElement(_Row.default, null, /*#__PURE__*/_react.default.createElement(_Col.default, args)));
-};
-const meta = {
-  component: _Col.default,
-  render: Template,
-  tags: ["autodocs"],
-  argTypes: {
-    children: {
-      control: {
-        type: "text"
-      }
-    },
-    size: {
-      control: {
-        type: "range",
-        min: 1,
-        max: 12,
-        step: 1
-      }
-    }
-  }
-};
-var _default = exports.default = meta;
-const Default = exports.Default = {
-  name: "Default",
-  args: {
-    children: "Hi, I'm Col.",
-    size: 12
-  }
-};
-const Grid = exports.Grid = {
-  render: () => {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "grid-demo"
-    }, /*#__PURE__*/_react.default.createElement(_Row.default, null, /*#__PURE__*/_react.default.createElement(_Col.default, {
-      size: 12
-    }, /*#__PURE__*/_react.default.createElement("span", null, ".col-12"))), /*#__PURE__*/_react.default.createElement(_Row.default, null, /*#__PURE__*/_react.default.createElement(_Col.default, {
-      size: 11
-    }, /*#__PURE__*/_react.default.createElement("span", null, ".col-11")), /*#__PURE__*/_react.default.createElement(_Col.default, {
-      size: 1
-    }, /*#__PURE__*/_react.default.createElement("span", null, ".col-1"))), /*#__PURE__*/_react.default.createElement(_Row.default, null, /*#__PURE__*/_react.default.createElement(_Col.default, {
-      size: 10
-    }, /*#__PURE__*/_react.default.createElement("span", null, ".col-10")), /*#__PURE__*/_react.default.createElement(_Col.default, {
-      size: 2
-    }, /*#__PURE__*/_react.default.createElement("span", null, ".col-2"))), /*#__PURE__*/_react.default.createElement(_Row.default, null, /*#__PURE__*/_react.default.createElement(_Col.default, {
-      size: 9
-    }, /*#__PURE__*/_react.default.createElement("span", null, ".col-9")), /*#__PURE__*/_react.default.createElement(_Col.default, {
-      size: 3
-    }, /*#__PURE__*/_react.default.createElement("span", null, ".col-3"))), /*#__PURE__*/_react.default.createElement(_Row.default, null, /*#__PURE__*/_react.default.createElement(_Col.default, {
-      size: 8
-    }, /*#__PURE__*/_react.default.createElement("span", null, ".col-8")), /*#__PURE__*/_react.default.createElement(_Col.default, {
-      size: 4
-    }, /*#__PURE__*/_react.default.createElement("span", null, ".col-4"))), /*#__PURE__*/_react.default.createElement(_Row.default, null, /*#__PURE__*/_react.default.createElement(_Col.default, {
-      size: 7
-    }, /*#__PURE__*/_react.default.createElement("span", null, ".col-7")), /*#__PURE__*/_react.default.createElement(_Col.default, {
-      size: 5
-    }, /*#__PURE__*/_react.default.createElement("span", null, ".col-5"))), /*#__PURE__*/_react.default.createElement(_Row.default, null, /*#__PURE__*/_react.default.createElement(_Col.default, {
-      size: 6
-    }, /*#__PURE__*/_react.default.createElement("span", null, ".col-6")), /*#__PURE__*/_react.default.createElement(_Col.default, {
-      size: 6
-    }, /*#__PURE__*/_react.default.createElement("span", null, ".col-6"))), /*#__PURE__*/_react.default.createElement(_Row.default, null, /*#__PURE__*/_react.default.createElement(_Col.default, {
-      size: 5
-    }, /*#__PURE__*/_react.default.createElement("span", null, ".col-5")), /*#__PURE__*/_react.default.createElement(_Col.default, {
-      size: 7
-    }, /*#__PURE__*/_react.default.createElement("span", null, ".col-7"))), /*#__PURE__*/_react.default.createElement(_Row.default, null, /*#__PURE__*/_react.default.createElement(_Col.default, {
-      size: 4
-    }, /*#__PURE__*/_react.default.createElement("span", null, ".col-4")), /*#__PURE__*/_react.default.createElement(_Col.default, {
-      size: 8
-    }, /*#__PURE__*/_react.default.createElement("span", null, ".col-8"))), /*#__PURE__*/_react.default.createElement(_Row.default, null, /*#__PURE__*/_react.default.createElement(_Col.default, {
-      size: 3
-    }, /*#__PURE__*/_react.default.createElement("span", null, ".col-3")), /*#__PURE__*/_react.default.createElement(_Col.default, {
-      size: 9
-    }, /*#__PURE__*/_react.default.createElement("span", null, ".col-9"))), /*#__PURE__*/_react.default.createElement(_Row.default, null, /*#__PURE__*/_react.default.createElement(_Col.default, {
-      size: 2
-    }, /*#__PURE__*/_react.default.createElement("span", null, ".col-2")), /*#__PURE__*/_react.default.createElement(_Col.default, {
-      size: 10
-    }, /*#__PURE__*/_react.default.createElement("span", null, ".col-10"))), /*#__PURE__*/_react.default.createElement(_Row.default, null, /*#__PURE__*/_react.default.createElement(_Col.default, {
-      size: 1
-    }, /*#__PURE__*/_react.default.createElement("span", null, ".col-1")), /*#__PURE__*/_react.default.createElement(_Col.default, {
-      size: 11
-    }, /*#__PURE__*/_react.default.createElement("span", null, ".col-11"))));
-  },
-  name: "Grid"
-};
-const NestedColumns = exports.NestedColumns = {
-  render: () => {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "grid-demo"
-    }, /*#__PURE__*/_react.default.createElement(_Row.default, null, /*#__PURE__*/_react.default.createElement(_Col.default, {
-      small: 4,
-      medium: 6,
-      size: 12
-    }, "col-small-4 .col-medium-6 .col-12", /*#__PURE__*/_react.default.createElement(_Row.default, null, /*#__PURE__*/_react.default.createElement(_Col.default, {
-      small: 3,
-      medium: 3,
-      size: 9
-    }, "col-small-3 .col-medium-3 .col-9", /*#__PURE__*/_react.default.createElement(_Row.default, null, /*#__PURE__*/_react.default.createElement(_Col.default, {
-      small: 1,
-      medium: 1,
-      size: 2
-    }, "col-small-1 col-medium-1 col-2"), /*#__PURE__*/_react.default.createElement(_Col.default, {
-      small: 1,
-      medium: 1,
-      size: 3
-    }, "col-small-1 col-medium-1 col-2"), /*#__PURE__*/_react.default.createElement(_Col.default, {
-      small: 1,
-      medium: 1,
-      size: 3
-    }, "col-small-1 col-medium-1 col-2"))), /*#__PURE__*/_react.default.createElement(_Col.default, {
-      small: 1,
-      medium: 3,
-      size: 3
-    }, "col-small-2 col-medium-3 col-3")))));
-  },
-  name: "Nested columns"
-};
-const EmptyColumns = exports.EmptyColumns = {
-  render: () => {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "grid-demo"
-    }, /*#__PURE__*/_react.default.createElement(_Row.default, null, /*#__PURE__*/_react.default.createElement(_Col.default, {
-      size: 8
-    }, ".col-8"), /*#__PURE__*/_react.default.createElement(_Col.default, {
-      size: 4
-    }, ".col-4")), /*#__PURE__*/_react.default.createElement(_Row.default, null, /*#__PURE__*/_react.default.createElement(_Col.default, {
-      size: 7
-    }, ".col-7"), /*#__PURE__*/_react.default.createElement(_Col.default, {
-      size: 4
-    }, /*#__PURE__*/_react.default.createElement(_Row.default, null, /*#__PURE__*/_react.default.createElement(_Col.default, {
-      size: 3,
-      emptyLarge: 2
-    }, "col-3 col-start-large-2 inside col-4")))), /*#__PURE__*/_react.default.createElement(_Row.default, null, /*#__PURE__*/_react.default.createElement(_Col.default, {
-      size: 7
-    }, ".col-7"), /*#__PURE__*/_react.default.createElement(_Col.default, {
-      size: 4
-    }, /*#__PURE__*/_react.default.createElement(_Row.default, null, /*#__PURE__*/_react.default.createElement(_Col.default, {
-      size: 3
-    }, "col-3 inside col-4")))));
-  },
-  name: "Empty columns"
-};

package/dist/components/Col/index.d.ts

@@ -1,2 +0,0 @@
-export { default, colSizes } from "./Col";
-export type { ColSize, Props as ColProps } from "./Col";

package/dist/components/ConfirmationButton/ConfirmationButton.d.ts

@@ -1,28 +0,0 @@
-import { ReactElement } from "react";
-import { PropsWithSpread, SubComponentProps } from "../../types";
-import { ActionButtonProps } from "../ActionButton";
-import { ConfirmationModalProps } from "../ConfirmationModal";
-export type Props = PropsWithSpread<{
-    /**
-     * Additional props to pass to the confirmation modal.
-     */
-    confirmationModalProps: SubComponentProps<ConfirmationModalProps>;
-    /**
-     * An optional text to be shown when hovering over the button.<br/>
-     * Defaults to the label of the confirm button in the modal.
-     */
-    onHoverText?: string;
-    /**
-     * Whether to enable the SHIFT+Click shortcut to skip the confirmation modal and perform the action.
-     */
-    shiftClickEnabled?: boolean;
-    /**
-     * Whether to show a hint about the SHIFT+Click shortcut to skip the confirmation modal.
-     */
-    showShiftClickHint?: boolean;
-}, ActionButtonProps>;
-/**
- * `ConfirmationButton` is a specialised version of the [ActionButton](?path=/docs/actionbutton--default-story) component that uses a [ConfirmationModal](?path=/docs/confirmationmodal--default-story) to prompt a confirmation from the user before executing an action.
- */
-export declare const ConfirmationButton: ({ confirmationModalProps, onHoverText, shiftClickEnabled, showShiftClickHint, ...actionButtonProps }: Props) => ReactElement;
-export default ConfirmationButton;

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

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