@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/Toast/styles.css CHANGED
@@ -1 +1 @@
1
- .arc-v12-0-0-beta-20 .arc .arc-Toast{align-items:center;border-radius:var(--toast-border-radius-s);display:flex;padding:var(--toast-padding-s)}.arc-v12-0-0-beta-20 .arc .arc-Toast-viewport{bottom:var(--vertical-space-size-40);left:var(--vertical-space-size-20);list-style:none;margin:0;padding:0;position:fixed;width:calc(100% - var(--vertical-space-size-40));z-index:999}.arc-v12-0-0-beta-20 .arc .arc-Toast-root:nth-of-type(n+1){margin-top:var(--vertical-space-size-12)}.arc-v12-0-0-beta-20 .arc .arc-Toast-icon{flex:0 0 auto}.arc-v12-0-0-beta-20 .arc .arc-Toast-title{flex:1 1 auto;margin-left:var(--toast-gap-s)}.arc-v12-0-0-beta-20 .arc .arc-Toast-dismiss{align-items:center;background-color:transparent;border:none;cursor:pointer;display:flex;margin-left:auto;padding:0;position:relative}.arc-v12-0-0-beta-20 .arc .arc-Toast-link{margin:0 var(--toast-gap-s)}.arc-v12-0-0-beta-20 .arc .arc-Toast-root:focus-visible{border-radius:var(--toast-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc-v12-0-0-beta-20 .arc .arc-Toast-pathway--alternative .arc-Toast-dismiss,.arc-v12-0-0-beta-20 .arc .arc-Toast-pathway--alternative .arc-Toast-link{color:var(--toast-colors-status-dark-text-default-alt)}.arc-v12-0-0-beta-20 .arc .arc-Toast-pathway--default .arc-Toast-dismiss{color:var(--toast-colors-status-light-text-default-alt)}.arc-v12-0-0-beta-20 .arc .arc-Toast-pathway--default .arc-Toast-dismiss:focus-visible{border-radius:var(--focus-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc-v12-0-0-beta-20 .arc .arc-Toast-pathway--alternative .arc-Toast-dismiss:focus-visible{border-radius:var(--toast-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc-v12-0-0-beta-20 .arc .arc-Toast-pathway--default .arc-Toast-link,.arc-v12-0-0-beta-20 .arc .arc-Toast-pathway--default .arc-Toast-link:hover{color:var(--toast-colors-status-light-text-default)}.arc-v12-0-0-beta-20 .arc .arc-Toast-pathway--alternative .arc-Toast-link,.arc-v12-0-0-beta-20 .arc .arc-Toast-pathway--alternative .arc-Toast-link:hover{color:var(--toast-colors-status-dark-text-default)}.arc-v12-0-0-beta-20 .arc .arc-Toast-pathway--default .arc-Toast{background:var(--toast-colors-status-light-bg-default);box-shadow:var(--toast-box-shadow-01);color:var(--toast-colors-status-light-text-default-alt)}.arc-v12-0-0-beta-20 .arc .arc-Toast-pathway--alternative .arc-Toast{background:var(--toast-colors-status-dark-bg-default);box-shadow:var(--toast-box-shadow-01);color:var(--toast-colors-status-dark-text-default)}.arc-v12-0-0-beta-20 .arc .arc-Toast-pathway--default .arc-Toast-status--general{border:var(--toast-border-weight-s) solid var(--toast-colors-status-light-border-default);color:var(--toast-colors-status-light-text-default-alt)}.arc-v12-0-0-beta-20 .arc .arc-Toast-pathway--default .arc-Toast-status--error{background:var(--toast-colors-status-light-bg-error);border:var(--toast-border-weight-s) solid var(--toast-colors-status-light-border-error);color:var(--toast-colors-status-light-text-default)}.arc-v12-0-0-beta-20 .arc .arc-Toast-pathway--default .arc-Toast-status--warning{background:var(--toast-colors-status-light-bg-warning);border:var(--toast-border-weight-s) solid var(--toast-colors-status-light-border-warning);color:var(--toast-colors-status-light-text-default)}.arc-v12-0-0-beta-20 .arc .arc-Toast-pathway--default .arc-Toast-status--success{background:var(--toast-colors-status-light-bg-success);border:var(--toast-border-weight-s) solid var(--toast-colors-status-light-border-success);color:var(--toast-colors-status-light-text-default)}.arc-v12-0-0-beta-20 .arc .arc-Toast-pathway--default .arc-Toast-status--error .arc-Toast-dismiss,.arc-v12-0-0-beta-20 .arc .arc-Toast-pathway--default .arc-Toast-status--warning .arc-Toast-dismiss,.arc-v12-0-0-beta-20 .arc .arc-Toast-pathway--default .arc-Toast-status--success .arc-Toast-dismiss{color:var(--toast-colors-status-light-text-default)}.arc-v12-0-0-beta-20 .arc .arc-Toast-pathway--default .arc-Toast-status--error .arc-Toast-icon{color:var(--toast-colors-status-light-fg-error)}.arc-v12-0-0-beta-20 .arc .arc-Toast-pathway--default .arc-Toast-status--warning .arc-Toast-icon{color:var(--toast-colors-status-light-fg-warning)}.arc-v12-0-0-beta-20 .arc .arc-Toast-pathway--default .arc-Toast-status--success .arc-Toast-icon{color:var(--toast-colors-status-light-fg-success)}.arc-v12-0-0-beta-20 .arc .arc-Toast-pathway--alternative .arc-Toast-status--general{border:var(--toast-border-weight-s) solid var(--toast-colors-status-dark-border-default);color:var(--toast-colors-status-dark-text-default)}.arc-v12-0-0-beta-20 .arc .arc-Toast-pathway--alternative .arc-Toast-status--error{background:var(--toast-colors-status-dark-bg-error);border:var(--toast-border-weight-s) solid var(--toast-colors-status-dark-border-error);color:var(--toast-colors-status-dark-text-default)}.arc-v12-0-0-beta-20 .arc .arc-Toast-pathway--alternative .arc-Toast-status--warning{background:var(--toast-colors-status-dark-bg-warning);border:var(--toast-border-weight-s) solid var(--toast-colors-status-dark-border-warning);color:var(--toast-colors-status-dark-text-default)}.arc-v12-0-0-beta-20 .arc .arc-Toast-pathway--alternative .arc-Toast-status--success{background:var(--toast-colors-status-dark-bg-success);border:var(--toast-border-weight-s) solid var(--toast-colors-status-dark-border-success);color:var(--toast-colors-status-dark-text-default)}.arc-v12-0-0-beta-20 .arc .arc-Toast-pathway--alternative .arc-Toast-status--general .arc-Toast-icon{color:var(--toast-colors-status-dark-fg-default)}.arc-v12-0-0-beta-20 .arc .arc-Toast-pathway--alternative .arc-Toast-status--error .arc-Toast-icon{color:var(--toast-colors-status-dark-fg-error)}.arc-v12-0-0-beta-20 .arc .arc-Toast-pathway--alternative .arc-Toast-status--warning .arc-Toast-icon{color:var(--toast-colors-status-dark-fg-warning)}.arc-v12-0-0-beta-20 .arc .arc-Toast-pathway--alternative .arc-Toast-status--success .arc-Toast-icon{color:var(--toast-colors-status-dark-fg-success)}.arc-v12-0-0-beta-20 .arc .arc-Toast-root[data-state="open"]{animation:slide-in 150ms cubic-bezier(0.16,1,0.3,1)}.arc-v12-0-0-beta-20 .arc .arc-Toast-root[data-state="closed"]{animation:hide 100ms ease-in}.arc-v12-0-0-beta-20 .arc .arc-Toast-root[data-swipe="move"]{transform:translateX(var(--radix-toast-swipe-move-x))}.arc-v12-0-0-beta-20 .arc .arc-Toast-root[data-swipe="cancel"]{transform:translateX(0);transition:transform 200ms ease-out}.arc-v12-0-0-beta-20 .arc .arc-Toast-root[data-swipe="end"]{animation:slide-right 100ms ease-out}@media (min-width:404px){.arc-v12-0-0-beta-20 .arc .arc-Toast-viewport{--arc-toast-viewport-width:384px;left:calc(50% - (var(--arc-toast-viewport-width)/2));max-width:var(--arc-toast-viewport-width);width:100%}}@keyframes hide{from{opacity:1}to{opacity:0}}@keyframes slide-right{from{opacity:1;transform:translateX(var(--radix-toast-swipe-end-x))}to{opacity:0;transform:translateX(calc(var(--radix-toast-swipe-end-x) + 100%))}}@keyframes slide-in{from{transform:translateY(100%)}to{transform:translateY(0)}}
1
+ .arc-v12-0-0-beta-22 .arc .arc-Toast{align-items:center;border-radius:var(--toast-border-radius-s);display:flex;padding:var(--toast-padding-s)}.arc-v12-0-0-beta-22 .arc .arc-Toast-viewport{bottom:var(--vertical-space-size-40);left:var(--vertical-space-size-20);list-style:none;margin:0;padding:0;position:fixed;width:calc(100% - var(--vertical-space-size-40));z-index:999}.arc-v12-0-0-beta-22 .arc .arc-Toast-root:nth-of-type(n+1){margin-top:var(--vertical-space-size-12)}.arc-v12-0-0-beta-22 .arc .arc-Toast-icon{flex:0 0 auto}.arc-v12-0-0-beta-22 .arc .arc-Toast-title{flex:1 1 auto;margin-left:var(--toast-gap-s)}.arc-v12-0-0-beta-22 .arc .arc-Toast-dismiss{align-items:center;background-color:transparent;border:none;cursor:pointer;display:flex;margin-left:auto;padding:0;position:relative}.arc-v12-0-0-beta-22 .arc .arc-Toast-link{margin:0 var(--toast-gap-s)}.arc-v12-0-0-beta-22 .arc .arc-Toast-root:focus-visible{border-radius:var(--toast-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc-v12-0-0-beta-22 .arc .arc-Toast-pathway--alternative .arc-Toast-dismiss,.arc-v12-0-0-beta-22 .arc .arc-Toast-pathway--alternative .arc-Toast-link{color:var(--toast-colors-status-dark-text-default-alt)}.arc-v12-0-0-beta-22 .arc .arc-Toast-pathway--default .arc-Toast-dismiss{color:var(--toast-colors-status-light-text-default-alt)}.arc-v12-0-0-beta-22 .arc .arc-Toast-pathway--default .arc-Toast-dismiss:focus-visible{border-radius:var(--focus-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc-v12-0-0-beta-22 .arc .arc-Toast-pathway--alternative .arc-Toast-dismiss:focus-visible{border-radius:var(--toast-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc-v12-0-0-beta-22 .arc .arc-Toast-pathway--default .arc-Toast-link,.arc-v12-0-0-beta-22 .arc .arc-Toast-pathway--default .arc-Toast-link:hover{color:var(--toast-colors-status-light-text-default)}.arc-v12-0-0-beta-22 .arc .arc-Toast-pathway--alternative .arc-Toast-link,.arc-v12-0-0-beta-22 .arc .arc-Toast-pathway--alternative .arc-Toast-link:hover{color:var(--toast-colors-status-dark-text-default)}.arc-v12-0-0-beta-22 .arc .arc-Toast-pathway--default .arc-Toast{background:var(--toast-colors-status-light-bg-default);box-shadow:var(--toast-box-shadow-01);color:var(--toast-colors-status-light-text-default-alt)}.arc-v12-0-0-beta-22 .arc .arc-Toast-pathway--alternative .arc-Toast{background:var(--toast-colors-status-dark-bg-default);box-shadow:var(--toast-box-shadow-01);color:var(--toast-colors-status-dark-text-default)}.arc-v12-0-0-beta-22 .arc .arc-Toast-pathway--default .arc-Toast-status--general{border:var(--toast-border-weight-s) solid var(--toast-colors-status-light-border-default);color:var(--toast-colors-status-light-text-default-alt)}.arc-v12-0-0-beta-22 .arc .arc-Toast-pathway--default .arc-Toast-status--error{background:var(--toast-colors-status-light-bg-error);border:var(--toast-border-weight-s) solid var(--toast-colors-status-light-border-error);color:var(--toast-colors-status-light-text-default)}.arc-v12-0-0-beta-22 .arc .arc-Toast-pathway--default .arc-Toast-status--warning{background:var(--toast-colors-status-light-bg-warning);border:var(--toast-border-weight-s) solid var(--toast-colors-status-light-border-warning);color:var(--toast-colors-status-light-text-default)}.arc-v12-0-0-beta-22 .arc .arc-Toast-pathway--default .arc-Toast-status--success{background:var(--toast-colors-status-light-bg-success);border:var(--toast-border-weight-s) solid var(--toast-colors-status-light-border-success);color:var(--toast-colors-status-light-text-default)}.arc-v12-0-0-beta-22 .arc .arc-Toast-pathway--default .arc-Toast-status--error .arc-Toast-dismiss,.arc-v12-0-0-beta-22 .arc .arc-Toast-pathway--default .arc-Toast-status--warning .arc-Toast-dismiss,.arc-v12-0-0-beta-22 .arc .arc-Toast-pathway--default .arc-Toast-status--success .arc-Toast-dismiss{color:var(--toast-colors-status-light-text-default)}.arc-v12-0-0-beta-22 .arc .arc-Toast-pathway--default .arc-Toast-status--error .arc-Toast-icon{color:var(--toast-colors-status-light-fg-error)}.arc-v12-0-0-beta-22 .arc .arc-Toast-pathway--default .arc-Toast-status--warning .arc-Toast-icon{color:var(--toast-colors-status-light-fg-warning)}.arc-v12-0-0-beta-22 .arc .arc-Toast-pathway--default .arc-Toast-status--success .arc-Toast-icon{color:var(--toast-colors-status-light-fg-success)}.arc-v12-0-0-beta-22 .arc .arc-Toast-pathway--alternative .arc-Toast-status--general{border:var(--toast-border-weight-s) solid var(--toast-colors-status-dark-border-default);color:var(--toast-colors-status-dark-text-default)}.arc-v12-0-0-beta-22 .arc .arc-Toast-pathway--alternative .arc-Toast-status--error{background:var(--toast-colors-status-dark-bg-error);border:var(--toast-border-weight-s) solid var(--toast-colors-status-dark-border-error);color:var(--toast-colors-status-dark-text-default)}.arc-v12-0-0-beta-22 .arc .arc-Toast-pathway--alternative .arc-Toast-status--warning{background:var(--toast-colors-status-dark-bg-warning);border:var(--toast-border-weight-s) solid var(--toast-colors-status-dark-border-warning);color:var(--toast-colors-status-dark-text-default)}.arc-v12-0-0-beta-22 .arc .arc-Toast-pathway--alternative .arc-Toast-status--success{background:var(--toast-colors-status-dark-bg-success);border:var(--toast-border-weight-s) solid var(--toast-colors-status-dark-border-success);color:var(--toast-colors-status-dark-text-default)}.arc-v12-0-0-beta-22 .arc .arc-Toast-pathway--alternative .arc-Toast-status--general .arc-Toast-icon{color:var(--toast-colors-status-dark-fg-default)}.arc-v12-0-0-beta-22 .arc .arc-Toast-pathway--alternative .arc-Toast-status--error .arc-Toast-icon{color:var(--toast-colors-status-dark-fg-error)}.arc-v12-0-0-beta-22 .arc .arc-Toast-pathway--alternative .arc-Toast-status--warning .arc-Toast-icon{color:var(--toast-colors-status-dark-fg-warning)}.arc-v12-0-0-beta-22 .arc .arc-Toast-pathway--alternative .arc-Toast-status--success .arc-Toast-icon{color:var(--toast-colors-status-dark-fg-success)}.arc-v12-0-0-beta-22 .arc .arc-Toast-root[data-state="open"]{animation:slide-in 150ms cubic-bezier(0.16,1,0.3,1)}.arc-v12-0-0-beta-22 .arc .arc-Toast-root[data-state="closed"]{animation:hide 100ms ease-in}.arc-v12-0-0-beta-22 .arc .arc-Toast-root[data-swipe="move"]{transform:translateX(var(--radix-toast-swipe-move-x))}.arc-v12-0-0-beta-22 .arc .arc-Toast-root[data-swipe="cancel"]{transform:translateX(0);transition:transform 200ms ease-out}.arc-v12-0-0-beta-22 .arc .arc-Toast-root[data-swipe="end"]{animation:slide-right 100ms ease-out}@media (min-width:404px){.arc-v12-0-0-beta-22 .arc .arc-Toast-viewport{--arc-toast-viewport-width:384px;left:calc(50% - (var(--arc-toast-viewport-width)/2));max-width:var(--arc-toast-viewport-width);width:100%}}@keyframes hide{from{opacity:1}to{opacity:0}}@keyframes slide-right{from{opacity:1;transform:translateX(var(--radix-toast-swipe-end-x))}to{opacity:0;transform:translateX(calc(var(--radix-toast-swipe-end-x) + 100%))}}@keyframes slide-in{from{transform:translateY(100%)}to{transform:translateY(0)}}