@arc-ui/components 11.9.0 → 11.11.0

package/dist/VerticalSpace/VerticalSpace.esm.d.ts

@@ -1 +0,0 @@
-export { VerticalSpace } from "../_shared/esm/VerticalSpace-93980c9c";

package/dist/VisuallyHidden/VisuallyHidden.cjs.d.ts

@@ -1 +0,0 @@
-export { VisuallyHidden } from "../_shared/cjs/VisuallyHidden-e2c8b291";

package/dist/VisuallyHidden/VisuallyHidden.esm.d.ts

@@ -1 +0,0 @@
-export { VisuallyHidden } from "../_shared/esm/VisuallyHidden-b9eebf71";

package/dist/_shared/cjs/Base-569e4334.d.ts

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { FC } from "react";
-declare const ArcRootElementContext: React.Context<HTMLElement | null>;
-/**
- * Use `Base` as the root component of the arc system.
- */
-declare const Base: FC<BaseProps>;
-interface BaseProps {
-    /**
-     * Brand theme to apply to Base.
-     */
-    brand?: "bt" | null;
-    /**
-     * Content to display inside Base.
-     */
-    children: any;
-}
-export { ArcRootElementContext, Base, BaseProps };

package/dist/_shared/cjs/BrandLogo-8107d59f.d.ts

@@ -1,26 +0,0 @@
-import { FC } from "react";
-/**
- * Use `BrandLogo` to display the brand logo.
- */
-declare const BrandLogo: FC<BrandLogoProps>;
-declare const colors: readonly ["auto", "brand"];
-declare const subBrands: readonly ["redcare", "wholesale"];
-interface BrandLogoProps {
-    /**
-     * Color of the BrandLogo. The `brand` color only shows on light surfaces.
-     */
-    color?: typeof colors[number];
-    /**
-     * Accessible text for the BrandLogo.
-     */
-    label?: string;
-    /**
-     * Size of the BrandLogo, in pixels.
-     */
-    size?: number;
-    /**
-     * Optional sub-brand variant. Only applies to BT.
-     */
-    subBrand?: typeof subBrands[number];
-}
-export { BrandLogo, colors, subBrands, BrandLogoProps };

package/dist/_shared/cjs/Breadcrumbs-0906dd10.d.ts

@@ -1,61 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { FC, ReactNode } from "react";
-declare const BreadcrumbsLink: FC<LinkProps>;
-interface LinkProps {
-    /**
-     * Render children of `breadcrumbs.link`
-     */
-    children?: ReactNode;
-    /**
-     * Where breadcrumb linkshould lead too
-     */
-    href?: string;
-    /**
-     * Pass a function to the breadcrumb item
-     */
-    onClick?: () => void;
-    /**
-     * Highlights item in breadcrumb (This also removes the a tag and any links)
-     */
-    isActive?: boolean;
-    /**
-     * Ref to `<a>` tag
-     */
-    ref?: React.Ref<HTMLAnchorElement>;
-    /**
-     * React router property
-     */
-    navigate?: () => void;
-}
-declare const BreadcrumbsItem: FC<ItemProps>;
-interface ItemProps {
-    /**
-     * Render child elements within `Breadcrumbs.Item`
-     */
-    children?: ReactNode;
-    /**
-     * Use icon as a spacer that will be positioned after `Breadcrumbs.Item`.
-     */
-    spacerIconAfter?: boolean;
-    /**
-     * Use icon as a spacer that will be positioned before `Breadcrumbs.Item`.
-     */
-    spacerIconBefore?: boolean;
-}
-/** Use `Breadcrumbs` to add a secondary navigation scheme that reveals the user’s location. Each item should be wrapped with `Breadcrumbs.Item` */
-declare const Breadcrumbs: FC<BreadcrumbsProps> & {
-    Item: typeof BreadcrumbsItem;
-    Link: typeof BreadcrumbsLink;
-};
-interface BreadcrumbsProps {
-    /**
-     * Contents of the Breadcrumbs. Should only contain `Breadcrumb.Item`.
-     */
-    children: ReactNode;
-    /**
-     * Select if you want the Nav items to be Light
-     */
-    isLight?: boolean;
-}
-export { BreadcrumbsLink as default, LinkProps, ItemProps, Breadcrumbs, BreadcrumbsProps };

package/dist/_shared/cjs/BtIconAlert-637db790.js

