@arc-ui/components 11.10.0 → 11.12.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 (163) hide show
  1. package/dist/Alert/Alert.cjs.js +8 -8
  2. package/dist/Alert/Alert.esm.js +8 -8
  3. package/dist/Badge/Badge.cjs.js +2 -2
  4. package/dist/Badge/Badge.esm.js +2 -2
  5. package/dist/Box/Box.cjs.js +1 -1
  6. package/dist/Box/Box.esm.js +1 -1
  7. package/dist/BrandLogo/BrandLogo.cjs.js +2 -2
  8. package/dist/BrandLogo/BrandLogo.esm.js +2 -2
  9. package/dist/Breadcrumbs/Breadcrumbs.cjs.js +4 -4
  10. package/dist/Breadcrumbs/Breadcrumbs.esm.js +4 -4
  11. package/dist/Button/Button.cjs.js +5 -5
  12. package/dist/Button/Button.esm.js +5 -5
  13. package/dist/Card/Card.cjs.js +5 -5
  14. package/dist/Card/Card.esm.js +5 -5
  15. package/dist/Checkbox/Checkbox.cjs.js +8 -8
  16. package/dist/Checkbox/Checkbox.esm.js +8 -8
  17. package/dist/Disclosure/Disclosure.cjs.js +3 -3
  18. package/dist/Disclosure/Disclosure.esm.js +3 -3
  19. package/dist/DisclosureMini/DisclosureMini.cjs.js +4 -4
  20. package/dist/DisclosureMini/DisclosureMini.esm.js +4 -4
  21. package/dist/Filter/Filter.cjs.js +2 -2
  22. package/dist/Filter/Filter.esm.js +2 -2
  23. package/dist/FormControl/FormControl.cjs.js +6 -6
  24. package/dist/FormControl/FormControl.esm.js +6 -6
  25. package/dist/Group/Group.cjs.js +2 -2
  26. package/dist/Group/Group.esm.js +2 -2
  27. package/dist/Heading/Heading.cjs.js +2 -2
  28. package/dist/Heading/Heading.esm.js +2 -2
  29. package/dist/Icon/Icon.cjs.js +2 -2
  30. package/dist/Icon/Icon.esm.js +2 -2
  31. package/dist/Markup/Markup.cjs.js +1 -1
  32. package/dist/Markup/Markup.esm.js +1 -1
  33. package/dist/Modal/Modal.cjs.js +8 -8
  34. package/dist/Modal/Modal.esm.js +8 -8
  35. package/dist/Pagination/Pagination.cjs.js +6 -6
  36. package/dist/Pagination/Pagination.esm.js +6 -6
  37. package/dist/PaginationSimple/PaginationSimple.cjs.js +4 -4
  38. package/dist/PaginationSimple/PaginationSimple.esm.js +4 -4
  39. package/dist/Poster/Poster.cjs.js +2 -2
  40. package/dist/Poster/Poster.esm.js +2 -2
  41. package/dist/ProgressBar/ProgressBar.cjs.js +14 -16
  42. package/dist/ProgressBar/ProgressBar.esm.js +14 -16
  43. package/dist/ProgressStepper/ProgressStepper.cjs.js +4 -4
  44. package/dist/ProgressStepper/ProgressStepper.esm.js +4 -4
  45. package/dist/RadioGroup/RadioGroup.cjs.js +7 -7
  46. package/dist/RadioGroup/RadioGroup.esm.js +7 -7
  47. package/dist/Rule/Rule.cjs.js +1 -1
  48. package/dist/Rule/Rule.esm.js +1 -1
  49. package/dist/ScrollToTop/ScrollToTop.cjs.js +8 -9
  50. package/dist/ScrollToTop/ScrollToTop.esm.js +8 -9
  51. package/dist/Select/Select.cjs.js +35 -23
  52. package/dist/Select/Select.esm.js +35 -23
  53. package/dist/SiteFooter/SiteFooter.cjs.js +4 -4
  54. package/dist/SiteFooter/SiteFooter.esm.js +5 -5
  55. package/dist/SiteHeader/SiteHeader.cjs.js +10 -10
  56. package/dist/SiteHeader/SiteHeader.esm.js +10 -10
  57. package/dist/Surface/Surface.cjs.js +1 -1
  58. package/dist/Surface/Surface.esm.js +1 -1
  59. package/dist/Switch/Switch.cjs.js +8 -8
  60. package/dist/Switch/Switch.esm.js +8 -8
  61. package/dist/Tabs/Tabs.cjs.js +3 -3
  62. package/dist/Tabs/Tabs.esm.js +3 -3
  63. package/dist/Tag/Tag.cjs.js +16 -19
  64. package/dist/Tag/Tag.esm.js +16 -19
  65. package/dist/Text/Text.cjs.js +2 -2
  66. package/dist/Text/Text.esm.js +2 -2
  67. package/dist/TextArea/TextArea.cjs.js +31 -32
  68. package/dist/TextArea/TextArea.esm.js +31 -32
  69. package/dist/TextInput/TextInput.cjs.js +7 -7
  70. package/dist/TextInput/TextInput.esm.js +7 -7
  71. package/dist/Toast/Toast.cjs.js +6 -6
  72. package/dist/Toast/Toast.esm.js +6 -6
  73. package/dist/UniversalHeader/UniversalHeader.cjs.js +2 -2
  74. package/dist/UniversalHeader/UniversalHeader.esm.js +2 -2
  75. package/dist/_shared/cjs/{BrandLogo-f001e0c0.js → BrandLogo-aea340c8.js} +1 -1
  76. package/dist/_shared/cjs/{Breadcrumbs-9aa1d18b.js → Breadcrumbs-ed70e75a.js} +3 -3
  77. package/dist/_shared/cjs/{BtIconAlert.esm-e62a75b7.js → BtIconAlert.esm-1a0ff9f0.js} +9 -11
  78. package/dist/_shared/cjs/{BtIconChevronDown2Px.esm-c6f8ced2.js → BtIconChevronDown2Px.esm-39030ee0.js} +6 -7
  79. package/dist/_shared/cjs/BtIconChevronLeftMid.esm-0aaa6770.js +28 -0
  80. package/dist/_shared/cjs/{BtIconChevronRight2Px.esm-3c438341.js → BtIconChevronRight2Px.esm-dbf8cbee.js} +12 -14
  81. package/dist/_shared/cjs/BtIconChevronRightMid.esm-d01ebbd4.js +28 -0
  82. package/dist/_shared/cjs/{BtIconCrossAlt2Px.esm-c002bf55.js → BtIconCrossAlt2Px.esm-1452b14b.js} +6 -7
  83. package/dist/_shared/cjs/BtIconTick.esm-844eac6c.js +80 -0
  84. package/dist/_shared/cjs/{BtIconTickAlt2Px.esm-4862184c.js → BtIconTickAlt2Px.esm-57c89acc.js} +6 -7
  85. package/dist/_shared/cjs/{Button-c22c9787.js → Button-4fed080a.js} +6 -5
  86. package/dist/_shared/cjs/{Card-55a1c129.js → Card-17dcc171.js} +4 -4
  87. package/dist/_shared/cjs/{Checkbox-7ce718e7.js → Checkbox-b126194e.js} +4 -4
  88. package/dist/_shared/cjs/{DisclosureMini-c666cc4d.js → DisclosureMini-d0eeb6bb.js} +3 -3
  89. package/dist/_shared/cjs/{Filter-22b8b171.js → Filter-1bde635c.js} +1 -1
  90. package/dist/_shared/cjs/{FormControl-5541ac3a.js → FormControl-7daf8110.js} +4 -4
  91. package/dist/_shared/cjs/{Group-143a4578.js → Group-0429741a.js} +1 -1
  92. package/dist/_shared/cjs/{Heading-ba2f74ad.js → Heading-27cba320.js} +1 -1
  93. package/dist/_shared/cjs/{Icon-cf30e736.js → Icon-a9801f05.js} +6 -6
  94. package/dist/_shared/cjs/{Poster-62e2ba67.js → Poster-9b48fd61.js} +1 -1
  95. package/dist/_shared/cjs/{ProgressStepper-92668367.js → ProgressStepper-9cdc0afe.js} +21 -24
  96. package/dist/_shared/cjs/{RadioGroup-66c1e882.js → RadioGroup-56e3b0e5.js} +2 -2
  97. package/dist/_shared/cjs/{SiteFooter-d3babe07.js → SiteFooter-6381ac4a.js} +3 -3
  98. package/dist/_shared/cjs/{SiteHeader.rehydrator-b7284004.js → SiteHeader.rehydrator-a3f07c9e.js} +9 -9
  99. package/dist/_shared/cjs/{Surface-80c0909a.js → Surface-038db6e1.js} +2 -3
  100. package/dist/_shared/cjs/{Tabs-65e7af8a.js → Tabs-2d2a517d.js} +14 -16
  101. package/dist/_shared/cjs/{Text-76b7fea1.js → Text-606ca3a2.js} +1 -1
  102. package/dist/_shared/cjs/{TextInput-5bee337d.js → TextInput-bf1fe052.js} +13 -10
  103. package/dist/_shared/cjs/{Toast-874d9be4.js → Toast-69108261.js} +4 -4
  104. package/dist/_shared/cjs/{UniversalHeader-f5a225b6.js → UniversalHeader-5e43d320.js} +1 -1
  105. package/dist/_shared/esm/{BrandLogo-51fc6f15.js → BrandLogo-1af78f76.js} +1 -1
  106. package/dist/_shared/esm/{Breadcrumbs-50d0f406.js → Breadcrumbs-87e2bd46.js} +3 -3
  107. package/dist/_shared/esm/{BtIconAlert.esm-09346130.js → BtIconAlert.esm-a4608d47.js} +9 -11
  108. package/dist/_shared/esm/{BtIconChevronDown2Px.esm-345d78fe.js → BtIconChevronDown2Px.esm-217276c2.js} +6 -7
  109. package/dist/_shared/esm/BtIconChevronLeftMid.esm-1ed8330b.js +22 -0
  110. package/dist/_shared/esm/{BtIconChevronRight2Px.esm-2c693ef3.js → BtIconChevronRight2Px.esm-75e92636.js} +12 -14
  111. package/dist/_shared/esm/BtIconChevronRightMid.esm-32268f1a.js +22 -0
  112. package/dist/_shared/esm/BtIconCrossAlt2Px.esm-7165ab1a.js +20 -0
  113. package/dist/_shared/esm/BtIconTick.esm-e265098f.js +72 -0
  114. package/dist/_shared/esm/{BtIconTickAlt2Px.esm-ce22224b.js → BtIconTickAlt2Px.esm-0bc2ded0.js} +6 -7
  115. package/dist/_shared/esm/{Button-67f68b14.js → Button-a453e8e4.js} +6 -5
  116. package/dist/_shared/esm/{Card-bf0c3b0b.js → Card-201e9f28.js} +4 -4
  117. package/dist/_shared/esm/{Checkbox-50e2d4ab.js → Checkbox-d6ec5024.js} +4 -4
  118. package/dist/_shared/esm/{DisclosureMini-376c013c.js → DisclosureMini-ec17b008.js} +3 -3
  119. package/dist/_shared/esm/{Filter-f7ac126b.js → Filter-58a42358.js} +1 -1
  120. package/dist/_shared/esm/{FormControl-aad4288c.js → FormControl-351e5f1b.js} +4 -4
  121. package/dist/_shared/esm/{Group-0129c979.js → Group-73fdb896.js} +1 -1
  122. package/dist/_shared/esm/{Heading-8bb7b7c0.js → Heading-d16e0e53.js} +1 -1
  123. package/dist/_shared/esm/{Icon-3bfabb14.js → Icon-abd0d990.js} +6 -6
  124. package/dist/_shared/esm/{Poster-046b0f77.js → Poster-4ec2f679.js} +1 -1
  125. package/dist/_shared/esm/{ProgressStepper-3ffbdb73.js → ProgressStepper-f51f86c3.js} +21 -24
  126. package/dist/_shared/esm/{RadioGroup-1273a716.js → RadioGroup-c838764c.js} +2 -2
  127. package/dist/_shared/esm/{SiteFooter-60d1b216.js → SiteFooter-233bb926.js} +3 -3
  128. package/dist/_shared/esm/{SiteHeader.rehydrator-029f568e.js → SiteHeader.rehydrator-8f554bfd.js} +9 -9
  129. package/dist/_shared/esm/{Surface-c6e817cd.js → Surface-0ca6817d.js} +2 -3
  130. package/dist/_shared/esm/{Tabs-ec960828.js → Tabs-f903187a.js} +14 -16
  131. package/dist/_shared/esm/{Text-a3720712.js → Text-14f586ac.js} +1 -1
  132. package/dist/_shared/esm/{TextInput-732f0b51.js → TextInput-991804b6.js} +13 -10
  133. package/dist/_shared/esm/{Toast-b81384a4.js → Toast-37549e68.js} +4 -4
  134. package/dist/_shared/esm/{UniversalHeader-354a1867.js → UniversalHeader-b4c1577c.js} +1 -1
  135. package/dist/index.es.js +190 -201
  136. package/dist/index.es.js.map +1 -1
  137. package/dist/index.js +190 -201
  138. package/dist/index.js.map +1 -1
  139. package/dist/styles.css +4 -4
  140. package/dist/types/components/Alert/Alert.d.ts +2 -2
  141. package/dist/types/components/Box/index.d.ts +1 -1
  142. package/dist/types/components/BrandLogo/BrandLogo.d.ts +2 -2
  143. package/dist/types/components/Button/Button.d.ts +4 -0
  144. package/dist/types/components/Columns/index.d.ts +1 -1
  145. package/dist/types/components/Curve/Curve.d.ts +4 -4
  146. package/dist/types/components/Icon/Icon.d.ts +1 -1
  147. package/dist/types/components/Image/Image.d.ts +4 -4
  148. package/dist/types/components/MediaCard/MediaCard.d.ts +1 -1
  149. package/dist/types/components/Poster/PosterImage.d.ts +2 -2
  150. package/dist/types/components/Poster/PosterVideo.d.ts +1 -1
  151. package/dist/types/components/Select/Select.d.ts +1 -0
  152. package/dist/types/components/SiteHeader/SiteHeader.d.ts +1 -1
  153. package/dist/types/components/Surface/index.d.ts +1 -1
  154. package/dist/types/components/TextInput/TextInput.d.ts +4 -0
  155. package/dist/types/hooks/use-aria-describedby.d.ts +1 -1
  156. package/package.json +8 -7
  157. package/dist/_shared/cjs/BtIconChevronLeftMid.esm-7c2fc822.js +0 -29
  158. package/dist/_shared/cjs/BtIconChevronRightMid.esm-cce080c8.js +0 -29
  159. package/dist/_shared/cjs/BtIconTick.esm-613dfd8a.js +0 -85
  160. package/dist/_shared/esm/BtIconChevronLeftMid.esm-e69276cb.js +0 -23
  161. package/dist/_shared/esm/BtIconChevronRightMid.esm-24809a93.js +0 -23
  162. package/dist/_shared/esm/BtIconCrossAlt2Px.esm-425a6beb.js +0 -21
  163. package/dist/_shared/esm/BtIconTick.esm-673282f5.js +0 -77
