@arc-ui/components 11.10.0 → 11.12.0

package/dist/types/components/Alert/Alert.d.ts

@@ -1,4 +1,4 @@
-import { FC } from "react";
+import { ReactNode, FC } from "react";
 import { HeadingProps } from "../Heading/Heading";
 import { ArcIcon } from "../../types/arc-icon";
 /** use `Alert` to display persistent messages, either permanent or dismissible. */
@@ -15,7 +15,7 @@ export interface AlertProps {
     /**
      * Determine a description for `<Alert />`
      */
-    description?: string;
+    description?: string | ReactNode;
     /**
      * Determine a link for `<Alert />`
      */

package/dist/types/components/Box/index.d.ts

@@ -1 +1 @@
-export { Box, BoxProps } from "./Box";
+export { Box, type BoxProps } from "./Box";

package/dist/types/components/BrandLogo/BrandLogo.d.ts

@@ -9,7 +9,7 @@ export interface BrandLogoProps {
     /**
      * Color of the BrandLogo. The `brand` color only shows on light surfaces.
      */
-    color?: typeof colors[number];
+    color?: (typeof colors)[number];
     /**
      * Accessible text for the BrandLogo.
      */
@@ -21,5 +21,5 @@ export interface BrandLogoProps {
     /**
      * Optional sub-brand variant. Only applies to BT.
      */
-    subBrand?: typeof subBrands[number];
+    subBrand?: (typeof subBrands)[number];
 }

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

@@ -92,6 +92,10 @@ export interface ButtonProps extends ButtonElementProps, LinkElementProps {
      * Optional property to provide component Ref
      */
     ref?: Ref;
+    /**
+     * How should a Button icon be displayed?
+     */
+    size?: "s" | "m" | "l";
     /**
      * Optional supporting text for the Button.
      */

package/dist/types/components/Columns/index.d.ts

@@ -1 +1 @@
-export { Columns, Span } from "./Columns";
+export { Columns, type Span } from "./Columns";

package/dist/types/components/Curve/Curve.d.ts

@@ -14,11 +14,11 @@ export interface CurveProps {
     /**
      * Bottom color of the Curve. Shares values with Surface.
      */
-    bottomColor?: typeof backgroundsBT[number];
+    bottomColor?: (typeof backgroundsBT)[number];
     /**
      * Positional variants of the Curve.
      */
-    from?: typeof positions[number];
+    from?: (typeof positions)[number];
     /**
      * Should the Curve colors be flipped? Normally used at the top of Poster.
      */
@@ -26,9 +26,9 @@ export interface CurveProps {
     /**
      * Size of the Curve.
      */
-    size?: typeof sizes[number];
+    size?: (typeof sizes)[number];
     /**
      * Top color of the Curve. Shares values with Surface.
      */
-    topColor?: typeof backgroundsBT[number];
+    topColor?: (typeof backgroundsBT)[number];
 }

package/dist/types/components/Icon/Icon.d.ts

@@ -9,7 +9,7 @@ export interface IconProps {
     /**
      * Color of the Icon.
      */
-    color?: typeof colors[number];
+    color?: (typeof colors)[number];
     /**
      * Should the Icon component be styled as an inline element?
      */

package/dist/types/components/Image/Image.d.ts

@@ -45,7 +45,7 @@ export interface ImageProps extends HTMLAttributes<HTMLElement> {
     /**
      * Anchor point for the Image if using fit="cover".
      */
-    anchor?: typeof anchorPoints[number];
+    anchor?: (typeof anchorPoints)[number];
     /**
      * Optionally enable HTML <picture> functionality by passing `Image.Source`
      * components as children.
@@ -58,7 +58,7 @@ export interface ImageProps extends HTMLAttributes<HTMLElement> {
     /**
      * Fit of the Image.
      */
-    fit?: typeof fitOptions[number];
+    fit?: (typeof fitOptions)[number];
     /**
      * Height dimension of the Image, in pixels. If fit="cover", the height in which
      * to fit the Image. Otherwise, the intrinsic height of the Image element.
@@ -67,12 +67,12 @@ export interface ImageProps extends HTMLAttributes<HTMLElement> {
     /**
      * Loading behaviour of the Image.
      */
-    loading?: typeof loadingOptions[number];
+    loading?: (typeof loadingOptions)[number];
     /**
      * Apply an overlay to the Image, e.g. a scrim gradient for text legibility.
      * Should not be used if the image has a rasterized overlay.
      */
-    overlay?: typeof overlayOptions[number];
+    overlay?: (typeof overlayOptions)[number];
     /**
      * The HTML [sizes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#Example_4_Using_the_srcset_and_sizes_attributes) attribute. Only required if srcSet is switching widths. Ignored if `children` (<source> elements) are present.
      */

package/dist/types/components/MediaCard/MediaCard.d.ts

@@ -45,7 +45,7 @@ export interface MediaCardProps {
     /**
      * Loading behaviour of the MediaCard.
      */
-    imageLoading?: typeof loadingOptions[number];
+    imageLoading?: (typeof loadingOptions)[number];
     /**
      * The HTML [sizes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#Example_4_Using_the_srcset_and_sizes_attributes) attribute. Required if srcSet is defined.
      */

package/dist/types/components/Poster/PosterImage.d.ts

@@ -10,11 +10,11 @@ export interface PosterImageProps {
     /**
      * Anchor point for the Poster.Image.
      */
-    anchor?: typeof anchorPoints[number];
+    anchor?: (typeof anchorPoints)[number];
     /**
      * Loading behaviour of the Poster.Image.
      */
-    loading?: typeof loadingOptions[number];
+    loading?: (typeof loadingOptions)[number];
     /**
      * The HTML [sizes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#Example_4_Using_the_srcset_and_sizes_attributes) attribute for the Poster.Image. Required if `srcSet` is defined.
      */

package/dist/types/components/Poster/PosterVideo.d.ts

@@ -5,7 +5,7 @@ export interface PosterVideoProps {
     /**
      * Anchor point for the Poster.Video,
      */
-    anchor?: typeof anchorPoints[number];
+    anchor?: (typeof anchorPoints)[number];
     /**
      * Should the Poster.Video autoplay?
      */

package/dist/types/components/Select/Select.d.ts

@@ -15,6 +15,7 @@ export interface SelectProps extends Omit<FormControlProps, "children" | "elemen
     onChange?: (value: string) => void;
     onBlur?: (e: FocusEvent) => void;
     onOpenChange?: () => void;
+    selectSize?: "s" | "m" | "l";
     isFluid?: boolean;
     isDisabled?: boolean;
     isDefaultOpen?: boolean;

package/dist/types/components/SiteHeader/SiteHeader.d.ts

@@ -70,6 +70,6 @@ export interface SiteHeaderProps {
     /**
      * Optional sub-brand variant. Only applies to BT.
      */
-    subBrand?: typeof subBrands[number];
+    subBrand?: (typeof subBrands)[number];
 }
 export { Context as SiteHeaderContext };

package/dist/types/components/Surface/index.d.ts

@@ -1 +1 @@
-export { Surface, SurfaceContext, backgrounds, backgroundsBT, SurfacePadding, SurfaceBackgroundColor } from "./Surface";
+export { Surface, SurfaceContext, backgrounds, backgroundsBT, type SurfacePadding, type SurfaceBackgroundColor, } from "./Surface";

package/dist/types/components/TextInput/TextInput.d.ts

@@ -58,6 +58,10 @@ export interface TextInputProps extends Omit<FormControlProps, "children" | "ele
      * Validation regex pattern.
      */
     pattern?: string;
+    /**
+     * Size of the input.
+     */
+    inputSize?: "s" | "m" | "l";
     /**
      * Enable button to toggle TextInput type from `Selected Type` to `Text`
      */

package/dist/types/hooks/use-aria-describedby.d.ts

@@ -1,7 +1,7 @@
 /**
  * Optionally define ariaDescribedBy if errorMessage or helper exist.
  */
-export declare const useAriaDescribedby: ({ id, idError, idHelper, idDisclosure, errorMessage, helper, disclosureText }: {
+export declare const useAriaDescribedby: ({ id, idError, idHelper, idDisclosure, errorMessage, helper, disclosureText, }: {
     id?: string | undefined;
     idError?: string | undefined;
     idDisclosure?: string | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arc-ui/components",
-  "version": "11.10.0",
+  "version": "11.12.0",
   "homepage": "https://ui.digital-ent-int.bt.com",
   "author": "BT Enterprise Digital UI Team <ui-digital-ent-int@bt.com>",
   "main": "./dist/index.js",
@@ -11,9 +11,8 @@
     "storybook": "storybook dev -p 6006",
     "storybook:build": "storybook build --quiet",
     "storybook:quiet": "pnpm run storybook --quiet",
-    "test": "TZ=UTC jest",
-    "test:coverage": "pnpm run test --coverage",
-    "test:watch": "pnpm run test --changedSince=origin/master --coverage --watch",
+    "test": "cypress open --component",
+    "test:ci": "cypress run --component --browser chrome",
     "generate:component": "node ./generate-component $1"
   },
   "files": [
@@ -59,9 +58,9 @@
     "@storybook/react-webpack5": "^7.4.5",
     "@storybook/testing-library": "^0.2.1",
     "@storybook/theming": "^7.4.5",
-    "@types/classnames": "^2.2.10",
+    "@testing-library/cypress": "^10.0.1",
     "@types/lodash": "^4.14.184",
-    "@types/node": "^12.12.38",
+    "@types/node": "^12.20.55",
     "@types/prop-types": "^15.7.3",
     "@types/react": "^18.0.26",
     "@types/react-dom": "^18.0.9",
@@ -70,6 +69,7 @@
     "camelcase": "^6.2.1",
     "classnames": "^2.2.6",
     "countries-list": "^2.6.1",
+    "cypress": "^13.3.0",
     "formik": "^2.2.9",
     "lodash": "^4.17.21",
     "postcss": "^8.0.0",
@@ -88,7 +88,8 @@
     "rollup-plugin-postcss": "^4.0.0",
     "storybook": "^7.4.5",
     "tslib": "^2.0.1",
-    "typescript": "^4.0.2",
+    "typescript": "^4.9.5",
+    "vite": "^4.4.5",
     "yup": "^0.32.11"
   }
 }

package/dist/_shared/cjs/BtIconChevronLeftMid.esm-7c2fc822.js

@@ -1,29 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const BtIconChevronLeftMid = props =>
-  /*#__PURE__*/ React__default["default"].createElement(
-    "svg",
-    Object.assign(
-      {
-        viewBox: "0 0 16 16",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg"
-      },
-      props
-    ),
-    /*#__PURE__*/ React__default["default"].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"
-    })
-  );
-
-exports.BtIconChevronLeftMid = BtIconChevronLeftMid;

package/dist/_shared/cjs/BtIconChevronRightMid.esm-cce080c8.js

@@ -1,29 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const BtIconChevronRightMid = props =>
-  /*#__PURE__*/ React__default["default"].createElement(
-    "svg",
-    Object.assign(
-      {
-        viewBox: "0 0 16 16",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg"
-      },
-      props
-    ),
-    /*#__PURE__*/ React__default["default"].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"
-    })
-  );
-
-exports.BtIconChevronRightMid = BtIconChevronRightMid;

package/dist/_shared/cjs/BtIconTick.esm-613dfd8a.js

@@ -1,85 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const BtIconNotification = props =>
-  /*#__PURE__*/ React__default["default"].createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32"
-      },
-      props
-    ),
-    /*#__PURE__*/ React__default["default"].createElement("defs", null),
-    /*#__PURE__*/ React__default["default"].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"
-    })
-  );
-
-const BtIconAlertTriangle = props =>
-  /*#__PURE__*/ React__default["default"].createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32"
-      },
-      props
-    ),
-    /*#__PURE__*/ React__default["default"].createElement("defs", null),
-    /*#__PURE__*/ React__default["default"].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__default["default"].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__default["default"].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"
-    })
-  );
-
-const BtIconTick = props =>
-  /*#__PURE__*/ React__default["default"].createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32"
-      },
-      props
-    ),
-    /*#__PURE__*/ React__default["default"].createElement("defs", null),
-    /*#__PURE__*/ React__default["default"].createElement(
-      "g",
-      {
-        "data-name": "Icons"
-      },
-      /*#__PURE__*/ React__default["default"].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__default["default"].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"
-      })
-    )
-  );
-
-exports.BtIconAlertTriangle = BtIconAlertTriangle;
-exports.BtIconNotification = BtIconNotification;
-exports.BtIconTick = BtIconTick;