@@ -1,38 +0,0 @@
-'use strict';
-
-var React$1 = require('react');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React$1);
-
-const React = React__default["default"];
-const BtIconAlert = props =>
-  /*#__PURE__*/ React.createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32"
-      },
-      props
-    ),
-    /*#__PURE__*/ React.createElement("defs", null),
-    /*#__PURE__*/ React.createElement("path", {
-      d:
-        "M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,27A13,13,0,1,1,29,16,13.01474,13.01474,0,0,1,16,29Z",
-      fill: "currentColor"
-    }),
-    /*#__PURE__*/ React.createElement("path", {
-      fill: "currentColor",
-      d: "M16 20.99335A1 1 0 1 0 16 22.99335 1 1 0 1 0 16 20.99335z"
-    }),
-    /*#__PURE__*/ React.createElement("path", {
-      d:
-        "M16.00488,19.00977a.49972.49972,0,0,0,.5-.5L16.50684,9.5a.5.5,0,0,0-1,0l-.002,9.00977A.5.5,0,0,0,16.00488,19.00977Z",
-      fill: "currentColor"
-    })
-  );
-var BtIconAlert_2 = BtIconAlert;
-
-exports.BtIconAlert_2 = BtIconAlert_2;

package/dist/_shared/cjs/BtIconChevronDown2Px-8fb4e2eb.js

@@ -1,29 +0,0 @@
-'use strict';
-
-var React$1 = require('react');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React$1);
-
-const React = React__default["default"];
-const BtIconChevronDown2Px = props =>
-  /*#__PURE__*/ React.createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32"
-      },
-      props
-    ),
-    /*#__PURE__*/ React.createElement("defs", null),
-    /*#__PURE__*/ React.createElement("path", {
-      d:
-        "M15.99316,23.91406,2.294,10.207A.99989.99989,0,1,1,3.708,8.793l12.28515,12.293L28.292,8.793A.99989.99989,0,1,1,29.70605,10.207Z",
-      fill: "currentColor"
-    })
-  );
-var BtIconChevronDown2Px_2 = BtIconChevronDown2Px;
-
-exports.BtIconChevronDown2Px_2 = BtIconChevronDown2Px_2;

package/dist/_shared/cjs/BtIconChevronLeftMid-df952a3e.js

@@ -1,31 +0,0 @@
-'use strict';
-
-var React$1 = require('react');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React$1);
-
-const React = React__default["default"];
-const BtIconChevronLeftMid = props =>
-  /*#__PURE__*/ React.createElement(
-    "svg",
-    Object.assign(
-      {
-        viewBox: "0 0 16 16",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg"
-      },
-      props
-    ),
-    /*#__PURE__*/ React.createElement("path", {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d:
-        "M7.62107 8.00023L10.4697 10.8522C10.5957 10.9785 10.6665 11.1495 10.6665 11.3279C10.6665 11.5063 10.5957 11.6773 10.4697 11.8036C10.4074 11.866 10.3335 11.9155 10.252 11.9493C10.1706 11.983 10.0833 12.0004 9.99507 12.0004C9.9069 12.0004 9.81959 11.983 9.73814 11.9493C9.65669 11.9155 9.5827 11.866 9.52041 11.8036L6.19641 8.47556C6.07061 8.34935 5.99998 8.17842 5.99998 8.00023C5.99998 7.82203 6.07061 7.6511 6.19641 7.52489L9.52041 4.19689C9.5827 4.13449 9.65669 4.08498 9.73814 4.0512C9.81959 4.01741 9.9069 4.00003 9.99507 4.00003C10.0832 4.00003 10.1706 4.01741 10.252 4.0512C10.3335 4.08498 10.4074 4.13449 10.4697 4.19689C10.5957 4.32313 10.6665 4.4942 10.6665 4.67256C10.6665 4.85092 10.5957 5.02199 10.4697 5.14823L7.62107 8.00023Z",
-      fill: "currentColor"
-    })
-  );
-var BtIconChevronLeftMid_2 = BtIconChevronLeftMid;
-
-exports.BtIconChevronLeftMid_2 = BtIconChevronLeftMid_2;

package/dist/_shared/cjs/BtIconChevronRight2Px-a8e40136.js