@@ -1,39 +1,37 @@
1
1
  import React__default from 'react';
2
2
 
3
- const BtIconChevronLeft2Px = props =>
3
+ const BtIconChevronLeft2Px = (props) =>
4
4
  /*#__PURE__*/ React__default.createElement(
5
5
  "svg",
6
6
  Object.assign(
7
7
  {
8
8
  xmlns: "http://www.w3.org/2000/svg",
9
- viewBox: "0 0 32 32"
9
+ viewBox: "0 0 32 32",
10
10
  },
11
- props
11
+ props,
12
12
  ),
13
13
  /*#__PURE__*/ React__default.createElement("defs", null),
14
14
  /*#__PURE__*/ React__default.createElement("path", {
15
- d:
16
- "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",
17
- fill: "currentColor"
18
- })
15
+ 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",
16
+ fill: "currentColor",
17
+ }),
19
18
  );
20
19
 
21
- const BtIconChevronRight2Px = props =>
20
+ const BtIconChevronRight2Px = (props) =>
22
21
  /*#__PURE__*/ React__default.createElement(
23
22
  "svg",
24
23
  Object.assign(
25
24
  {
26
25
  xmlns: "http://www.w3.org/2000/svg",
27
- viewBox: "0 0 32 32"
26
+ viewBox: "0 0 32 32",
28
27
  },
29
- props
28
+ props,
30
29
  ),
31
30
  /*#__PURE__*/ React__default.createElement("defs", null),
32
31
  /*#__PURE__*/ React__default.createElement("path", {
33
- d:
34
- "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",
35
- fill: "currentColor"
36
- })
32
+ 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",
33
+ fill: "currentColor",
34
+ }),
37
35
  );
