@arc-ui/components 12.0.0-beta.20 → 12.0.0-beta.22

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 (185) hide show
  1. package/lib/Alert/Alert.cjs +40 -14
  2. package/lib/Alert/Alert.mjs +41 -15
  3. package/lib/Alert/styles.css +1 -1
  4. package/lib/Align/styles.css +1 -1
  5. package/lib/AppButton/styles.css +1 -1
  6. package/lib/Avatar/styles.css +1 -1
  7. package/lib/AvatarGroup/styles.css +1 -1
  8. package/lib/Badge/styles.css +1 -1
  9. package/lib/Banner/Banner.cjs +2 -2
  10. package/lib/Banner/Banner.mjs +2 -2
  11. package/lib/Box/styles.css +1 -1
  12. package/lib/BrandLogo/styles.css +1 -1
  13. package/lib/Breadcrumbs/Breadcrumbs.cjs +2 -1
  14. package/lib/Breadcrumbs/Breadcrumbs.mjs +2 -1
  15. package/lib/Breadcrumbs/styles.css +1 -1
  16. package/lib/Button/styles.css +1 -1
  17. package/lib/ButtonGroup/styles.css +1 -1
  18. package/lib/ButtonV2/styles.css +1 -1
  19. package/lib/Calendar/Calendar.cjs +2 -2
  20. package/lib/Calendar/Calendar.mjs +2 -2
  21. package/lib/Calendar/styles.css +1 -1
  22. package/lib/CardFooter/styles.css +1 -1
  23. package/lib/CardHeading/styles.css +1 -1
  24. package/lib/Carousel/Carousel.cjs +1 -1
  25. package/lib/Carousel/Carousel.mjs +1 -1
  26. package/lib/Carousel/styles.css +1 -1
  27. package/lib/Checkbox/styles.css +1 -1
  28. package/lib/Columns/styles.css +1 -1
  29. package/lib/ComboBox/styles.css +1 -1
  30. package/lib/ContentSwitcher/ContentSwitcher.cjs +3 -2
  31. package/lib/ContentSwitcher/ContentSwitcher.mjs +3 -2
  32. package/lib/ContentSwitcher/styles.css +1 -1
  33. package/lib/ContentSwitcherDropdown/styles.css +1 -1
  34. package/lib/DatePicker/DatePicker.cjs +3 -3
  35. package/lib/DatePicker/DatePicker.mjs +4 -4
  36. package/lib/DatePicker/styles.css +1 -1
  37. package/lib/Disclosure/styles.css +1 -1
  38. package/lib/DisclosureMini/styles.css +1 -1
  39. package/lib/Download/styles.css +1 -1
  40. package/lib/Drawer/Drawer.cjs +2 -18
  41. package/lib/Drawer/Drawer.mjs +3 -19
  42. package/lib/Drawer/styles.css +1 -1
  43. package/lib/Elevation/styles.css +1 -1
  44. package/lib/Filter/styles.css +1 -1
  45. package/lib/FormControl/styles.css +1 -1
  46. package/lib/GhostedHeroBanner/styles.css +1 -1
  47. package/lib/GradientPageBackground/GradientPageBackground.cjs +1 -1
  48. package/lib/GradientPageBackground/GradientPageBackground.mjs +1 -1
  49. package/lib/GradientPageBackground/styles.css +1 -1
  50. package/lib/Grid/styles.css +1 -1
  51. package/lib/Group/styles.css +1 -1
  52. package/lib/Heading/styles.css +1 -1
  53. package/lib/HeroBanner/HeroBanner.cjs +2 -2
  54. package/lib/HeroBanner/HeroBanner.mjs +2 -2
  55. package/lib/HeroBanner/styles.css +1 -1
  56. package/lib/HeroButton/styles.css +1 -1
  57. package/lib/Hidden/Hidden.cjs +6 -14
  58. package/lib/Hidden/Hidden.mjs +4 -16
  59. package/lib/Hidden/styles.css +1 -1
  60. package/lib/HorizontalCard/styles.css +1 -1
  61. package/lib/Icon/styles.css +1 -1
  62. package/lib/Image/styles.css +1 -1
  63. package/lib/ImpactCard/styles.css +1 -1
  64. package/lib/InformationCard/InformationCard.cjs +6 -22
  65. package/lib/InformationCard/InformationCard.mjs +4 -20
  66. package/lib/InformationCard/styles.css +1 -1
  67. package/lib/Link/Link.cjs +8 -51
  68. package/lib/Link/Link.mjs +7 -54
  69. package/lib/Link/styles.css +1 -1
  70. package/lib/Markup/styles.css +1 -1
  71. package/lib/MediaCard/styles.css +1 -1
  72. package/lib/Menu/Menu.cjs +1 -1
  73. package/lib/Menu/Menu.mjs +1 -1
  74. package/lib/Menu/styles.css +1 -1
  75. package/lib/Modal/styles.css +1 -1
  76. package/lib/NavigationHeader/NavigationHeader.cjs +687 -0
  77. package/lib/NavigationHeader/NavigationHeader.mjs +682 -0
  78. package/lib/NavigationHeader/styles.css +1 -0
  79. package/lib/Pagination/styles.css +1 -1
  80. package/lib/PaginationSimple/styles.css +1 -1
  81. package/lib/Popover/Popover.cjs +9 -26
  82. package/lib/Popover/Popover.mjs +7 -28
  83. package/lib/Popover/styles.css +1 -1
  84. package/lib/Poster/styles.css +1 -1
  85. package/lib/ProgressBar/styles.css +1 -1
  86. package/lib/ProgressStepper/styles.css +1 -1
  87. package/lib/ProgressStepperOverflow/ProgressStepperOverflow.cjs +3 -2
  88. package/lib/ProgressStepperOverflow/ProgressStepperOverflow.mjs +3 -2
  89. package/lib/ProgressStepperOverflow/styles.css +1 -1
  90. package/lib/RadioCardGroup/styles.css +1 -1
  91. package/lib/RadioGroup/styles.css +1 -1
  92. package/lib/Rule/styles.css +1 -1
  93. package/lib/ScrollToTop/ScrollToTop.cjs +2 -1
  94. package/lib/ScrollToTop/ScrollToTop.mjs +2 -1
  95. package/lib/ScrollToTop/styles.css +1 -1
  96. package/lib/Section/styles.css +1 -1
  97. package/lib/Select/styles.css +1 -1
  98. package/lib/SiteFooter/SiteFooter.cjs +2 -2
  99. package/lib/SiteFooter/SiteFooter.mjs +2 -2
  100. package/lib/SiteFooter/styles.css +1 -1
  101. package/lib/SiteFooterV2/SiteFooterV2.cjs +2 -2
  102. package/lib/SiteFooterV2/SiteFooterV2.mjs +2 -2
  103. package/lib/SiteFooterV2/styles.css +1 -1
  104. package/lib/SiteHeaderV2/SiteHeaderV2.cjs +2 -2
  105. package/lib/SiteHeaderV2/SiteHeaderV2.mjs +3 -3
  106. package/lib/SiteHeaderV2/styles.css +1 -1
  107. package/lib/Skeleton/styles.css +1 -1
  108. package/lib/SkipLink/styles.css +1 -1
  109. package/lib/Spinner/styles.css +1 -1
  110. package/lib/Surface/styles.css +1 -1
  111. package/lib/Switch/styles.css +1 -1
  112. package/lib/TabbedBanner/TabbedBanner.cjs +23 -34
  113. package/lib/TabbedBanner/TabbedBanner.mjs +25 -36
  114. package/lib/TabbedBanner/styles.css +1 -1
  115. package/lib/Tabs/Tabs.cjs +2 -2
  116. package/lib/Tabs/Tabs.mjs +2 -2
  117. package/lib/Tabs/styles.css +1 -1
  118. package/lib/Tag/styles.css +1 -1
  119. package/lib/TemplateBanner/TemplateBanner.cjs +2 -2
  120. package/lib/TemplateBanner/TemplateBanner.mjs +2 -2
  121. package/lib/TemplateBanner/styles.css +1 -1
  122. package/lib/Text/styles.css +1 -1
  123. package/lib/TextArea/TextArea.cjs +9 -7
  124. package/lib/TextArea/TextArea.mjs +9 -7
  125. package/lib/TextArea/styles.css +1 -1
  126. package/lib/TextInput/styles.css +1 -1
  127. package/lib/Theme/Theme.cjs +1 -1
  128. package/lib/Theme/Theme.mjs +1 -1
  129. package/lib/Theme/styles.css +1 -1
  130. package/lib/ThemeIcon/styles.css +1 -1
  131. package/lib/ThumbnailSignpost/styles.css +1 -1
  132. package/lib/Toast/styles.css +1 -1
  133. package/lib/Tooltip/Tooltip.cjs +11 -1363
  134. package/lib/Tooltip/Tooltip.mjs +10 -1348
  135. package/lib/Tooltip/styles.css +1 -1
  136. package/lib/Truncate/styles.css +1 -1
  137. package/lib/TypographyCard/styles.css +1 -1
  138. package/lib/UniversalHeader/styles.css +1 -1
  139. package/lib/VerticalSpace/styles.css +1 -1
  140. package/lib/VideoPlayer/styles.css +1 -1
  141. package/lib/Visible/Visible.cjs +1 -1
  142. package/lib/Visible/Visible.mjs +1 -1
  143. package/lib/Visible/styles.css +1 -1
  144. package/lib/VisuallyHidden/styles.css +1 -1
  145. package/lib/_shared/cjs/{Calendar-D4ZSaHHU.cjs → Calendar-B-va25n2.cjs} +1 -1
  146. package/lib/_shared/cjs/{ContentSwitcherList-nlxMHXs-.cjs → ContentSwitcherList-bCEzIPN2.cjs} +3 -3
  147. package/lib/_shared/cjs/{DatePicker-DS6fAvxD.cjs → DatePicker-Dt4faA_N.cjs} +1 -1
  148. package/lib/_shared/cjs/Hidden-Vsv1-xWO.cjs +19 -0
  149. package/lib/_shared/cjs/Link-7xUgVf1I.cjs +48 -0
  150. package/lib/_shared/cjs/Popover-C5mmMkYU.cjs +31 -0
  151. package/lib/_shared/cjs/{ProgressStepperOverflow-v-TyS5Sp.cjs → ProgressStepperOverflow-BAGZNC26.cjs} +1 -1
  152. package/lib/_shared/cjs/{SiteHeaderV2NavItemWithSubNav-fQPk0gZU.cjs → SiteHeaderV2NavItemWithSubNav-CagFKPEa.cjs} +1 -1
  153. package/lib/_shared/cjs/{TemplateBanner-CGtTUy81.cjs → TemplateBanner-CImrJ9ON.cjs} +15 -4
  154. package/lib/_shared/cjs/Tooltip-BPHL0ELI.cjs +1378 -0
  155. package/lib/_shared/cjs/{Visible-Dx__9oZG.cjs → Visible-vchtZSfm.cjs} +2 -1
  156. package/lib/_shared/cjs/arc-breakpoints-DWUgmeLA.cjs +23 -0
  157. package/lib/_shared/cjs/{debounce-BeIT3oyF.cjs → debounce-uPMetQ6J.cjs} +4 -251
  158. package/lib/_shared/cjs/{index.es-DBEGtWPg.cjs → index.es-DlNskPlN.cjs} +1 -1
  159. package/lib/_shared/cjs/isSymbol-BGrHFUbV.cjs +255 -0
  160. package/lib/_shared/cjs/kebabCase-D5yA6u-V.cjs +743 -0
  161. package/lib/_shared/esm/{Calendar-CjqPM7ta.mjs → Calendar-Bd2_eT1Y.mjs} +1 -1
  162. package/lib/_shared/esm/{ContentSwitcherList-DKPD9GfN.mjs → ContentSwitcherList-bCQz0qkU.mjs} +3 -3
  163. package/lib/_shared/esm/{DatePicker-3sYJ3wGn.mjs → DatePicker-DT4OEzxP.mjs} +1 -1
  164. package/lib/_shared/esm/Hidden-DsrAaC0z.mjs +17 -0
  165. package/lib/_shared/esm/Link-Biyg9qBH.mjs +46 -0
  166. package/lib/_shared/esm/Popover-8FfvgL4c.mjs +29 -0
  167. package/lib/_shared/esm/{ProgressStepperOverflow-B9ba8ljs.mjs → ProgressStepperOverflow-fPkLltVO.mjs} +1 -1
  168. package/lib/_shared/esm/{SiteHeaderV2NavItemWithSubNav-BMoBdUxK.mjs → SiteHeaderV2NavItemWithSubNav-CxGwdV6u.mjs} +1 -1
  169. package/lib/_shared/esm/{TemplateBanner-Up6cR-3_.mjs → TemplateBanner-DeHjliNP.mjs} +15 -4
  170. package/lib/_shared/esm/Tooltip-Dc82Ht7G.mjs +1358 -0
  171. package/lib/_shared/esm/{Visible-C-jVXUWp.mjs → Visible-B13QJn7R.mjs} +2 -1
  172. package/lib/_shared/esm/arc-breakpoints-D5hR5m3t.mjs +21 -0
  173. package/lib/_shared/esm/{debounce-mCD9-ufA.mjs → debounce-D_Nx5go6.mjs} +2 -249
  174. package/lib/_shared/esm/{index.es-DCvYtQfu.mjs → index.es-C3WqfFKH.mjs} +1 -1
  175. package/lib/_shared/esm/isSymbol-DgWNE2Tm.mjs +251 -0
  176. package/lib/_shared/esm/kebabCase-CCEMRBfd.mjs +737 -0
  177. package/lib/index.cjs +2183 -792
  178. package/lib/index.cjs.map +1 -1
  179. package/lib/index.d.cts +393 -131
  180. package/lib/index.d.mts +393 -131
  181. package/lib/index.js.map +1 -1
  182. package/lib/index.mjs +2181 -794
  183. package/lib/index.mjs.map +1 -1
  184. package/lib/styles.css +12 -8
  185. package/package.json +10 -8