@@ -1,50 +0,0 @@
-'use strict';
-
-var React$2 = require('react');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React$2);
-
-const React$1 = React__default["default"];
-const BtIconChevronLeft2Px = props =>
-  /*#__PURE__*/ React$1.createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32"
-      },
-      props
-    ),
-    /*#__PURE__*/ React$1.createElement("defs", null),
-    /*#__PURE__*/ React$1.createElement("path", {
-      d:
-        "M22.5,29.99854a.99676.99676,0,0,1-.707-.293L8.08594,15.99268,21.793,2.294A1.00023,1.00023,0,0,1,23.207,3.709l-12.293,12.28467L23.207,28.2915a1,1,0,0,1-.707,1.707Z",
-      fill: "currentColor"
-    })
-  );
-var BtIconChevronLeft2Px_2 = BtIconChevronLeft2Px;
-
-const React = React__default["default"];
-const BtIconChevronRight2Px = props =>
-  /*#__PURE__*/ React.createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32"
-      },
-      props
-    ),
-    /*#__PURE__*/ React.createElement("defs", null),
-    /*#__PURE__*/ React.createElement("path", {
-      d:
-        "M9.5,29.99854A1.00025,1.00025,0,0,1,8.793,28.291l12.293-12.28467L8.793,3.7085A.99989.99989,0,0,1,10.207,2.29443l13.707,13.71289L10.207,29.70605A.99827.99827,0,0,1,9.5,29.99854Z",
-      fill: "currentColor"
-    })
-  );
-var BtIconChevronRight2Px_2 = BtIconChevronRight2Px;
-
-exports.BtIconChevronLeft2Px_2 = BtIconChevronLeft2Px_2;
-exports.BtIconChevronRight2Px_2 = BtIconChevronRight2Px_2;

package/dist/_shared/cjs/BtIconChevronRightMid-5a38d855.js

@@ -1,31 +0,0 @@
-'use strict';
-
-var React$1 = require('react');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React$1);
-
-const React = React__default["default"];
-const BtIconChevronRightMid = props =>
-  /*#__PURE__*/ React.createElement(
-    "svg",
-    Object.assign(
-      {
-        viewBox: "0 0 16 16",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg"
-      },
-      props
-    ),
-    /*#__PURE__*/ React.createElement("path", {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d:
-        "M9.04543 8.0002L6.19676 5.1482C6.07077 5.02196 6 4.85089 6 4.67253C6 4.49418 6.07077 4.32311 6.19676 4.19687C6.25906 4.13446 6.33304 4.08495 6.41449 4.05117C6.49594 4.01739 6.58325 4 6.67143 4C6.75961 4 6.84692 4.01739 6.92837 4.05117C7.00982 4.08495 7.0838 4.13446 7.1461 4.19687L10.4701 7.52487C10.5959 7.65108 10.6665 7.82201 10.6665 8.0002C10.6665 8.1784 10.5959 8.34932 10.4701 8.47553L7.1461 11.8035C7.0838 11.8659 7.00982 11.9155 6.92837 11.9492C6.84692 11.983 6.75961 12.0004 6.67143 12.0004C6.58325 12.0004 6.49594 11.983 6.41449 11.9492C6.33304 11.9155 6.25906 11.8659 6.19676 11.8035C6.07077 11.6773 6 11.5062 6 11.3279C6 11.1495 6.07077 10.9784 6.19676 10.8522L9.04543 8.0002Z",
-      fill: "currentColor"
-    })
-  );
-var BtIconChevronRightMid_2 = BtIconChevronRightMid;
-
-exports.BtIconChevronRightMid_2 = BtIconChevronRightMid_2;

package/dist/_shared/cjs/BtIconCrossAlt2Px-30dc2688.js

@@ -1,29 +0,0 @@
-'use strict';
-
-var React$1 = require('react');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React$1);
-
-const React = React__default["default"];
-const BtIconCrossAlt2Px = props =>
-  /*#__PURE__*/ React.createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32"
-      },
-      props
-    ),
-    /*#__PURE__*/ React.createElement("defs", null),
-    /*#__PURE__*/ React.createElement("path", {
-      d:
-        "M17.41406,16l3.793-3.793A.99989.99989,0,0,0,19.793,10.793L16,14.58594l-3.793-3.793A.99989.99989,0,0,0,10.793,12.207L14.58594,16l-3.793,3.793A.99989.99989,0,1,0,12.207,21.207L16,17.41406l3.793,3.793A.99989.99989,0,0,0,21.207,19.793Z",
-      fill: "currentColor"
-    })
-  );
-var BtIconCrossAlt2Px_2 = BtIconCrossAlt2Px;
-
-exports.BtIconCrossAlt2Px_2 = BtIconCrossAlt2Px_2;