38
36
 
39
37
  export { BtIconChevronLeft2Px as B, BtIconChevronRight2Px as a };
@@ -0,0 +1,22 @@
1
+ import React__default from 'react';
2
+
3
+ const BtIconChevronRightMid = (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: "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",
18
+ fill: "currentColor",
19
+ }),
20
+ );
21
+
22
+ export { BtIconChevronRightMid as B };
@@ -0,0 +1,20 @@
1
+ import React__default from 'react';
2
+
3
+ const BtIconCrossAlt2Px = (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: "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",
16
+ fill: "currentColor",
17
+ }),
18
+ );
19
+
20
+ export { BtIconCrossAlt2Px as B };
@@ -0,0 +1,72 @@
1
+ import React__default from 'react';
2
+
3
+ const BtIconNotification = (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: "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",
16
+ fill: "currentColor",
17
+ }),
18
+ );
19
+
20
+ const BtIconAlertTriangle = (props) =>
21
+ /*#__PURE__*/ React__default.createElement(
22
+ "svg",
23
+ Object.assign(
24
+ {
25
+ xmlns: "http://www.w3.org/2000/svg",
26
+ viewBox: "0 0 32 32",
27
+ },
28
+ props,
29
+ ),
30
+ /*#__PURE__*/ React__default.createElement("defs", null),
31
+ /*#__PURE__*/ React__default.createElement("path", {
32
+ fill: "currentColor",
33
+ d: "M16 21.99335A1 1 0 1 0 16 23.99335 1 1 0 1 0 16 21.99335z",
34
+ }),
35
+ /*#__PURE__*/ React__default.createElement("path", {
36
+ 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",
37
+ fill: "currentColor",
38
+ }),
39
+ /*#__PURE__*/ React__default.createElement("path", {
40
+ 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",
41
+ fill: "currentColor",
42
+ }),
43
+ );
44
+
45
+ const BtIconTick = (props) =>
46
+ /*#__PURE__*/ React__default.createElement(
47
+ "svg",
48
+ Object.assign(
49
+ {
50
+ xmlns: "http://www.w3.org/2000/svg",
51
+ viewBox: "0 0 32 32",
52
+ },
53
+ props,
54
+ ),
55
+ /*#__PURE__*/ React__default.createElement("defs", null),
56
+ /*#__PURE__*/ React__default.createElement(
57
+ "g",
58
+ {
59
+ "data-name": "Icons",
60
+ },
61
+ /*#__PURE__*/ React__default.createElement("path", {
62
+ 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",
63
+ fill: "currentColor",
64
+ }),
65
+ /*#__PURE__*/ React__default.createElement("path", {
66
+ 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",
67
+ fill: "currentColor",
68
+ }),
69
+ ),
70
+ );
71
+
72
+ export { BtIconNotification as B, BtIconAlertTriangle as a, BtIconTick as b };
@@ -1,21 +1,20 @@
1
1
  import React__default from 'react';