package/lib/NavigationHeader/styles.css ADDED
@@ -0,0 +1 @@
1
+ .arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderContainer--regular.arc-NavigationHeaderContainer--fullWidth{--container-max-width:var(--arc-size-section-width-m);--container-content-padding-xs:var(--arc-size-section-margin-16);--container-content-padding-s:var(--arc-size-section-margin-24);--container-content-padding-m:var(--arc-size-section-margin-24);--container-content-padding-l:var(--arc-size-section-margin-32);--container-content-padding-xl:var(--arc-size-section-margin-32);--container-content-padding-xxl:var(--arc-size-section-margin-32);--container-content-padding-xxxl:var(--arc-size-section-margin-32);--container-outer-padding-xs:0;--container-outer-padding-s:0;--container-outer-padding-m:0;--container-outer-padding-l:0;--container-outer-padding-xl:0;--container-outer-padding-xxl:0;--container-outer-padding-xxxl:0}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderContainer--extended.arc-NavigationHeaderContainer--fullWidth{--container-max-width:var(--arc-size-section-width-l);--container-content-padding-xs:var(--arc-size-section-margin-16);--container-content-padding-s:var(--arc-size-section-margin-24);--container-content-padding-m:var(--arc-size-section-margin-32);--container-content-padding-l:var(--arc-size-section-margin-48);--container-content-padding-xl:var(--arc-size-section-margin-64);--container-content-padding-xxl:var(--arc-size-section-margin-96);--container-content-padding-xxxl:var(--arc-size-section-margin-128);--container-outer-padding-xs:0;--container-outer-padding-s:0;--container-outer-padding-m:0;--container-outer-padding-l:0;--container-outer-padding-xl:0;--container-outer-padding-xxl:0;--container-outer-padding-xxxl:0}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderContainer--regular.arc-NavigationHeaderContainer--pill{--container-max-width:var(--arc-size-section-width-m);--container-content-padding-xs:calc(var(--arc-size-section-margin-16) / 2);--container-content-padding-s:var(--arc-size-section-margin-16);--container-content-padding-m:var(--arc-size-section-margin-16);--container-content-padding-l:var(--arc-size-section-margin-16);--container-content-padding-xl:var(--arc-size-section-margin-16);--container-content-padding-xxl:var(--arc-size-section-margin-24);--container-content-padding-xxxl:var(--arc-size-section-margin-24);--container-outer-padding-xs:calc(var(--arc-size-section-margin-16) / 2);--container-outer-padding-s:calc(var(--arc-size-section-margin-16) / 2);--container-outer-padding-m:calc(var(--arc-size-section-margin-16) / 2);--container-outer-padding-l:var(--arc-size-section-margin-16);--container-outer-padding-xl:var(--arc-size-section-margin-16);--container-outer-padding-xxl:calc(var(--arc-size-section-margin-16) / 2);--container-outer-padding-xxxl:calc(var(--arc-size-section-margin-16) / 2)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderContainer--extended.arc-NavigationHeaderContainer--pill{--container-max-width:var(--arc-size-section-width-l);--container-content-padding-xs:calc(var(--arc-size-section-margin-16) / 2);--container-content-padding-s:var(--arc-size-section-margin-16);--container-content-padding-m:var(--arc-size-section-margin-16);--container-content-padding-l:var(--arc-size-section-margin-16);--container-content-padding-xl:var(--arc-size-section-margin-16);--container-content-padding-xxl:var(--arc-size-section-margin-24);--container-content-padding-xxxl:var(--arc-size-section-margin-24);--container-outer-padding-xs:calc(var(--arc-size-section-margin-16) / 2);--container-outer-padding-s:calc(var(--arc-size-section-margin-16) / 2);--container-outer-padding-m:var(--arc-size-section-margin-16);--container-outer-padding-l:var(--arc-size-section-margin-32);--container-outer-padding-xl:var(--arc-size-section-margin-48);--container-outer-padding-xxl:calc(var(--arc-size-section-margin-96) - var(--arc-size-section-margin-24));--container-outer-padding-xxxl:calc(var(--arc-size-section-margin-128) - var(--arc-size-section-margin-24))}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderContainer{position:relative;z-index:100}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderContainer-inner{overflow:hidden;position:relative;z-index:101}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderContainer-contentWrapper{position:relative}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderContainer-content{padding:0 var(--container-content-padding-xs)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderContainer-outer{padding:0 var(--container-outer-padding-xs)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderContainer-content,.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderContainer--pill .arc-NavigationHeaderContainer-outer,.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderContainer--pill .arc-NavigationHeaderContainer-inner{margin-left:auto;margin-right:auto;max-width:var(--container-max-width)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderContainer--pill .arc-NavigationHeaderContainer-inner{border-radius:var(--navigation-header-pill-border-radius-s)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderContainer--backgroundLight .arc-NavigationHeaderContainer-inner{background:var(--navigation-header-container-background-light)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderContainer--backgroundLightElevated .arc-NavigationHeaderContainer-inner{background:var(--navigation-header-container-background-light);box-shadow:var(--navigation-header-container-shadow-default)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderContainer--backgroundNeutral .arc-NavigationHeaderContainer-inner{background:var(--navigation-header-container-background-neutral);box-shadow:var(--navigation-header-container-shadow-alt)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderContainer--backgroundGhosted .arc-NavigationHeaderContainer-inner{background:var(--navigation-header-container-background-ghosted);box-shadow:var(--navigation-header-container-shadow-ghosted)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderContainer--backgroundTransparent .arc-NavigationHeaderContainer-inner{background:var(--navigation-header-container-background-transparent)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderContainer--fluid .arc-NavigationHeaderContainer-content,.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderContainer--fluid .arc-NavigationHeaderContainer-outer,.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderContainer--fluid .arc-NavigationHeaderContainer-inner{max-width:100%}@media (min-width:636px){.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderContainer--pill .arc-NavigationHeaderContainer-inner{border-radius:var(--navigation-header-pill-border-radius-m)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderContainer-content{padding:0 var(--container-content-padding-s)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderContainer-outer{padding:0 var(--container-outer-padding-s)}}@media (min-width:768px){.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderContainer-content{padding:0 var(--container-content-padding-m)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderContainer-outer{padding:0 var(--container-outer-padding-m)}}@media (min-width:1024px){.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderContainer-content{padding:0 var(--container-content-padding-l)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderContainer-outer{padding:0 var(--container-outer-padding-l)}}@media (min-width:1280px){.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderContainer-content{padding:0 var(--container-content-padding-xl)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderContainer-outer{padding:0 var(--container-outer-padding-xl)}}@media (min-width:1440px){.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderContainer--pill .arc-NavigationHeaderContainer-inner{border-radius:var(--navigation-header-pill-border-radius-l)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderContainer-content{padding:0 var(--container-content-padding-xxl)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderContainer-outer{padding:0 var(--container-outer-padding-xxl)}}@media (min-width:1920px){.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderContainer-content{padding:0 var(--container-content-padding-xxxl)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderContainer-outer{padding:0 var(--container-outer-padding-xxxl)}}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderAction{position:relative;width:-moz-max-content;width:max-content}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderAction-content{padding:var(--sem-space-padding-40)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderAction--attention::after{background:var(--navigation-header-action-attention-color);border-radius:50%;content:"";display:block;height:var(--navigation-header-action-attention-size);position:absolute;right:calc(var(--navigation-header-action-attention-size) / 2);top:calc(var(--navigation-header-action-attention-size) / 2);width:var(--navigation-header-action-attention-size)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderActionBar{align-items:center;display:flex;gap:calc(var(--navigation-header-action-bar-item-gap) / 2);list-style:none;margin:0;padding:0}@media (min-width:636px){.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderActionBar{gap:var(--navigation-header-action-bar-item-gap)}}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderNavLink{color:inherit;display:block;overflow:hidden;padding:var(--sem-space-padding-60) var(--sem-space-padding-70);-webkit-tap-highlight-color:transparent;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderNavLink--borderRadiusSizeS,.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderNavLink--borderRadiusSizeS:focus,.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderNavLink--borderRadiusSizeS:focus-visible{border-radius:var(--navigation-header-navlink-border-radius-s)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderNavLink--borderRadiusSizeM,.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderNavLink--borderRadiusSizeM:focus,.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderNavLink--borderRadiusSizeM:focus-visible{border-radius:var(--navigation-header-navlink-border-radius-m)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderNavLink--onLight:focus-visible{background:var(--navigation-header-navitem-background-light-focus);color:var(--navigation-header-navitem-color-light-focus);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:0}@media (hover:hover){.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderNavLink--onLight:hover{background:var(--navigation-header-navitem-background-light-hover);color:var(--navigation-header-navitem-color-light-hover)}}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderNavLink--onLight:active{background:var(--navigation-header-navitem-background-light-pressed);color:var(--navigation-header-navitem-color-light-pressed)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderNavLink--onDark:focus-visible{background:var(--navigation-header-navitem-background-dark-focus);color:var(--navigation-header-navitem-color-dark-focus);outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-subtle);outline-offset:0}@media (hover:hover){.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderNavLink--onDark:hover{background:var(--navigation-header-navitem-background-dark-hover);color:var(--navigation-header-navitem-color-dark-hover);text-decoration:underline}}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderNavLink--onDark:active{background:var(--navigation-header-navitem-background-dark-pressed);color:var(--navigation-header-navitem-color-dark-pressed)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderBurgerMenu-container{color:var(--navigation-header-burger-menu-text-color);display:grid;grid-template-columns:100%;grid-template-rows:1fr auto;min-height:100%}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderBurgerMenu-header{align-items:center;display:flex;padding:var(--navigation-header-burger-menu-header-padding-m) var(--navigation-header-burger-menu-header-padding-xs) var(--navigation-header-burger-menu-header-padding-xxs)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderBurgerMenu-overlay{left:0;min-height:100vh;overflow:hidden;position:fixed;top:0;width:100vw;z-index:100}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderBurgerMenu-overlay::before,.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderBurgerMenu-overlay::after{animation:burger-menu-overlay-show 0.3s ease forwards;background:var(--navigation-header-burger-menu-overlay-background);bottom:0;content:"";display:block;left:0;position:fixed;right:0;top:0}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderBurgerMenu-slider{animation:burger-menu-drawer-slide 0.3s ease;background:var(--navigation-header-burger-menu-slider-background);bottom:0;box-shadow:var(--navigation-header-burger-menu-slider-shadow);overflow-y:auto;position:fixed;right:0;top:0;width:100%;z-index:103}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderBurgerMenu-logoContainer{flex:1 1 auto}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderBurgerMenu-logoWrapper{width:-moz-max-content;width:max-content}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderBurgerMenu-closeButtonContainer{padding-right:var(--navigation-header-burger-menu-close-button-container-padding)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderBurgerMenu-trigger{padding:var(--navigation-header-burger-menu-trigger-padding)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderBurgerMenu-topContent{padding:var(--navigation-header-burger-menu-top-slot-padding-l) var(--navigation-header-burger-menu-top-slot-padding-s) 0}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderBurgerMenu-footer{background:var(--navigation-header-burger-menu-footer-background);padding:var(--navigation-header-burger-menu-footer-top-spacing) var(--navigation-header-burger-menu-footer-padding-s) var(--navigation-header-burger-menu-footer-padding-s)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderBurgerMenu-navigationContent{padding-top:var(--navigation-header-burger-menu-navigation-content-padding)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderBurgerMenu-list{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--navigation-header-burger-menu-list-gap-s);list-style:none;margin:0;max-width:430px;padding:0 var(--navigation-header-burger-menu-list-padding-s) var(--navigation-header-burger-menu-list-padding-l);width:100%}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderBurgerMenu-actionsContainer{display:flex;flex-direction:column;gap:var(--navigation-header-burger-menu-actions-container-gap);padding:0 var(--navigation-header-burger-menu-actions-container-padding-m) var(--navigation-header-burger-menu-actions-container-padding-xl)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderBurgerMenu-actionsContainer--seperator::before{background:var(--navigation-header-burger-menu-actions-container-background);content:"";display:block;height:1px;margin-bottom:var(--navigation-header-burger-menu-actions-container-padding-m);opacity:0.3}@media (min-width:636px){.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderBurgerMenu-list{max-width:100%;padding:0 var(--navigation-header-burger-menu-list-padding-l) var(--navigation-header-burger-menu-list-padding-l) var(--navigation-header-burger-menu-list-padding-m)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderBurgerMenu-footer{padding:var(--navigation-header-burger-menu-footer-top-spacing) var(--navigation-header-burger-menu-footer-padding-l) var(--navigation-header-burger-menu-footer-padding-s)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderBurgerMenu-actionsContainer{padding:0 var(--navigation-header-burger-menu-actions-container-padding-l) var(--navigation-header-burger-menu-actions-container-padding-xl)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderBurgerMenu-topContent{padding:var(--navigation-header-burger-menu-top-slot-padding-l) var(--navigation-header-burger-menu-top-slot-padding-m) 0}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderBurgerMenu-header{padding:var(--navigation-header-burger-menu-header-padding-l) var(--navigation-header-burger-menu-header-padding-s) 0}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderBurgerMenu-slider{max-width:var(--navigation-header-burger-menu-slider-max-width-s)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderBurgerMenu-overlay::before{-webkit-backdrop-filter:var(--navigation-header-burger-menu-overlay-blur-s);backdrop-filter:var(--navigation-header-burger-menu-overlay-blur-s);z-index:101}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderBurgerMenu-overlay::after{-webkit-backdrop-filter:var(--navigation-header-burger-menu-overlay-blur-m);backdrop-filter:var(--navigation-header-burger-menu-overlay-blur-m);-webkit-mask:linear-gradient(90deg,var(--navigation-header-burger-menu-overlay-gradient-mask-start-color) calc((100% - var(--navigation-header-burger-menu-slider-max-width-s)) / 2),var(--navigation-header-burger-menu-overlay-gradient-mask-end-color) calc(100% - var(--navigation-header-burger-menu-slider-max-width-s)));mask:linear-gradient(90deg,var(--navigation-header-burger-menu-overlay-gradient-mask-start-color) calc((100% - var(--navigation-header-burger-menu-slider-max-width-s)) / 2),var(--navigation-header-burger-menu-overlay-gradient-mask-end-color) calc(100% - var(--navigation-header-burger-menu-slider-max-width-s)));z-index:102}}@media (min-width:768px){.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderBurgerMenu-list{gap:var(--navigation-header-burger-menu-list-gap-m);padding:0 var(--navigation-header-burger-menu-list-padding-l) var(--navigation-header-burger-menu-list-padding-xl) var(--navigation-header-burger-menu-list-padding-m)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderBurgerMenu-slider{max-width:var(--navigation-header-burger-menu-slider-max-width-s)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderBurgerMenu-overlay::after{-webkit-mask:linear-gradient(90deg,var(--navigation-header-burger-menu-overlay-gradient-mask-start-color) calc((100% - var(--navigation-header-burger-menu-slider-max-width-m)) / 2),var(--navigation-header-burger-menu-overlay-gradient-mask-end-color) calc(100% - var(--navigation-header-burger-menu-slider-max-width-m)));mask:linear-gradient(90deg,var(--navigation-header-burger-menu-overlay-gradient-mask-start-color) calc((100% - var(--navigation-header-burger-menu-slider-max-width-m)) / 2),var(--navigation-header-burger-menu-overlay-gradient-mask-end-color) calc(100% - var(--navigation-header-burger-menu-slider-max-width-m)))}}@media (min-width:1024px){.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderBurgerMenu-list{padding:0 var(--navigation-header-burger-menu-list-padding-xxl) var(--navigation-header-burger-menu-list-padding-xl) var(--navigation-header-burger-menu-list-padding-l)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderBurgerMenu-header{padding:var(--navigation-header-burger-menu-header-padding-l) var(--navigation-header-burger-menu-header-padding-m) 0}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderBurgerMenu-slider{max-width:var(--navigation-header-burger-menu-slider-max-width-l)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderBurgerMenu-overlay::after{-webkit-mask:linear-gradient(90deg,var(--navigation-header-burger-menu-overlay-gradient-mask-start-color) calc((100% - var(--navigation-header-burger-menu-slider-max-width-l)) / 2),var(--navigation-header-burger-menu-overlay-gradient-mask-end-color) calc(100% - var(--navigation-header-burger-menu-slider-max-width-l)));mask:linear-gradient(90deg,var(--navigation-header-burger-menu-overlay-gradient-mask-start-color) calc((100% - var(--navigation-header-burger-menu-slider-max-width-l)) / 2),var(--navigation-header-burger-menu-overlay-gradient-mask-end-color) calc(100% - var(--navigation-header-burger-menu-slider-max-width-l)))}}@media (min-width:1280px){.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderBurgerMenu-list{gap:var(--navigation-header-burger-menu-list-gap-l)}}@media (min-width:1440px){.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderBurgerMenu-header{padding:var(--navigation-header-burger-menu-padding-xl) var(--navigation-header-burger-menu-padding-m) 0}}@keyframes burger-menu-overlay-show{from{opacity:0}to{opacity:1}}@keyframes burger-menu-drawer-slide{from{transform:translateX(100%)}to{transform:translateX(0)}}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderDropdown-navList{display:flex;flex-direction:column;gap:var(--navigation-header-navlist-gap);list-style:none;margin:0;padding:0}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderButton{background:transparent;border:none;border-radius:var(--navigation-header-button-border-radius);color:inherit;cursor:pointer;display:block;font:inherit;line-height:1.5;outline:none;padding:0;position:relative;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderButton--padded{padding:var(--sem-space-padding-60) var(--sem-space-padding-70)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderButton--active::after{border-radius:var(--navigation-header-button-underscore-border-radius) var(--navigation-header-button-underscore-border-radius) 0 0;bottom:0;content:"";display:block;height:3px;left:var(--sem-space-gap-70);position:absolute;right:var(--sem-space-gap-70)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderButton--active.arc-NavigationHeaderButton--onLight{color:var(--navigation-header-button-active-parent-color-light)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderButton--active.arc-NavigationHeaderButton--onLight::after{background:var(--navigation-header-button-active-parent-color-light)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderButton--active.arc-NavigationHeaderButton--onDark{color:var(--navigation-header-button-active-parent-color-dark)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderButton--active.arc-NavigationHeaderButton--onDark::after{background:var(--navigation-header-button-active-parent-color-dark)}@media (hover:hover){.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderButton--onLight:not(.arc-NavigationHeaderButton--active):hover{background:var(--navigation-header-navitem-background-light-hover);color:var(--navigation-header-navitem-color-light-hover)}}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderButton--onLight:not(.arc-NavigationHeaderButton--active):active{background:var(--navigation-header-navitem-background-light-pressed);color:var(--navigation-header-navitem-color-light-pressed)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderButton--onLight:not(:active):not(.arc-NavigationHeaderButton--active):focus-visible{background:var(--navigation-header-navitem-background-light-focus);color:var(--navigation-header-navitem-color-light-focus);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:0}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderButton--onDark:not(:active):not(.arc-NavigationHeaderButton--active):focus-visible{background:var(--navigation-header-navitem-background-dark-focus);color:var(--navigation-header-navitem-color-dark-focus);outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-subtle);outline-offset:0}@media (hover:hover){.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderButton--onDark:not(.arc-NavigationHeaderButton--active):hover{background:var(--navigation-header-navitem-background-dark-hover);color:var(--navigation-header-navitem-color-dark-hover);text-decoration:underline}}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderButton--onDark:not(.arc-NavigationHeaderButton--active):active{background:var(--navigation-header-navitem-background-dark-pressed);color:var(--navigation-header-navitem-color-dark-pressed)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderLogo{display:block;line-height:0}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderLogo--staticColor,.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderLogo--staticColor:hover{color:var(--navigation-header-logo-color-static)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderLogo--staticColor:focus-visible{outline:var(--focus-border-weight-s) solid var(--navigation-header-logo-focus-outline-color-static);outline-offset:var(--focus-border-weight-s)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderLogo--onLight,.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderLogo--onLight:hover{color:var(--navigation-header-logo-color-light)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderLogo--onLight:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:var(--focus-border-weight-s)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderLogo--onDark,.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderLogo--onDark:hover{color:var(--navigation-header-logo-color-dark)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderLogo--onDark:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-subtle);outline-offset:var(--focus-border-weight-s)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderLogo>svg{height:var(--navigation-header-logo-height-s)}@media (min-width:636px){.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderLogo>svg{height:var(--navigation-header-logo-height-m)}}@media (min-width:1440px){.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderLogo>svg{height:var(--navigation-header-logo-height-l)}}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderPage{align-items:center;display:flex}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderPage-icon{margin:0 var(--sem-space-gap-20)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderPage-pageSection{display:none;margin-left:var(--sem-space-gap-110)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderPage-pageSection::before{border-radius:var(--navigation-header-page-separator-border-radius);content:"";display:block;flex:0 1 auto;margin:var(--sem-space-gap-20) 0;width:var(--navigation-header-page-separator-width)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderPage-pageSectionText{flex:1 1 auto;margin-left:var(--sem-space-gap-60);padding:var(--sem-space-padding-60)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderPage-heading{font:var(--sem-type-mobile-semi-xs)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderPage--onLight .arc-NavigationHeaderPage-heading,.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderPage--onLight .arc-NavigationHeaderPage-icon{color:var(--navigation-header-page-title-color-light)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderPage--onDark .arc-NavigationHeaderPage-icon,.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderPage--onDark .arc-NavigationHeaderPage-heading{color:var(--navigation-header-page-title-color-dark)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderPage--onLight .arc-NavigationHeaderPage-pageSection::before{background:var(--navigation-header-page-separator-background-light)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderPage--onDark .arc-NavigationHeaderPage-pageSection::before{background:var(--navigation-header-page-separator-background-dark)}@media (min-width:636px){.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderPage-icon{margin:0 var(--sem-space-gap-40)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderPage-pageSection{display:flex}}@media (min-width:1440px){.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderPage-heading{font:var(--sem-type-mobile-semi-s)}}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderSubnav{position:relative}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderSubnav-container{left:0;position:absolute;right:0;top:0}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderSubnav-content{padding-top:var(--navigation-header-height-s)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderSubnav-navList{align-items:center;display:flex;flex-wrap:wrap;gap:var(--sem-space-gap-40);list-style:none;margin:0;padding:var(--sem-space-padding-40) 0}@media (min-width:636px){.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderSubnav-content{padding-top:var(--navigation-header-height-m)}}@media (min-width:1440px){.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderSubnav-content{padding-top:var(--navigation-header-height-l)}}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderNavList-container{align-items:center;display:flex;gap:var(--navigation-header-navlist-gap)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderNavList{align-items:center;display:flex;flex:0 1 auto;gap:var(--navigation-header-navlist-gap);list-style:none;margin:0;padding:0}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderDisclosure{border-radius:var(--navigation-header-disclosure-border-radius)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderDisclosure-summary{align-items:center;cursor:pointer;display:flex;gap:var(--navigation-header-disclosure-gap);padding:var(--navigation-header-disclosure-padding-s) var(--navigation-header-disclosure-padding-m);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderDisclosure-details{padding:var(--navigation-header-disclosure-padding-xs) 0 0 var(--navigation-header-disclosure-padding-l)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderDisclosure-heading{flex:1 1 auto;font:var(--sem-type-mobile-semi-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderDisclosure-icon{flex:0 0 auto;transform-origin:center;transition:0.3s ease transform}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderDisclosure[open] .arc-NavigationHeaderDisclosure-icon{transform:rotate(270deg)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderDisclosure-summary:focus-visible{border-radius:var(--focus-border-radius-s);outline:var(--focus-border-weight-s) solid var(--navigation-header-disclosure-focus-outline-color)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderDisclosure-summary:active,.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderDisclosure-summary:hover{color:inherit}@media (hover:hover){.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderDisclosure:hover .arc-NavigationHeaderDisclosure-icon{transform:rotate(90deg)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderDisclosure:hover{background:linear-gradient(180deg,var(--navigation-header-disclosure-hover-background-start-color) 0%,var(--navigation-header-disclosure-hover-background-end-color) 100%)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderDisclosure-summary:hover{color:var(--navigation-header-disclosure-hover-color)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderDisclosure[open][\:has\(\%0A\%20\%20\%20\%20\%20\%20.arc-NavigationHeaderDisclosure-heading\:hover\%0A\%20\%20\%20\%20\)]{background:linear-gradient(180deg,var(--navigation-header-disclosure-open-background-start-color) 0%,var(--navigation-header-disclosure-open-background-end-color) 100%)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderDisclosure[open][\:has\(.arc-NavigationHeaderDisclosure-heading\:hover\)]{background:linear-gradient(180deg,var(--navigation-header-disclosure-open-background-start-color) 0%,var(--navigation-header-disclosure-open-background-end-color) 100%)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderDisclosure[open]:has(.arc-NavigationHeaderDisclosure-heading:hover){background:linear-gradient(180deg,var(--navigation-header-disclosure-open-background-start-color) 0%,var(--navigation-header-disclosure-open-background-end-color) 100%)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderDisclosure[open]:hover .arc-NavigationHeaderDisclosure-icon{transform:rotate(270deg)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderDisclosure[open] .arc-NavigationHeaderDisclosure-heading:hover{text-decoration:underline}}@media (min-width:768px){.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderDisclosure-heading{font:var(--sem-type-tablet-semi-m)}}@media (min-width:1280px){.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderDisclosure-heading{font:var(--sem-type-desktop-semi-m)}}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderInlineAction-button,.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderInlineAction-link{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderInlineAction-link{border:none;color:inherit;display:block;text-decoration:none}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderInlineAction-button{background:transparent;border:none;color:inherit;cursor:pointer;display:block;font:inherit;outline:none;padding:0;width:-moz-max-content;width:max-content}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderInlineAction-content{align-items:center;display:flex;gap:var(--navigation-header-inline-action-content-gap);padding:var(--navigation-header-inline-action-padding-s) var(--navigation-header-inline-action-padding-m)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderInlineAction-link:focus-visible,.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderInlineAction-button:focus-visible{border-radius:var(--focus-border-radius-s);outline:var(--focus-border-weight-s) solid var(--navigation-header-inline-action-focus-outline-color)}@media (hover:hover){.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderInlineAction:hover{color:var(--navigation-header-inline-action-hover-color);text-decoration:underline}}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderMenuLink{align-items:center;border:none;border-radius:var(--navigation-header-menu-link-border-radius);color:inherit;display:flex;gap:var(--navigation-header-menu-link-gap-l);padding:var(--navigation-header-menu-link-padding-s) var(--navigation-header-menu-link-padding-l);-webkit-tap-highlight-color:transparent;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderMenuLink--sizeS{gap:var(--navigation-header-burger-menu-link-gap-s);padding:var(--navigation-header-menu-link-padding-m) 0 var(--navigation-header-menu-link-padding-m) var(--navigation-header-menu-link-padding-l);transition:0.3s ease transform}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderMenuLink-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderMenuLink--sizeL .arc-NavigationHeaderMenuLink-text{flex:1 1 auto;font:var(--sem-type-mobile-semi-m)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderMenuLink--sizeS .arc-NavigationHeaderMenuLink-text{flex:0 1 auto;font:var(--sem-type-mobile-semi-xxs)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderMenuLink-icon{flex:0 0 auto;transition:0.3s ease transform}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderMenuLink:focus-visible{border-radius:var(--focus-border-radius-s);outline:var(--focus-border-weight-s) solid var(--navigation-header-menu-link-focus-outline-color)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderMenuLink:active,.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderMenuLink:hover{color:inherit}@media (hover:hover){.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderMenuLink:hover .arc-NavigationHeaderMenuLink-icon{transform:translateX(var(--navigation-header-menu-link-gap-l))}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderMenuLink:hover{background:linear-gradient(180deg,rgba(255,255,255,0.08) 0%,rgba(255,255,255,0.04) 100%);color:var(--navigation-header-menu-link-hover-color)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderMenuLink--sizeS:hover{background:transparent;text-decoration:underline;transform:translateX(var(--navigation-header-menu-link-gap-s))}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderMenuLink--sizeS:hover .arc-NavigationHeaderMenuLink-icon{transform:translateX(var(--navigation-header-menu-link-gap-m))}}@media (min-width:768px){.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderMenuLink--sizeL .arc-NavigationHeaderMenuLink-text{font:var(--sem-type-tablet-semi-m)}}@media (min-width:1280px){.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderMenuLink--sizeL .arc-NavigationHeaderMenuLink-text{font:var(--sem-type-desktop-semi-m)}}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderCloseButton{background:none;border:none;border-radius:50%;color:inherit;cursor:pointer;flex:0 0 auto;margin:0;outline:none;padding:var(--navigation-header-close-button-padding)}@media (hover:hover){.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderCloseButton:hover{background:var(--navigation-header-close-button-hover-background);color:var(--navigation-header-close-button-hover-color)}}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderCloseButton:focus-visible{background:var(--navigation-header-close-button-focus-background);outline:var(--focus-border-weight-s) solid var(--navigation-header-close-button-focus-outline-color)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeaderCloseButton:active{background:var(--navigation-header-close-button-pressed-background)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeader-inner{align-items:center;display:flex;height:var(--navigation-header-height-s)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeader-leftSlot{align-items:center;display:flex;flex:0 0 auto}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeader-navSlot{align-items:center;display:flex;flex:1 1 auto;gap:var(--sem-space-gap-40)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeader-middleSlot{flex:1 1 auto;width:100%}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeader-rightSlot{flex:0 0 auto;padding-left:var(--sem-space-padding-110)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeader-burgerMenuSlot{padding-left:var(--sem-space-padding-40)}@media (min-width:636px){.arc-v12-0-0-beta-22 .arc .arc-NavigationHeader-leftSlot{margin-right:var(--sem-space-gap-70)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeader-inner{height:var(--navigation-header-height-m);padding:0 var(--sem-space-padding-40) 0 0}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeader-burgerMenuSlot{padding-left:var(--sem-space-padding-70)}}@media (min-width:1440px){.arc-v12-0-0-beta-22 .arc .arc-NavigationHeader-leftSlot{margin-right:var(--sem-space-gap-110)}.arc-v12-0-0-beta-22 .arc .arc-NavigationHeader-inner{height:var(--navigation-header-height-l);padding:0 var(--sem-space-padding-60) 0 0}}
package/lib/Pagination/styles.css CHANGED
@@ -1 +1 @@
1
- .arc-v12-0-0-beta-20 .arc .arc-Pagination{align-items:center;display:flex;flex-wrap:nowrap}.arc-v12-0-0-beta-20 .arc .arc-Pagination-pageNumberContainer{display:flex;flex-wrap:nowrap}.arc-v12-0-0-beta-20 .arc .arc-Pagination-navigationButton{align-items:center;background:transparent;border:none;border-radius:var(--pagination-border-radius-m);color:var(--pagination-colors-light-fg-default);cursor:pointer;display:flex;height:var(--pagination-size-m);justify-content:center;line-height:0;margin:0;outline:none;padding:0;width:var(--pagination-size-m)}.arc-v12-0-0-beta-20 .arc .arc-Pagination--onDarkSurface .arc-Pagination-navigationButton{color:var(--pagination-colors-dark-fg-default)}.arc-v12-0-0-beta-20 .arc .arc-Pagination-navigationButtonIcon--left{margin-left:-2px}.arc-v12-0-0-beta-20 .arc .arc-Pagination-navigationButtonIcon--right{margin-right:-2px}.arc-v12-0-0-beta-20 .arc .arc-Pagination-navigationButton--hidden{visibility:hidden}.arc-v12-0-0-beta-20 .arc .arc-Pagination-navigationButton:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc-v12-0-0-beta-20 .arc .arc-Pagination-value--number{background:transparent;border:none;color:inherit;cursor:pointer;font:var(--sem-type-interface-reg-s);outline:none;padding:0}.arc-v12-0-0-beta-20 .arc .arc-Pagination-value--number:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc-v12-0-0-beta-20 .arc .arc-Pagination .arc-Pagination-value--number:active{background-color:var(--pagination-colors-light-bg-pressed);color:var(--pagination-colors-light-text-default)}.arc-v12-0-0-beta-20 .arc .arc-Pagination-value{align-items:center;border-radius:var(--pagination-border-radius-m);display:flex;height:var(--pagination-size-m);justify-content:center;width:var(--pagination-size-m)}@media (hover:hover){.arc-v12-0-0-beta-20 .arc .arc-Pagination-navigationButton:hover,.arc-v12-0-0-beta-20 .arc .arc-Pagination-value--number:not(.arc-Pagination-value--selected):hover{background-color:var(--pagination-colors-light-bg-hover);color:var(--pagination-colors-light-text-default)}}.arc-v12-0-0-beta-20 .arc .arc-Pagination-value--selected{background-color:var(--pagination-colors-light-bg-selected);color:var(--pagination-colors-light-text-default)}@media (min-width: 768px){.arc-v12-0-0-beta-20 .arc .arc-Pagination-value{margin:0 calc(var(--pagination-gap-m) / 2)}.arc-v12-0-0-beta-20 .arc .arc-Pagination-pageNumberContainer{display:flex;flex-wrap:nowrap;margin:0 calc(var(--pagination-gap-m) / 2)}}
1
+ .arc-v12-0-0-beta-22 .arc .arc-Pagination{align-items:center;display:flex;flex-wrap:nowrap}.arc-v12-0-0-beta-22 .arc .arc-Pagination-pageNumberContainer{display:flex;flex-wrap:nowrap}.arc-v12-0-0-beta-22 .arc .arc-Pagination-navigationButton{align-items:center;background:transparent;border:none;border-radius:var(--pagination-border-radius-m);color:var(--pagination-colors-light-fg-default);cursor:pointer;display:flex;height:var(--pagination-size-m);justify-content:center;line-height:0;margin:0;outline:none;padding:0;width:var(--pagination-size-m)}.arc-v12-0-0-beta-22 .arc .arc-Pagination--onDarkSurface .arc-Pagination-navigationButton{color:var(--pagination-colors-dark-fg-default)}.arc-v12-0-0-beta-22 .arc .arc-Pagination-navigationButtonIcon--left{margin-left:-2px}.arc-v12-0-0-beta-22 .arc .arc-Pagination-navigationButtonIcon--right{margin-right:-2px}.arc-v12-0-0-beta-22 .arc .arc-Pagination-navigationButton--hidden{visibility:hidden}.arc-v12-0-0-beta-22 .arc .arc-Pagination-navigationButton:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc-v12-0-0-beta-22 .arc .arc-Pagination-value--number{background:transparent;border:none;color:inherit;cursor:pointer;font:var(--sem-type-interface-reg-s);outline:none;padding:0}.arc-v12-0-0-beta-22 .arc .arc-Pagination-value--number:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc-v12-0-0-beta-22 .arc .arc-Pagination .arc-Pagination-value--number:active{background-color:var(--pagination-colors-light-bg-pressed);color:var(--pagination-colors-light-text-default)}.arc-v12-0-0-beta-22 .arc .arc-Pagination-value{align-items:center;border-radius:var(--pagination-border-radius-m);display:flex;height:var(--pagination-size-m);justify-content:center;width:var(--pagination-size-m)}@media (hover:hover){.arc-v12-0-0-beta-22 .arc .arc-Pagination-navigationButton:hover,.arc-v12-0-0-beta-22 .arc .arc-Pagination-value--number:not(.arc-Pagination-value--selected):hover{background-color:var(--pagination-colors-light-bg-hover);color:var(--pagination-colors-light-text-default)}}.arc-v12-0-0-beta-22 .arc .arc-Pagination-value--selected{background-color:var(--pagination-colors-light-bg-selected);color:var(--pagination-colors-light-text-default)}@media (min-width: 768px){.arc-v12-0-0-beta-22 .arc .arc-Pagination-value{margin:0 calc(var(--pagination-gap-m) / 2)}.arc-v12-0-0-beta-22 .arc .arc-Pagination-pageNumberContainer{display:flex;flex-wrap:nowrap;margin:0 calc(var(--pagination-gap-m) / 2)}}
package/lib/PaginationSimple/styles.css CHANGED
@@ -1 +1 @@
1
- .arc-v12-0-0-beta-20 .arc .arc-PaginationSimple{width:100%}.arc-v12-0-0-beta-20 .arc .arc-PaginationSimple-list{align-items:center;display:flex;list-style:none;margin:0;padding:0;width:100%}.arc-v12-0-0-beta-20 .arc .arc-PaginationSimple--centered .arc-PaginationSimple-list{justify-content:center}.arc-v12-0-0-beta-20 .arc .arc-PaginationSimple-navigationButton{align-items:center;background:transparent;border:none;color:var(--pagination-colors-light-text-strong);cursor:pointer;display:flex;font:var(--sem-type-interface-reg-s);margin:0;outline:none;padding:0;text-decoration:none;width:-moz-max-content;width:max-content}.arc-v12-0-0-beta-20 .arc .arc-PaginationSimple-iconContainer{align-items:center;border-radius:50%;display:flex}.arc-v12-0-0-beta-20 .arc .arc-PaginationSimple-navigationButton .arc-PaginationSimple-iconContainer{color:var(--pagination-colors-light-fg-default)}.arc-v12-0-0-beta-20 .arc .arc-PaginationSimple-navigationButton:focus-visible .arc-PaginationSimple-iconContainer{border-radius:100%;outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle)}.arc-v12-0-0-beta-20 .arc .arc-PaginationSimple-listItem{align-items:center;display:flex;gap:var(--pagination-gap-m)}.arc-v12-0-0-beta-20 .arc .arc-PaginationSimple-listItemEllipsis{margin:0 calc(var(--pagination-gap-s) * 2)}.arc-v12-0-0-beta-20 .arc .arc-PaginationSimple-listItem:first-child{margin-right:calc(var(--pagination-gap-s) * 2.5)}.arc-v12-0-0-beta-20 .arc .arc-PaginationSimple-listItem:last-child{margin-left:calc(var(--pagination-gap-s) * 2.5)}.arc-v12-0-0-beta-20 .arc .arc-PaginationSimple--fluid .arc-PaginationSimple-listItem:first-child{flex-grow:1}.arc-v12-0-0-beta-20 .arc .arc-PaginationSimple--fluid .arc-PaginationSimple-listItemEllipsis{flex-grow:1}.arc-v12-0-0-beta-20 .arc .arc-PaginationSimple-prevText{margin-left:var(--pagination-gap-s)}.arc-v12-0-0-beta-20 .arc .arc-PaginationSimple-nextText{margin-right:var(--pagination-gap-s)}.arc-v12-0-0-beta-20 .arc .arc-PaginationSimple--fluid .arc-PaginationSimple-navigationButton--hidden{visibility:hidden}.arc-v12-0-0-beta-20 .arc .arc-PaginationSimple--centered .arc-PaginationSimple-navigationButton--hidden,.arc-v12-0-0-beta-20 .arc .arc-PaginationSimple-listItemEllipsis--hidden{display:none}.arc-v12-0-0-beta-20 .arc .arc-PaginationSimple-iconContainer--left>:first-child{position:relative;right:1px}.arc-v12-0-0-beta-20 .arc .arc-PaginationSimple-iconContainer--right>:first-child{left:1px;position:relative}@media (hover:hover){.arc-v12-0-0-beta-20 .arc .arc-PaginationSimple-navigationButton:hover .arc-PaginationSimple-iconContainer{background-color:var(--pagination-colors-light-bg-hover);color:var(--pagination-colors-light-text-default)}}.arc-v12-0-0-beta-20 .arc .arc-PaginationSimple-navigationButton:active .arc-PaginationSimple-iconContainer{background-color:var(--pagination-colors-light-bg-pressed);color:var(--pagination-colors-light-text-default)}.arc-v12-0-0-beta-20 .arc .arc-PaginationSimple-navigationButton:focus-visible{outline:none}
1
+ .arc-v12-0-0-beta-22 .arc .arc-PaginationSimple{width:100%}.arc-v12-0-0-beta-22 .arc .arc-PaginationSimple-list{align-items:center;display:flex;list-style:none;margin:0;padding:0;width:100%}.arc-v12-0-0-beta-22 .arc .arc-PaginationSimple--centered .arc-PaginationSimple-list{justify-content:center}.arc-v12-0-0-beta-22 .arc .arc-PaginationSimple-navigationButton{align-items:center;background:transparent;border:none;color:var(--pagination-colors-light-text-strong);cursor:pointer;display:flex;font:var(--sem-type-interface-reg-s);margin:0;outline:none;padding:0;text-decoration:none;width:-moz-max-content;width:max-content}.arc-v12-0-0-beta-22 .arc .arc-PaginationSimple-iconContainer{align-items:center;border-radius:50%;display:flex}.arc-v12-0-0-beta-22 .arc .arc-PaginationSimple-navigationButton .arc-PaginationSimple-iconContainer{color:var(--pagination-colors-light-fg-default)}.arc-v12-0-0-beta-22 .arc .arc-PaginationSimple-navigationButton:focus-visible .arc-PaginationSimple-iconContainer{border-radius:100%;outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle)}.arc-v12-0-0-beta-22 .arc .arc-PaginationSimple-listItem{align-items:center;display:flex;gap:var(--pagination-gap-m)}.arc-v12-0-0-beta-22 .arc .arc-PaginationSimple-listItemEllipsis{margin:0 calc(var(--pagination-gap-s) * 2)}.arc-v12-0-0-beta-22 .arc .arc-PaginationSimple-listItem:first-child{margin-right:calc(var(--pagination-gap-s) * 2.5)}.arc-v12-0-0-beta-22 .arc .arc-PaginationSimple-listItem:last-child{margin-left:calc(var(--pagination-gap-s) * 2.5)}.arc-v12-0-0-beta-22 .arc .arc-PaginationSimple--fluid .arc-PaginationSimple-listItem:first-child{flex-grow:1}.arc-v12-0-0-beta-22 .arc .arc-PaginationSimple--fluid .arc-PaginationSimple-listItemEllipsis{flex-grow:1}.arc-v12-0-0-beta-22 .arc .arc-PaginationSimple-prevText{margin-left:var(--pagination-gap-s)}.arc-v12-0-0-beta-22 .arc .arc-PaginationSimple-nextText{margin-right:var(--pagination-gap-s)}.arc-v12-0-0-beta-22 .arc .arc-PaginationSimple--fluid .arc-PaginationSimple-navigationButton--hidden{visibility:hidden}.arc-v12-0-0-beta-22 .arc .arc-PaginationSimple--centered .arc-PaginationSimple-navigationButton--hidden,.arc-v12-0-0-beta-22 .arc .arc-PaginationSimple-listItemEllipsis--hidden{display:none}.arc-v12-0-0-beta-22 .arc .arc-PaginationSimple-iconContainer--left>:first-child{position:relative;right:1px}.arc-v12-0-0-beta-22 .arc .arc-PaginationSimple-iconContainer--right>:first-child{left:1px;position:relative}@media (hover:hover){.arc-v12-0-0-beta-22 .arc .arc-PaginationSimple-navigationButton:hover .arc-PaginationSimple-iconContainer{background-color:var(--pagination-colors-light-bg-hover);color:var(--pagination-colors-light-text-default)}}.arc-v12-0-0-beta-22 .arc .arc-PaginationSimple-navigationButton:active .arc-PaginationSimple-iconContainer{background-color:var(--pagination-colors-light-bg-pressed);color:var(--pagination-colors-light-text-default)}.arc-v12-0-0-beta-22 .arc .arc-PaginationSimple-navigationButton:focus-visible{outline:none}
package/lib/Popover/Popover.cjs CHANGED
@@ -1,38 +1,21 @@
1
1
  'use client';
2
2
  'use strict';
3
3
 
4
- var filterAttrs = require('../_shared/cjs/filter-attrs-eK6E_34o.cjs');
5
- var React = require('react');
6
- var index$2 = require('../_shared/cjs/index-CTlXMLug.cjs');
7
- var index$1 = require('../_shared/cjs/index-CaO6cOF0.cjs');
8
- var index = require('../_shared/cjs/index-DXNM3D1d.cjs');
9
- var Surface = require('../_shared/cjs/Surface-BFx1yNsq.cjs');
4
+ var Popover = require('../_shared/cjs/Popover-C5mmMkYU.cjs');
5
+ require('../_shared/cjs/filter-attrs-eK6E_34o.cjs');
6
+ require('react');
7
+ require('../_shared/cjs/index-CTlXMLug.cjs');
8
+ require('../_shared/cjs/index-CaO6cOF0.cjs');
10
9
  require('../_shared/cjs/Combination-B-rSVLfT.cjs');
10
+ require('../_shared/cjs/index-DXNM3D1d.cjs');
11
11
  require('react/jsx-runtime');
12
12
  require('react-dom');
13
13
  require('../_shared/cjs/index-Bt7hfZBc.cjs');
14
14
  require('../_shared/cjs/index-B11wQrRa.cjs');
15
15
  require('../_shared/cjs/index-Dv1xvB_E.cjs');
16
+ require('../_shared/cjs/Surface-BFx1yNsq.cjs');
16
17
  require('../_shared/cjs/index-DR8Rkav9.cjs');
17
18
 
18
- /** Use `Popover` to display content in a portal, triggered by a button. */
19
- var Popover = function (_a) {
20
- var align = _a.align, _b = _a.arrow, arrow = _b === void 0 ? true : _b, _c = _a.background, background = _c === void 0 ? "light" : _c, children = _a.children, content = _a.content, _d = _a.asChild, asChild = _d === void 0 ? false : _d, _e = _a.maxWidth, maxWidth = _e === void 0 ? 452 : _e, onCloseAutoFocus = _a.onCloseAutoFocus, onEscapeKeyDown = _a.onEscapeKeyDown, onFocusOutside = _a.onFocusOutside, onInteractOutside = _a.onInteractOutside, onOpenAutoFocus = _a.onOpenAutoFocus, onPointerDownOutside = _a.onPointerDownOutside, onOpenChange = _a.onOpenChange, open = _a.open, side = _a.side, _f = _a.sideOffset, sideOffset = _f === void 0 ? 0 : _f, _g = _a.zIndex, zIndex = _g === void 0 ? 100 : _g, props = filterAttrs.__rest(_a, ["align", "arrow", "background", "children", "content", "asChild", "maxWidth", "onCloseAutoFocus", "onEscapeKeyDown", "onFocusOutside", "onInteractOutside", "onOpenAutoFocus", "onPointerDownOutside", "onOpenChange", "open", "side", "sideOffset", "zIndex"]);
21
- var _h = index.useThemeElement(), themeElement = _h[0], setThemeElement = _h[1];
22
- return (React.createElement("div", filterAttrs.__assign({ className: "arc-Popover" }, filterAttrs.filterAttrs(props)),
23
- React.createElement(index$1.Root2, { open: open, onOpenChange: onOpenChange },
24
- React.createElement(index$1.Trigger, { asChild: asChild, className: "arc-Popover-trigger" }, children),
25
- React.createElement("div", { ref: setThemeElement },
26
- React.createElement(index$1.Portal, { container: themeElement },
27
- React.createElement("div", { "data-cy": "z-index", style: { position: "absolute", zIndex: zIndex } },
28
- React.createElement(index$1.Content2, { side: side, sideOffset: sideOffset, align: align, alignOffset: align === "start" ? -16 : align === "end" ? -16 : undefined, onOpenAutoFocus: onOpenAutoFocus, onCloseAutoFocus: onCloseAutoFocus, onEscapeKeyDown: onEscapeKeyDown, onPointerDownOutside: onPointerDownOutside, onFocusOutside: onFocusOutside, onInteractOutside: onInteractOutside },
29
- React.createElement(Surface.Surface, { isTransparent: true, background: background === "light" ? "light-white" : "dark-black" },
30
- React.createElement("div", { className: index$2.classNames("arc-Popover-content", {
31
- "arc-Popover-content--dark": background === "dark",
32
- "arc-Popover-content--brand": background === "brand",
33
- }), style: { maxWidth: maxWidth }, "aria-labelledby": "popover-content" },
34
- content && (React.createElement("div", { className: "arc-Popover-contentNodeItem", id: "popover-content" }, content)),
35
- arrow && (React.createElement(index$1.PopoverArrow, { className: "arc-Popover-arrow" })))))))))));
36
- };
37
19
 
38
- exports.Popover = Popover;
20
+
21
+ exports.Popover = Popover.Popover;
package/lib/Popover/Popover.mjs CHANGED
@@ -1,36 +1,15 @@
1
1
  'use client';
2
- import { _ as __rest, a as __assign, f as filterAttrs } from '../_shared/esm/filter-attrs-B6CM-NUr.mjs';
3
- import React__default from 'react';
4
- import { c as classNames } from '../_shared/esm/index-5C0-U8cc.mjs';
5
- import { R as Root2, T as Trigger, P as Portal, C as Content2, a as PopoverArrow } from '../_shared/esm/index-CxrL7jIX.mjs';
6
- import { e as useThemeElement } from '../_shared/esm/index-Bz2JQq34.mjs';
7
- import { S as Surface } from '../_shared/esm/Surface-Colbp3Zx.mjs';
2
+ export { P as Popover } from '../_shared/esm/Popover-8FfvgL4c.mjs';
3
+ import '../_shared/esm/filter-attrs-B6CM-NUr.mjs';
4
+ import 'react';
5
+ import '../_shared/esm/index-5C0-U8cc.mjs';
6
+ import '../_shared/esm/index-CxrL7jIX.mjs';
8
7
  import '../_shared/esm/Combination-BpO6XTeS.mjs';
8
+ import '../_shared/esm/index-Bz2JQq34.mjs';
9
9
  import 'react/jsx-runtime';
10
10
  import 'react-dom';
11
11
  import '../_shared/esm/index-DLovItWo.mjs';
12
12
  import '../_shared/esm/index-CWHcEz3_.mjs';
13
13
  import '../_shared/esm/index-DXTwueLZ.mjs';
14
+ import '../_shared/esm/Surface-Colbp3Zx.mjs';
14
15
  import '../_shared/esm/index-Spae4j7j.mjs';
15
-
16
- /** Use `Popover` to display content in a portal, triggered by a button. */
17
- var Popover = function (_a) {
18
- var align = _a.align, _b = _a.arrow, arrow = _b === void 0 ? true : _b, _c = _a.background, background = _c === void 0 ? "light" : _c, children = _a.children, content = _a.content, _d = _a.asChild, asChild = _d === void 0 ? false : _d, _e = _a.maxWidth, maxWidth = _e === void 0 ? 452 : _e, onCloseAutoFocus = _a.onCloseAutoFocus, onEscapeKeyDown = _a.onEscapeKeyDown, onFocusOutside = _a.onFocusOutside, onInteractOutside = _a.onInteractOutside, onOpenAutoFocus = _a.onOpenAutoFocus, onPointerDownOutside = _a.onPointerDownOutside, onOpenChange = _a.onOpenChange, open = _a.open, side = _a.side, _f = _a.sideOffset, sideOffset = _f === void 0 ? 0 : _f, _g = _a.zIndex, zIndex = _g === void 0 ? 100 : _g, props = __rest(_a, ["align", "arrow", "background", "children", "content", "asChild", "maxWidth", "onCloseAutoFocus", "onEscapeKeyDown", "onFocusOutside", "onInteractOutside", "onOpenAutoFocus", "onPointerDownOutside", "onOpenChange", "open", "side", "sideOffset", "zIndex"]);
19
- var _h = useThemeElement(), themeElement = _h[0], setThemeElement = _h[1];
20
- return (React__default.createElement("div", __assign({ className: "arc-Popover" }, filterAttrs(props)),
21
- React__default.createElement(Root2, { open: open, onOpenChange: onOpenChange },
22
- React__default.createElement(Trigger, { asChild: asChild, className: "arc-Popover-trigger" }, children),
23
- React__default.createElement("div", { ref: setThemeElement },
24
- React__default.createElement(Portal, { container: themeElement },
25
- React__default.createElement("div", { "data-cy": "z-index", style: { position: "absolute", zIndex: zIndex } },
26
- React__default.createElement(Content2, { side: side, sideOffset: sideOffset, align: align, alignOffset: align === "start" ? -16 : align === "end" ? -16 : undefined, onOpenAutoFocus: onOpenAutoFocus, onCloseAutoFocus: onCloseAutoFocus, onEscapeKeyDown: onEscapeKeyDown, onPointerDownOutside: onPointerDownOutside, onFocusOutside: onFocusOutside, onInteractOutside: onInteractOutside },
27
- React__default.createElement(Surface, { isTransparent: true, background: background === "light" ? "light-white" : "dark-black" },
28
- React__default.createElement("div", { className: classNames("arc-Popover-content", {
29
- "arc-Popover-content--dark": background === "dark",
30
- "arc-Popover-content--brand": background === "brand",
31
- }), style: { maxWidth: maxWidth }, "aria-labelledby": "popover-content" },
32
- content && (React__default.createElement("div", { className: "arc-Popover-contentNodeItem", id: "popover-content" }, content)),
33
- arrow && (React__default.createElement(PopoverArrow, { className: "arc-Popover-arrow" })))))))))));
34
- };
35
-
36
- export { Popover };
package/lib/Popover/styles.css CHANGED
@@ -1 +1 @@
1
- .arc-v12-0-0-beta-20 .arc .arc-Popover-content{background:var(--popover-colors-light-bg-default);border:var(--popover-border-width) solid var(--popover-colors-light-border);border-radius:var(--popover-border-radius);box-shadow:var(--elevation-01);outline:none;overflow:hidden;padding:16px}.arc-v12-0-0-beta-20 .arc .arc-Popover-arrow{background:var(--popover-colors-light-bg-default);border-bottom:var(--popover-border-width) solid var(--popover-colors-light-border);border-bottom-right-radius:1px;border-right:var(--popover-border-width) solid var(--popover-colors-light-border);fill:none;height:11.31px;position:relative;transform:translate(0,-52%) rotate(45deg);width:11.31px}.arc-v12-0-0-beta-20 .arc .arc-Popover-content:not(:focus-visible){outline:none}.arc-v12-0-0-beta-20 .arc .arc-Popover-content--dark,.arc-v12-0-0-beta-20 .arc .arc-Popover-content--dark .arc-Popover-arrow{background:var(--popover-colors-dark-bg-default);border-color:var(--popover-colors-dark-border)}.arc-v12-0-0-beta-20 .arc .arc-Popover-content--brand,.arc-v12-0-0-beta-20 .arc .arc-Popover-content--brand .arc-Popover-arrow{background:var(--popover-colors-brand-bg-default);border-color:var(--popover-colors-brand-border)}.arc-v12-0-0-beta-20 .arc .arc-Popover-trigger{all:unset;cursor:pointer}.arc-v12-0-0-beta-20 .arc .arc-Popover-trigger:focus-visible{outline:2px solid var(--focus-colors-light-border-subtle);outline-offset:2px}
1
+ .arc-v12-0-0-beta-22 .arc .arc-Popover{line-height:1}.arc-v12-0-0-beta-22 .arc .arc-Popover-content{background:var(--popover-colors-light-bg-default);border:var(--popover-border-width) solid var(--popover-colors-light-border);border-radius:var(--popover-border-radius);box-shadow:var(--elevation-01);outline:none;overflow:hidden;padding:16px}.arc-v12-0-0-beta-22 .arc .arc-Popover-anchor{width:-moz-max-content;width:max-content}.arc-v12-0-0-beta-22 .arc .arc-Popover-arrow{background:var(--popover-colors-light-bg-default);border-bottom:var(--popover-border-width) solid var(--popover-colors-light-border);border-bottom-right-radius:1px;border-right:var(--popover-border-width) solid var(--popover-colors-light-border);fill:none;height:11.31px;position:relative;transform:translate(0,-52%) rotate(45deg);width:11.31px}.arc-v12-0-0-beta-22 .arc .arc-Popover-content:not(:focus-visible){outline:none}.arc-v12-0-0-beta-22 .arc .arc-Popover-content--dark,.arc-v12-0-0-beta-22 .arc .arc-Popover-content--dark .arc-Popover-arrow{background:var(--popover-colors-dark-bg-default);border-color:var(--popover-colors-dark-border)}.arc-v12-0-0-beta-22 .arc .arc-Popover-content--brand,.arc-v12-0-0-beta-22 .arc .arc-Popover-content--brand .arc-Popover-arrow{background:var(--popover-colors-brand-bg-default);border-color:var(--popover-colors-brand-border)}.arc-v12-0-0-beta-22 .arc .arc-Popover-trigger{all:unset;cursor:pointer}.arc-v12-0-0-beta-22 .arc .arc-Popover-trigger:focus-visible{outline:2px solid var(--focus-colors-light-border-subtle);outline-offset:2px}
package/lib/Poster/styles.css CHANGED
@@ -1 +1 @@
1
- :root{--arc-poster-linear-gradient-scrim-left-light:linear-gradient(to left,transparent 0%,rgba(255,255,255,0.002) 0.4%,rgba(255,255,255,0.008) 0.8%,rgba(255,255,255,0.021) 4.8%,rgba(255,255,255,0.042) 9%,rgba(255,255,255,0.075) 13.9%,rgba(255,255,255,0.126) 19.8%,rgba(255,255,255,0.25) 27%,rgba(255,255,255,0.53) 35%,rgba(255,255,255,0.75) 43.5%,rgba(255,255,255,0.85) 53%,rgba(255,255,255,0.9) 66%,rgba(255,255,255,0.93) 81%,rgba(255,255,255,0.96) 100%);--arc-poster-overlay-light:linear-gradient(to left,rgba(255,255,255,0.541) 0%,rgba(255,255,255,0.541) 100%);--arc-poster-linear-gradient-scrim-left-dark:linear-gradient(to left,transparent 0%,rgba(85,20,180,0.002) 0.4%,rgba(85,20,180,0.008) 0.8%,rgba(85,20,180,0.021) 4.8%,rgba(85,20,180,0.042) 9%,rgba(85,20,180,0.075) 13.9%,rgba(85,20,180,0.126) 19.8%,rgba(85,20,180,0.19399999999999998) 27%,rgba(85,20,180,0.278) 35%,rgba(85,20,180,0.382) 43.5%,rgba(85,20,180,0.541) 53%,rgba(85,20,180,0.738) 66%,rgba(42,28,74,0.9) 81%,rgba(42,28,74,0.9) 100%);--arc-poster-overlay-dark:linear-gradient(to left,rgba(42,28,74,0.382) 0%,rgba(42,28,74,0.382) 100%)}.arc-v12-0-0-beta-20 .arc .arc-Poster{position:relative}.arc .arc-Poster-body{position:relative;z-index:1}.arc-v12-0-0-beta-20 .arc .arc-Poster-backgroundWrapper{bottom:0;display:block;left:0;overflow:hidden;position:absolute;right:0;top:0}.arc-v12-0-0-beta-20 .arc .arc-Poster--overlay{position:relative}.arc-v12-0-0-beta-20 .arc .arc-Poster--overlay::after{background-image:var(--arc-poster-overlay-dark);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.arc-v12-0-0-beta-20 .arc .arc-Poster--overlayLight::after{background-image:var(--arc-poster-overlay-light)}@media (min-width:768px){.arc-v12-0-0-beta-20 .arc .arc-Poster--overlay::after{background-image:var(--arc-poster-linear-gradient-scrim-left-dark)}.arc-v12-0-0-beta-20 .arc .arc-Poster--overlayLight::after{background-image:var(--arc-poster-linear-gradient-scrim-left-light)}}.arc-v12-0-0-beta-20 .arc .arc-PosterVideo{height:100%;width:100%}@supports (object-fit:cover) and (object-position:50% 50%){.arc-v12-0-0-beta-20 .arc .arc-PosterVideo{object-fit:cover;visibility:visible}.arc-v12-0-0-beta-20 .arc .arc-PosterVideo--anchorN{object-position:50% 0}.arc-v12-0-0-beta-20 .arc .arc-PosterVideo--anchorNE{object-position:100% 0}.arc-v12-0-0-beta-20 .arc .arc-PosterVideo--anchorE{object-position:100% 50%}.arc-v12-0-0-beta-20 .arc .arc-PosterVideo--anchorSE{object-position:100% 100%}.arc-v12-0-0-beta-20 .arc .arc-PosterVideo--anchorS{object-position:50% 100%}.arc-v12-0-0-beta-20 .arc .arc-PosterVideo--anchorSW{object-position:0 100%}.arc-v12-0-0-beta-20 .arc .arc-PosterVideo--anchorW{object-position:0 50%}.arc-v12-0-0-beta-20 .arc .arc-PosterVideo--anchorNW{object-position:0 0}.arc-v12-0-0-beta-20 .arc .arc-PosterVideo--anchorC{object-position:50% 50%}}.arc-v12-0-0-beta-20 .arc .arc-Poster--overlay:not(.arc-Poster--overlayLight)::after{background-image:var(--arc-poster-overlay-dark)}@media (min-width:768px){.arc-v12-0-0-beta-20 .arc .arc-Poster--overlay:not(.arc-Poster--overlayLight)::after{background-image:var(--arc-poster-linear-gradient-scrim-left-dark)}}
1
+ :root{--arc-poster-linear-gradient-scrim-left-light:linear-gradient(to left,transparent 0%,rgba(255,255,255,0.002) 0.4%,rgba(255,255,255,0.008) 0.8%,rgba(255,255,255,0.021) 4.8%,rgba(255,255,255,0.042) 9%,rgba(255,255,255,0.075) 13.9%,rgba(255,255,255,0.126) 19.8%,rgba(255,255,255,0.25) 27%,rgba(255,255,255,0.53) 35%,rgba(255,255,255,0.75) 43.5%,rgba(255,255,255,0.85) 53%,rgba(255,255,255,0.9) 66%,rgba(255,255,255,0.93) 81%,rgba(255,255,255,0.96) 100%);--arc-poster-overlay-light:linear-gradient(to left,rgba(255,255,255,0.541) 0%,rgba(255,255,255,0.541) 100%);--arc-poster-linear-gradient-scrim-left-dark:linear-gradient(to left,transparent 0%,rgba(85,20,180,0.002) 0.4%,rgba(85,20,180,0.008) 0.8%,rgba(85,20,180,0.021) 4.8%,rgba(85,20,180,0.042) 9%,rgba(85,20,180,0.075) 13.9%,rgba(85,20,180,0.126) 19.8%,rgba(85,20,180,0.19399999999999998) 27%,rgba(85,20,180,0.278) 35%,rgba(85,20,180,0.382) 43.5%,rgba(85,20,180,0.541) 53%,rgba(85,20,180,0.738) 66%,rgba(42,28,74,0.9) 81%,rgba(42,28,74,0.9) 100%);--arc-poster-overlay-dark:linear-gradient(to left,rgba(42,28,74,0.382) 0%,rgba(42,28,74,0.382) 100%)}.arc-v12-0-0-beta-22 .arc .arc-Poster{position:relative}.arc .arc-Poster-body{position:relative;z-index:1}.arc-v12-0-0-beta-22 .arc .arc-Poster-backgroundWrapper{bottom:0;display:block;left:0;overflow:hidden;position:absolute;right:0;top:0}.arc-v12-0-0-beta-22 .arc .arc-Poster--overlay{position:relative}.arc-v12-0-0-beta-22 .arc .arc-Poster--overlay::after{background-image:var(--arc-poster-overlay-dark);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.arc-v12-0-0-beta-22 .arc .arc-Poster--overlayLight::after{background-image:var(--arc-poster-overlay-light)}@media (min-width:768px){.arc-v12-0-0-beta-22 .arc .arc-Poster--overlay::after{background-image:var(--arc-poster-linear-gradient-scrim-left-dark)}.arc-v12-0-0-beta-22 .arc .arc-Poster--overlayLight::after{background-image:var(--arc-poster-linear-gradient-scrim-left-light)}}.arc-v12-0-0-beta-22 .arc .arc-PosterVideo{height:100%;width:100%}@supports (object-fit:cover) and (object-position:50% 50%){.arc-v12-0-0-beta-22 .arc .arc-PosterVideo{object-fit:cover;visibility:visible}.arc-v12-0-0-beta-22 .arc .arc-PosterVideo--anchorN{object-position:50% 0}.arc-v12-0-0-beta-22 .arc .arc-PosterVideo--anchorNE{object-position:100% 0}.arc-v12-0-0-beta-22 .arc .arc-PosterVideo--anchorE{object-position:100% 50%}.arc-v12-0-0-beta-22 .arc .arc-PosterVideo--anchorSE{object-position:100% 100%}.arc-v12-0-0-beta-22 .arc .arc-PosterVideo--anchorS{object-position:50% 100%}.arc-v12-0-0-beta-22 .arc .arc-PosterVideo--anchorSW{object-position:0 100%}.arc-v12-0-0-beta-22 .arc .arc-PosterVideo--anchorW{object-position:0 50%}.arc-v12-0-0-beta-22 .arc .arc-PosterVideo--anchorNW{object-position:0 0}.arc-v12-0-0-beta-22 .arc .arc-PosterVideo--anchorC{object-position:50% 50%}}.arc-v12-0-0-beta-22 .arc .arc-Poster--overlay:not(.arc-Poster--overlayLight)::after{background-image:var(--arc-poster-overlay-dark)}@media (min-width:768px){.arc-v12-0-0-beta-22 .arc .arc-Poster--overlay:not(.arc-Poster--overlayLight)::after{background-image:var(--arc-poster-linear-gradient-scrim-left-dark)}}
package/lib/ProgressBar/styles.css CHANGED
@@ -1 +1 @@
1
- .arc-v12-0-0-beta-20 .arc .arc-ProgressBar-container{margin:var(--progress-bar-gap-m) 0 0}.arc-v12-0-0-beta-20 .arc .arc-ProgressBar-outerBar{background:var(--progress-bar-colors-light-bg-default-alt);border-radius:20px;height:var(--progress-bar-size-s);overflow:hidden}.arc-v12-0-0-beta-20 .arc .arc-ProgressBar-description{margin:var(--progress-bar-gap-m) 0 0}.arc-v12-0-0-beta-20 .arc .arc-ProgressBar-bar{height:100%}.arc-v12-0-0-beta-20 .arc .arc-ProgressBar-titleDisplayValueContainer{align-items:flex-end;display:flex}.arc-v12-0-0-beta-20 .arc .arc-ProgressBar-titleContainer{flex:1 1 auto}.arc-v12-0-0-beta-20 .arc .arc-ProgressBar-displayValueContainer{flex:0 1 auto}.arc-v12-0-0-beta-20 .arc .arc-ProgressBar-actionContainer{align-items:center;display:flex}.arc-v12-0-0-beta-20 .arc .arc-ProgressBar-actionButton{background:transparent;border:none;cursor:pointer;font:inherit;margin:0;outline:none;padding:0;position:relative}.arc-v12-0-0-beta-20 .arc .arc-ProgressBar-actionButton:focus-visible::before{border-radius:10px;bottom:calc(0px - 4px);box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-light-border-subtle);content:"";left:calc(0px - 4px);position:absolute;right:calc(0px - 4px);top:calc(0px - 4px)}.arc-v12-0-0-beta-20 .arc .arc-ProgressBar-actionButton:focus:not(:focus-visible)::before{box-shadow:none}.arc-v12-0-0-beta-20 .arc .arc-ProgressBar--loading .arc-ProgressBar-bar{background:var(--progress-bar-colors-light-fg-default)}.arc-v12-0-0-beta-20 .arc .arc-ProgressBar--loading .arc-ProgressBar-actionButton,.arc-v12-0-0-beta-20 .arc .arc-ProgressBar--loading .arc-ProgressBar-actionIcon{color:var(--progress-bar-colors-light-text-default-alt)}@media (hover:hover){.arc-v12-0-0-beta-20 .arc .arc-ProgressBar--loading .arc-ProgressBar-actionButton:hover,.arc-v12-0-0-beta-20 .arc .arc-ProgressBar--loading .arc-ProgressBar-actionButton:hover .arc-ProgressBar-actionIcon{color:var(--progress-bar-colors-light-text-default-alt-hover)}}.arc-v12-0-0-beta-20 .arc .arc-ProgressBar--error .arc-ProgressBar-bar{background:var(--progress-bar-colors-light-fg-error)}.arc-v12-0-0-beta-20 .arc .arc-ProgressBar--error .arc-ProgressBar-description,.arc-v12-0-0-beta-20 .arc .arc-ProgressBar--error .arc-ProgressBar-actionButton,.arc-v12-0-0-beta-20 .arc .arc-ProgressBar--error .arc-ProgressBar-actionIcon{color:var(--progress-bar-colors-light-text-error)}@media (hover:hover){.arc-v12-0-0-beta-20 .arc .arc-ProgressBar--error .arc-ProgressBar-actionButton:hover,.arc-v12-0-0-beta-20 .arc .arc-ProgressBar--error .arc-ProgressBar-actionButton:hover .arc-ProgressBar-actionIcon{color:var(--progress-bar-colors-light-text-error-hover)}}.arc-v12-0-0-beta-20 .arc .arc-ProgressBar--success .arc-ProgressBar-bar{background:var(--progress-bar-colors-light-bg-success)}.arc-v12-0-0-beta-20 .arc .arc-ProgressBar--success .arc-ProgressBar-actionButton,.arc-v12-0-0-beta-20 .arc .arc-ProgressBar--success .arc-ProgressBar-actionIcon{color:var(--progress-bar-colors-light-text-success)}@media (hover:hover){.arc-v12-0-0-beta-20 .arc .arc-ProgressBar--success .arc-ProgressBar-actionButton:hover,.arc-v12-0-0-beta-20 .arc .arc-ProgressBar--success .arc-ProgressBar-actionButton:hover .arc-ProgressBar-actionIcon{color:var(--progress-bar-colors-light-text-success-hover)}}.arc-v12-0-0-beta-20 .arc .arc-ProgressBar--loading .arc-ProgressBar-bar--indeterminate{animation:indeterminate 2s ease infinite;width:calc(100% / 3)}.arc-v12-0-0-beta-20 .arc .arc-ProgressBar--error .arc-ProgressBar-bar--indeterminate,.arc-v12-0-0-beta-20 .arc .arc-ProgressBar--success .arc-ProgressBar-bar--indeterminate{width:100%}@keyframes indeterminate{from{transform:translateX(-100%)}to{transform:translateX(calc(300%))}}
1
+ .arc-v12-0-0-beta-22 .arc .arc-ProgressBar-container{margin:var(--progress-bar-gap-m) 0 0}.arc-v12-0-0-beta-22 .arc .arc-ProgressBar-outerBar{background:var(--progress-bar-colors-light-bg-default-alt);border-radius:20px;height:var(--progress-bar-size-s);overflow:hidden}.arc-v12-0-0-beta-22 .arc .arc-ProgressBar-description{margin:var(--progress-bar-gap-m) 0 0}.arc-v12-0-0-beta-22 .arc .arc-ProgressBar-bar{height:100%}.arc-v12-0-0-beta-22 .arc .arc-ProgressBar-titleDisplayValueContainer{align-items:flex-end;display:flex}.arc-v12-0-0-beta-22 .arc .arc-ProgressBar-titleContainer{flex:1 1 auto}.arc-v12-0-0-beta-22 .arc .arc-ProgressBar-displayValueContainer{flex:0 1 auto}.arc-v12-0-0-beta-22 .arc .arc-ProgressBar-actionContainer{align-items:center;display:flex}.arc-v12-0-0-beta-22 .arc .arc-ProgressBar-actionButton{background:transparent;border:none;cursor:pointer;font:inherit;margin:0;outline:none;padding:0;position:relative}.arc-v12-0-0-beta-22 .arc .arc-ProgressBar-actionButton:focus-visible::before{border-radius:10px;bottom:calc(0px - 4px);box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-light-border-subtle);content:"";left:calc(0px - 4px);position:absolute;right:calc(0px - 4px);top:calc(0px - 4px)}.arc-v12-0-0-beta-22 .arc .arc-ProgressBar-actionButton:focus:not(:focus-visible)::before{box-shadow:none}.arc-v12-0-0-beta-22 .arc .arc-ProgressBar--loading .arc-ProgressBar-bar{background:var(--progress-bar-colors-light-fg-default)}.arc-v12-0-0-beta-22 .arc .arc-ProgressBar--loading .arc-ProgressBar-actionButton,.arc-v12-0-0-beta-22 .arc .arc-ProgressBar--loading .arc-ProgressBar-actionIcon{color:var(--progress-bar-colors-light-text-default-alt)}@media (hover:hover){.arc-v12-0-0-beta-22 .arc .arc-ProgressBar--loading .arc-ProgressBar-actionButton:hover,.arc-v12-0-0-beta-22 .arc .arc-ProgressBar--loading .arc-ProgressBar-actionButton:hover .arc-ProgressBar-actionIcon{color:var(--progress-bar-colors-light-text-default-alt-hover)}}.arc-v12-0-0-beta-22 .arc .arc-ProgressBar--error .arc-ProgressBar-bar{background:var(--progress-bar-colors-light-fg-error)}.arc-v12-0-0-beta-22 .arc .arc-ProgressBar--error .arc-ProgressBar-description,.arc-v12-0-0-beta-22 .arc .arc-ProgressBar--error .arc-ProgressBar-actionButton,.arc-v12-0-0-beta-22 .arc .arc-ProgressBar--error .arc-ProgressBar-actionIcon{color:var(--progress-bar-colors-light-text-error)}@media (hover:hover){.arc-v12-0-0-beta-22 .arc .arc-ProgressBar--error .arc-ProgressBar-actionButton:hover,.arc-v12-0-0-beta-22 .arc .arc-ProgressBar--error .arc-ProgressBar-actionButton:hover .arc-ProgressBar-actionIcon{color:var(--progress-bar-colors-light-text-error-hover)}}.arc-v12-0-0-beta-22 .arc .arc-ProgressBar--success .arc-ProgressBar-bar{background:var(--progress-bar-colors-light-bg-success)}.arc-v12-0-0-beta-22 .arc .arc-ProgressBar--success .arc-ProgressBar-actionButton,.arc-v12-0-0-beta-22 .arc .arc-ProgressBar--success .arc-ProgressBar-actionIcon{color:var(--progress-bar-colors-light-text-success)}@media (hover:hover){.arc-v12-0-0-beta-22 .arc .arc-ProgressBar--success .arc-ProgressBar-actionButton:hover,.arc-v12-0-0-beta-22 .arc .arc-ProgressBar--success .arc-ProgressBar-actionButton:hover .arc-ProgressBar-actionIcon{color:var(--progress-bar-colors-light-text-success-hover)}}.arc-v12-0-0-beta-22 .arc .arc-ProgressBar--loading .arc-ProgressBar-bar--indeterminate{animation:indeterminate 2s ease infinite;width:calc(100% / 3)}.arc-v12-0-0-beta-22 .arc .arc-ProgressBar--error .arc-ProgressBar-bar--indeterminate,.arc-v12-0-0-beta-22 .arc .arc-ProgressBar--success .arc-ProgressBar-bar--indeterminate{width:100%}@keyframes indeterminate{from{transform:translateX(-100%)}to{transform:translateX(calc(300%))}}
package/lib/ProgressStepper/styles.css CHANGED
@@ -1 +1 @@
1
- .arc-v12-0-0-beta-20 .arc .arc-ProgressStepperItem{display:flex;flex-direction:column;max-width:164px;min-width:164px}.arc-v12-0-0-beta-20 .arc .arc-ProgressStepperItem--invertLabelPosition{flex-direction:column-reverse;justify-content:space-between}.arc-v12-0-0-beta-20 .arc .arc-ProgressStepperItem-iconWrapper{align-self:center;border-radius:100%;flex:0 0 auto;position:relative}.arc-v12-0-0-beta-20 .arc .arc-ProgressStepperItem-nodeItem{margin-bottom:var(--vertical-space-size-24)}.arc-v12-0-0-beta-20 .arc .arc-ProgressStepperItem-title{font:var(--sem-type-body-semi-m)}.arc-v12-0-0-beta-20 .arc .arc-ProgressStepperItem-title--link{cursor:pointer;text-decoration:none}.arc-v12-0-0-beta-20 .arc .arc-ProgressStepperItem-subTitle{font:var(--sem-type-body-reg-s);font-style:normal}.arc-v12-0-0-beta-20 .arc .arc-ProgressStepperItem-textSection{padding:var(--stepper-padding-s) var(--stepper-padding-s) 0 0}.arc-v12-0-0-beta-20 .arc .arc-ProgressStepperItem--invertLabelPosition .arc-ProgressStepperItem-textSection{padding:0 var(--stepper-padding-s) var(--stepper-padding-s) 0}.arc-v12-0-0-beta-20 .arc .arc-ProgressStepperItem-iconSection{align-items:center;display:flex}.arc-v12-0-0-beta-20 .arc .arc-ProgressStepperItem .arc-ProgressStepperItem-iconSection::after{background-color:var(--stepper-colors-light-bg-subtle);content:"";display:block;height:1px;width:100%}.arc-v12-0-0-beta-20 .arc .arc-ProgressStepperItem:last-of-type .arc-ProgressStepperItem-iconSection::after{display:none}.arc-v12-0-0-beta-20 .arc .arc-ProgressStepperItem-statusIcon{border:var(--stepper-border-weight-s) solid transparent;border-radius:var(--stepper-border-radius);display:block;height:var(--stepper-size-icon-l);width:var(--stepper-size-icon-l)}.arc-v12-0-0-beta-20 .arc .arc-ProgressStepperItem--hasInteractiveStatus .arc-ProgressStepperItem-title,.arc-v12-0-0-beta-20 .arc .arc-ProgressStepperItem--hasInteractiveStatus .arc-ProgressStepperItem-subTitle{color:var(--stepper-colors-light-text-default)}.arc-v12-0-0-beta-20 .arc .arc-ProgressStepperItem--hasInteractiveStatus .arc-ProgressStepperItem-title--link:hover,.arc-v12-0-0-beta-20 .arc .arc-ProgressStepperItem--todo .arc-ProgressStepperItem-title--link:hover{color:var(--stepper-colors-light-text-hover);-webkit-text-decoration:var(--sem-underline);text-decoration:var(--sem-underline)}.arc-v12-0-0-beta-20 .arc .arc-ProgressStepperItem--todo .arc-ProgressStepperItem-title,.arc-v12-0-0-beta-20 .arc .arc-ProgressStepperItem--todo .arc-ProgressStepperItem-subTitle{color:var(--stepper-colors-light-text-subtle)}.arc-v12-0-0-beta-20 .arc .arc-ProgressStepperItem--completed .arc-ProgressStepperItem-iconSection::after{background-color:var(--stepper-colors-light-bg-default)}.arc-v12-0-0-beta-20 .arc .arc-ProgressStepperItem--todo .arc-ProgressStepperItem-statusIcon{border-color:var(--stepper-colors-light-border-subtle)}.arc-v12-0-0-beta-20 .arc .arc-ProgressStepperItem--completed .arc-ProgressStepperItem-iconWrapper,.arc-v12-0-0-beta-20 .arc .arc-ProgressStepperItem--current .arc-ProgressStepperItem-iconWrapper,.arc-v12-0-0-beta-20 .arc .arc-ProgressStepperItem--completed .arc-ProgressStepperItem-statusIcon{border-color:var(--stepper-colors-light-border-default);color:var(--stepper-colors-light-border-default)}.arc-v12-0-0-beta-20 .arc .arc-ProgressStepperItem--current .arc-ProgressStepperItem-iconWrapper{animation:pulse-animation 2s infinite}.arc-v12-0-0-beta-20 .arc .arc-ProgressStepperItem--error .arc-ProgressStepperItem-iconWrapper,.arc-v12-0-0-beta-20 .arc .arc-ProgressStepperItem--error .arc-ProgressStepperItem-statusIcon{background-color:var(--stepper-colors-light-bg-error-subtle);border-color:var(--stepper-colors-light-border-error);color:var(--stepper-colors-light-border-error)}.arc-v12-0-0-beta-20 .arc .arc-ProgressStepperItem--warning .arc-ProgressStepperItem-iconWrapper,.arc-v12-0-0-beta-20 .arc .arc-ProgressStepperItem--warning .arc-ProgressStepperItem-statusIcon{background-color:var(--stepper-colors-light-bg-warning-subtle);border-color:var(--stepper-colors-light-border-warning);color:var(--stepper-colors-light-border-warning)}.arc-v12-0-0-beta-20 .arc .arc-ProgressStepperItem--isFluid .arc-ProgressStepperItem::after,.arc-v12-0-0-beta-20 .arc .arc-ProgressStepperItem--isFluid .arc-ProgressStepperItem-iconSection{width:100%}.arc-v12-0-0-beta-20 .arc .arc-ProgressStepperItem--isFluid{flex:1 1 0;max-width:100%;min-width:auto}.arc-v12-0-0-beta-20 .arc .arc-ProgressStepperItem--small .arc-ProgressStepperItem-title{font:var(--sem-type-body-semi-s);font-style:normal}.arc-v12-0-0-beta-20 .arc .arc-ProgressStepperItem--small .arc-ProgressStepperItem-subTitle{font:var(--sem-type-body-reg-xs);font-style:normal}.arc-v12-0-0-beta-20 .arc .arc-ProgressStepperItem--vertical{align-items:stretch;display:flex;flex-direction:row;justify-content:flex-start;max-width:100%;min-height:68px;min-width:auto}.arc-v12-0-0-beta-20 .arc .arc-ProgressStepperItem--vertical .arc-ProgressStepperItem-iconSection::after{height:100%;width:1px}.arc-v12-0-0-beta-20 .arc .arc-ProgressStepperItem--vertical .arc-ProgressStepperItem-iconSection{align-items:center;flex:0 1 auto;flex-direction:column}.arc-v12-0-0-beta-20 .arc .arc-ProgressStepperItem--vertical .arc-ProgressStepperItem-textSection{flex:1 1 auto;margin-top:-4px;padding:0 0 0 var(--vertical-space-size-16);width:100%}.arc-v12-0-0-beta-20 .arc .arc-ProgressStepperItem--vertical .arc-ProgressStepperItem-subTitle{margin-bottom:var(--vertical-space-size-24)}.arc-v12-0-0-beta-20 .arc .arc-ProgressStepperItem--vertical.arc-ProgressStepperItem--small{min-height:64px}.arc-v12-0-0-beta-20 .arc .arc-ProgressStepperItem--vertical:last-of-type{min-height:auto}.arc-v12-0-0-beta-20 .arc .arc-ProgressStepperItem--vertical:last-of-type .arc-ProgressStepperItem-nodeItem{margin-bottom:0;margin-top:var(--vertical-space-size-24)}.arc-v12-0-0-beta-20 .arc .arc-ProgressStepperItem--vertical:last-of-type .arc-ProgressStepperItem-subTitle{margin-bottom:0}@keyframes pulse-animation{from{box-shadow:0 0 0 0 var(--stepper-colors-light-pulse-from)}to{box-shadow:0 0 0 8px var(--stepper-colors-light-pulse-to)}}.arc-v12-0-0-beta-20 .arc .arc-ProgressStepperItem-statusIcon--small{height:var(--stepper-size-icon-s);width:var(--stepper-size-icon-s)}.arc-v12-0-0-beta-20 .arc .arc-ProgressStepperItem-statusIconInner::before{background:var(--stepper-colors-light-border-variant) border-box;border:var(--stepper-border-weight-s) solid transparent;border-radius:var(--stepper-border-radius);bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);-webkit-mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);-webkit-mask:linear-gradient(#ffffff 0 0) padding-box,linear-gradient(#ffffff 0 0);mask:linear-gradient(#ffffff 0 0) padding-box,linear-gradient(#ffffff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;position:absolute;right:0;top:0}.arc-v12-0-0-beta-20 .arc .arc-ProgressStepperItem-statusIconInner::after{background:var(--stepper-colors-light-fg-variant);border-radius:1000px;content:"";height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0.5);width:100%}.arc-v12-0-0-beta-20 .arc .arc-ProgressStepper{display:flex}.arc-v12-0-0-beta-20 .arc .arc-ProgressStepper--vertical{flex-direction:column}
1
+ .arc-v12-0-0-beta-22 .arc .arc-ProgressStepperItem{display:flex;flex-direction:column;max-width:164px;min-width:164px}.arc-v12-0-0-beta-22 .arc .arc-ProgressStepperItem--invertLabelPosition{flex-direction:column-reverse;justify-content:space-between}.arc-v12-0-0-beta-22 .arc .arc-ProgressStepperItem-iconWrapper{align-self:center;border-radius:100%;flex:0 0 auto;position:relative}.arc-v12-0-0-beta-22 .arc .arc-ProgressStepperItem-nodeItem{margin-bottom:var(--vertical-space-size-24)}.arc-v12-0-0-beta-22 .arc .arc-ProgressStepperItem-title{font:var(--sem-type-body-semi-m)}.arc-v12-0-0-beta-22 .arc .arc-ProgressStepperItem-title--link{cursor:pointer;text-decoration:none}.arc-v12-0-0-beta-22 .arc .arc-ProgressStepperItem-subTitle{font:var(--sem-type-body-reg-s);font-style:normal}.arc-v12-0-0-beta-22 .arc .arc-ProgressStepperItem-textSection{padding:var(--stepper-padding-s) var(--stepper-padding-s) 0 0}.arc-v12-0-0-beta-22 .arc .arc-ProgressStepperItem--invertLabelPosition .arc-ProgressStepperItem-textSection{padding:0 var(--stepper-padding-s) var(--stepper-padding-s) 0}.arc-v12-0-0-beta-22 .arc .arc-ProgressStepperItem-iconSection{align-items:center;display:flex}.arc-v12-0-0-beta-22 .arc .arc-ProgressStepperItem .arc-ProgressStepperItem-iconSection::after{background-color:var(--stepper-colors-light-bg-subtle);content:"";display:block;height:1px;width:100%}.arc-v12-0-0-beta-22 .arc .arc-ProgressStepperItem:last-of-type .arc-ProgressStepperItem-iconSection::after{display:none}.arc-v12-0-0-beta-22 .arc .arc-ProgressStepperItem-statusIcon{border:var(--stepper-border-weight-s) solid transparent;border-radius:var(--stepper-border-radius);display:block;height:var(--stepper-size-icon-l);width:var(--stepper-size-icon-l)}.arc-v12-0-0-beta-22 .arc .arc-ProgressStepperItem--hasInteractiveStatus .arc-ProgressStepperItem-title,.arc-v12-0-0-beta-22 .arc .arc-ProgressStepperItem--hasInteractiveStatus .arc-ProgressStepperItem-subTitle{color:var(--stepper-colors-light-text-default)}.arc-v12-0-0-beta-22 .arc .arc-ProgressStepperItem--hasInteractiveStatus .arc-ProgressStepperItem-title--link:hover,.arc-v12-0-0-beta-22 .arc .arc-ProgressStepperItem--todo .arc-ProgressStepperItem-title--link:hover{color:var(--stepper-colors-light-text-hover);-webkit-text-decoration:var(--sem-underline);text-decoration:var(--sem-underline)}.arc-v12-0-0-beta-22 .arc .arc-ProgressStepperItem--todo .arc-ProgressStepperItem-title,.arc-v12-0-0-beta-22 .arc .arc-ProgressStepperItem--todo .arc-ProgressStepperItem-subTitle{color:var(--stepper-colors-light-text-subtle)}.arc-v12-0-0-beta-22 .arc .arc-ProgressStepperItem--completed .arc-ProgressStepperItem-iconSection::after{background-color:var(--stepper-colors-light-bg-default)}.arc-v12-0-0-beta-22 .arc .arc-ProgressStepperItem--todo .arc-ProgressStepperItem-statusIcon{border-color:var(--stepper-colors-light-border-subtle)}.arc-v12-0-0-beta-22 .arc .arc-ProgressStepperItem--completed .arc-ProgressStepperItem-iconWrapper,.arc-v12-0-0-beta-22 .arc .arc-ProgressStepperItem--current .arc-ProgressStepperItem-iconWrapper,.arc-v12-0-0-beta-22 .arc .arc-ProgressStepperItem--completed .arc-ProgressStepperItem-statusIcon{border-color:var(--stepper-colors-light-border-default);color:var(--stepper-colors-light-border-default)}.arc-v12-0-0-beta-22 .arc .arc-ProgressStepperItem--current .arc-ProgressStepperItem-iconWrapper{animation:pulse-animation 2s infinite}.arc-v12-0-0-beta-22 .arc .arc-ProgressStepperItem--error .arc-ProgressStepperItem-iconWrapper,.arc-v12-0-0-beta-22 .arc .arc-ProgressStepperItem--error .arc-ProgressStepperItem-statusIcon{background-color:var(--stepper-colors-light-bg-error-subtle);border-color:var(--stepper-colors-light-border-error);color:var(--stepper-colors-light-border-error)}.arc-v12-0-0-beta-22 .arc .arc-ProgressStepperItem--warning .arc-ProgressStepperItem-iconWrapper,.arc-v12-0-0-beta-22 .arc .arc-ProgressStepperItem--warning .arc-ProgressStepperItem-statusIcon{background-color:var(--stepper-colors-light-bg-warning-subtle);border-color:var(--stepper-colors-light-border-warning);color:var(--stepper-colors-light-border-warning)}.arc-v12-0-0-beta-22 .arc .arc-ProgressStepperItem--isFluid .arc-ProgressStepperItem::after,.arc-v12-0-0-beta-22 .arc .arc-ProgressStepperItem--isFluid .arc-ProgressStepperItem-iconSection{width:100%}.arc-v12-0-0-beta-22 .arc .arc-ProgressStepperItem--isFluid{flex:1 1 0;max-width:100%;min-width:auto}.arc-v12-0-0-beta-22 .arc .arc-ProgressStepperItem--small .arc-ProgressStepperItem-title{font:var(--sem-type-body-semi-s);font-style:normal}.arc-v12-0-0-beta-22 .arc .arc-ProgressStepperItem--small .arc-ProgressStepperItem-subTitle{font:var(--sem-type-body-reg-xs);font-style:normal}.arc-v12-0-0-beta-22 .arc .arc-ProgressStepperItem--vertical{align-items:stretch;display:flex;flex-direction:row;justify-content:flex-start;max-width:100%;min-height:68px;min-width:auto}.arc-v12-0-0-beta-22 .arc .arc-ProgressStepperItem--vertical .arc-ProgressStepperItem-iconSection::after{height:100%;width:1px}.arc-v12-0-0-beta-22 .arc .arc-ProgressStepperItem--vertical .arc-ProgressStepperItem-iconSection{align-items:center;flex:0 1 auto;flex-direction:column}.arc-v12-0-0-beta-22 .arc .arc-ProgressStepperItem--vertical .arc-ProgressStepperItem-textSection{flex:1 1 auto;margin-top:-4px;padding:0 0 0 var(--vertical-space-size-16);width:100%}.arc-v12-0-0-beta-22 .arc .arc-ProgressStepperItem--vertical .arc-ProgressStepperItem-subTitle{margin-bottom:var(--vertical-space-size-24)}.arc-v12-0-0-beta-22 .arc .arc-ProgressStepperItem--vertical.arc-ProgressStepperItem--small{min-height:64px}.arc-v12-0-0-beta-22 .arc .arc-ProgressStepperItem--vertical:last-of-type{min-height:auto}.arc-v12-0-0-beta-22 .arc .arc-ProgressStepperItem--vertical:last-of-type .arc-ProgressStepperItem-nodeItem{margin-bottom:0;margin-top:var(--vertical-space-size-24)}.arc-v12-0-0-beta-22 .arc .arc-ProgressStepperItem--vertical:last-of-type .arc-ProgressStepperItem-subTitle{margin-bottom:0}@keyframes pulse-animation{from{box-shadow:0 0 0 0 var(--stepper-colors-light-pulse-from)}to{box-shadow:0 0 0 8px var(--stepper-colors-light-pulse-to)}}.arc-v12-0-0-beta-22 .arc .arc-ProgressStepperItem-statusIcon--small{height:var(--stepper-size-icon-s);width:var(--stepper-size-icon-s)}.arc-v12-0-0-beta-22 .arc .arc-ProgressStepperItem-statusIconInner::before{background:var(--stepper-colors-light-border-variant) border-box;border:var(--stepper-border-weight-s) solid transparent;border-radius:var(--stepper-border-radius);bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);-webkit-mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);-webkit-mask:linear-gradient(#ffffff 0 0) padding-box,linear-gradient(#ffffff 0 0);mask:linear-gradient(#ffffff 0 0) padding-box,linear-gradient(#ffffff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;position:absolute;right:0;top:0}.arc-v12-0-0-beta-22 .arc .arc-ProgressStepperItem-statusIconInner::after{background:var(--stepper-colors-light-fg-variant);border-radius:1000px;content:"";height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0.5);width:100%}.arc-v12-0-0-beta-22 .arc .arc-ProgressStepper{display:flex}.arc-v12-0-0-beta-22 .arc .arc-ProgressStepper--vertical{flex-direction:column}
package/lib/ProgressStepperOverflow/ProgressStepperOverflow.cjs CHANGED
@@ -1,11 +1,12 @@
1
1
  'use client';
2
2
  'use strict';
3
3
 
4
- var ProgressStepperOverflow = require('../_shared/cjs/ProgressStepperOverflow-v-TyS5Sp.cjs');
4
+ var ProgressStepperOverflow = require('../_shared/cjs/ProgressStepperOverflow-BAGZNC26.cjs');
5
5
  require('../_shared/cjs/filter-attrs-eK6E_34o.cjs');
6
6
  require('react');
7
- require('../_shared/cjs/debounce-BeIT3oyF.cjs');
7
+ require('../_shared/cjs/debounce-uPMetQ6J.cjs');
8
8
  require('../_shared/cjs/index-CTlXMLug.cjs');
9
+ require('../_shared/cjs/isSymbol-BGrHFUbV.cjs');
9
10
  require('../_shared/cjs/ProgressStepper-BL9Y5c4X.cjs');
10
11
  require('../_shared/cjs/index-CqYNiqix.cjs');
11
12
  require('../_shared/cjs/capitalise-first-letter-CdhexpSx.cjs');
package/lib/ProgressStepperOverflow/ProgressStepperOverflow.mjs CHANGED
@@ -1,9 +1,10 @@
1
1
  'use client';
2
- export { P as ProgressStepperOverflow } from '../_shared/esm/ProgressStepperOverflow-B9ba8ljs.mjs';
2
+ export { P as ProgressStepperOverflow } from '../_shared/esm/ProgressStepperOverflow-fPkLltVO.mjs';
3
3
  import '../_shared/esm/filter-attrs-B6CM-NUr.mjs';
4
4
  import 'react';
5
- import '../_shared/esm/debounce-mCD9-ufA.mjs';
5
+ import '../_shared/esm/debounce-D_Nx5go6.mjs';
6
6
  import '../_shared/esm/index-5C0-U8cc.mjs';
7
+ import '../_shared/esm/isSymbol-DgWNE2Tm.mjs';
7
8
  import '../_shared/esm/ProgressStepper-CLBtBNy2.mjs';
8
9
  import '../_shared/esm/index-CL6dwOYV.mjs';
9
10
  import '../_shared/esm/capitalise-first-letter-Cubg2CS1.mjs';
package/lib/ProgressStepperOverflow/styles.css CHANGED
@@ -1 +1 @@
1
- .arc-v12-0-0-beta-20 .arc-ProgressStepperOverflow{-ms-overflow-style:none;overflow-x:scroll;padding:24px 0;position:relative;scrollbar-width:none;white-space:nowrap}.arc-v12-0-0-beta-20 .arc-ProgressStepperOverflow::-webkit-scrollbar{display:none}
1
+ .arc-v12-0-0-beta-22 .arc-ProgressStepperOverflow{-ms-overflow-style:none;overflow-x:scroll;padding:24px 0;position:relative;scrollbar-width:none;white-space:nowrap}.arc-v12-0-0-beta-22 .arc-ProgressStepperOverflow::-webkit-scrollbar{display:none}
package/lib/RadioCardGroup/styles.css CHANGED
@@ -1 +1 @@
1
- .arc-v12-0-0-beta-20 .arc .arc-RadioCard-input{opacity:0;position:absolute}.arc-v12-0-0-beta-20 .arc .arc-RadioCard{border:var(--card-border-weight-s) solid #c8c8c8;border-radius:16px;cursor:pointer;min-width:270px;outline:var(--focus-border-weight-s) solid transparent;outline-offset:4px;position:relative;width:100%}.arc-v12-0-0-beta-20 .arc .arc-RadioCard::after{border-radius:16px;box-shadow:none;content:"";height:100%;opacity:0;position:absolute;top:0;transition:opacity 0.4s ease-in-out;width:100%;z-index:-1}.arc-v12-0-0-beta-20 .arc .arc-RadioCard[\:not-has\(input\[disabled\]\)]:hover::after{box-shadow:var(--elevation-02);opacity:1}.arc-v12-0-0-beta-20 .arc .arc-RadioCard:not(:has(input[disabled])):hover::after{box-shadow:var(--elevation-02);opacity:1}.arc-v12-0-0-beta-20 .arc .arc-RadioCard[\:has\(\:focus-visible\)]{outline-color:var(--focus-colors-light-border-subtle)}.arc-v12-0-0-beta-20 .arc .arc-RadioCard:has(:focus-visible){outline-color:var(--focus-colors-light-border-subtle)}.arc-v12-0-0-beta-20 .arc .arc-RadioCard--isDisabled{background-color:#f7f7f7;border:var(--card-border-weight-s) solid #d9d9d9}.arc-v12-0-0-beta-20 .arc .arc-RadioCard--constrained{max-width:500px}.arc-v12-0-0-beta-20 .arc .arc-RadioCard-inner{cursor:pointer;display:flex;gap:16px;padding:31px}.arc-v12-0-0-beta-20 .arc .arc-RadioCard--controlLeft{flex-direction:row-reverse}.arc-v12-0-0-beta-20 .arc .arc-RadioCard--controlBottom{align-items:center;flex-direction:column;text-align:center}.arc-v12-0-0-beta-20 .arc .arc-RadioCard-icon{padding-top:2px}.arc-v12-0-0-beta-20 .arc .arc-RadioCard--isDisabled .arc-RadioCard-inner{cursor:not-allowed}.arc-v12-0-0-beta-20 .arc .arc-RadioCard-content{display:flex;flex-direction:column;flex-grow:1}.arc-v12-0-0-beta-20 .arc .arc-RadioCard-label{color:#2a2a2a;font-size:20px;font-weight:500;line-height:28px;margin:0}.arc-v12-0-0-beta-20 .arc .arc-RadioCard-support{color:#6b6b6b;font-size:16px;font-weight:400;margin:0}.arc-v12-0-0-beta-20 .arc .arc-RadioCard-radioIcon{display:flex;height:24px;position:relative;width:24px}.arc-v12-0-0-beta-20 .arc .arc-RadioCard-customContent{padding:0 31px 31px}.arc-v12-0-0-beta-20 .arc .arc-RadioCard--isSelected::before,.arc-v12-0-0-beta-20 .arc .arc-RadioCard[\:has\(input\[type\%3D\%22radio\%22\]\:checked\)]::before{background:linear-gradient(225deg,#5615b4 0%,#4665cd 100%) border-box;border:2px solid transparent;border-radius:16px;content:"";height:100%;margin-left:-2px;margin-top:-2px;-webkit-mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);-webkit-mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);-webkit-mask:linear-gradient(#ffffff 0 0) padding-box,linear-gradient(#ffffff 0 0);mask:linear-gradient(#ffffff 0 0) padding-box,linear-gradient(#ffffff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;position:absolute;width:100%}.arc-v12-0-0-beta-20 .arc .arc-RadioCard--isSelected::before,.arc-v12-0-0-beta-20 .arc .arc-RadioCard[\:has\(input\[type\%3D\%22radio\%22\]\:checked\)]::before{background:linear-gradient(225deg,#5615b4 0%,#4665cd 100%) border-box;border:2px solid transparent;border-radius:16px;content:"";height:100%;margin-left:-2px;margin-top:-2px;-webkit-mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);-webkit-mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);-webkit-mask:linear-gradient(#ffffff 0 0) padding-box,linear-gradient(#ffffff 0 0);mask:linear-gradient(#ffffff 0 0) padding-box,linear-gradient(#ffffff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;position:absolute;width:100%}.arc-v12-0-0-beta-20 .arc .arc-RadioCard--isSelected::before,.arc-v12-0-0-beta-20 .arc .arc-RadioCard[\:has\(input\[type\%3D\%22radio\%22\]\:checked\)]::before{background:linear-gradient(225deg,#5615b4 0%,#4665cd 100%) border-box;border:2px solid transparent;border-radius:16px;content:"";height:100%;margin-left:-2px;margin-top:-2px;-webkit-mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);-webkit-mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);-webkit-mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);-webkit-mask:linear-gradient(#ffffff 0 0) padding-box,linear-gradient(#ffffff 0 0);mask:linear-gradient(#ffffff 0 0) padding-box,linear-gradient(#ffffff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;position:absolute;width:100%}.arc-v12-0-0-beta-20 .arc .arc-RadioCard--isSelected::before,.arc-v12-0-0-beta-20 .arc .arc-RadioCard[\:has\(input\[type\%3D\%22radio\%22\]\:checked\)]::before{background:linear-gradient(225deg,#5615b4 0%,#4665cd 100%) border-box;border:2px solid transparent;border-radius:16px;content:"";height:100%;margin-left:-2px;margin-top:-2px;-webkit-mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);-webkit-mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);-webkit-mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);-webkit-mask:linear-gradient(#ffffff 0 0) padding-box,linear-gradient(#ffffff 0 0);mask:linear-gradient(#ffffff 0 0) padding-box,linear-gradient(#ffffff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;position:absolute;width:100%}.arc-v12-0-0-beta-20 .arc .arc-RadioCard--isSelected::before,.arc-v12-0-0-beta-20 .arc .arc-RadioCard:has(input[type="radio"]:checked)::before{background:linear-gradient(225deg,#5615b4 0%,#4665cd 100%) border-box;border:2px solid transparent;border-radius:16px;content:"";height:100%;margin-left:-2px;margin-top:-2px;-webkit-mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);-webkit-mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);-webkit-mask:linear-gradient(#ffffff 0 0) padding-box,linear-gradient(#ffffff 0 0);mask:linear-gradient(#ffffff 0 0) padding-box,linear-gradient(#ffffff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;position:absolute;width:100%}.arc-v12-0-0-beta-20 .arc .arc-RadioCard-radioIcon::before{background:linear-gradient(225deg,#5615b4 0%,#4665cd 100%) border-box;border:1px solid transparent;border-radius:50px;content:"";height:22px;-webkit-mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);-webkit-mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);-webkit-mask:linear-gradient(#ffffff 0 0) padding-box,linear-gradient(#ffffff 0 0);mask:linear-gradient(#ffffff 0 0) padding-box,linear-gradient(#ffffff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;position:absolute;width:22px}.arc-v12-0-0-beta-20 .arc .arc-RadioCard-radioIcon--isSelected::after,.arc-v12-0-0-beta-20 .arc .arc-RadioCard[\:has\(input\[type\%3D\%22radio\%22\]\:checked\)] .arc-RadioCard-radioIcon::after{background:var(--stepper-colors-light-fg-variant);border-radius:1000px;content:"";height:100%;position:absolute;transform:scale(0.55);width:100%}.arc-v12-0-0-beta-20 .arc .arc-RadioCard-radioIcon--isSelected::after,.arc-v12-0-0-beta-20 .arc .arc-RadioCard[\:has\(input\[type\%3D\%22radio\%22\]\:checked\)] .arc-RadioCard-radioIcon::after{background:var(--stepper-colors-light-fg-variant);border-radius:1000px;content:"";height:100%;position:absolute;transform:scale(0.55);width:100%}.arc-v12-0-0-beta-20 .arc .arc-RadioCard-radioIcon--isSelected::after,.arc-v12-0-0-beta-20 .arc .arc-RadioCard:has(input[type="radio"]:checked) .arc-RadioCard-radioIcon::after{background:var(--stepper-colors-light-fg-variant);border-radius:1000px;content:"";height:100%;position:absolute;transform:scale(0.55);width:100%}.arc-v12-0-0-beta-20 .arc .arc-RadioCardGroup{display:flex;flex-direction:column;row-gap:16px;width:100%}.arc-v12-0-0-beta-20 .arc .arc-RadioCardGroup--isConstrained{max-width:500px}.arc-v12-0-0-beta-20 .arc .arc-RadioCardGroup--row{-moz-column-gap:16px;column-gap:16px;flex-direction:row}
1
+ .arc-v12-0-0-beta-22 .arc .arc-RadioCard-input{opacity:0;position:absolute}.arc-v12-0-0-beta-22 .arc .arc-RadioCard{border:var(--card-border-weight-s) solid #c8c8c8;border-radius:16px;cursor:pointer;min-width:270px;outline:var(--focus-border-weight-s) solid transparent;outline-offset:4px;position:relative;width:100%}.arc-v12-0-0-beta-22 .arc .arc-RadioCard::after{border-radius:16px;box-shadow:none;content:"";height:100%;opacity:0;position:absolute;top:0;transition:opacity 0.4s ease-in-out;width:100%;z-index:-1}.arc-v12-0-0-beta-22 .arc .arc-RadioCard[\:not-has\(input\[disabled\]\)]:hover::after{box-shadow:var(--elevation-02);opacity:1}.arc-v12-0-0-beta-22 .arc .arc-RadioCard:not(:has(input[disabled])):hover::after{box-shadow:var(--elevation-02);opacity:1}.arc-v12-0-0-beta-22 .arc .arc-RadioCard[\:has\(\:focus-visible\)]{outline-color:var(--focus-colors-light-border-subtle)}.arc-v12-0-0-beta-22 .arc .arc-RadioCard:has(:focus-visible){outline-color:var(--focus-colors-light-border-subtle)}.arc-v12-0-0-beta-22 .arc .arc-RadioCard--isDisabled{background-color:#f7f7f7;border:var(--card-border-weight-s) solid #d9d9d9}.arc-v12-0-0-beta-22 .arc .arc-RadioCard--constrained{max-width:500px}.arc-v12-0-0-beta-22 .arc .arc-RadioCard-inner{cursor:pointer;display:flex;gap:16px;padding:31px}.arc-v12-0-0-beta-22 .arc .arc-RadioCard--controlLeft{flex-direction:row-reverse}.arc-v12-0-0-beta-22 .arc .arc-RadioCard--controlBottom{align-items:center;flex-direction:column;text-align:center}.arc-v12-0-0-beta-22 .arc .arc-RadioCard-icon{padding-top:2px}.arc-v12-0-0-beta-22 .arc .arc-RadioCard--isDisabled .arc-RadioCard-inner{cursor:not-allowed}.arc-v12-0-0-beta-22 .arc .arc-RadioCard-content{display:flex;flex-direction:column;flex-grow:1}.arc-v12-0-0-beta-22 .arc .arc-RadioCard-label{color:#2a2a2a;font-size:20px;font-weight:500;line-height:28px;margin:0}.arc-v12-0-0-beta-22 .arc .arc-RadioCard-support{color:#6b6b6b;font-size:16px;font-weight:400;margin:0}.arc-v12-0-0-beta-22 .arc .arc-RadioCard-radioIcon{display:flex;height:24px;position:relative;width:24px}.arc-v12-0-0-beta-22 .arc .arc-RadioCard-customContent{padding:0 31px 31px}.arc-v12-0-0-beta-22 .arc .arc-RadioCard--isSelected::before,.arc-v12-0-0-beta-22 .arc .arc-RadioCard[\:has\(input\[type\%3D\%22radio\%22\]\:checked\)]::before{background:linear-gradient(225deg,#5615b4 0%,#4665cd 100%) border-box;border:2px solid transparent;border-radius:16px;content:"";height:100%;margin-left:-2px;margin-top:-2px;-webkit-mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);-webkit-mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);-webkit-mask:linear-gradient(#ffffff 0 0) padding-box,linear-gradient(#ffffff 0 0);mask:linear-gradient(#ffffff 0 0) padding-box,linear-gradient(#ffffff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;position:absolute;width:100%}.arc-v12-0-0-beta-22 .arc .arc-RadioCard--isSelected::before,.arc-v12-0-0-beta-22 .arc .arc-RadioCard[\:has\(input\[type\%3D\%22radio\%22\]\:checked\)]::before{background:linear-gradient(225deg,#5615b4 0%,#4665cd 100%) border-box;border:2px solid transparent;border-radius:16px;content:"";height:100%;margin-left:-2px;margin-top:-2px;-webkit-mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);-webkit-mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);-webkit-mask:linear-gradient(#ffffff 0 0) padding-box,linear-gradient(#ffffff 0 0);mask:linear-gradient(#ffffff 0 0) padding-box,linear-gradient(#ffffff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;position:absolute;width:100%}.arc-v12-0-0-beta-22 .arc .arc-RadioCard--isSelected::before,.arc-v12-0-0-beta-22 .arc .arc-RadioCard[\:has\(input\[type\%3D\%22radio\%22\]\:checked\)]::before{background:linear-gradient(225deg,#5615b4 0%,#4665cd 100%) border-box;border:2px solid transparent;border-radius:16px;content:"";height:100%;margin-left:-2px;margin-top:-2px;-webkit-mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);-webkit-mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);-webkit-mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);-webkit-mask:linear-gradient(#ffffff 0 0) padding-box,linear-gradient(#ffffff 0 0);mask:linear-gradient(#ffffff 0 0) padding-box,linear-gradient(#ffffff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;position:absolute;width:100%}.arc-v12-0-0-beta-22 .arc .arc-RadioCard--isSelected::before,.arc-v12-0-0-beta-22 .arc .arc-RadioCard[\:has\(input\[type\%3D\%22radio\%22\]\:checked\)]::before{background:linear-gradient(225deg,#5615b4 0%,#4665cd 100%) border-box;border:2px solid transparent;border-radius:16px;content:"";height:100%;margin-left:-2px;margin-top:-2px;-webkit-mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);-webkit-mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);-webkit-mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);-webkit-mask:linear-gradient(#ffffff 0 0) padding-box,linear-gradient(#ffffff 0 0);mask:linear-gradient(#ffffff 0 0) padding-box,linear-gradient(#ffffff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;position:absolute;width:100%}.arc-v12-0-0-beta-22 .arc .arc-RadioCard--isSelected::before,.arc-v12-0-0-beta-22 .arc .arc-RadioCard:has(input[type="radio"]:checked)::before{background:linear-gradient(225deg,#5615b4 0%,#4665cd 100%) border-box;border:2px solid transparent;border-radius:16px;content:"";height:100%;margin-left:-2px;margin-top:-2px;-webkit-mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);-webkit-mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);-webkit-mask:linear-gradient(#ffffff 0 0) padding-box,linear-gradient(#ffffff 0 0);mask:linear-gradient(#ffffff 0 0) padding-box,linear-gradient(#ffffff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;position:absolute;width:100%}.arc-v12-0-0-beta-22 .arc .arc-RadioCard-radioIcon::before{background:linear-gradient(225deg,#5615b4 0%,#4665cd 100%) border-box;border:1px solid transparent;border-radius:50px;content:"";height:22px;-webkit-mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);-webkit-mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);-webkit-mask:linear-gradient(#ffffff 0 0) padding-box,linear-gradient(#ffffff 0 0);mask:linear-gradient(#ffffff 0 0) padding-box,linear-gradient(#ffffff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;position:absolute;width:22px}.arc-v12-0-0-beta-22 .arc .arc-RadioCard-radioIcon--isSelected::after,.arc-v12-0-0-beta-22 .arc .arc-RadioCard[\:has\(input\[type\%3D\%22radio\%22\]\:checked\)] .arc-RadioCard-radioIcon::after{background:var(--stepper-colors-light-fg-variant);border-radius:1000px;content:"";height:100%;position:absolute;transform:scale(0.55);width:100%}.arc-v12-0-0-beta-22 .arc .arc-RadioCard-radioIcon--isSelected::after,.arc-v12-0-0-beta-22 .arc .arc-RadioCard[\:has\(input\[type\%3D\%22radio\%22\]\:checked\)] .arc-RadioCard-radioIcon::after{background:var(--stepper-colors-light-fg-variant);border-radius:1000px;content:"";height:100%;position:absolute;transform:scale(0.55);width:100%}.arc-v12-0-0-beta-22 .arc .arc-RadioCard-radioIcon--isSelected::after,.arc-v12-0-0-beta-22 .arc .arc-RadioCard:has(input[type="radio"]:checked) .arc-RadioCard-radioIcon::after{background:var(--stepper-colors-light-fg-variant);border-radius:1000px;content:"";height:100%;position:absolute;transform:scale(0.55);width:100%}.arc-v12-0-0-beta-22 .arc .arc-RadioCardGroup{display:flex;flex-direction:column;row-gap:16px;width:100%}.arc-v12-0-0-beta-22 .arc .arc-RadioCardGroup--isConstrained{max-width:500px}.arc-v12-0-0-beta-22 .arc .arc-RadioCardGroup--row{-moz-column-gap:16px;column-gap:16px;flex-direction:row}
package/lib/RadioGroup/styles.css CHANGED
@@ -1 +1 @@
1
- .arc-v12-0-0-beta-20 .arc .arc-RadioGroupButton{line-height:0}.arc-v12-0-0-beta-20 .arc .arc-RadioGroupButton--withMargin,.arc-v12-0-0-beta-20 .arc .arc-RadioGroupButton--withMarginSmall{margin-top:var(--radio-gap-l)}.arc-v12-0-0-beta-20 .arc .arc-RadioGroupButton-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--radio-colors-light-bg-default);border:var(--radio-border-weight) solid var(--radio-colors-light-border-default);border-radius:100%;cursor:pointer;display:block;margin-bottom:0;margin-left:0;margin-right:8px;margin-top:0;min-height:var(--radio-size-xl);min-width:var(--radio-size-xl)}.arc-v12-0-0-beta-20 .arc .arc-RadioGroupButton-label{align-items:center;color:var(--radio-colors-light-text-default);cursor:pointer;display:inline-flex;font:var(--radio-type-input-default-m)}.arc-v12-0-0-beta-20 .arc .arc-RadioGroupButton-label--alignTop{align-items:flex-start}.arc-v12-0-0-beta-20 .arc .arc-RadioGroupButton-label--marginTop{margin-top:4px}.arc-v12-0-0-beta-20 .arc .arc-RadioGroupButton--small .arc-RadioGroupButton-label--marginTop{margin-top:2px}.arc-v12-0-0-beta-20 .arc .arc-RadioGroupButton-helper{color:var(--radio-colors-light-text-default);display:block;font:var(--radio-type-helper-default-m)}.arc-v12-0-0-beta-20 .arc .arc-RadioGroupButton--disabled .arc-RadioGroupButton-input,.arc-v12-0-0-beta-20 .arc .arc-RadioGroupButton--disabled .arc-RadioGroupButton-label,.arc-v12-0-0-beta-20 .arc .arc-RadioGroupButton--disabled .arc-RadioGroupButton-helper{color:var(--radio-colors-light-text-disabled);cursor:not-allowed}.arc-v12-0-0-beta-20 .arc .arc-RadioGroupButton--small .arc-RadioGroupButton-label{font:var(--radio-type-input-default-s)}.arc-v12-0-0-beta-20 .arc .arc-RadioGroupButton--small .arc-RadioGroupButton-helper{font:var(--radio-type-helper-default-s)}.arc-v12-0-0-beta-20 .arc .arc-RadioGroupButton--onDarkSurface .arc-RadioGroupButton-input{background:var(--radio-colors-dark-bg-default);border-color:var(--radio-colors-dark-border-default)}.arc-v12-0-0-beta-20 .arc .arc-RadioGroupButton--small .arc-RadioGroupButton-input{min-height:var(--radio-size-l);min-width:var(--radio-size-l)}.arc-v12-0-0-beta-20 .arc .arc-RadioGroupButton-input:checked{background:var(--radio-colors-light-fg-default);box-shadow:inset 0 0 0 5px var(--radio-colors-light-bg-default)}.arc-v12-0-0-beta-20 .arc .arc-RadioGroupButton-input:focus,.arc-v12-0-0-beta-20 .arc .arc-RadioGroupButton-input:focus-visible{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-light-border-subtle),inset 0 0 0 5px var(--radio-colors-light-bg-default);outline:var(--focus-border-weight-s) solid transparent}.arc-v12-0-0-beta-20 .arc .arc-RadioGroupButton--small .arc-RadioGroupButton-input:checked{background:var(--radio-colors-light-fg-default);box-shadow:inset 0 0 0 4px var(--radio-colors-light-bg-default)}.arc-v12-0-0-beta-20 .arc .arc-RadioGroupButton--small .arc-RadioGroupButton-input:focus,.arc-v12-0-0-beta-20 .arc .arc-RadioGroupButton--small .arc-RadioGroupButton-input:focus-visible{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-light-border-subtle),inset 0 0 0 4px var(--radio-colors-light-bg-default);outline:var(--focus-border-weight-s) solid transparent}.arc-v12-0-0-beta-20 .arc .arc-RadioGroupButton--onDarkSurface .arc-RadioGroupButton-label,.arc-v12-0-0-beta-20 .arc .arc-RadioGroupButton--onDarkSurface .arc-RadioGroupButton-helper{color:var(--radio-colors-dark-text-default)}.arc-v12-0-0-beta-20 .arc .arc-RadioGroupButton--onDarkSurface.arc-RadioGroupButton--disabled .arc-RadioGroupButton-input,.arc-v12-0-0-beta-20 .arc .arc-RadioGroupButton--onDarkSurface.arc-RadioGroupButton--disabled .arc-RadioGroupButton-label,.arc-v12-0-0-beta-20 .arc .arc-RadioGroupButton--onDarkSurface.arc-RadioGroupButton--disabled .arc-RadioGroupButton-helper{color:var(--radio-colors-dark-text-disabled)}.arc-v12-0-0-beta-20 .arc .arc-RadioGroupButton-input:focus:not(:focus-visible){box-shadow:inset 0 0 0 5px var(--radio-colors-light-bg-default)}.arc-v12-0-0-beta-20 .arc .arc-RadioGroupButton--onDarkSurface .arc-RadioGroupButton-input:checked{background:var(--radio-colors-dark-fg-default);box-shadow:inset 0 0 0 5px var(--radio-colors-dark-bg-default)}.arc-v12-0-0-beta-20 .arc .arc-RadioGroupButton--onDarkSurface .arc-RadioGroupButton-input:focus,.arc-v12-0-0-beta-20 .arc .arc-RadioGroupButton--onDarkSurface .arc-RadioGroupButton-input:focus-visible{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle),inset 0 0 0 5px var(--radio-colors-dark-bg-default)}.arc-v12-0-0-beta-20 .arc .arc-RadioGroupButton--onDarkSurface.arc-RadioGroupButton--small .arc-RadioGroupButton-input:checked{box-shadow:inset 0 0 0 4px var(--radio-colors-dark-bg-default)}.arc-v12-0-0-beta-20 .arc .arc-RadioGroupButton--onDarkSurface.arc-RadioGroupButton--small .arc-RadioGroupButton-input:focus,.arc-v12-0-0-beta-20 .arc .arc-RadioGroupButton--onDarkSurface.arc-RadioGroupButton--small .arc-RadioGroupButton-input:focus-visible{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle),inset 0 0 0 4px var(--radio-colors-dark-bg-default)}.arc-v12-0-0-beta-20 .arc .arc-RadioGroupButton--small .arc-RadioGroupButton-input:focus:not(:focus-visible){box-shadow:inset 0 0 0 4px var(--radio-colors-light-bg-default)}.arc-v12-0-0-beta-20 .arc .arc-RadioGroupButton--disabled{color:var(--radio-colors-light-text-disabled)}.arc-v12-0-0-beta-20 .arc .arc-RadioGroupButton-input[disabled]{background:var(--radio-colors-light-bg-disabled);border-color:var(--radio-colors-light-border-disabled)}.arc-v12-0-0-beta-20 .arc .arc-RadioGroupButton-input[disabled]:checked{background:var(--radio-colors-light-fg-disabled);box-shadow:inset 0 0 0 6px var(--radio-colors-light-bg-disabled)}.arc-v12-0-0-beta-20 .arc .arc-RadioGroupButton-input[disabled]:focus,.arc-v12-0-0-beta-20 .arc .arc-RadioGroupButton-input[disabled]:focus-visible{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-light-border-subtle),inset 0 0 0 6px var(--radio-colors-light-bg-disabled)}.arc-v12-0-0-beta-20 .arc .arc-RadioGroupButton--onDarkSurface .arc-RadioGroupButton-input:focus:not(:focus-visible){box-shadow:inset 0 0 0 5px var(--radio-colors-dark-bg-default)}.arc-v12-0-0-beta-20 .arc .arc-RadioGroupButton--onDarkSurface.arc-RadioGroupButton--small .arc-RadioGroupButton-input:focus:not(:focus-visible){box-shadow:inset 0 0 0 4px var(--radio-colors-dark-bg-default)}.arc-v12-0-0-beta-20 .arc .arc-RadioGroupButton--onDarkSurface.arc-RadioGroupButton--disabled{color:var(--radio-colors-dark-text-disabled)}.arc-v12-0-0-beta-20 .arc .arc-RadioGroupButton--onDarkSurface .arc-RadioGroupButton-input[disabled]{background:var(--radio-colors-dark-bg-disabled);border-color:var(--radio-colors-dark-border-disabled)}.arc-v12-0-0-beta-20 .arc .arc-RadioGroupButton--small .arc-RadioGroupButton-input[disabled]:checked{box-shadow:inset 0 0 0 4px var(--radio-colors-light-bg-disabled)}.arc-v12-0-0-beta-20 .arc .arc-RadioGroupButton--onDarkSurface .arc-RadioGroupButton-input[disabled]:checked{background:var(--radio-colors-dark-fg-disabled);box-shadow:inset 0 0 0 6px var(--radio-colors-dark-bg-disabled)}.arc-v12-0-0-beta-20 .arc .arc-RadioGroupButton--onDarkSurface .arc-RadioGroupButton-input[disabled]:focus,.arc-v12-0-0-beta-20 .arc .arc-RadioGroupButton--onDarkSurface .arc-RadioGroupButton-input[disabled]:focus-visible{background:var(--radio-colors-dark-bg-disabled);box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle),inset 0 0 0 4px var(--radio-colors-dark-bg-disabled)}.arc-v12-0-0-beta-20 .arc .arc-RadioGroupButton--small .arc-RadioGroupButton-input[disabled]:focus,.arc-v12-0-0-beta-20 .arc .arc-RadioGroupButton--small .arc-RadioGroupButton-input[disabled]:focus-visible{background:var(--radio-colors-light-bg-disabled);box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-light-border-subtle),inset 0 0 0 4px var(--radio-colors-light-bg-disabled)}.arc-v12-0-0-beta-20 .arc .arc-RadioGroupButton--small .arc-RadioGroupButton-input[disabled]:checked:focus,.arc-v12-0-0-beta-20 .arc .arc-RadioGroupButton--small .arc-RadioGroupButton-input[disabled]:checked:focus-visible{background:var(--radio-colors-light-fg-disabled);box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-light-border-subtle),inset 0 0 0 4px var(--radio-colors-light-bg-disabled)}.arc-v12-0-0-beta-20 .arc .arc-RadioGroupButton--onDarkSurface .arc-RadioGroupButton-input[disabled]:checked:focus,.arc-v12-0-0-beta-20 .arc .arc-RadioGroupButton--onDarkSurface .arc-RadioGroupButton-input[disabled]:checked:focus-visible{background:var(--radio-colors-dark-fg-disabled);box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle),inset 0 0 0 6px var(--radio-colors-dark-bg-disabled)}.arc-v12-0-0-beta-20 .arc .arc-RadioGroupButton--onDarkSurface.arc-RadioGroupButton--small .arc-RadioGroupButton-input[disabled]:checked{box-shadow:inset 0 0 0 4px var(--radio-colors-dark-bg-disabled)}.arc-v12-0-0-beta-20 .arc .arc-RadioGroupButton--onDarkSurface.arc-RadioGroupButton--small .arc-RadioGroupButton-input[disabled]:focus,.arc-v12-0-0-beta-20 .arc .arc-RadioGroupButton--onDarkSurface.arc-RadioGroupButton--small .arc-RadioGroupButton-input[disabled]:focus-visible{background:var(--radio-colors-dark-bg-disabled);box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle),inset 0 0 0 4px var(--radio-colors-dark-bg-disabled)}.arc-v12-0-0-beta-20 .arc .arc-RadioGroupButton--onDarkSurface.arc-RadioGroupButton--small .arc-RadioGroupButton-input[disabled]:checked:focus,.arc-v12-0-0-beta-20 .arc .arc-RadioGroupButton--onDarkSurface.arc-RadioGroupButton--small .arc-RadioGroupButton-input[disabled]:checked:focus-visible{background:var(--radio-colors-dark-fg-disabled);box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle),inset 0 0 0 4px var(--radio-colors-dark-bg-disabled)}.arc-v12-0-0-beta-20 .arc .arc-RadioGroup-radioButtonContainer .arc-RadioButton--withMargin:first-child{margin-top:0}.arc-v12-0-0-beta-20 .arc .arc-RadioGroup-error{align-items:center;color:#da020f;display:flex;line-height:1.5;margin-top:12px}.arc-v12-0-0-beta-20 .arc .arc-RadioGroup-error .arc-RadioGroup-error--icon{color:currentColor;flex-shrink:0;height:24px;margin-right:4px;width:24px}.arc-v12-0-0-beta-20 .arc .arc-RadioGroup--onDarkSurface .arc-RadioGroup-error{color:#fa9590}
1
+ .arc-v12-0-0-beta-22 .arc .arc-RadioGroupButton{line-height:0}.arc-v12-0-0-beta-22 .arc .arc-RadioGroupButton--withMargin,.arc-v12-0-0-beta-22 .arc .arc-RadioGroupButton--withMarginSmall{margin-top:var(--radio-gap-l)}.arc-v12-0-0-beta-22 .arc .arc-RadioGroupButton-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--radio-colors-light-bg-default);border:var(--radio-border-weight) solid var(--radio-colors-light-border-default);border-radius:100%;cursor:pointer;display:block;margin-bottom:0;margin-left:0;margin-right:8px;margin-top:0;min-height:var(--radio-size-xl);min-width:var(--radio-size-xl)}.arc-v12-0-0-beta-22 .arc .arc-RadioGroupButton-label{align-items:center;color:var(--radio-colors-light-text-default);cursor:pointer;display:inline-flex;font:var(--radio-type-input-default-m)}.arc-v12-0-0-beta-22 .arc .arc-RadioGroupButton-label--alignTop{align-items:flex-start}.arc-v12-0-0-beta-22 .arc .arc-RadioGroupButton-label--marginTop{margin-top:4px}.arc-v12-0-0-beta-22 .arc .arc-RadioGroupButton--small .arc-RadioGroupButton-label--marginTop{margin-top:2px}.arc-v12-0-0-beta-22 .arc .arc-RadioGroupButton-helper{color:var(--radio-colors-light-text-default);display:block;font:var(--radio-type-helper-default-m)}.arc-v12-0-0-beta-22 .arc .arc-RadioGroupButton--disabled .arc-RadioGroupButton-input,.arc-v12-0-0-beta-22 .arc .arc-RadioGroupButton--disabled .arc-RadioGroupButton-label,.arc-v12-0-0-beta-22 .arc .arc-RadioGroupButton--disabled .arc-RadioGroupButton-helper{color:var(--radio-colors-light-text-disabled);cursor:not-allowed}.arc-v12-0-0-beta-22 .arc .arc-RadioGroupButton--small .arc-RadioGroupButton-label{font:var(--radio-type-input-default-s)}.arc-v12-0-0-beta-22 .arc .arc-RadioGroupButton--small .arc-RadioGroupButton-helper{font:var(--radio-type-helper-default-s)}.arc-v12-0-0-beta-22 .arc .arc-RadioGroupButton--onDarkSurface .arc-RadioGroupButton-input{background:var(--radio-colors-dark-bg-default);border-color:var(--radio-colors-dark-border-default)}.arc-v12-0-0-beta-22 .arc .arc-RadioGroupButton--small .arc-RadioGroupButton-input{min-height:var(--radio-size-l);min-width:var(--radio-size-l)}.arc-v12-0-0-beta-22 .arc .arc-RadioGroupButton-input:checked{background:var(--radio-colors-light-fg-default);box-shadow:inset 0 0 0 5px var(--radio-colors-light-bg-default)}.arc-v12-0-0-beta-22 .arc .arc-RadioGroupButton-input:focus,.arc-v12-0-0-beta-22 .arc .arc-RadioGroupButton-input:focus-visible{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-light-border-subtle),inset 0 0 0 5px var(--radio-colors-light-bg-default);outline:var(--focus-border-weight-s) solid transparent}.arc-v12-0-0-beta-22 .arc .arc-RadioGroupButton--small .arc-RadioGroupButton-input:checked{background:var(--radio-colors-light-fg-default);box-shadow:inset 0 0 0 4px var(--radio-colors-light-bg-default)}.arc-v12-0-0-beta-22 .arc .arc-RadioGroupButton--small .arc-RadioGroupButton-input:focus,.arc-v12-0-0-beta-22 .arc .arc-RadioGroupButton--small .arc-RadioGroupButton-input:focus-visible{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-light-border-subtle),inset 0 0 0 4px var(--radio-colors-light-bg-default);outline:var(--focus-border-weight-s) solid transparent}.arc-v12-0-0-beta-22 .arc .arc-RadioGroupButton--onDarkSurface .arc-RadioGroupButton-label,.arc-v12-0-0-beta-22 .arc .arc-RadioGroupButton--onDarkSurface .arc-RadioGroupButton-helper{color:var(--radio-colors-dark-text-default)}.arc-v12-0-0-beta-22 .arc .arc-RadioGroupButton--onDarkSurface.arc-RadioGroupButton--disabled .arc-RadioGroupButton-input,.arc-v12-0-0-beta-22 .arc .arc-RadioGroupButton--onDarkSurface.arc-RadioGroupButton--disabled .arc-RadioGroupButton-label,.arc-v12-0-0-beta-22 .arc .arc-RadioGroupButton--onDarkSurface.arc-RadioGroupButton--disabled .arc-RadioGroupButton-helper{color:var(--radio-colors-dark-text-disabled)}.arc-v12-0-0-beta-22 .arc .arc-RadioGroupButton-input:focus:not(:focus-visible){box-shadow:inset 0 0 0 5px var(--radio-colors-light-bg-default)}.arc-v12-0-0-beta-22 .arc .arc-RadioGroupButton--onDarkSurface .arc-RadioGroupButton-input:checked{background:var(--radio-colors-dark-fg-default);box-shadow:inset 0 0 0 5px var(--radio-colors-dark-bg-default)}.arc-v12-0-0-beta-22 .arc .arc-RadioGroupButton--onDarkSurface .arc-RadioGroupButton-input:focus,.arc-v12-0-0-beta-22 .arc .arc-RadioGroupButton--onDarkSurface .arc-RadioGroupButton-input:focus-visible{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle),inset 0 0 0 5px var(--radio-colors-dark-bg-default)}.arc-v12-0-0-beta-22 .arc .arc-RadioGroupButton--onDarkSurface.arc-RadioGroupButton--small .arc-RadioGroupButton-input:checked{box-shadow:inset 0 0 0 4px var(--radio-colors-dark-bg-default)}.arc-v12-0-0-beta-22 .arc .arc-RadioGroupButton--onDarkSurface.arc-RadioGroupButton--small .arc-RadioGroupButton-input:focus,.arc-v12-0-0-beta-22 .arc .arc-RadioGroupButton--onDarkSurface.arc-RadioGroupButton--small .arc-RadioGroupButton-input:focus-visible{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle),inset 0 0 0 4px var(--radio-colors-dark-bg-default)}.arc-v12-0-0-beta-22 .arc .arc-RadioGroupButton--small .arc-RadioGroupButton-input:focus:not(:focus-visible){box-shadow:inset 0 0 0 4px var(--radio-colors-light-bg-default)}.arc-v12-0-0-beta-22 .arc .arc-RadioGroupButton--disabled{color:var(--radio-colors-light-text-disabled)}.arc-v12-0-0-beta-22 .arc .arc-RadioGroupButton-input[disabled]{background:var(--radio-colors-light-bg-disabled);border-color:var(--radio-colors-light-border-disabled)}.arc-v12-0-0-beta-22 .arc .arc-RadioGroupButton-input[disabled]:checked{background:var(--radio-colors-light-fg-disabled);box-shadow:inset 0 0 0 6px var(--radio-colors-light-bg-disabled)}.arc-v12-0-0-beta-22 .arc .arc-RadioGroupButton-input[disabled]:focus,.arc-v12-0-0-beta-22 .arc .arc-RadioGroupButton-input[disabled]:focus-visible{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-light-border-subtle),inset 0 0 0 6px var(--radio-colors-light-bg-disabled)}.arc-v12-0-0-beta-22 .arc .arc-RadioGroupButton--onDarkSurface .arc-RadioGroupButton-input:focus:not(:focus-visible){box-shadow:inset 0 0 0 5px var(--radio-colors-dark-bg-default)}.arc-v12-0-0-beta-22 .arc .arc-RadioGroupButton--onDarkSurface.arc-RadioGroupButton--small .arc-RadioGroupButton-input:focus:not(:focus-visible){box-shadow:inset 0 0 0 4px var(--radio-colors-dark-bg-default)}.arc-v12-0-0-beta-22 .arc .arc-RadioGroupButton--onDarkSurface.arc-RadioGroupButton--disabled{color:var(--radio-colors-dark-text-disabled)}.arc-v12-0-0-beta-22 .arc .arc-RadioGroupButton--onDarkSurface .arc-RadioGroupButton-input[disabled]{background:var(--radio-colors-dark-bg-disabled);border-color:var(--radio-colors-dark-border-disabled)}.arc-v12-0-0-beta-22 .arc .arc-RadioGroupButton--small .arc-RadioGroupButton-input[disabled]:checked{box-shadow:inset 0 0 0 4px var(--radio-colors-light-bg-disabled)}.arc-v12-0-0-beta-22 .arc .arc-RadioGroupButton--onDarkSurface .arc-RadioGroupButton-input[disabled]:checked{background:var(--radio-colors-dark-fg-disabled);box-shadow:inset 0 0 0 6px var(--radio-colors-dark-bg-disabled)}.arc-v12-0-0-beta-22 .arc .arc-RadioGroupButton--onDarkSurface .arc-RadioGroupButton-input[disabled]:focus,.arc-v12-0-0-beta-22 .arc .arc-RadioGroupButton--onDarkSurface .arc-RadioGroupButton-input[disabled]:focus-visible{background:var(--radio-colors-dark-bg-disabled);box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle),inset 0 0 0 4px var(--radio-colors-dark-bg-disabled)}.arc-v12-0-0-beta-22 .arc .arc-RadioGroupButton--small .arc-RadioGroupButton-input[disabled]:focus,.arc-v12-0-0-beta-22 .arc .arc-RadioGroupButton--small .arc-RadioGroupButton-input[disabled]:focus-visible{background:var(--radio-colors-light-bg-disabled);box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-light-border-subtle),inset 0 0 0 4px var(--radio-colors-light-bg-disabled)}.arc-v12-0-0-beta-22 .arc .arc-RadioGroupButton--small .arc-RadioGroupButton-input[disabled]:checked:focus,.arc-v12-0-0-beta-22 .arc .arc-RadioGroupButton--small .arc-RadioGroupButton-input[disabled]:checked:focus-visible{background:var(--radio-colors-light-fg-disabled);box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-light-border-subtle),inset 0 0 0 4px var(--radio-colors-light-bg-disabled)}.arc-v12-0-0-beta-22 .arc .arc-RadioGroupButton--onDarkSurface .arc-RadioGroupButton-input[disabled]:checked:focus,.arc-v12-0-0-beta-22 .arc .arc-RadioGroupButton--onDarkSurface .arc-RadioGroupButton-input[disabled]:checked:focus-visible{background:var(--radio-colors-dark-fg-disabled);box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle),inset 0 0 0 6px var(--radio-colors-dark-bg-disabled)}.arc-v12-0-0-beta-22 .arc .arc-RadioGroupButton--onDarkSurface.arc-RadioGroupButton--small .arc-RadioGroupButton-input[disabled]:checked{box-shadow:inset 0 0 0 4px var(--radio-colors-dark-bg-disabled)}.arc-v12-0-0-beta-22 .arc .arc-RadioGroupButton--onDarkSurface.arc-RadioGroupButton--small .arc-RadioGroupButton-input[disabled]:focus,.arc-v12-0-0-beta-22 .arc .arc-RadioGroupButton--onDarkSurface.arc-RadioGroupButton--small .arc-RadioGroupButton-input[disabled]:focus-visible{background:var(--radio-colors-dark-bg-disabled);box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle),inset 0 0 0 4px var(--radio-colors-dark-bg-disabled)}.arc-v12-0-0-beta-22 .arc .arc-RadioGroupButton--onDarkSurface.arc-RadioGroupButton--small .arc-RadioGroupButton-input[disabled]:checked:focus,.arc-v12-0-0-beta-22 .arc .arc-RadioGroupButton--onDarkSurface.arc-RadioGroupButton--small .arc-RadioGroupButton-input[disabled]:checked:focus-visible{background:var(--radio-colors-dark-fg-disabled);box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle),inset 0 0 0 4px var(--radio-colors-dark-bg-disabled)}.arc-v12-0-0-beta-22 .arc .arc-RadioGroup-radioButtonContainer .arc-RadioButton--withMargin:first-child{margin-top:0}.arc-v12-0-0-beta-22 .arc .arc-RadioGroup-error{align-items:center;color:#da020f;display:flex;line-height:1.5;margin-top:12px}.arc-v12-0-0-beta-22 .arc .arc-RadioGroup-error .arc-RadioGroup-error--icon{color:currentColor;flex-shrink:0;height:24px;margin-right:4px;width:24px}.arc-v12-0-0-beta-22 .arc .arc-RadioGroup--onDarkSurface .arc-RadioGroup-error{color:#fa9590}
package/lib/Rule/styles.css CHANGED
@@ -1 +1 @@
1
- .arc-v12-0-0-beta-20 .arc .arc-Rule{background-color:var(--rule-colors-light-border-subtle);border:0;color:var(--rule-colors-light-border-subtle)}.arc-v12-0-0-beta-20 .arc .arc-Rule--horizontal{height:var(--rule-border-weight-s);margin-bottom:0;margin-top:0}.arc-v12-0-0-beta-20 .arc .arc-Rule--vertical{height:100%;margin-left:0;margin-right:0;width:var(--rule-border-weight-s)}.arc-v12-0-0-beta-20 .arc .arc-Rule--onDarkSurface{background-color:var(--rule-colors-dark-border-subtle);color:var(--rule-colors-dark-border-subtle)}
1
+ .arc-v12-0-0-beta-22 .arc .arc-Rule{background-color:var(--rule-colors-light-border-subtle);border:0;color:var(--rule-colors-light-border-subtle)}.arc-v12-0-0-beta-22 .arc .arc-Rule--horizontal{height:var(--rule-border-weight-s);margin-bottom:0;margin-top:0}.arc-v12-0-0-beta-22 .arc .arc-Rule--vertical{height:100%;margin-left:0;margin-right:0;width:var(--rule-border-weight-s)}.arc-v12-0-0-beta-22 .arc .arc-Rule--onDarkSurface{background-color:var(--rule-colors-dark-border-subtle);color:var(--rule-colors-dark-border-subtle)}
package/lib/ScrollToTop/ScrollToTop.cjs CHANGED
@@ -4,9 +4,10 @@
4
4
  var filterAttrs = require('../_shared/cjs/filter-attrs-eK6E_34o.cjs');
5
5
  var React = require('react');
6
6
  var index = require('../_shared/cjs/index-CTlXMLug.cjs');
7
- var debounce = require('../_shared/cjs/debounce-BeIT3oyF.cjs');
7
+ var debounce = require('../_shared/cjs/debounce-uPMetQ6J.cjs');
8
8
  var Surface = require('../_shared/cjs/Surface-BFx1yNsq.cjs');
9
9
  var Icon = require('../_shared/cjs/Icon-CzhyKqMd.cjs');
10
+ require('../_shared/cjs/isSymbol-BGrHFUbV.cjs');
10
11
  require('../_shared/cjs/index-DR8Rkav9.cjs');
11
12
  require('../_shared/cjs/suffix-modifier-DLUGR-yG.cjs');
12
13
 
package/lib/ScrollToTop/ScrollToTop.mjs CHANGED
@@ -2,9 +2,10 @@
2
2
  import { _ as __rest, a as __assign, f as filterAttrs } from '../_shared/esm/filter-attrs-B6CM-NUr.mjs';
3
3
  import React__default, { useState, useContext, useEffect } from 'react';
4
4
  import { c as classNames } from '../_shared/esm/index-5C0-U8cc.mjs';
5
- import { d as debounce } from '../_shared/esm/debounce-mCD9-ufA.mjs';
5
+ import { d as debounce } from '../_shared/esm/debounce-D_Nx5go6.mjs';
6
6
  import { C as Context } from '../_shared/esm/Surface-Colbp3Zx.mjs';
7
7
  import { I as Icon } from '../_shared/esm/Icon-CcPOJcQm.mjs';
8
+ import '../_shared/esm/isSymbol-DgWNE2Tm.mjs';
8
9
  import '../_shared/esm/index-Spae4j7j.mjs';
9
10
  import '../_shared/esm/suffix-modifier-B_pO0UkF.mjs';
10
11
 
package/lib/ScrollToTop/styles.css CHANGED
@@ -1 +1 @@
1
- .arc-v12-0-0-beta-20 .arc .arc-ScrollToTop{align-items:center;border-radius:var(--backtotop-border-radius-m);box-shadow:var(--elevation-02);cursor:pointer;display:flex;font-family:inherit;font-size:inherit;justify-content:center;margin:0;overflow:hidden;padding:0;visibility:hidden}.arc-v12-0-0-beta-20 .arc .arc-ScrollToTop--visible{visibility:visible}.arc-v12-0-0-beta-20 .arc .arc-ScrollToTop--fixed{bottom:20px;position:fixed;right:20px}.arc-v12-0-0-beta-20 .arc .arc-ScrollToTop-textWrapper{width:0}.arc-v12-0-0-beta-20 .arc .arc-ScrollToTop-text{display:block;padding-left:var(--backtotop-padding-m);text-align:left;white-space:nowrap}@media (hover:hover){.arc-v12-0-0-beta-20 .arc .arc-ScrollToTop:hover .arc-ScrollToTop-textWrapper{width:auto}}.arc-v12-0-0-beta-20 .arc .arc-ScrollToTop:focus-visible .arc-ScrollToTop-textWrapper,.arc-v12-0-0-beta-20 .arc .arc-ScrollToTop:active .arc-ScrollToTop-textWrapper{width:auto}.arc-v12-0-0-beta-20 .arc .arc-ScrollToTop--solid{background-color:var(--backtotop-colors-light-bg-default);border:var(--backtotop-border-weight-m) solid var(--backtotop-colors-light-border-strong);color:var(--backtotop-colors-light-text-default-alt)}.arc-v12-0-0-beta-20 .arc .arc-ScrollToTop--solid .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-light-bg-default)}@media (hover:hover){.arc-v12-0-0-beta-20 .arc .arc-ScrollToTop--solid:hover,.arc-v12-0-0-beta-20 .arc .arc-ScrollToTop--solid:hover .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-light-bg-hover)}}.arc-v12-0-0-beta-20 .arc .arc-ScrollToTop:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc-v12-0-0-beta-20 .arc .arc-ScrollToTop--solid:focus-visible{background-color:var(--backtotop-colors-light-bg-selected)}.arc-v12-0-0-beta-20 .arc .arc-ScrollToTop--solid:focus-visible .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-light-bg-selected)}.arc-v12-0-0-beta-20 .arc .arc-ScrollToTop--solid:active,.arc-v12-0-0-beta-20 .arc .arc-ScrollToTop--solid:active .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-light-bg-selected)}.arc-v12-0-0-beta-20 .arc .arc-ScrollToTop--outlined{background-color:var(--backtotop-colors-light-bg-strong);border:var(--backtotop-border-weight-m) solid var(--backtotop-colors-light-border-default);color:var(--backtotop-colors-light-text-default)}.arc-v12-0-0-beta-20 .arc .arc-ScrollToTop--outlined .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-light-bg-strong)}.arc-v12-0-0-beta-20 .arc .arc-ScrollToTop--outlined:active{background-color:var(--backtotop-colors-light-bg-subtle);border-color:var(--backtotop-colors-light-border-selected)}.arc-v12-0-0-beta-20 .arc .arc-ScrollToTop--outlined:active .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-light-bg-subtle)}.arc-v12-0-0-beta-20 .arc .arc-ScrollToTop--onDarkSurface{box-shadow:var(--elevation-02)}.arc-v12-0-0-beta-20 .arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--solid{background-color:var(--backtotop-colors-dark-bg-default);border-color:var(--backtotop-colors-dark-border-strong);color:var(--backtotop-colors-dark-fg-default)}.arc-v12-0-0-beta-20 .arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--solid .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-dark-bg-default)}@media (hover:hover){.arc-v12-0-0-beta-20 .arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--solid:hover,.arc-v12-0-0-beta-20 .arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--solid:hover .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-dark-bg-hover)}}.arc-v12-0-0-beta-20 .arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--solid:focus-visible{background-color:var(--backtotop-colors-dark-bg-selected);border:var(--backtotop-border-weight-m) solid var(--backtotop-colors-dark-border-focus)}.arc-v12-0-0-beta-20 .arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--solid:focus-visible .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-dark-bg-selected)}.arc-v12-0-0-beta-20 .arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--solid:active,.arc-v12-0-0-beta-20 .arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--solid:active .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-dark-bg-selected)}.arc-v12-0-0-beta-20 .arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--outlined{background-color:var(--backtotop-colors-dark-bg-strong);border-color:var(--backtotop-colors-dark-border-default);color:var(--backtotop-colors-dark-text-default-alt)}.arc-v12-0-0-beta-20 .arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--outlined .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-dark-bg-strong)}/* ! selected token being used in hover */@media (hover:hover){.arc-v12-0-0-beta-20 .arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--outlined:hover{background-color:var(--backtotop-colors-dark-bg-strong);border-color:var(--backtotop-colors-dark-border-hover)}.arc-v12-0-0-beta-20 .arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--outlined:hover .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-dark-bg-strong)}}.arc-v12-0-0-beta-20 .arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--outlined:focus-visible{border:var(--backtotop-border-weight-m) solid var(--backtotop-colors-dark-border-focus)}/* ! hover tokens used on active state */.arc-v12-0-0-beta-20 .arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--outlined:active{background-color:var(--backtotop-colors-dark-bg-subtle);border-color:var(--backtotop-colors-dark-border-selected)}.arc-v12-0-0-beta-20 .arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--outlined:active .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-dark-bg-subtle)}
1
+ .arc-v12-0-0-beta-22 .arc .arc-ScrollToTop{align-items:center;border-radius:var(--backtotop-border-radius-m);box-shadow:var(--elevation-02);cursor:pointer;display:flex;font-family:inherit;font-size:inherit;justify-content:center;margin:0;overflow:hidden;padding:0;visibility:hidden}.arc-v12-0-0-beta-22 .arc .arc-ScrollToTop--visible{visibility:visible}.arc-v12-0-0-beta-22 .arc .arc-ScrollToTop--fixed{bottom:20px;position:fixed;right:20px}.arc-v12-0-0-beta-22 .arc .arc-ScrollToTop-textWrapper{width:0}.arc-v12-0-0-beta-22 .arc .arc-ScrollToTop-text{display:block;padding-left:var(--backtotop-padding-m);text-align:left;white-space:nowrap}@media (hover:hover){.arc-v12-0-0-beta-22 .arc .arc-ScrollToTop:hover .arc-ScrollToTop-textWrapper{width:auto}}.arc-v12-0-0-beta-22 .arc .arc-ScrollToTop:focus-visible .arc-ScrollToTop-textWrapper,.arc-v12-0-0-beta-22 .arc .arc-ScrollToTop:active .arc-ScrollToTop-textWrapper{width:auto}.arc-v12-0-0-beta-22 .arc .arc-ScrollToTop--solid{background-color:var(--backtotop-colors-light-bg-default);border:var(--backtotop-border-weight-m) solid var(--backtotop-colors-light-border-strong);color:var(--backtotop-colors-light-text-default-alt)}.arc-v12-0-0-beta-22 .arc .arc-ScrollToTop--solid .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-light-bg-default)}@media (hover:hover){.arc-v12-0-0-beta-22 .arc .arc-ScrollToTop--solid:hover,.arc-v12-0-0-beta-22 .arc .arc-ScrollToTop--solid:hover .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-light-bg-hover)}}.arc-v12-0-0-beta-22 .arc .arc-ScrollToTop:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc-v12-0-0-beta-22 .arc .arc-ScrollToTop--solid:focus-visible{background-color:var(--backtotop-colors-light-bg-selected)}.arc-v12-0-0-beta-22 .arc .arc-ScrollToTop--solid:focus-visible .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-light-bg-selected)}.arc-v12-0-0-beta-22 .arc .arc-ScrollToTop--solid:active,.arc-v12-0-0-beta-22 .arc .arc-ScrollToTop--solid:active .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-light-bg-selected)}.arc-v12-0-0-beta-22 .arc .arc-ScrollToTop--outlined{background-color:var(--backtotop-colors-light-bg-strong);border:var(--backtotop-border-weight-m) solid var(--backtotop-colors-light-border-default);color:var(--backtotop-colors-light-text-default)}.arc-v12-0-0-beta-22 .arc .arc-ScrollToTop--outlined .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-light-bg-strong)}.arc-v12-0-0-beta-22 .arc .arc-ScrollToTop--outlined:active{background-color:var(--backtotop-colors-light-bg-subtle);border-color:var(--backtotop-colors-light-border-selected)}.arc-v12-0-0-beta-22 .arc .arc-ScrollToTop--outlined:active .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-light-bg-subtle)}.arc-v12-0-0-beta-22 .arc .arc-ScrollToTop--onDarkSurface{box-shadow:var(--elevation-02)}.arc-v12-0-0-beta-22 .arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--solid{background-color:var(--backtotop-colors-dark-bg-default);border-color:var(--backtotop-colors-dark-border-strong);color:var(--backtotop-colors-dark-fg-default)}.arc-v12-0-0-beta-22 .arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--solid .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-dark-bg-default)}@media (hover:hover){.arc-v12-0-0-beta-22 .arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--solid:hover,.arc-v12-0-0-beta-22 .arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--solid:hover .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-dark-bg-hover)}}.arc-v12-0-0-beta-22 .arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--solid:focus-visible{background-color:var(--backtotop-colors-dark-bg-selected);border:var(--backtotop-border-weight-m) solid var(--backtotop-colors-dark-border-focus)}.arc-v12-0-0-beta-22 .arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--solid:focus-visible .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-dark-bg-selected)}.arc-v12-0-0-beta-22 .arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--solid:active,.arc-v12-0-0-beta-22 .arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--solid:active .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-dark-bg-selected)}.arc-v12-0-0-beta-22 .arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--outlined{background-color:var(--backtotop-colors-dark-bg-strong);border-color:var(--backtotop-colors-dark-border-default);color:var(--backtotop-colors-dark-text-default-alt)}.arc-v12-0-0-beta-22 .arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--outlined .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-dark-bg-strong)}/* ! selected token being used in hover */@media (hover:hover){.arc-v12-0-0-beta-22 .arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--outlined:hover{background-color:var(--backtotop-colors-dark-bg-strong);border-color:var(--backtotop-colors-dark-border-hover)}.arc-v12-0-0-beta-22 .arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--outlined:hover .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-dark-bg-strong)}}.arc-v12-0-0-beta-22 .arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--outlined:focus-visible{border:var(--backtotop-border-weight-m) solid var(--backtotop-colors-dark-border-focus)}/* ! hover tokens used on active state */.arc-v12-0-0-beta-22 .arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--outlined:active{background-color:var(--backtotop-colors-dark-bg-subtle);border-color:var(--backtotop-colors-dark-border-selected)}.arc-v12-0-0-beta-22 .arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--outlined:active .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-dark-bg-subtle)}
package/lib/Section/styles.css CHANGED
@@ -1 +1 @@
1
- .arc-v12-0-0-beta-20 .arc .arc-Section--regular{--section-max-width:var(--arc-size-section-width-m);--section-margin-xs:var(--arc-size-section-margin-16);--section-margin-s:var(--arc-size-section-margin-24);--section-margin-m:var(--arc-size-section-margin-24);--section-margin-l:var(--arc-size-section-margin-32);--section-margin-xl:var(--arc-size-section-margin-32);--section-margin-xxl:var(--arc-size-section-margin-32);--section-margin-xxxl:var(--arc-size-section-margin-32)}.arc-v12-0-0-beta-20 .arc .arc-Section--extended{--section-max-width:var(--arc-size-section-width-l);--section-margin-xs:var(--arc-size-section-margin-16);--section-margin-s:var(--arc-size-section-margin-24);--section-margin-m:var(--arc-size-section-margin-32);--section-margin-l:var(--arc-size-section-margin-48);--section-margin-xl:var(--arc-size-section-margin-64);--section-margin-xxl:var(--arc-size-section-margin-96);--section-margin-xxxl:var(--arc-size-section-margin-128)}.arc-v12-0-0-beta-20 .arc .arc-Section{margin-left:auto;margin-right:auto;max-width:var(--section-max-width);padding-left:var(--section-margin-xs);padding-right:var(--section-margin-xs);position:relative;width:100%}@media (min-width:636px){.arc-v12-0-0-beta-20 .arc .arc-Section{padding-left:var(--section-margin-s);padding-right:var(--section-margin-s)}}@media (min-width:768px){.arc-v12-0-0-beta-20 .arc .arc-Section{padding-left:var(--section-margin-m);padding-right:var(--section-margin-m)}}@media (min-width:1024px){.arc-v12-0-0-beta-20 .arc .arc-Section{padding-left:var(--section-margin-l);padding-right:var(--section-margin-l)}}@media (min-width:1280px){.arc-v12-0-0-beta-20 .arc .arc-Section{padding-left:var(--section-margin-xl);padding-right:var(--section-margin-xl)}}@media (min-width:1440px){.arc-v12-0-0-beta-20 .arc .arc-Section{padding-left:var(--section-margin-xxl);padding-right:var(--section-margin-xxl)}}@media (min-width:1920px){.arc-v12-0-0-beta-20 .arc .arc-Section{padding-left:var(--section-margin-xxxl);padding-right:var(--section-margin-xxxl)}}.arc-v12-0-0-beta-20 .arc .arc-Section--fullWidth{max-width:100%}.arc-v12-0-0-beta-20 .arc .arc-Section--debugVisible::after{align-items:center;background:rgba(207,58,138,0.5);bottom:0;content:"Section";display:flex;justify-content:center;left:0;outline:1px dashed #cf3a8a;outline-offset:-1px;position:absolute;right:0;top:0}
1
+ .arc-v12-0-0-beta-22 .arc .arc-Section--regular{--section-max-width:var(--arc-size-section-width-m);--section-margin-xs:var(--arc-size-section-margin-16);--section-margin-s:var(--arc-size-section-margin-24);--section-margin-m:var(--arc-size-section-margin-24);--section-margin-l:var(--arc-size-section-margin-32);--section-margin-xl:var(--arc-size-section-margin-32);--section-margin-xxl:var(--arc-size-section-margin-32);--section-margin-xxxl:var(--arc-size-section-margin-32)}.arc-v12-0-0-beta-22 .arc .arc-Section--extended{--section-max-width:var(--arc-size-section-width-l);--section-margin-xs:var(--arc-size-section-margin-16);--section-margin-s:var(--arc-size-section-margin-24);--section-margin-m:var(--arc-size-section-margin-32);--section-margin-l:var(--arc-size-section-margin-48);--section-margin-xl:var(--arc-size-section-margin-64);--section-margin-xxl:var(--arc-size-section-margin-96);--section-margin-xxxl:var(--arc-size-section-margin-128)}.arc-v12-0-0-beta-22 .arc .arc-Section{margin-left:auto;margin-right:auto;max-width:var(--section-max-width);padding-left:var(--section-margin-xs);padding-right:var(--section-margin-xs);position:relative;width:100%}@media (min-width:636px){.arc-v12-0-0-beta-22 .arc .arc-Section{padding-left:var(--section-margin-s);padding-right:var(--section-margin-s)}}@media (min-width:768px){.arc-v12-0-0-beta-22 .arc .arc-Section{padding-left:var(--section-margin-m);padding-right:var(--section-margin-m)}}@media (min-width:1024px){.arc-v12-0-0-beta-22 .arc .arc-Section{padding-left:var(--section-margin-l);padding-right:var(--section-margin-l)}}@media (min-width:1280px){.arc-v12-0-0-beta-22 .arc .arc-Section{padding-left:var(--section-margin-xl);padding-right:var(--section-margin-xl)}}@media (min-width:1440px){.arc-v12-0-0-beta-22 .arc .arc-Section{padding-left:var(--section-margin-xxl);padding-right:var(--section-margin-xxl)}}@media (min-width:1920px){.arc-v12-0-0-beta-22 .arc .arc-Section{padding-left:var(--section-margin-xxxl);padding-right:var(--section-margin-xxxl)}}.arc-v12-0-0-beta-22 .arc .arc-Section--fullWidth{max-width:100%}.arc-v12-0-0-beta-22 .arc .arc-Section--debugVisible::after{align-items:center;background:rgba(207,58,138,0.5);bottom:0;content:"Section";display:flex;justify-content:center;left:0;outline:1px dashed #cf3a8a;outline-offset:-1px;position:absolute;right:0;top:0}
package/lib/Select/styles.css CHANGED
@@ -1 +1 @@
1
- .arc-v12-0-0-beta-20 .arc .arc-Select-trigger{align-items:center;background-color:var(--select-colors-light-bg-default);border:var(--select-border-weight-s) solid var(--select-colors-light-border-default);border-radius:var(--select-border-radius-m);color:var(--select-colors-light-text-default);display:flex;font:var(--sem-type-body-reg-m);height:var(--select-size-m);justify-content:space-between;padding:0 calc(var(--select-padding-m) - var(--select-border-weight-s));text-align:left;width:100%}.arc-v12-0-0-beta-20 .arc .arc-Select-trigger--sizeS{border-radius:var(--select-border-radius-s);height:var(--select-size-s);padding:0 calc(var(--select-padding-s) - var(--select-border-weight-s))}.arc-v12-0-0-beta-20 .arc .arc-Select-trigger--sizeL{border-radius:var(--select-border-radius-l);height:var(--select-size-l);padding:0 calc(var(--select-padding-l) - var(--select-border-weight-s))}.arc-v12-0-0-beta-20 .arc .arc-Select-trigger--constrained{max-width:20rem}.arc-v12-0-0-beta-20 .arc .arc-Select-trigger--onDarkSurface{background-color:var(--select-colors-dark-bg-default);border-color:var(--select-colors-dark-border-strong);color:var(--select-colors-dark-text-default)}.arc-v12-0-0-beta-20 .arc .arc-Select-trigger:disabled{background-color:var(--select-colors-light-bg-disabled);border-color:var(--select-colors-light-border-disabled);color:var(--select-colors-light-text-disabled);cursor:not-allowed}.arc-v12-0-0-beta-20 .arc .arc-Select-placeHolder{color:var(--select-colors-light-text-default);display:block;font:var(--sem-type-body-reg-m);max-width:calc(100% - 2rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.arc-v12-0-0-beta-20 .arc .arc-Select-triggerIcon{margin-left:15px}.arc-v12-0-0-beta-20 .arc .arc-Select-trigger[data-state="open"] .arc-Select-triggerIcon{transform:rotate(180deg)}.arc-v12-0-0-beta-20 .arc .arc-Select-content{background:#ffffff;border-radius:12px;box-shadow:0 0 1px 0 rgba(0,0,0,0.2),0 4px 12px 0 rgba(0,0,0,0.1);display:flex;flex-direction:column;max-height:var(--radix-select-content-available-height);padding:0 12px;position:relative;width:var(--radix-select-trigger-width);z-index:3}.arc-v12-0-0-beta-20 .arc .arc-Select-content--scrollable{margin-right:-12px;overflow-x:hidden;overflow-y:scroll;padding:0 12px 0 0;scrollbar-width:thin}.arc-v12-0-0-beta-20 .arc .arc-Select-item{border-radius:var(--menu-card-border-radius-s);display:flex;flex-direction:row;gap:var(--menu-card-gap-m);margin-bottom:4px;outline:none;padding:var(--menu-card-padding-m);position:relative;width:100%}.arc-v12-0-0-beta-20 .arc .arc-Select-item:first-child{margin-top:12px}.arc-v12-0-0-beta-20 .arc .arc-Select-item:last-child{margin-bottom:12px}.arc-v12-0-0-beta-20 .arc .arc-Select-itemText{display:flex;flex-direction:column;flex-wrap:nowrap;gap:var(--menu-card-gap-xs);text-wrap:wrap}.arc-v12-0-0-beta-20 .arc .arc-Select-trigger>span:first-child{display:block;flex:1 1 auto;font:var(--sem-type-body-reg-m);max-width:calc(100% - 2rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arc-v12-0-0-beta-20 .arc .arc-Select-trigger--sizeS>span:first-child,.arc-v12-0-0-beta-20 .arc .arc-Select-content--sizeS .arc-Select-itemText{font:var(--sem-type-body-reg-s)}.arc-v12-0-0-beta-20 .arc .arc-Select-trigger--sizeL>span:first-child,.arc-v12-0-0-beta-20 .arc .arc-Select-content--sizeL .arc-Select-itemText{font:var(--sem-type-body-reg-l)}.arc-v12-0-0-beta-20 .arc .arc-Select-trigger--invalid{background-color:var(--select-colors-light-bg-error);border-color:var(--select-colors-light-border-error)}.arc-v12-0-0-beta-20 .arc .arc-Select-trigger:focus{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-light-border-subtle);outline:none}.arc-v12-0-0-beta-20 .arc .arc-Select-item[data-highlighted]{background-color:var(--menu-card-bg-hover);border-radius:var(--menu-card-border-radius-s);border-bottom-left-radius:4px;border-top-left-radius:4px;cursor:pointer;z-index:4}.arc-v12-0-0-beta-20 .arc .arc-Select-item[data-highlighted]::before{background-color:var(--menu-card-foreground-hover);border-bottom-left-radius:var(--menu-card-border-radius-s);border-top-left-radius:var(--menu-card-border-radius-s);content:"";height:100%;left:0;position:absolute;top:0;transition:background-color 0.3s ease;width:3px}.arc-v12-0-0-beta-20 .arc .arc-Select-item[data-state="checked"],.arc-v12-0-0-beta-20 .arc .arc-Select-item[aria-expanded="true"]{background:var(--menu-card-bg-active)}.arc-v12-0-0-beta-20 .arc .arc-Select-itemSelectIcon{align-self:center;display:flex;margin-left:auto}.arc-v12-0-0-beta-20 .arc .arc-Select-trigger--onDarkSurface:disabled{background-color:var(--select-colors-dark-bg-disabled);border-color:var(--select-colors-dark-border-disabled);color:var(--select-colors-dark-text-disabled)}.arc-v12-0-0-beta-20 .arc .arc-Select-trigger--onDarkSurface:focus{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle)}.arc-v12-0-0-beta-20 .arc .arc-Select-trigger--onDarkSurface.arc-Select-trigger--invalid{background-color:var(--select-colors-dark-bg-error);border-color:var(--select-colors-dark-border-error)}@media (prefers-reduced-motion:no-preference){.arc-v12-0-0-beta-20 .arc-bt .arc-Select-triggerIcon{transition:transform 0.23s ease-out}.arc-v12-0-0-beta-20 .arc .arc-Select-item{transition:0.1s cubic-bezier(0.44,0,0.55,0.94) background-color,0.1s cubic-bezier(0.44,0,0.55,0.94) color}}
1
+ .arc-v12-0-0-beta-22 .arc .arc-Select-trigger{align-items:center;background-color:var(--select-colors-light-bg-default);border:var(--select-border-weight-s) solid var(--select-colors-light-border-default);border-radius:var(--select-border-radius-m);color:var(--select-colors-light-text-default);display:flex;font:var(--sem-type-body-reg-m);height:var(--select-size-m);justify-content:space-between;padding:0 calc(var(--select-padding-m) - var(--select-border-weight-s));text-align:left;width:100%}.arc-v12-0-0-beta-22 .arc .arc-Select-trigger--sizeS{border-radius:var(--select-border-radius-s);height:var(--select-size-s);padding:0 calc(var(--select-padding-s) - var(--select-border-weight-s))}.arc-v12-0-0-beta-22 .arc .arc-Select-trigger--sizeL{border-radius:var(--select-border-radius-l);height:var(--select-size-l);padding:0 calc(var(--select-padding-l) - var(--select-border-weight-s))}.arc-v12-0-0-beta-22 .arc .arc-Select-trigger--constrained{max-width:20rem}.arc-v12-0-0-beta-22 .arc .arc-Select-trigger--onDarkSurface{background-color:var(--select-colors-dark-bg-default);border-color:var(--select-colors-dark-border-strong);color:var(--select-colors-dark-text-default)}.arc-v12-0-0-beta-22 .arc .arc-Select-trigger:disabled{background-color:var(--select-colors-light-bg-disabled);border-color:var(--select-colors-light-border-disabled);color:var(--select-colors-light-text-disabled);cursor:not-allowed}.arc-v12-0-0-beta-22 .arc .arc-Select-placeHolder{color:var(--select-colors-light-text-default);display:block;font:var(--sem-type-body-reg-m);max-width:calc(100% - 2rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.arc-v12-0-0-beta-22 .arc .arc-Select-triggerIcon{margin-left:15px}.arc-v12-0-0-beta-22 .arc .arc-Select-trigger[data-state="open"] .arc-Select-triggerIcon{transform:rotate(180deg)}.arc-v12-0-0-beta-22 .arc .arc-Select-content{background:#ffffff;border-radius:12px;box-shadow:0 0 1px 0 rgba(0,0,0,0.2),0 4px 12px 0 rgba(0,0,0,0.1);display:flex;flex-direction:column;max-height:var(--radix-select-content-available-height);padding:0 12px;position:relative;width:var(--radix-select-trigger-width);z-index:3}.arc-v12-0-0-beta-22 .arc .arc-Select-content--scrollable{margin-right:-12px;overflow-x:hidden;overflow-y:scroll;padding:0 12px 0 0;scrollbar-width:thin}.arc-v12-0-0-beta-22 .arc .arc-Select-item{border-radius:var(--menu-card-border-radius-s);display:flex;flex-direction:row;gap:var(--menu-card-gap-m);margin-bottom:4px;outline:none;padding:var(--menu-card-padding-m);position:relative;width:100%}.arc-v12-0-0-beta-22 .arc .arc-Select-item:first-child{margin-top:12px}.arc-v12-0-0-beta-22 .arc .arc-Select-item:last-child{margin-bottom:12px}.arc-v12-0-0-beta-22 .arc .arc-Select-itemText{display:flex;flex-direction:column;flex-wrap:nowrap;gap:var(--menu-card-gap-xs);text-wrap:wrap}.arc-v12-0-0-beta-22 .arc .arc-Select-trigger>span:first-child{display:block;flex:1 1 auto;font:var(--sem-type-body-reg-m);max-width:calc(100% - 2rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arc-v12-0-0-beta-22 .arc .arc-Select-trigger--sizeS>span:first-child,.arc-v12-0-0-beta-22 .arc .arc-Select-content--sizeS .arc-Select-itemText{font:var(--sem-type-body-reg-s)}.arc-v12-0-0-beta-22 .arc .arc-Select-trigger--sizeL>span:first-child,.arc-v12-0-0-beta-22 .arc .arc-Select-content--sizeL .arc-Select-itemText{font:var(--sem-type-body-reg-l)}.arc-v12-0-0-beta-22 .arc .arc-Select-trigger--invalid{background-color:var(--select-colors-light-bg-error);border-color:var(--select-colors-light-border-error)}.arc-v12-0-0-beta-22 .arc .arc-Select-trigger:focus{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-light-border-subtle);outline:none}.arc-v12-0-0-beta-22 .arc .arc-Select-item[data-highlighted]{background-color:var(--menu-card-bg-hover);border-radius:var(--menu-card-border-radius-s);border-bottom-left-radius:4px;border-top-left-radius:4px;cursor:pointer;z-index:4}.arc-v12-0-0-beta-22 .arc .arc-Select-item[data-highlighted]::before{background-color:var(--menu-card-foreground-hover);border-bottom-left-radius:var(--menu-card-border-radius-s);border-top-left-radius:var(--menu-card-border-radius-s);content:"";height:100%;left:0;position:absolute;top:0;transition:background-color 0.3s ease;width:3px}.arc-v12-0-0-beta-22 .arc .arc-Select-item[data-state="checked"],.arc-v12-0-0-beta-22 .arc .arc-Select-item[aria-expanded="true"]{background:var(--menu-card-bg-active)}.arc-v12-0-0-beta-22 .arc .arc-Select-itemSelectIcon{align-self:center;display:flex;margin-left:auto}.arc-v12-0-0-beta-22 .arc .arc-Select-trigger--onDarkSurface:disabled{background-color:var(--select-colors-dark-bg-disabled);border-color:var(--select-colors-dark-border-disabled);color:var(--select-colors-dark-text-disabled)}.arc-v12-0-0-beta-22 .arc .arc-Select-trigger--onDarkSurface:focus{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle)}.arc-v12-0-0-beta-22 .arc .arc-Select-trigger--onDarkSurface.arc-Select-trigger--invalid{background-color:var(--select-colors-dark-bg-error);border-color:var(--select-colors-dark-border-error)}@media (prefers-reduced-motion:no-preference){.arc-v12-0-0-beta-22 .arc-bt .arc-Select-triggerIcon{transition:transform 0.23s ease-out}.arc-v12-0-0-beta-22 .arc .arc-Select-item{transition:0.1s cubic-bezier(0.44,0,0.55,0.94) background-color,0.1s cubic-bezier(0.44,0,0.55,0.94) color}}
package/lib/SiteFooter/SiteFooter.cjs CHANGED
@@ -8,7 +8,7 @@ var Section = require('../_shared/cjs/Section-wUVdzmGA.cjs');
8
8
  var Surface = require('../_shared/cjs/Surface-BFx1yNsq.cjs');
9
9
  var handleLinkClick = require('../_shared/cjs/handle-link-click-C7BvOIYa.cjs');
10
10
  var ThemeIcon = require('../_shared/cjs/ThemeIcon-BoxbjTaQ.cjs');
11
- var Visible = require('../_shared/cjs/Visible-Dx__9oZG.cjs');
11
+ var Visible = require('../_shared/cjs/Visible-vchtZSfm.cjs');
12
12
  require('../_shared/cjs/index-CTlXMLug.cjs');
13
13
  require('../_shared/cjs/suffix-modifier-DLUGR-yG.cjs');
14
14
  require('../_shared/cjs/index-DR8Rkav9.cjs');
@@ -46,7 +46,7 @@ var SiteFooterItemDisclosure = function (_a) {
46
46
  var SiteFooterItemGroup = function (props) { return (React.createElement(React.Fragment, null,
47
47
  React.createElement(Visible.Visible, { "data-testid": "mobile-disclosure", xs: true, s: true },
48
48
  React.createElement(SiteFooterItemDisclosure, filterAttrs.__assign({}, props, { tabIndex: 0 }))),
49
- React.createElement(Visible.Visible, { "data-testid": "desktop-disclosure", m: true, l: true, xl: true },
49
+ React.createElement(Visible.Visible, { "data-testid": "desktop-disclosure", m: true, l: true, xl: true, xxl: true },
50
50
  React.createElement(SiteFooterItemDisclosure, filterAttrs.__assign({}, props, { open: true, tabIndex: -1 }))))); };
51
51
  var SiteFooterItem = function (_a) {
52
52
  var children = _a.children, href = _a.href, onClick = _a.onClick, props = filterAttrs.__rest(_a, ["children", "href", "onClick"]);