package/dist/_shared/cjs/BtIconTick-42fcc5ec.js

@@ -1,91 +0,0 @@
-'use strict';
-
-var React$3 = require('react');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React$3);
-
-const React$2 = React__default["default"];
-const BtIconNotification = props =>
-  /*#__PURE__*/ React$2.createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32"
-      },
-      props
-    ),
-    /*#__PURE__*/ React$2.createElement("defs", null),
-    /*#__PURE__*/ React$2.createElement("path", {
-      d:
-        "M24.50977,21.98867,24,21.99014,23.99414,13.975a7.98466,7.98466,0,0,0-6.66046-7.86011,1.46733,1.46733,0,0,0,.15655-.65063,1.48633,1.48633,0,1,0-2.97265,0,1.46732,1.46732,0,0,0,.15826.65369,7.9849,7.9849,0,0,0-6.63971,7.857v8.0166l-.50781-.00293a1.50464,1.50464,0,1,0,0,3.00928h3.45679a1.997,1.997,0,0,0,3.99365,0h9.532a1.50464,1.50464,0,1,0-.001-3.00928ZM16.00391,4.97793a.48633.48633,0,1,1-.48633.48633A.48668.48668,0,0,1,16.00391,4.97793ZM12.98242,25.97158a.998.998,0,0,1-.99469-.97363h1.98841A.99785.99785,0,0,1,12.98242,25.97158ZM24.51074,23.998H7.52832a.50465.50465,0,0,1-.00488-1.00928l1.51269.00293V13.975a6.979,6.979,0,0,1,13.958.00049L23,22.99209l1.51074-.00342a.50464.50464,0,1,1,0,1.00928Z",
-      fill: "currentColor"
-    })
-  );
-var BtIconNotification_2 = BtIconNotification;
-
-const React$1 = React__default["default"];
-const BtIconAlertTriangle = props =>
-  /*#__PURE__*/ React$1.createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32"
-      },
-      props
-    ),
-    /*#__PURE__*/ React$1.createElement("defs", null),
-    /*#__PURE__*/ React$1.createElement("path", {
-      fill: "currentColor",
-      d: "M16 21.99335A1 1 0 1 0 16 23.99335 1 1 0 1 0 16 21.99335z"
-    }),
-    /*#__PURE__*/ React$1.createElement("path", {
-      d:
-        "M16.00488,20.00977a.49972.49972,0,0,0,.5-.5l.002-9.00977a.5.5,0,0,0-1,0l-.002,9.00977A.5.5,0,0,0,16.00488,20.00977Z",
-      fill: "currentColor"
-    }),
-    /*#__PURE__*/ React$1.createElement("path", {
-      d:
-        "M29.83691,26.21,17.041,4.5332A1.15617,1.15617,0,0,0,16.03711,3.959h-.001a1.159,1.159,0,0,0-1.00586.57373L2.23535,26.21045a1.16676,1.16676,0,0,0,1.00488,1.76074H28.83105A1.16843,1.16843,0,0,0,29.83691,26.21Zm-.86035.67725a.164.164,0,0,1-.14551.084H3.24023a.16737.16737,0,0,1-.14355-.25244L15.8916,5.0415a.167.167,0,0,1,.28809,0l12.7959,21.67627A.16531.16531,0,0,1,28.97656,26.88721Z",
-      fill: "currentColor"
-    })
-  );
-var BtIconAlertTriangle_2 = BtIconAlertTriangle;
-
-const React = React__default["default"];
-const BtIconTick = props =>
-  /*#__PURE__*/ React.createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32"
-      },
-      props
-    ),
-    /*#__PURE__*/ React.createElement("defs", null),
-    /*#__PURE__*/ React.createElement(
-      "g",
-      {
-        "data-name": "Icons"
-      },
-      /*#__PURE__*/ React.createElement("path", {
-        d:
-          "M16,3A13,13,0,1,1,3,16,12.9741,12.9741,0,0,1,16,3m0-1A14,14,0,1,0,30,16,14.04116,14.04116,0,0,0,16,2Z",
-        fill: "currentColor"
-      }),
-      /*#__PURE__*/ React.createElement("path", {
-        d:
-          "M13.5,21.2,9.1,16.8a.495.495,0,1,1,.7-.7l3.6,3.6L22,11.1a.495.495,0,1,1,.7.7Z",
-        fill: "currentColor"
-      })
-    )
-  );
-var BtIconTick_2 = BtIconTick;
-
-exports.BtIconAlertTriangle_2 = BtIconAlertTriangle_2;
-exports.BtIconNotification_2 = BtIconNotification_2;
-exports.BtIconTick_2 = BtIconTick_2;