package/dist/_shared/esm/BtIconChevronLeftMid.esm-e69276cb.js

@@ -1,23 +0,0 @@
-import React__default from 'react';
-
-const BtIconChevronLeftMid = props =>
-  /*#__PURE__*/ React__default.createElement(
-    "svg",
-    Object.assign(
-      {
-        viewBox: "0 0 16 16",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg"
-      },
-      props
-    ),
-    /*#__PURE__*/ React__default.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"
-    })
-  );
-
-export { BtIconChevronLeftMid as B };

package/dist/_shared/esm/BtIconChevronRightMid.esm-24809a93.js

@@ -1,23 +0,0 @@
-import React__default from 'react';
-
-const BtIconChevronRightMid = props =>
-  /*#__PURE__*/ React__default.createElement(
-    "svg",
-    Object.assign(
-      {
-        viewBox: "0 0 16 16",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg"
-      },
-      props
-    ),
-    /*#__PURE__*/ React__default.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"
-    })
-  );
-
-export { BtIconChevronRightMid as B };

package/dist/_shared/esm/BtIconCrossAlt2Px.esm-425a6beb.js

@@ -1,21 +0,0 @@
-import React__default from 'react';
-
-const BtIconCrossAlt2Px = props =>
-  /*#__PURE__*/ React__default.createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32"
-      },
-      props
-    ),
-    /*#__PURE__*/ React__default.createElement("defs", null),
-    /*#__PURE__*/ React__default.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"
-    })
-  );
-
-export { BtIconCrossAlt2Px as B };

package/dist/_shared/esm/BtIconTick.esm-673282f5.js

@@ -1,77 +0,0 @@
-import React__default from 'react';
-
-const BtIconNotification = props =>
-  /*#__PURE__*/ React__default.createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32"
-      },
-      props
-    ),
-    /*#__PURE__*/ React__default.createElement("defs", null),
-    /*#__PURE__*/ React__default.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"
-    })
-  );
-
-const BtIconAlertTriangle = props =>
-  /*#__PURE__*/ React__default.createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32"
-      },
-      props
-    ),
-    /*#__PURE__*/ React__default.createElement("defs", null),
-    /*#__PURE__*/ React__default.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__default.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__default.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"
-    })
-  );
-
-const BtIconTick = props =>
-  /*#__PURE__*/ React__default.createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32"
-      },
-      props
-    ),
-    /*#__PURE__*/ React__default.createElement("defs", null),
-    /*#__PURE__*/ React__default.createElement(
-      "g",
-      {
-        "data-name": "Icons"
-      },
-      /*#__PURE__*/ React__default.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__default.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"
-      })
-    )
-  );
-
-export { BtIconNotification as B, BtIconAlertTriangle as a, BtIconTick as b };