2
2
 
3
- const BtIconTickAlt2Px = props =>
3
+ const BtIconTickAlt2Px = (props) =>
4
4
  /*#__PURE__*/ React__default.createElement(
5
5
  "svg",
6
6
  Object.assign(
7
7
  {
8
8
  xmlns: "http://www.w3.org/2000/svg",
9
- viewBox: "0 0 32 32"
9
+ viewBox: "0 0 32 32",
10
10
  },
11
- props
11
+ props,
12
12
  ),
13
13
  /*#__PURE__*/ React__default.createElement("defs", null),
14
14
  /*#__PURE__*/ React__default.createElement("path", {
15
- d:
16
- "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",
17
- fill: "currentColor"
18
- })
15
+ 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",
16
+ fill: "currentColor",
17
+ }),
19
18
  );
20
19
 
21
20
  export { BtIconTickAlt2Px as B };
@@ -1,18 +1,18 @@
1
1
  import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-attrs-ea8f4ed4.js';
2
- import { B as BtIconChevronLeftMid } from './BtIconChevronLeftMid.esm-e69276cb.js';
3
- import { B as BtIconChevronRightMid } from './BtIconChevronRightMid.esm-24809a93.js';
2
+ import { B as BtIconChevronLeftMid } from './BtIconChevronLeftMid.esm-1ed8330b.js';
3
+ import { B as BtIconChevronRightMid } from './BtIconChevronRightMid.esm-32268f1a.js';
4
4
  import { c as classNames } from './index-2e73c2e9.js';
5
5
  import React__default, { forwardRef, useContext } from 'react';
6
6
  import { s as suffixModifier } from './suffix-modifier-3d548e45.js';
7
- import { I as Icon } from './Icon-3bfabb14.js';
8
- import { C as Context } from './Surface-c6e817cd.js';
7
+ import { I as Icon } from './Icon-abd0d990.js';
8
+ import { C as Context } from './Surface-0ca6817d.js';
9
9
 
10
10
  /**
11
11
  * Use `Button` to allow users to take actions with clicks and taps.
12
12
  */