package/dist/_shared/cjs/BtIconTickAlt2Px-bdf06f8c.js

@@ -1,29 +0,0 @@
-'use strict';
-
-var React$1 = require('react');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React$1);
-
-const React = React__default["default"];
-const BtIconTickAlt2Px = props =>
-  /*#__PURE__*/ React.createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32"
-      },
-      props
-    ),
-    /*#__PURE__*/ React.createElement("defs", null),
-    /*#__PURE__*/ React.createElement("path", {
-      d:
-        "M13.49963,21.91418l-4.707-4.707a1.0014,1.0014,0,0,1,0-1.41406,1.02353,1.02353,0,0,1,1.41406,0l3.293,3.293,8.293-8.293a.99989.99989,0,1,1,1.41406,1.41406Z",
-      fill: "currentColor"
-    })
-  );
-var BtIconTickAlt2Px_2 = BtIconTickAlt2Px;
-
-exports.BtIconTickAlt2Px_2 = BtIconTickAlt2Px_2;

package/dist/_shared/cjs/Button-5aaa6776.d.ts

@@ -1,102 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { FC } from "react";
-import { ArcIcon } from "./arc-icon-17594b2f";
-type ElementUnion = HTMLButtonElement | HTMLAnchorElement;
-type Ref = React.Ref<ElementUnion> | null;
-/**
- * Use `Button` to allow users to take actions with clicks and taps.
- */
-declare const Button: FC<ButtonProps>;
-interface ButtonIconProps {
-    /**
-     * Icon variant.
-     */
-    icon?: ArcIcon;
-    /**
-     * Should the icon be a default chevron?
-     */
-    isChevron?: boolean;
-    /**
-     * Should the icon be positioned before button text?
-     */
-    isBeforeText?: boolean;
-}
-interface ButtonElementProps {
-    /**
-     * Default behavior of the Button element. If not provided, 'submit' will
-     * be inferred. Type 'reset' deliberately excluded.
-     */
-    type?: "button" | "submit";
-    /**
-     * Refers to the id of a form so it can be submitted if the button exists outside of it.
-     */
-    form?: string;
-}
-interface LinkElementProps {
-    /**
-     * URL to link to if Button elementType is 'a'.
-     */
-    href?: string;
-    /**
-     * Target window for the Button href URL.
-     */
-    target?: string;
-    /**
-     * Relationship between the Button href URL and the current page. See
-     * [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel).
-     */
-    rel?: string;
-}
-interface ButtonProps extends ButtonElementProps, LinkElementProps {
-    /**
-     * Text to override `label` with additional, more precise information
-     * specifically for screen reader users.
-     */
-    ariaLabel?: string;
-    /**
-     * Button fill.
-     */
-    fill?: "solid" | "outlined" | "flat";
-    /**
-     * Button icon variant.
-     */
-    icon?: ArcIcon;
-    /**
-     * How should a Button icon be displayed?
-     */
-    iconPosition?: "afterText" | "beforeText" | "iconOnly";
-    /**
-     * HTML ID for the Button
-     */
-    id?: string;
-    /**
-     * Should the Button be disabled?
-     */
-    isDisabled?: boolean;
-    /**
-     * Should the Button’s CSS display property be set to block?
-     */
-    isDisplayBlock?: boolean;
-    /**
-     * Should the Button take up the full width of its container?
-     */
-    isFullWidth?: boolean;
-    /**
-     * Button text.
-     */
-    label: string;
-    /**
-     * Optional click handler for the Button.
-     */
-    onClick?: () => void;
-    /**
-     * Optional property to provide component Ref
-     */
-    ref?: Ref;
-    /**
-     * Optional supporting text for the Button.
-     */
-    supportingText?: string;
-}
-export { ElementUnion, Ref, Button, ButtonIconProps, ButtonProps };