@arc-ui/components 11.13.1 → 12.0.0-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (145) hide show
  1. package/dist/Alert/Alert.cjs.js +13 -20
  2. package/dist/Alert/Alert.esm.js +13 -20
  3. package/dist/Badge/Badge.cjs.js +1 -3
  4. package/dist/Badge/Badge.esm.js +1 -3
  5. package/dist/Breadcrumbs/Breadcrumbs.cjs.js +2 -3
  6. package/dist/Breadcrumbs/Breadcrumbs.esm.js +2 -3
  7. package/dist/Button/Button.cjs.js +4 -5
  8. package/dist/Button/Button.esm.js +4 -5
  9. package/dist/Card/Card.cjs.js +4 -5
  10. package/dist/Card/Card.esm.js +4 -5
  11. package/dist/Checkbox/Checkbox.cjs.js +4 -6
  12. package/dist/Checkbox/Checkbox.esm.js +4 -6
  13. package/dist/Disclosure/Disclosure.cjs.js +2 -2
  14. package/dist/Disclosure/Disclosure.esm.js +2 -2
  15. package/dist/DisclosureMini/DisclosureMini.cjs.js +2 -2
  16. package/dist/DisclosureMini/DisclosureMini.esm.js +2 -2
  17. package/dist/FormControl/FormControl.cjs.js +3 -4
  18. package/dist/FormControl/FormControl.esm.js +3 -4
  19. package/dist/Icon/Icon.cjs.js +2 -2
  20. package/dist/Icon/Icon.esm.js +2 -2
  21. package/dist/Modal/Modal.cjs.js +8 -10
  22. package/dist/Modal/Modal.esm.js +8 -10
  23. package/dist/Pagination/Pagination.cjs.js +3 -5
  24. package/dist/Pagination/Pagination.esm.js +3 -5
  25. package/dist/PaginationSimple/PaginationSimple.cjs.js +3 -5
  26. package/dist/PaginationSimple/PaginationSimple.esm.js +3 -5
  27. package/dist/Poster/Poster.cjs.js +1 -1
  28. package/dist/Poster/Poster.esm.js +1 -1
  29. package/dist/ProgressBar/ProgressBar.cjs.js +5 -28
  30. package/dist/ProgressBar/ProgressBar.esm.js +5 -28
  31. package/dist/ProgressStepper/ProgressStepper.cjs.js +3 -4
  32. package/dist/ProgressStepper/ProgressStepper.esm.js +3 -4
  33. package/dist/RadioGroup/RadioGroup.cjs.js +4 -5
  34. package/dist/RadioGroup/RadioGroup.esm.js +4 -5
  35. package/dist/Rule/Rule.cjs.js +1 -7
  36. package/dist/Rule/Rule.esm.js +2 -8
  37. package/dist/ScrollToTop/ScrollToTop.cjs.js +5 -20
  38. package/dist/ScrollToTop/ScrollToTop.esm.js +6 -21
  39. package/dist/Select/Select.cjs.js +10 -30
  40. package/dist/Select/Select.esm.js +10 -30
  41. package/dist/SiteFooter/SiteFooter.cjs.js +2 -3
  42. package/dist/SiteFooter/SiteFooter.esm.js +3 -4
  43. package/dist/SiteHeader/SiteHeader.cjs.js +6 -9
  44. package/dist/SiteHeader/SiteHeader.esm.js +6 -9
  45. package/dist/Switch/Switch.cjs.js +5 -8
  46. package/dist/Switch/Switch.esm.js +5 -8
  47. package/dist/Tabs/Tabs.cjs.js +6 -5
  48. package/dist/Tabs/Tabs.esm.js +6 -5
  49. package/dist/Tag/Tag.cjs.js +4 -41
  50. package/dist/Tag/Tag.esm.js +4 -41
  51. package/dist/TextArea/TextArea.cjs.js +22 -30
  52. package/dist/TextArea/TextArea.esm.js +22 -30
  53. package/dist/TextInput/TextInput.cjs.js +4 -5
  54. package/dist/TextInput/TextInput.esm.js +4 -5
  55. package/dist/Theme/Theme.cjs.js +19 -0
  56. package/dist/Theme/Theme.esm.js +10 -0
  57. package/dist/Theme/package.json +7 -0
  58. package/dist/Toast/Toast.cjs.js +5 -8
  59. package/dist/Toast/Toast.esm.js +5 -8
  60. package/dist/_shared/cjs/{Breadcrumbs-ed70e75a.js → Breadcrumbs-f3385e2e.js} +3 -4
  61. package/dist/_shared/cjs/{Button-4fed080a.js → Button-5c958ce9.js} +4 -7
  62. package/dist/_shared/cjs/{Card-17dcc171.js → Card-eb1c20c1.js} +2 -3
  63. package/dist/_shared/cjs/{Checkbox-b126194e.js → Checkbox-5f14bb0d.js} +4 -5
  64. package/dist/_shared/cjs/{DisclosureMini-d0eeb6bb.js → DisclosureMini-145105a4.js} +2 -2
  65. package/dist/_shared/cjs/{FormControl-7daf8110.js → FormControl-30f2330f.js} +3 -3
  66. package/dist/_shared/cjs/{Icon-a9801f05.js → Icon-a47b6c0a.js} +3 -20
  67. package/dist/_shared/cjs/{Poster-9b48fd61.js → Poster-499b78da.js} +1 -1
  68. package/dist/_shared/cjs/{ProgressStepper-9cdc0afe.js → ProgressStepper-74ee1eec.js} +7 -60
  69. package/dist/_shared/cjs/{RadioGroup-56e3b0e5.js → RadioGroup-9bc96f6a.js} +1 -1
  70. package/dist/_shared/cjs/{SiteFooter-6381ac4a.js → SiteFooter-0638c27c.js} +3 -5
  71. package/dist/_shared/cjs/{SiteHeader.rehydrator-a3f07c9e.js → SiteHeader.rehydrator-42c4a0e0.js} +16 -11
  72. package/dist/_shared/cjs/{Tabs-2d2a517d.js → Tabs-ade6d6b6.js} +8 -41
  73. package/dist/_shared/cjs/{TextInput-bf1fe052.js → TextInput-a5f72f6f.js} +1 -1
  74. package/dist/_shared/cjs/ThemeIcon-9534f091.js +27 -0
  75. package/dist/_shared/cjs/{Toast-69108261.js → Toast-6d4021d7.js} +10 -13
  76. package/dist/_shared/cjs/{index-b2fd6338.js → index-23b4f49f.js} +1 -1
  77. package/dist/_shared/cjs/{index-6b2a9ac3.js → index-4dd46cbe.js} +1 -1
  78. package/dist/_shared/cjs/{index-adbb63da.js → index-d75774a9.js} +1 -1
  79. package/dist/_shared/esm/{Breadcrumbs-87e2bd46.js → Breadcrumbs-c4b65cff.js} +3 -4
  80. package/dist/_shared/esm/{Button-a453e8e4.js → Button-c3348ed8.js} +4 -7
  81. package/dist/_shared/esm/{Card-201e9f28.js → Card-45e8e10a.js} +2 -3
  82. package/dist/_shared/esm/{Checkbox-d6ec5024.js → Checkbox-2a623386.js} +4 -5
  83. package/dist/_shared/esm/{DisclosureMini-ec17b008.js → DisclosureMini-bf95a9db.js} +2 -2
  84. package/dist/_shared/esm/{FormControl-351e5f1b.js → FormControl-433228f5.js} +3 -3
  85. package/dist/_shared/esm/{Icon-abd0d990.js → Icon-9ecaaeab.js} +3 -20
  86. package/dist/_shared/esm/{Poster-4ec2f679.js → Poster-699dc89b.js} +1 -1
  87. package/dist/_shared/esm/{ProgressStepper-f51f86c3.js → ProgressStepper-5de34269.js} +7 -60
  88. package/dist/_shared/esm/{RadioGroup-c838764c.js → RadioGroup-002a32ba.js} +1 -1
  89. package/dist/_shared/esm/{SiteFooter-233bb926.js → SiteFooter-d21da7ab.js} +3 -5
  90. package/dist/_shared/esm/{SiteHeader.rehydrator-8f554bfd.js → SiteHeader.rehydrator-97900e11.js} +16 -11
  91. package/dist/_shared/esm/{Tabs-f903187a.js → Tabs-39d24a7d.js} +8 -41
  92. package/dist/_shared/esm/{TextInput-991804b6.js → TextInput-28f18769.js} +1 -1
  93. package/dist/_shared/esm/ThemeIcon-eab5a4d0.js +21 -0
  94. package/dist/_shared/esm/{Toast-37549e68.js → Toast-dce2d01e.js} +10 -13
  95. package/dist/_shared/esm/{index-efd9ef1c.js → index-3147c5b0.js} +1 -1
  96. package/dist/_shared/esm/{index-3797d77e.js → index-4f8d3888.js} +1 -1
  97. package/dist/_shared/esm/{index-a1d2d9b3.js → index-65264b4e.js} +1 -1
  98. package/dist/index.es.js +135 -553
  99. package/dist/index.es.js.map +1 -1
  100. package/dist/index.js +135 -553
  101. package/dist/index.js.map +1 -1
  102. package/dist/styles.css +42 -9
  103. package/dist/types/components/Alert/Alert.d.ts +3 -5
  104. package/dist/types/components/BrandLogo/BrandLogo.d.ts +2 -2
  105. package/dist/types/components/Poster/Poster.d.ts +1 -1
  106. package/dist/types/components/ProgressBar/constants/progress-bar-icon-map.d.ts +2 -2
  107. package/dist/types/components/SiteFooter/SiteFooter.d.ts +0 -4
  108. package/dist/types/components/SiteHeader/SiteHeader.d.ts +1 -1
  109. package/dist/types/components/Theme/Theme.d.ts +13 -0
  110. package/dist/types/components/Theme/index.d.ts +1 -0
  111. package/dist/types/components/ThemeIcon/ThemeIcon.d.ts +18 -0
  112. package/dist/types/components/ThemeIcon/icon-names.d.ts +1 -0
  113. package/dist/types/components/ThemeIcon/index.d.ts +1 -0
  114. package/dist/types/components/index.d.ts +1 -1
  115. package/dist/types/styles.d.ts +1 -25
  116. package/package.json +5 -2
  117. package/dist/Curve/Curve.cjs.js +0 -13
  118. package/dist/Curve/Curve.esm.js +0 -5
  119. package/dist/Curve/package.json +0 -7
  120. package/dist/_shared/cjs/BtIconAlert.esm-1a0ff9f0.js +0 -34
  121. package/dist/_shared/cjs/BtIconChevronDown2Px.esm-39030ee0.js +0 -26
  122. package/dist/_shared/cjs/BtIconChevronLeftMid.esm-0aaa6770.js +0 -28
  123. package/dist/_shared/cjs/BtIconChevronRight2Px.esm-dbf8cbee.js +0 -44
  124. package/dist/_shared/cjs/BtIconChevronRightMid.esm-d01ebbd4.js +0 -28
  125. package/dist/_shared/cjs/BtIconCrossAlt2Px.esm-1452b14b.js +0 -26
  126. package/dist/_shared/cjs/BtIconTick.esm-844eac6c.js +0 -80
  127. package/dist/_shared/cjs/BtIconTickAlt2Px.esm-57c89acc.js +0 -26
  128. package/dist/_shared/cjs/Curve-d038052b.js +0 -33
  129. package/dist/_shared/esm/BtIconAlert.esm-a4608d47.js +0 -28
  130. package/dist/_shared/esm/BtIconChevronDown2Px.esm-217276c2.js +0 -20
  131. package/dist/_shared/esm/BtIconChevronLeftMid.esm-1ed8330b.js +0 -22
  132. package/dist/_shared/esm/BtIconChevronRight2Px.esm-75e92636.js +0 -37
  133. package/dist/_shared/esm/BtIconChevronRightMid.esm-32268f1a.js +0 -22
  134. package/dist/_shared/esm/BtIconCrossAlt2Px.esm-7165ab1a.js +0 -20
  135. package/dist/_shared/esm/BtIconTick.esm-e265098f.js +0 -72
  136. package/dist/_shared/esm/BtIconTickAlt2Px.esm-0bc2ded0.js +0 -20
  137. package/dist/_shared/esm/Curve-d8679dde.js +0 -27
  138. package/dist/types/components/Curve/Curve.d.ts +0 -34
  139. package/dist/types/components/Curve/index.d.ts +0 -1
  140. /package/dist/_shared/cjs/{index-43458549.js → index-38d3848e.js} +0 -0
  141. /package/dist/_shared/cjs/{index-c575a255.js → index-4aa11039.js} +0 -0
  142. /package/dist/_shared/cjs/{index.module-dd1d7d0b.js → index.module-7d7228b3.js} +0 -0
  143. /package/dist/_shared/esm/{index-13d575cc.js → index-87a828b8.js} +0 -0
  144. /package/dist/_shared/esm/{index-41d7af2b.js → index-ffd720d0.js} +0 -0
  145. /package/dist/_shared/esm/{index.module-44714d3f.js → index.module-50b2c98a.js} +0 -0