13
13
  var Button = forwardRef(function (_a, ref) {
14
14
  var _b;
15
- var ariaLabel = _a.ariaLabel, _c = _a.fill, fill = _c === void 0 ? "solid" : _c, href = _a.href, icon = _a.icon, _d = _a.iconPosition, iconPosition = _d === void 0 ? "afterText" : _d, id = _a.id, _e = _a.isDisabled, isDisabled = _e === void 0 ? false : _e, _f = _a.isDisplayBlock, isDisplayBlock = _f === void 0 ? false : _f, _g = _a.isFullWidth, isFullWidth = _g === void 0 ? false : _g, label = _a.label, onClick = _a.onClick, rel = _a.rel, supportingText = _a.supportingText, target = _a.target, type = _a.type, form = _a.form, props = __rest(_a, ["ariaLabel", "fill", "href", "icon", "iconPosition", "id", "isDisabled", "isDisplayBlock", "isFullWidth", "label", "onClick", "rel", "supportingText", "target", "type", "form"]);
15
+ var ariaLabel = _a.ariaLabel, _c = _a.fill, fill = _c === void 0 ? "solid" : _c, href = _a.href, icon = _a.icon, _d = _a.iconPosition, iconPosition = _d === void 0 ? "afterText" : _d, id = _a.id, _e = _a.isDisabled, isDisabled = _e === void 0 ? false : _e, _f = _a.isDisplayBlock, isDisplayBlock = _f === void 0 ? false : _f, _g = _a.isFullWidth, isFullWidth = _g === void 0 ? false : _g, label = _a.label, onClick = _a.onClick, rel = _a.rel, _h = _a.size, size = _h === void 0 ? "m" : _h, supportingText = _a.supportingText, target = _a.target, type = _a.type, form = _a.form, props = __rest(_a, ["ariaLabel", "fill", "href", "icon", "iconPosition", "id", "isDisabled", "isDisplayBlock", "isFullWidth", "label", "onClick", "rel", "size", "supportingText", "target", "type", "form"]);
16
16
  var surface = useContext(Context).surface;
17
17
  var buttonClasses = classNames((_b = {
18
18
  "arc-Button": true,
@@ -25,6 +25,7 @@ var Button = forwardRef(function (_a, ref) {
25
25
  iconPosition !== "afterText",
26
26
  _b["arc-Button--hasSupportingText"] = supportingText,
27
27
  _b["arc-Button--onDarkSurface"] = surface === "dark",
28
+ _b["arc-Button--size".concat(size && size.toUpperCase())] = size && size !== "m",
28
29
  _b));
29
30
  var commonProps = __assign({ id: id, onClick: onClick, ref: ref }, filterDataAttrs(props));
30
31
  var buttonText = supportingText ? (React__default.createElement("span", null,
@@ -1,12 +1,12 @@
1
1
  import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-attrs-ea8f4ed4.js';
2
2
  import { c as classNames } from './index-2e73c2e9.js';
3
3
  import React__default, { useState, useEffect, useContext } from 'react';
4
- import { B as BtIconChevronRightMid } from './BtIconChevronRightMid.esm-24809a93.js';
5
- import { I as Icon } from './Icon-3bfabb14.js';
4
+ import { B as BtIconChevronRightMid } from './BtIconChevronRightMid.esm-32268f1a.js';
5
+ import { I as Icon } from './Icon-abd0d990.js';
6
6
  import { I as Image } from './Image-12fbd327.js';
7
- import { H as Heading } from './Heading-8bb7b7c0.js';
7
+ import { H as Heading } from './Heading-d16e0e53.js';
8
8
  import { s as suffixModifier } from './suffix-modifier-3d548e45.js';
9
- import { C as Context, S as Surface } from './Surface-c6e817cd.js';
9
+ import { C as Context, S as Surface } from './Surface-0ca6817d.js';
10
10
  import { h as handleLinkClick } from './handle-link-click-f64f55a2.js';
11
11
 
12
12
  /**
@@ -1,10 +1,10 @@
1
1
  import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-attrs-ea8f4ed4.js';
2
2
  import React__default, { forwardRef, useContext } from 'react';
3
- import { B as BtIconTickAlt2Px } from './BtIconTickAlt2Px.esm-ce22224b.js';
4
- import { B as BtIconAlert } from './BtIconAlert.esm-09346130.js';
3
+ import { B as BtIconTickAlt2Px } from './BtIconTickAlt2Px.esm-0bc2ded0.js';
4
+ import { B as BtIconAlert } from './BtIconAlert.esm-a4608d47.js';
5
5
  import { c as classNames } from './index-2e73c2e9.js';
6
- import { C as Context, u as useAriaDescribedby } from './FormControl-aad4288c.js';
7
- import { C as Context$1 } from './Surface-c6e817cd.js';
6
+ import { C as Context, u as useAriaDescribedby } from './FormControl-351e5f1b.js';
7
+ import { C as Context$1 } from './Surface-0ca6817d.js';
8
8
 
9
9
  /**
10
10
  * Use `Checkbox` to allow users to select individual options.
@@ -1,9 +1,9 @@
1
1
  import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-attrs-ea8f4ed4.js';
2
2
  import { c as classNames } from './index-2e73c2e9.js';
3
3
  import React__default, { useContext, useState } from 'react';
4
- import { B as BtIconChevronDown2Px } from './BtIconChevronDown2Px.esm-345d78fe.js';
5
- import { T as Text } from './Text-a3720712.js';
6
- import { C as Context } from './Surface-c6e817cd.js';
4
+ import { B as BtIconChevronDown2Px } from './BtIconChevronDown2Px.esm-217276c2.js';
5
+ import { T as Text } from './Text-14f586ac.js';
6
+ import { C as Context } from './Surface-0ca6817d.js';
7
7
 
8
8
  /**
9
9
  * Use `DisclosureMini` to display content that is only visible when toggled into
@@ -1,6 +1,6 @@
1
1
  import { _ as __rest, a as __assign, f as filterDataAttrs, b as __spreadArray } from './filter-data-attrs-ea8f4ed4.js';
2
2
  import React__default, { useContext, useState, useEffect } from 'react';
3
- import { C as Context } from './Surface-c6e817cd.js';
3
+ import { C as Context } from './Surface-0ca6817d.js';
4
4
  import { c as classNames } from './index-2e73c2e9.js';
5
5
 
6
6
  var FilterControl = function (_a) {
@@ -1,9 +1,9 @@
1
1
  import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-attrs-ea8f4ed4.js';
2
2
  import { c as classNames } from './index-2e73c2e9.js';
3
3
  import React__default, { createContext, useContext } from 'react';
4
- import { B as BtIconAlert } from './BtIconAlert.esm-09346130.js';
5
- import { C as Context$1 } from './Surface-c6e817cd.js';
6
- import { D as DisclosureMini } from './DisclosureMini-376c013c.js';
4
+ import { B as BtIconAlert } from './BtIconAlert.esm-a4608d47.js';
5
+ import { C as Context$1 } from './Surface-0ca6817d.js';
6
+ import { D as DisclosureMini } from './DisclosureMini-ec17b008.js';
7
7
 
8
8
  /**
9
9
  * Optionally define ariaDescribedBy if errorMessage or helper exist.
@@ -47,7 +47,7 @@ var FormControl = function (_a) {
47
47
  disclosureText: disclosureText,
48
48
  errorMessage: errorMessage,
49
49
  helper: helper,
50
- id: htmlFor || id // `htmlFor` is preference to keep this deterministic with TextInput
50
+ id: htmlFor || id
51
51
  }), ariaDescribedby = _f.ariaDescribedby, idError = _f.idError, idHelper = _f.idHelper, idDisclosure = _f.idDisclosure;
52
52
  var LabelType = ElementType === "div" ? "label" : "legend";
53
53
  var elementProps = {};
@@ -1,7 +1,7 @@
1
1
  import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-attrs-ea8f4ed4.js';
2
2
  import { c as classNames } from './index-2e73c2e9.js';
3
3
  import React__default, { useContext, useEffect } from 'react';
4
- import { C as Context } from './Surface-c6e817cd.js';
4
+ import { C as Context } from './Surface-0ca6817d.js';
5
5
 
6
6
  /**
7
7
  * Use `Group` to arrange flexible items in a row.
@@ -2,7 +2,7 @@ import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-
2
2
  import { c as classNames } from './index-2e73c2e9.js';
3
3
  import React__default, { useContext } from 'react';
4
4
  import { s as suffixModifier } from './suffix-modifier-3d548e45.js';
5
- import { C as Context } from './Surface-c6e817cd.js';
5
+ import { C as Context } from './Surface-0ca6817d.js';
6
6
 
7
7
  /**
8
8
  * Use `Heading` to display heading text.
@@ -2,23 +2,23 @@ import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-
2
2
  import React__default, { useContext } from 'react';
3
3
  import { c as classNames } from './index-2e73c2e9.js';
4
4
  import { s as suffixModifier } from './suffix-modifier-3d548e45.js';
5
- import { C as Context } from './Surface-c6e817cd.js';
5
+ import { C as Context } from './Surface-0ca6817d.js';
6
6
 
7
- const ArcIconArc = props =>
7
+ const ArcIconArc = (props) =>
8
8
  /*#__PURE__*/ React__default.createElement(
9
9
  "svg",
10
10
  Object.assign(
11
11
  {
12
12
  viewBox: "0 0 16 16",
13
- xmlns: "http://www.w3.org/2000/svg"
13
+ xmlns: "http://www.w3.org/2000/svg",
14
14
  },
15
- props
15
+ props,
16
16
  ),
17
17
  /*#__PURE__*/ React__default.createElement("path", {
18
18
  fill: "none",
19
19
  d: "M3.472 11.69a6.5 6.5 0 012.321-6.839A6.5 6.5 0 0113 4.38",
20
- stroke: "currentColor"
21
- })
20
+ stroke: "currentColor",
21
+ }),
22
22
  );
23
23
 
24
24
  /**
@@ -1,7 +1,7 @@
1
1
  import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-attrs-ea8f4ed4.js';
2
2
  import { c as classNames } from './index-2e73c2e9.js';
3
3
  import React__default from 'react';
4
- import { S as Surface } from './Surface-c6e817cd.js';
4
+ import { S as Surface } from './Surface-0ca6817d.js';
5
5
  import { I as Image } from './Image-12fbd327.js';
6
6
  import { s as suffixModifier } from './suffix-modifier-3d548e45.js';
7
7
 
@@ -1,66 +1,63 @@
1
1
  import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-attrs-ea8f4ed4.js';
2
2
  import React__default, { useContext } from 'react';
3
3
  import { c as classNames } from './index-2e73c2e9.js';
4
- import { B as BtIconAlert } from './BtIconAlert.esm-09346130.js';
5
- import { I as Icon } from './Icon-3bfabb14.js';
6
- import { C as Context } from './Surface-c6e817cd.js';
4
+ import { B as BtIconAlert } from './BtIconAlert.esm-a4608d47.js';
5
+ import { I as Icon } from './Icon-abd0d990.js';
6
+ import { C as Context } from './Surface-0ca6817d.js';
7
7
  import { V as VerticalSpace } from './VerticalSpace-43cd9138.js';
8
8
  import { V as VisuallyHidden } from './VisuallyHidden-b9eebf71.js';
9
9
 
10
- const BtIconTickVariant = props =>
10
+ const BtIconTickVariant = (props) =>
11
11
  /*#__PURE__*/ React__default.createElement(
12
12
  "svg",
13
13
  Object.assign(
14
14
  {
15
15
  xmlns: "http://www.w3.org/2000/svg",
16
- viewBox: "0 0 32 32"
16
+ viewBox: "0 0 32 32",
17
17
  },
18
- props
18
+ props,
19
19
  ),
20
20
  /*#__PURE__*/ React__default.createElement("defs", null),
21
21
  /*#__PURE__*/ React__default.createElement("path", {
22
- d:
23
- "M13.5,21.207,9.14648,16.85352a.5.5,0,0,1,.707-.707L13.5,19.793l8.64648-8.64649a.5.5,0,0,1,.707.707Z",
24
- fill: "currentColor"
25
- })
22
+ d: "M13.5,21.207,9.14648,16.85352a.5.5,0,0,1,.707-.707L13.5,19.793l8.64648-8.64649a.5.5,0,0,1,.707.707Z",
23
+ fill: "currentColor",
24
+ }),
26
25
  );
27
26
 
28
- const BtIconCrossAlt = props =>
27
+ const BtIconCrossAlt = (props) =>
29
28
  /*#__PURE__*/ React__default.createElement(
30
29
  "svg",
31
30
  Object.assign(
32
31
  {
33
32
  xmlns: "http://www.w3.org/2000/svg",
34
- viewBox: "0 0 32 32"
33
+ viewBox: "0 0 32 32",
35
34
  },
36
- props
35
+ props,
37
36
  ),
38
37
  /*#__PURE__*/ React__default.createElement("defs", null),
39
38
  /*#__PURE__*/ React__default.createElement("path", {
40
- d:
41
- "M16.70709,16.02l4.48236-4.49365a.4996.4996,0,1,0-.707-.70606l-4.481,4.49225-4.481-4.49225a.4996.4996,0,1,0-.707.70606L15.29584,16.02l-4.48236,4.49365a.4996.4996,0,1,0,.707.70606l4.481-4.49225,4.481,4.49225a.4996.4996,0,1,0,.707-.70606Z",
42
- fill: "currentColor"
43
- })
39
+ d: "M16.70709,16.02l4.48236-4.49365a.4996.4996,0,1,0-.707-.70606l-4.481,4.49225-4.481-4.49225a.4996.4996,0,1,0-.707.70606L15.29584,16.02l-4.48236,4.49365a.4996.4996,0,1,0,.707.70606l4.481-4.49225,4.481,4.49225a.4996.4996,0,1,0,.707-.70606Z",
40
+ fill: "currentColor",
41
+ }),
44
42
  );
45
43
 
46
- const BtIconCircle = props =>
44
+ const BtIconCircle = (props) =>
47
45
  /*#__PURE__*/ React__default.createElement(
48
46
  "svg",
49
47
  Object.assign(
50
48
  {
51
49
  viewBox: "0 0 32 32",
52
50
  fill: "none",
53
- xmlns: "http://www.w3.org/2000/svg"
51
+ xmlns: "http://www.w3.org/2000/svg",
54
52
  },
55
- props
53
+ props,
56
54
  ),
57
55
  /*#__PURE__*/ React__default.createElement("path", {
58
56
  fillRule: "evenodd",
59
57
  clipRule: "evenodd",
60
- d:
61
- "M9 16C9 19.87 12.13 23 16 23C19.87 23 23 19.87 23 16C23 12.13 19.87 9 16 9C12.13 9 9 12.13 9 16ZM16 7C11.03 7 7 11.03 7 16C7 20.97 11.03 25 16 25C20.97 25 25 20.97 25 16C25 11.03 20.97 7 16 7Z",
62
- fill: "currentColor"
63
- })
58
+ d: "M9 16C9 19.87 12.13 23 16 23C19.87 23 23 19.87 23 16C23 12.13 19.87 9 16 9C12.13 9 9 12.13 9 16ZM16 7C11.03 7 7 11.03 7 16C7 20.97 11.03 25 16 25C20.97 25 25 20.97 25 16C25 11.03 20.97 7 16 7Z",
59
+ fill: "currentColor",
60
+ }),
64
61
  );
65
62
 
66
63
  var ProgressStepperItem = function (_a) {
@@ -1,8 +1,8 @@
1
1
  import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-attrs-ea8f4ed4.js';
2
2
  import React__default, { createContext, useContext, forwardRef, useEffect } from 'react';
3
- import { F as FormControl } from './FormControl-aad4288c.js';
3
+ import { F as FormControl } from './FormControl-351e5f1b.js';
4
4
  import { c as classNames } from './index-2e73c2e9.js';
5
- import { C as Context } from './Surface-c6e817cd.js';
5
+ import { C as Context } from './Surface-0ca6817d.js';
6
6
 
7
7
  var RadioContext = createContext({});
8
8
  var Provider = RadioContext.Provider;
@@ -1,11 +1,11 @@
1
1
  import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-attrs-ea8f4ed4.js';
2
2
  import { u as useMediaQuery, A as ArcBreakpointM } from './index.es-00cb3bcb.js';
3
- import { B as BtIconChevronDown2Px } from './BtIconChevronDown2Px.esm-345d78fe.js';
3
+ import { B as BtIconChevronDown2Px } from './BtIconChevronDown2Px.esm-217276c2.js';
4
4
  import React__default, { useEffect, Fragment } from 'react';
5
- import { B as BrandLogo } from './BrandLogo-51fc6f15.js';
5
+ import { B as BrandLogo } from './BrandLogo-1af78f76.js';
6
6
  import { C as Curve } from './Curve-d8679dde.js';
7
7
  import { S as Section } from './Section-73781b56.js';
8
- import { S as Surface } from './Surface-c6e817cd.js';
8
+ import { S as Surface } from './Surface-0ca6817d.js';
9
9
  import { h as handleLinkClick } from './handle-link-click-f64f55a2.js';
10
10
 
11
11
  /**
@@ -2,14 +2,14 @@ import { _ as __rest, a as __assign, f as filterDataAttrs, d as __awaiter, e as
2
2
  import React__default, { useState, useEffect, Fragment, useContext, useRef, createContext } from 'react';
3
3
  import { c as classNames } from './index-2e73c2e9.js';
4
4
  import { u as useMediaQuery, a as ArcBreakpointL } from './index.es-00cb3bcb.js';
5
- import { B as BtIconChevronDown2Px } from './BtIconChevronDown2Px.esm-345d78fe.js';
5
+ import { B as BtIconChevronDown2Px } from './BtIconChevronDown2Px.esm-217276c2.js';
6
6
  import { h as handleLinkClick } from './handle-link-click-f64f55a2.js';
7
- import { a as BtIconChevronRight2Px, B as BtIconChevronLeft2Px } from './BtIconChevronRight2Px.esm-2c693ef3.js';
8
- import { S as Surface } from './Surface-c6e817cd.js';
9
- import { B as BrandLogo } from './BrandLogo-51fc6f15.js';
10
- import { B as Button } from './Button-67f68b14.js';
7
+ import { a as BtIconChevronRight2Px, B as BtIconChevronLeft2Px } from './BtIconChevronRight2Px.esm-75e92636.js';
8
+ import { S as Surface } from './Surface-0ca6817d.js';
9
+ import { B as BrandLogo } from './BrandLogo-1af78f76.js';
10
+ import { B as Button } from './Button-a453e8e4.js';
11
11
  import { s as suffixModifier } from './suffix-modifier-3d548e45.js';
12
- import { T as Text } from './Text-a3720712.js';
12
+ import { T as Text } from './Text-14f586ac.js';
13
13
 
14
14
  var Item = function (_a) {
15
15
  var _b;
@@ -227,7 +227,7 @@ var NavItem = function (_a) {
227
227
  } },
228
228
  React__default.createElement("span", null, title),
229
229
  React__default.createElement("span", { className: "arc-SiteHeaderNavItem-linkIcon" }, isMinWidthArcBreakpointL ? (React__default.createElement(BtIconChevronDown2Px, null)) : (React__default.createElement(BtIconChevronRight2Px, null)))),
230
- React__default.createElement(Panel, { navItemRef: navItem, open: panelOpen, promo: promo, setOpen: setPanelOpen, viewAll: href ? (React__default.createElement(Panel.ViewAll, { href: href, onClick: onClick, title: viewAllTitle || "View all ".concat(title.toLowerCase()) })) : (undefined) }, children)))));
230
+ React__default.createElement(Panel, { navItemRef: navItem, open: panelOpen, promo: promo, setOpen: setPanelOpen, viewAll: href ? (React__default.createElement(Panel.ViewAll, { href: href, onClick: onClick, title: viewAllTitle || "View all ".concat(title.toLowerCase()) })) : undefined }, children)))));
231
231
  };
232
232
 
233
233
  var NavItemRehydrator = (function (el, hydrate) { return __awaiter(void 0, void 0, void 0, function () {
@@ -316,7 +316,7 @@ var SubNavItem = function (_a) {
316
316
  React__default.createElement(BtIconChevronRight2Px, null)))),
317
317
  React__default.createElement(Panel, { navItemRef: navItem, open: panelOpen, setOpen: setPanelOpen, subNavItemRef: subNavItem, subNavLink: "arc-SiteHeaderSubNavItem-link", promo: promo, title: React__default.createElement("span", null,
318
318
  title,
319
- subTitle && (React__default.createElement(Text, { size: "xs", tone: "supporting" }, subTitle))), viewAll: href ? (React__default.createElement(Panel.ViewAll, { href: href, onClick: onClick, title: viewAllTitle || "View all ".concat(title.toLowerCase()) })) : (undefined) }, children)))));
319
+ subTitle && (React__default.createElement(Text, { size: "xs", tone: "supporting" }, subTitle))), viewAll: href ? (React__default.createElement(Panel.ViewAll, { href: href, onClick: onClick, title: viewAllTitle || "View all ".concat(title.toLowerCase()) })) : undefined }, children)))));
320
320
  };
321
321
 
322
322
  var SubNavItemRehydrator = (function (el, hydrate) { return __awaiter(void 0, void 0, void 0, function () {
@@ -425,7 +425,7 @@ var NavItemWithSubNav = function (_a) {
425
425
  } },
426
426
  title,
427
427
  React__default.createElement("span", { className: "arc-SiteHeaderNavItem-linkIcon" }, isMinWidthArcBreakpointL ? (React__default.createElement(BtIconChevronDown2Px, null)) : (React__default.createElement(BtIconChevronRight2Px, null)))),
428
- React__default.createElement(Panel, { navItemRef: navItem, open: panelOpen, setOpen: setPanelOpen, title: subTitle, viewAll: href ? (React__default.createElement(Panel.ViewAll, { href: href, onClick: onViewAllClick, title: viewAllTitle || "View all ".concat(title.toLowerCase()) })) : (undefined), withSubNav: true },
428
+ React__default.createElement(Panel, { navItemRef: navItem, open: panelOpen, setOpen: setPanelOpen, title: subTitle, viewAll: href ? (React__default.createElement(Panel.ViewAll, { href: href, onClick: onViewAllClick, title: viewAllTitle || "View all ".concat(title.toLowerCase()) })) : undefined, withSubNav: true },
429
429
  defaultItem
430
430
  ? React__default.cloneElement(slot1, { isDefaultItem: defaultItem })
431
431
  : slot1,
@@ -23,8 +23,7 @@ var Surface = function (_a) {
23
23
  React__default.createElement("div", __assign({ "data-testid": "arc-surface", className: classNames((_b = {
24
24
  "arc-Surface": true
25
25
  },
26
- _b["arc-Surface--".concat(background &&
27
- camelCase(background), "Background")] = background,
26
+ _b["arc-Surface--".concat(background && camelCase(background), "Background")] = background,
28
27
  _b["arc-Surface--growVertically"] = growVertically,
29
28
  _b["arc-Surface--padding".concat(padding)] = padding,
30
29
  _b["arc-Surface--paddingHorizontal".concat(paddingHorizontal)] = paddingHorizontal,
@@ -41,7 +40,7 @@ var backgroundsShared = [
41
40
  "turquoise",
42
41
  "light",
43
42
  "lighter",
44
- "white"
43
+ "white",
45
44
  ];
46
45
  var backgrounds = __spreadArray([], backgroundsShared, true);
47
46
  var backgroundsBT = __spreadArray([], backgroundsShared, true);
@@ -4,8 +4,8 @@ import { _ as _extends } from './extends-8cc61aad.js';
4
4
  import { c as $c512c27ab02ef895$export$50c7b4e9d9f19c1, a as $6ed0406888f73fc4$export$c7b2cbe3552a0d05, d as $71cd76cc60e0454e$export$6f32135080cb4c3, $ as $b1b2314f5f9a1d84$export$25bec8c6f54ee79a, b as $8927f6f2acc4f386$export$250ffa63cdc0d034, g as $e42e1063c40fb3ef$export$b9ecd428b558ff10, e as $921a889cee6df7e8$export$99c2b779aa4e8b8b } from './index-13d575cc.js';
5
5
  import { $ as $e02a7d9cb1dc128c$export$c74125a8e3af6bb2 } from './index-a1d2d9b3.js';
6
6
  import { $ as $1746a345f3d73bb7$export$f680877a34711e37 } from './index-efd9ef1c.js';
7
- import { I as Icon } from './Icon-3bfabb14.js';
8
- import { C as Context } from './Surface-c6e817cd.js';
7
+ import { I as Icon } from './Icon-abd0d990.js';
8
+ import { C as Context } from './Surface-0ca6817d.js';
9
9
  import { c as classNames } from './index-2e73c2e9.js';
10
10
 
11
11
  const $f631663db3294ace$var$DirectionContext = /*#__PURE__*/ createContext(undefined);
@@ -400,40 +400,38 @@ var TabContent = function (_a) {
400
400
  return (React__default.createElement($69cb30bb0017df05$export$7c6e2c02157bb7d2, { className: "arc-Tab-content", value: value }, children));
401
401
  };
402
402
 
403
- const BtIconArrowRightFill = props =>
403
+ const BtIconArrowRightFill = (props) =>
404
404
  /*#__PURE__*/ React__default.createElement(
405
405
  "svg",
406
406
  Object.assign(
407
407
  {
408
408
  xmlns: "http://www.w3.org/2000/svg",
409
- viewBox: "0 0 32 32"
409
+ viewBox: "0 0 32 32",
410
410
  },
411
- props
411
+ props,
412
412
  ),
413
413
  /*#__PURE__*/ React__default.createElement("defs", null),
414
414
  /*#__PURE__*/ React__default.createElement("path", {
415
- d:
416
- "M2,16A14,14,0,1,0,16,2,14,14,0,0,0,2,16Zm16.85352-4.35352L23.207,16l-4.35351,4.35352a.5.5,0,0,1-.707-.707L21.293,16.5H9.5a.5.5,0,0,1,0-1H21.293l-3.14649-3.14648a.5.5,0,0,1,.707-.707Z",
417
- fill: "currentColor"
418
- })
415
+ d: "M2,16A14,14,0,1,0,16,2,14,14,0,0,0,2,16Zm16.85352-4.35352L23.207,16l-4.35351,4.35352a.5.5,0,0,1-.707-.707L21.293,16.5H9.5a.5.5,0,0,1,0-1H21.293l-3.14649-3.14648a.5.5,0,0,1,.707-.707Z",
416
+ fill: "currentColor",
417
+ }),
419
418
  );