@@ -31,11 +31,7 @@ export interface AlertProps {
31
31
  /**
32
32
  * Determine the type of alert
33
33
  */
34
- type?: "primary" | "secondary";
35
- /**
36
- * Determine the type of alert
37
- */
38
- status?: "general" | "error" | "warning" | "success";
34
+ status?: AlertStatus;
39
35
  /**
40
36
  * Determine showing a dismiss icon within `<Alert />`
41
37
  */
@@ -54,3 +50,5 @@ export interface AlertProps {
54
50
  */
55
51
  linkAriaLabel?: string;
56
52
  }
53
+ type AlertStatus = "general" | "error" | "warning" | "success";
54
+ export {};
@@ -4,7 +4,7 @@ import { FC } from "react";
4
4
  */
5
5
  export declare const BrandLogo: FC<BrandLogoProps>;
6
6
  export declare const colors: readonly ["auto", "brand"];
7
- export declare const subBrands: readonly ["redcare", "wholesale"];
7
+ export declare const subBrands: readonly ["redcare", "wholesale", "ee"];
8
8
  export interface BrandLogoProps {
9
9
  /**
10
10
  * Color of the BrandLogo. The `brand` color only shows on light surfaces.
@@ -19,7 +19,7 @@ export interface BrandLogoProps {
19
19
  */
20
20
  size?: number;
21
21
  /**
22
- * Optional sub-brand variant. Only applies to BT.
22
+ * Optional sub-brand variant.
23
23
  */
24
24
  subBrand?: (typeof subBrands)[number];
25
25
  }
@@ -2,7 +2,7 @@ import { FC, ReactNode } from "react";
2
2
  import { PosterImage } from "./PosterImage";
3
3
  import { PosterVideo } from "./PosterVideo";
4
4
  /**
5
- * Use `Poster` to compose content on an image or video background.
5
+ * Use `Poster` to compose content on an image or video background. BT Brand Only.
6
6
  */
7
7
  export declare const Poster: FC<PosterProps> & {
8
8
  Image: typeof PosterImage;
@@ -1,3 +1,3 @@
1
- import { ArcIcon } from "../../../types/arc-icon";
1
+ import { ThemeIconNames } from "../../ThemeIcon";
2
2
  import { ProgressBarIcons } from "../types/progress-bar-icons";
3
- export declare const PROGRESS_BAR_ICON_MAP: Record<ProgressBarIcons, ArcIcon>;
3
+ export declare const PROGRESS_BAR_ICON_MAP: Record<ProgressBarIcons, Extract<ThemeIconNames, "progressBarSuccess" | "progressBarError" | "progressBarRefresh">>;
@@ -41,10 +41,6 @@ export interface SiteFooterProps {
41
41
  * Copyright year.
42
42
  */
43
43
  currentYear?: string;
44
- /**
45
- * Should the SiteFooter include a Curve?
46
- */
47
- curve?: boolean;
48
44
  /**
49
45
  * Accessible text for the SiteFooter logo.
50
46
  */
@@ -68,7 +68,7 @@ export interface SiteHeaderProps {
68
68
  */
69
69
  search?: ReactNode;
70
70
  /**
71
- * Optional sub-brand variant. Only applies to BT.
71
+ * Optional sub-brand variant.
72
72
  */
73
73
  subBrand?: (typeof subBrands)[number];
74
74
  }
@@ -0,0 +1,13 @@
1
+ import { FC } from "react";
2
+ export declare const Theme: FC<ThemeProps>;
3
+ export declare const themes: readonly ["arc-11", "ee"];
4
+ export interface ThemeProps {
5
+ /**
6
+ * Theme to apply to all children. Should be one of "arc-11"
7
+ */
8
+ theme?: "arc-11" | "ee";
9
+ /**
10
+ * Content to display inside Theme.
11
+ */
12
+ children: any;
13
+ }
@@ -0,0 +1 @@
1
+ export { Theme, themes } from "./Theme";
@@ -0,0 +1,18 @@
1
+ import { FC } from "react";
2
+ import { iconNames } from "./icon-names";
3
+ export declare const ThemeIcon: FC<ThemeIconProps>;
4
+ export interface ThemeIconProps {
5
+ /**
6
+ * Size of the Icon, in pixels.
7
+ */
8
+ size?: number;
9
+ /**
10
+ * Icon color
11
+ */
12
+ color?: "auto" | "brand" | "statusRed" | "statusAmber" | "statusGreen";
13
+ /**
14
+ * Icon
15
+ */
16
+ icon?: ThemeIconNames;
17
+ }
18
+ export type ThemeIconNames = (typeof iconNames)[number];
@@ -0,0 +1 @@
1
+ export declare const iconNames: readonly ["alertDismiss", "alertError", "alertGeneral", "alertSuccess", "alertWarning", "breadcrumbLeft", "breadcrumbRight", "buttonLeft", "buttonRight", "cardButton", "checkboxChecked", "checkboxError", "disclosureExpand", "disclosureMiniExpand", "formControlAlert", "modalClose", "paginationPrevious", "paginationNext", "paginationSimplePrevious", "paginationSimpleNext", "progressBarSuccess", "progressBarError", "progressBarRefresh", "progressStepperComplete", "progressStepperCurrent", "progressStepperWarning", "progressStepperError", "scrollToTop", "selectTrigger", "selectScrollUp", "selectScrollDown", "selectIndicator", "siteFooterExpand", "siteHeaderBack", "siteHeaderLink", "siteHeaderItemGroupExpand", "siteHeaderNavItemExpand", "siteHeaderNavItemExpandAlt", "siteHeaderViewAll", "siteHeaderSubNavOpen", "switchToggle", "tabsNext", "tabsPrevious", "tagRemove", "tagRemoveInteractive", "toastGeneral", "toastSuccess", "toastWarning", "toastError", "toastDismiss"];
@@ -0,0 +1 @@
1
+ export { ThemeIcon, type ThemeIconNames } from "./ThemeIcon";
@@ -10,7 +10,6 @@ export { Card } from "./Card";
10
10
  export { Checkbox } from "./Checkbox";
11
11
  export { Clock, ClockRehydrator } from "./Clock";
12
12
  export { Columns } from "./Columns";
13
- export { Curve } from "./Curve";
14
13
  export { Disclosure } from "./Disclosure";
15
14
  export { DisclosureMini } from "./DisclosureMini";
16
15
  export { Elevation } from "./Elevation";
@@ -44,6 +43,7 @@ export { TextArea } from "./TextArea";
44
43
  export { TextInput } from "./TextInput";
45
44
  export { Toast } from "./Toast";
46
45
  export { Truncate } from "./Truncate";
46
+ export { Theme } from "./Theme";
47
47
  export { UniversalHeader } from "./UniversalHeader";
48
48
  export { VerticalSpace } from "./VerticalSpace";
49
49
  export { VisuallyHidden } from "./VisuallyHidden";
@@ -45,31 +45,7 @@ import "./components/UniversalHeader/UniversalHeader.css";
45
45
  import "./components/VerticalSpace/VerticalSpace.css";
46
46
  import "./components/VisuallyHidden/VisuallyHidden.css";
47
47
  import "./components/Switch/Switch.css";
48
- import "./components/Base/Base.bt.css";
49
- import "./components/BrandLogo/BrandLogo.bt.css";
50
- import "./components/Button/Button.bt.css";
51
- import "./components/Card/Card.bt.css";
52
- import "./components/Checkbox/Checkbox.bt.css";
53
- import "./components/Curve/Curve.bt.css";
54
- import "./components/Disclosure/Disclosure.bt.css";
55
- import "./components/DisclosureMini/DisclosureMini.bt.css";
56
- import "./components/Elevation/Elevation.bt.css";
57
- import "./components/FormControl/FormControl.bt.css";
58
- import "./components/Group/Group.bt.css";
59
- import "./components/Heading/Heading.bt.css";
60
- import "./components/Icon/Icon.bt.css";
61
- import "./components/Markup/Markup.bt.css";
62
- import "./components/Poster/Poster.bt.css";
63
- import "./components/RadioGroup/RadioGroup.bt.css";
64
- import "./components/Rule/Rule.bt.css";
65
- import "./components/Select/Select.bt.css";
66
- import "./components/SiteFooter/SiteFooter.bt.css";
67
- import "./components/SiteHeader/SiteHeader.bt.css";
68
- import "./components/Surface/Surface.bt.css";
69
48
  import "./components/Tabs/Tabs.css";
70
- import "./components/Text/Text.bt.css";
71
- import "./components/TextInput/TextInput.bt.css";
72
- import "./components/UniversalHeader/UniversalHeader.bt.css";
73
- import "./components/Switch/Switch.bt.css";
74
49
  import "./components/Toast/Toast.css";
75
50
  import "./components/ProgressStepper/ProgressStepper.css";
51
+ import "./components/ThemeIcon/ThemeIcon.css";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@arc-ui/components",
3
- "version": "11.13.1",
3
+ "version": "12.0.0-alpha.0",
4
4
  "homepage": "https://ui.digital-ent-int.bt.com",
5
5
  "author": "BT Enterprise Digital UI Team <ui-digital-ent-int@bt.com>",
6
6
  "main": "./dist/index.js",
@@ -32,12 +32,15 @@
32
32
  "@radix-ui/react-switch": "1.0.1",
33
33
  "@radix-ui/react-tabs": "1.0.4",
34
34
  "@radix-ui/react-toast": "1.1.4",
35
+ "@storybook/addon-themes": "^7.6.9",
35
36
  "storybook": "^7.4.5"
36
37
  },
37
38
  "devDependencies": {
38
39
  "@arc-ui/fonts": "workspace:^",
39
- "@arc-ui/icons": "workspace:^",
40
+ "@arc-ui/bt-icons": "workspace:^",
41
+ "@arc-ui/ee-icons": "workspace:^",
40
42
  "@arc-ui/tokens": "workspace:^",
43
+ "@arc-ui/tokens-new": "workspace:^",
41
44
  "@babel/core": "^7.14.3",
42
45
  "@babel/helper-define-map": "^7.14.3",
43
46
  "@babel/preset-env": "^7.20.2",
@@ -1,13 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var Curve = require('../_shared/cjs/Curve-d038052b.js');
6
- require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
7
- require('../_shared/cjs/index-9947ac13.js');
8
- require('react');
9
- require('../_shared/cjs/suffix-modifier-64dcd338.js');
10
-
11
-
12
-
13
- exports.Curve = Curve.Curve;
@@ -1,5 +0,0 @@
1
- export { C as Curve } from '../_shared/esm/Curve-d8679dde.js';
2
- import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
3
- import '../_shared/esm/index-2e73c2e9.js';
4
- import 'react';
5
- import '../_shared/esm/suffix-modifier-3d548e45.js';
@@ -1,7 +0,0 @@
1
- {
2
- "name": "@arc-ui/curve",
3
- "types": "../types/components/Curve/index.d.ts",
4
- "main": "./Curve.cjs.js",
5
- "module": "./Curve.esm.js",
6
- "private": true
7
- }
@@ -1,34 +0,0 @@
1
- 'use strict';
2
-
3
- var React = require('react');
4
-
5
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
6
-
7
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
8
-
9
- const BtIconAlert = (props) =>
10
- /*#__PURE__*/ React__default["default"].createElement(
11
- "svg",
12
- Object.assign(
13
- {
14
- xmlns: "http://www.w3.org/2000/svg",
15
- viewBox: "0 0 32 32",
16
- },
17
- props,
18
- ),
19
- /*#__PURE__*/ React__default["default"].createElement("defs", null),
20
- /*#__PURE__*/ React__default["default"].createElement("path", {
21
- 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",
22
- fill: "currentColor",
23
- }),
24
- /*#__PURE__*/ React__default["default"].createElement("path", {
25
- fill: "currentColor",
26
- d: "M16 20.99335A1 1 0 1 0 16 22.99335 1 1 0 1 0 16 20.99335z",
27
- }),
28
- /*#__PURE__*/ React__default["default"].createElement("path", {
29
- 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",
30
- fill: "currentColor",
31
- }),
32
- );
33
-
34
- exports.BtIconAlert = BtIconAlert;
@@ -1,26 +0,0 @@
1
- 'use strict';
2
-
3
- var React = require('react');
4
-
5
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
6
-
7
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
8
-
9
- const BtIconChevronDown2Px = (props) =>
10
- /*#__PURE__*/ React__default["default"].createElement(
11
- "svg",
12
- Object.assign(
13
- {
14
- xmlns: "http://www.w3.org/2000/svg",
15
- viewBox: "0 0 32 32",
16
- },
17
- props,
18
- ),
19
- /*#__PURE__*/ React__default["default"].createElement("defs", null),
20
- /*#__PURE__*/ React__default["default"].createElement("path", {
21
- 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",
22
- fill: "currentColor",
23
- }),
24
- );
25
-
26
- exports.BtIconChevronDown2Px = BtIconChevronDown2Px;
@@ -1,28 +0,0 @@
1
- 'use strict';
2
-
3
- var React = require('react');
4
-
5
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
6
-
7
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
8
-
9
- const BtIconChevronLeftMid = (props) =>
10
- /*#__PURE__*/ React__default["default"].createElement(
11
- "svg",
12
- Object.assign(
13
- {
14
- viewBox: "0 0 16 16",
15
- fill: "none",
16
- xmlns: "http://www.w3.org/2000/svg",
17
- },
18
- props,
19
- ),
20
- /*#__PURE__*/ React__default["default"].createElement("path", {
21
- fillRule: "evenodd",
22
- clipRule: "evenodd",
23
- 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",
24
- fill: "currentColor",
25
- }),
26
- );
27
-
28
- exports.BtIconChevronLeftMid = BtIconChevronLeftMid;
@@ -1,44 +0,0 @@
1
- 'use strict';
2
-
3
- var React = require('react');
4
-
5
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
6
-
7
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
8
-
9
- const BtIconChevronLeft2Px = (props) =>
10
- /*#__PURE__*/ React__default["default"].createElement(
11
- "svg",
12
- Object.assign(
13
- {
14
- xmlns: "http://www.w3.org/2000/svg",
15
- viewBox: "0 0 32 32",
16
- },
17
- props,
18
- ),
19
- /*#__PURE__*/ React__default["default"].createElement("defs", null),
20
- /*#__PURE__*/ React__default["default"].createElement("path", {
21
- 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",
22
- fill: "currentColor",
23
- }),
24
- );
25
-
26
- const BtIconChevronRight2Px = (props) =>
27
- /*#__PURE__*/ React__default["default"].createElement(
28
- "svg",
29
- Object.assign(
30
- {
31
- xmlns: "http://www.w3.org/2000/svg",
32
- viewBox: "0 0 32 32",
33
- },
34
- props,
35
- ),
36
- /*#__PURE__*/ React__default["default"].createElement("defs", null),
37
- /*#__PURE__*/ React__default["default"].createElement("path", {
38
- 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",
39
- fill: "currentColor",
40
- }),
41
- );
42
-
43
- exports.BtIconChevronLeft2Px = BtIconChevronLeft2Px;
44
- exports.BtIconChevronRight2Px = BtIconChevronRight2Px;
@@ -1,28 +0,0 @@
1
- 'use strict';
2
-
3
- var React = require('react');
4
-
5
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
6
-
7
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
8
-
9
- const BtIconChevronRightMid = (props) =>
10
- /*#__PURE__*/ React__default["default"].createElement(
11
- "svg",
12
- Object.assign(
13
- {
14
- viewBox: "0 0 16 16",
15
- fill: "none",
16
- xmlns: "http://www.w3.org/2000/svg",
17
- },
18
- props,
19
- ),
20
- /*#__PURE__*/ React__default["default"].createElement("path", {
21
- fillRule: "evenodd",
22
- clipRule: "evenodd",
23
- 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",
24
- fill: "currentColor",
25
- }),
26
- );
27
-
28
- exports.BtIconChevronRightMid = BtIconChevronRightMid;
@@ -1,26 +0,0 @@
1
- 'use strict';
2
-
3
- var React = require('react');
4
-
5
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
6
-
7
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
8
-
9
- const BtIconCrossAlt2Px = (props) =>
10
- /*#__PURE__*/ React__default["default"].createElement(
11
- "svg",
12
- Object.assign(
13
- {
14
- xmlns: "http://www.w3.org/2000/svg",
15
- viewBox: "0 0 32 32",
16
- },
17
- props,
18
- ),
19
- /*#__PURE__*/ React__default["default"].createElement("defs", null),
20
- /*#__PURE__*/ React__default["default"].createElement("path", {
21
- 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",
22
- fill: "currentColor",
23
- }),
24
- );
25
-
26
- exports.BtIconCrossAlt2Px = BtIconCrossAlt2Px;
@@ -1,80 +0,0 @@
1
- 'use strict';
2
-
3
- var React = require('react');
4
-
5
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
6
-
7
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
8
-
9
- const BtIconNotification = (props) =>
10
- /*#__PURE__*/ React__default["default"].createElement(
11
- "svg",
12
- Object.assign(
13
- {
14
- xmlns: "http://www.w3.org/2000/svg",
15
- viewBox: "0 0 32 32",
16
- },
17
- props,
18
- ),
19
- /*#__PURE__*/ React__default["default"].createElement("defs", null),
20
- /*#__PURE__*/ React__default["default"].createElement("path", {
21
- 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",
22
- fill: "currentColor",
23
- }),
24
- );
25
-
26
- const BtIconAlertTriangle = (props) =>
27
- /*#__PURE__*/ React__default["default"].createElement(
28
- "svg",
29
- Object.assign(
30
- {
31
- xmlns: "http://www.w3.org/2000/svg",
32
- viewBox: "0 0 32 32",
33
- },
34
- props,
35
- ),
36
- /*#__PURE__*/ React__default["default"].createElement("defs", null),
37
- /*#__PURE__*/ React__default["default"].createElement("path", {
38
- fill: "currentColor",
39
- d: "M16 21.99335A1 1 0 1 0 16 23.99335 1 1 0 1 0 16 21.99335z",
40
- }),
41
- /*#__PURE__*/ React__default["default"].createElement("path", {
42
- 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",
43
- fill: "currentColor",
44
- }),
45
- /*#__PURE__*/ React__default["default"].createElement("path", {
46
- 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",
47
- fill: "currentColor",
48
- }),
49
- );
50
-
51
- const BtIconTick = (props) =>
52
- /*#__PURE__*/ React__default["default"].createElement(
53
- "svg",
54
- Object.assign(
55
- {
56
- xmlns: "http://www.w3.org/2000/svg",
57
- viewBox: "0 0 32 32",
58
- },
59
- props,
60
- ),
61
- /*#__PURE__*/ React__default["default"].createElement("defs", null),
62
- /*#__PURE__*/ React__default["default"].createElement(
63
- "g",
64
- {
65
- "data-name": "Icons",
66
- },
67
- /*#__PURE__*/ React__default["default"].createElement("path", {
68
- 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",
69
- fill: "currentColor",
70
- }),
71
- /*#__PURE__*/ React__default["default"].createElement("path", {
72
- 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",
73
- fill: "currentColor",
74
- }),
75
- ),
76
- );
77
-
78
- exports.BtIconAlertTriangle = BtIconAlertTriangle;
79
- exports.BtIconNotification = BtIconNotification;
80
- exports.BtIconTick = BtIconTick;
@@ -1,26 +0,0 @@
1
- 'use strict';
2
-
3
- var React = require('react');
4
-
5
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
6
-
7
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
8
-
9
- const BtIconTickAlt2Px = (props) =>
10
- /*#__PURE__*/ React__default["default"].createElement(
11
- "svg",
12
- Object.assign(
13
- {
14
- xmlns: "http://www.w3.org/2000/svg",
15
- viewBox: "0 0 32 32",
16
- },
17
- props,
18
- ),
19
- /*#__PURE__*/ React__default["default"].createElement("defs", null),
20
- /*#__PURE__*/ React__default["default"].createElement("path", {
21
- 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",
22
- fill: "currentColor",
23
- }),
24
- );
25
-
26
- exports.BtIconTickAlt2Px = BtIconTickAlt2Px;
@@ -1,33 +0,0 @@
1
- 'use strict';
2
-
3
- var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
4
- var index = require('./index-9947ac13.js');
5
- var React = require('react');
6
- var suffixModifier = require('./suffix-modifier-64dcd338.js');
7
-
8
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
9
-
10
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
11
-
12
- /**
13
- #### Deprecation Notice
14
-
15
- The `Curve` component is an outdated brand feature and is being deprecated from Arc as a standalone component or sub-component within other components. Do not use Curve for any new work, and prepare to update any design that features it to remove it.
16
-
17
- `Curve` will be removed from Arc in a subsequent release
18
- */
19
- var Curve = function (_a) {
20
- var _b;
21
- var bottomColor = _a.bottomColor, _c = _a.from, from = _c === void 0 ? "top" : _c, _d = _a.isInverted, isInverted = _d === void 0 ? false : _d, _e = _a.size, size = _e === void 0 ? "m" : _e, topColor = _a.topColor, props = filterDataAttrs.__rest(_a, ["bottomColor", "from", "isInverted", "size", "topColor"]);
22
- return (React__default["default"].createElement("div", filterDataAttrs.__assign({ className: index.classNames((_b = {
23
- "arc-Curve": true
24
- },
25
- _b[suffixModifier.suffixModifier("arc-Curve--from", from)] = from && from !== "top",
26
- _b["arc-Curve--size".concat(size && size.toUpperCase())] = size && size !== "m",
27
- _b[suffixModifier.suffixModifier("arc-Curve--bottomColor", bottomColor || "")] = bottomColor,
28
- _b[suffixModifier.suffixModifier("arc-Curve--topColor", topColor || "")] = topColor,
29
- _b["arc-Curve--inverted"] = isInverted,
30
- _b)) }, filterDataAttrs.filterDataAttrs(props))));
31
- };
32
-
33
- exports.Curve = Curve;
@@ -1,28 +0,0 @@
1
- import React__default from 'react';
2
-
3
- const BtIconAlert = (props) =>
4
- /*#__PURE__*/ React__default.createElement(
5
- "svg",
6
- Object.assign(
7
- {
8
- xmlns: "http://www.w3.org/2000/svg",
9
- viewBox: "0 0 32 32",
10
- },
11
- props,
12
- ),
13
- /*#__PURE__*/ React__default.createElement("defs", null),
14
- /*#__PURE__*/ React__default.createElement("path", {
15
- 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",
16
- fill: "currentColor",
17
- }),
18
- /*#__PURE__*/ React__default.createElement("path", {
19
- fill: "currentColor",
20
- d: "M16 20.99335A1 1 0 1 0 16 22.99335 1 1 0 1 0 16 20.99335z",
21
- }),
22
- /*#__PURE__*/ React__default.createElement("path", {
23
- 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",
24
- fill: "currentColor",
25
- }),
26
- );
27
-
28
- export { BtIconAlert as B };
@@ -1,20 +0,0 @@
1
- import React__default from 'react';
2
-
3
- const BtIconChevronDown2Px = (props) =>
4
- /*#__PURE__*/ React__default.createElement(
5
- "svg",
6
- Object.assign(
7
- {
8
- xmlns: "http://www.w3.org/2000/svg",
9
- viewBox: "0 0 32 32",
10
- },
11
- props,
12
- ),
13
- /*#__PURE__*/ React__default.createElement("defs", null),
14
- /*#__PURE__*/ React__default.createElement("path", {
15
- 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",
16
- fill: "currentColor",
17
- }),
18
- );
19
-
20
- export { BtIconChevronDown2Px as B };
@@ -1,22 +0,0 @@
1
- import React__default from 'react';
2
-
3
- const BtIconChevronLeftMid = (props) =>
4
- /*#__PURE__*/ React__default.createElement(
5
- "svg",
6
- Object.assign(
7
- {
8
- viewBox: "0 0 16 16",
9
- fill: "none",
10
- xmlns: "http://www.w3.org/2000/svg",
11
- },
12
- props,
13
- ),
14
- /*#__PURE__*/ React__default.createElement("path", {
15
- fillRule: "evenodd",
16
- clipRule: "evenodd",
17
- 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",
18
- fill: "currentColor",
19
- }),
20
- );
21
-
22
- export { BtIconChevronLeftMid as B };