420
419
 
421
- const BtIconArrowLeftFill = props =>
420
+ const BtIconArrowLeftFill = (props) =>
422
421
  /*#__PURE__*/ React__default.createElement(
423
422
  "svg",
424
423
  Object.assign(
425
424
  {
426
425
  xmlns: "http://www.w3.org/2000/svg",
427
- viewBox: "0 0 32 32"
426
+ viewBox: "0 0 32 32",
428
427
  },
429
- props
428
+ props,
430
429
  ),
431
430
  /*#__PURE__*/ React__default.createElement("defs", null),
432
431
  /*#__PURE__*/ React__default.createElement("path", {
433
- d:
434
- "M30,16A14,14,0,1,0,16,30,14,14,0,0,0,30,16ZM13.14648,20.35352,8.793,16l4.35351-4.35352a.5.5,0,0,1,.707.707L10.707,15.5H22.5a.5.5,0,0,1,0,1H10.707l3.14649,3.14648a.5.5,0,0,1-.707.707Z",
435
- fill: "currentColor"
436
- })
432
+ d: "M30,16A14,14,0,1,0,16,30,14,14,0,0,0,30,16ZM13.14648,20.35352,8.793,16l4.35351-4.35352a.5.5,0,0,1,.707.707L10.707,15.5H22.5a.5.5,0,0,1,0,1H10.707l3.14649,3.14648a.5.5,0,0,1-.707.707Z",
433
+ fill: "currentColor",
434
+ }),
437
435
  );
438
436
 
439
437
  var TabsList = function (_a) {