@arc-ui/components 12.0.0-beta.6 → 12.0.0-beta7
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.
- package/dist/Alert/Alert.cjs.js +3 -3
- package/dist/Alert/Alert.esm.js +3 -3
- package/dist/Alert/styles.css +1 -1
- package/dist/Avatar/Avatar.cjs.js +4 -4
- package/dist/Avatar/Avatar.esm.js +4 -4
- package/dist/AvatarGroup/AvatarGroup.cjs.js +4 -4
- package/dist/AvatarGroup/AvatarGroup.esm.js +4 -4
- package/dist/Badge/Badge.cjs.js +5 -12
- package/dist/Badge/Badge.esm.js +4 -11
- package/dist/Box/Box.cjs.js +6 -24
- package/dist/Box/Box.esm.js +5 -23
- package/dist/Box/styles.css +1 -1
- package/dist/BrandLogo/BrandLogo.cjs.js +2 -2
- package/dist/BrandLogo/BrandLogo.esm.js +2 -2
- package/dist/Breadcrumbs/Breadcrumbs.cjs.js +3 -3
- package/dist/Breadcrumbs/Breadcrumbs.esm.js +3 -3
- package/dist/Button/Button.cjs.js +4 -4
- package/dist/Button/Button.esm.js +4 -4
- package/dist/Button/styles.css +1 -1
- package/dist/ButtonV2/ButtonV2.cjs.js +4 -4
- package/dist/ButtonV2/ButtonV2.esm.js +4 -4
- package/dist/ButtonV2/styles.css +1 -1
- package/dist/Calendar/Calendar.cjs.js +6 -6
- package/dist/Calendar/Calendar.esm.js +6 -6
- package/dist/Calendar/styles.css +1 -1
- package/dist/CardFooter/CardFooter.cjs.js +3 -3
- package/dist/CardFooter/CardFooter.esm.js +3 -3
- package/dist/CardFooter/styles.css +1 -1
- package/dist/CardHeading/CardHeading.cjs.js +3 -3
- package/dist/CardHeading/CardHeading.esm.js +3 -3
- package/dist/Carousel/Carousel.cjs.js +457 -0
- package/dist/Carousel/Carousel.esm.js +431 -0
- package/dist/Carousel/package.json +7 -0
- package/dist/Carousel/styles.css +1 -0
- package/dist/Checkbox/Checkbox.cjs.js +6 -6
- package/dist/Checkbox/Checkbox.esm.js +6 -6
- package/dist/Checkbox/styles.css +1 -1
- package/dist/ContentSwitcher/ContentSwitcher.cjs.js +20 -0
- package/dist/ContentSwitcher/ContentSwitcher.esm.js +12 -0
- package/dist/ContentSwitcher/package.json +7 -0
- package/dist/ContentSwitcher/styles.css +1 -0
- package/dist/ContentSwitcherDropdown/ContentSwitcherDropdown.cjs.js +23 -0
- package/dist/ContentSwitcherDropdown/ContentSwitcherDropdown.esm.js +15 -0
- package/dist/ContentSwitcherDropdown/package.json +7 -0
- package/dist/ContentSwitcherDropdown/styles.css +1 -0
- package/dist/DatePicker/DatePicker.cjs.js +11 -11
- package/dist/DatePicker/DatePicker.esm.js +11 -11
- package/dist/Disclosure/Disclosure.cjs.js +3 -3
- package/dist/Disclosure/Disclosure.esm.js +3 -3
- package/dist/Disclosure/styles.css +1 -1
- package/dist/DisclosureMini/DisclosureMini.cjs.js +4 -4
- package/dist/DisclosureMini/DisclosureMini.esm.js +4 -4
- package/dist/Elevation/styles.css +1 -1
- package/dist/Filter/Filter.cjs.js +2 -2
- package/dist/Filter/Filter.esm.js +2 -2
- package/dist/FormControl/FormControl.cjs.js +5 -5
- package/dist/FormControl/FormControl.esm.js +5 -5
- package/dist/Grid/styles.css +1 -1
- package/dist/Group/Group.cjs.js +2 -2
- package/dist/Group/Group.esm.js +2 -2
- package/dist/Heading/Heading.cjs.js +2 -2
- package/dist/Heading/Heading.esm.js +2 -2
- package/dist/HeroBanner/HeroBanner.cjs.js +63 -0
- package/dist/HeroBanner/HeroBanner.esm.js +55 -0
- package/dist/HeroBanner/package.json +7 -0
- package/dist/HeroBanner/styles.css +1 -0
- package/dist/HeroButton/HeroButton.cjs.js +4 -4
- package/dist/HeroButton/HeroButton.esm.js +4 -4
- package/dist/HeroButton/styles.css +1 -1
- package/dist/Icon/Icon.cjs.js +2 -2
- package/dist/Icon/Icon.esm.js +2 -2
- package/dist/ImpactCard/ImpactCard.cjs.js +6 -7
- package/dist/ImpactCard/ImpactCard.esm.js +6 -7
- package/dist/ImpactCard/styles.css +1 -1
- package/dist/InformationCard/InformationCard.cjs.js +31 -45
- package/dist/InformationCard/InformationCard.esm.js +31 -45
- package/dist/InformationCard/styles.css +1 -1
- package/dist/Link/Link.cjs.js +2 -2
- package/dist/Link/Link.esm.js +2 -2
- package/dist/Link/styles.css +1 -1
- package/dist/Markup/Markup.cjs.js +1 -1
- package/dist/Markup/Markup.esm.js +1 -1
- package/dist/MediaCard/MediaCard.cjs.js +8 -8
- package/dist/MediaCard/MediaCard.esm.js +8 -8
- package/dist/MediaCard/styles.css +1 -1
- package/dist/Modal/Modal.cjs.js +7 -7
- package/dist/Modal/Modal.esm.js +7 -7
- package/dist/Pagination/Pagination.cjs.js +2 -2
- package/dist/Pagination/Pagination.esm.js +2 -2
- package/dist/PaginationSimple/PaginationSimple.cjs.js +2 -2
- package/dist/PaginationSimple/PaginationSimple.esm.js +2 -2
- package/dist/Poster/Poster.cjs.js +2 -2
- package/dist/Poster/Poster.esm.js +2 -2
- package/dist/ProgressBar/ProgressBar.cjs.js +4 -4
- package/dist/ProgressBar/ProgressBar.esm.js +4 -4
- package/dist/ProgressStepper/ProgressStepper.cjs.js +3 -3
- package/dist/ProgressStepper/ProgressStepper.esm.js +3 -3
- package/dist/ProgressStepper/styles.css +1 -1
- package/dist/RadioGroup/RadioGroup.cjs.js +6 -6
- package/dist/RadioGroup/RadioGroup.esm.js +6 -6
- package/dist/RadioGroup/styles.css +1 -1
- package/dist/Rule/Rule.cjs.js +1 -1
- package/dist/Rule/Rule.esm.js +1 -1
- package/dist/Rule/styles.css +1 -1
- package/dist/ScrollToTop/ScrollToTop.cjs.js +2 -2
- package/dist/ScrollToTop/ScrollToTop.esm.js +2 -2
- package/dist/ScrollToTop/styles.css +1 -1
- package/dist/Select/Select.cjs.js +26 -2201
- package/dist/Select/Select.esm.js +16 -2172
- package/dist/Select/styles.css +1 -1
- package/dist/SiteFooter/SiteFooter.cjs.js +5 -5
- package/dist/SiteFooter/SiteFooter.esm.js +5 -5
- package/dist/SiteHeaderV2/SiteHeaderV2.cjs.js +8 -8
- package/dist/SiteHeaderV2/SiteHeaderV2.esm.js +8 -8
- package/dist/Spinner/Spinner.cjs.js +12 -0
- package/dist/Spinner/Spinner.esm.js +4 -0
- package/dist/Spinner/package.json +7 -0
- package/dist/Spinner/styles.css +1 -0
- package/dist/Surface/Surface.cjs.js +1 -1
- package/dist/Surface/Surface.esm.js +1 -1
- package/dist/Surface/styles.css +1 -1
- package/dist/Switch/Switch.cjs.js +7 -7
- package/dist/Switch/Switch.esm.js +7 -7
- package/dist/Switch/styles.css +1 -1
- package/dist/Tabs/Tabs.cjs.js +9 -8
- package/dist/Tabs/Tabs.esm.js +9 -8
- package/dist/Tag/Tag.cjs.js +77 -8
- package/dist/Tag/Tag.esm.js +76 -7
- package/dist/Tag/styles.css +1 -1
- package/dist/Text/Text.cjs.js +2 -2
- package/dist/Text/Text.esm.js +2 -2
- package/dist/TextArea/TextArea.cjs.js +44 -39
- package/dist/TextArea/TextArea.esm.js +44 -39
- package/dist/TextInput/TextInput.cjs.js +7 -7
- package/dist/TextInput/TextInput.esm.js +7 -7
- package/dist/Theme/styles.css +1 -1
- package/dist/ThemeIcon/ThemeIcon.cjs.js +2 -2
- package/dist/ThemeIcon/ThemeIcon.esm.js +2 -2
- package/dist/ThemeIcon/styles.css +1 -1
- package/dist/Toast/Toast.cjs.js +7 -7
- package/dist/Toast/Toast.esm.js +7 -7
- package/dist/Toast/styles.css +1 -1
- package/dist/Truncate/Truncate.cjs.js +2 -2
- package/dist/Truncate/Truncate.esm.js +2 -2
- package/dist/TypographyCard/TypographyCard.cjs.js +6 -7
- package/dist/TypographyCard/TypographyCard.esm.js +6 -7
- package/dist/TypographyCard/styles.css +1 -1
- package/dist/UniversalHeader/UniversalHeader.cjs.js +2 -2
- package/dist/UniversalHeader/UniversalHeader.esm.js +2 -2
- package/dist/VideoPlayer/VideoPlayer.cjs.js +5 -5
- package/dist/VideoPlayer/VideoPlayer.esm.js +5 -5
- package/dist/_shared/cjs/{Avatar-9277512a.js → Avatar-e6ba0881.js} +2 -2
- package/dist/_shared/cjs/Badge-1f86304b.js +17 -0
- package/dist/_shared/cjs/Box-d177ee32.js +29 -0
- package/dist/_shared/cjs/{BrandLogo-ce65cd74.js → BrandLogo-d4a6fd05.js} +1 -1
- package/dist/_shared/cjs/{Breadcrumbs-c7821aa9.js → Breadcrumbs-ca30086e.js} +1 -1
- package/dist/_shared/cjs/{Button-ea665c9c.js → Button-a2150286.js} +3 -3
- package/dist/_shared/cjs/{ButtonV2-373877da.js → ButtonV2-7c437d1a.js} +12 -7
- package/dist/_shared/cjs/{Calendar-e5184158.js → Calendar-9b4b01c8.js} +6 -6
- package/dist/_shared/cjs/{CardFooter-a1bb3ded.js → CardFooter-68235081.js} +3 -3
- package/dist/_shared/cjs/{CardHeading-3ddcf774.js → CardHeading-88edadd4.js} +1 -1
- package/dist/_shared/cjs/{Checkbox-850dcf99.js → Checkbox-f6712cc5.js} +10 -5
- package/dist/_shared/cjs/ContentSwitcher-88b00e11.js +98 -0
- package/dist/_shared/cjs/ContentSwitcherDropdown-ba5330ed.js +47 -0
- package/dist/_shared/cjs/{DatePicker-2bf10a10.js → DatePicker-61d66a55.js} +2 -2
- package/dist/_shared/cjs/{DisclosureMini-c730c24d.js → DisclosureMini-a46a4838.js} +3 -3
- package/dist/_shared/cjs/{Filter-c42eee70.js → Filter-b6ca2a39.js} +1 -1
- package/dist/_shared/cjs/{FormControl-5c963e6e.js → FormControl-0fba93b8.js} +3 -3
- package/dist/_shared/cjs/{Group-5233a907.js → Group-7e6b78c9.js} +1 -1
- package/dist/_shared/cjs/{Heading-14378b72.js → Heading-25d11688.js} +1 -1
- package/dist/_shared/cjs/{HeroButton-db7d03d6.js → HeroButton-19814c26.js} +5 -5
- package/dist/_shared/cjs/{Icon-7f1e8a19.js → Icon-08447959.js} +15 -4
- package/dist/_shared/cjs/{MediaCard-4ff9f5c0.js → MediaCard-7bbe8aa0.js} +6 -6
- package/dist/_shared/cjs/{Poster-8fba5492.js → Poster-96aa286e.js} +1 -1
- package/dist/_shared/cjs/{ProgressStepper-aaff6b51.js → ProgressStepper-c59ec56c.js} +6 -30
- package/dist/_shared/cjs/{RadioGroup-6142dceb.js → RadioGroup-11f4b232.js} +2 -2
- package/dist/_shared/cjs/{SiteFooter-cfe7163f.js → SiteFooter-d839f66a.js} +4 -4
- package/dist/_shared/cjs/{SiteHeaderV2-043d976a.js → SiteHeaderV2-3793453c.js} +6 -6
- package/dist/_shared/cjs/Spinner-56122c43.js +24 -0
- package/dist/_shared/cjs/{Surface-7500f314.js → Surface-1b5c2ac8.js} +2 -1
- package/dist/_shared/cjs/Tabs-30a12f1a.js +93 -0
- package/dist/_shared/cjs/{Text-284a7314.js → Text-c187d9ef.js} +1 -1
- package/dist/_shared/cjs/{TextInput-bcc3f86c.js → TextInput-d39f5a80.js} +3 -3
- package/dist/_shared/cjs/{ThemeIcon-c3dc056d.js → ThemeIcon-7f537bd2.js} +1 -1
- package/dist/_shared/cjs/{Toast-69020185.js → Toast-35c83925.js} +5 -5
- package/dist/_shared/cjs/{UniversalHeader-07be88fd.js → UniversalHeader-f9ef793f.js} +1 -1
- package/dist/_shared/cjs/{Tabs-bd1f208d.js → index-1e7a1fce.js} +8 -92
- package/dist/_shared/cjs/{index-6cbaf5e0.js → index-2bf59363.js} +1 -1
- package/dist/_shared/cjs/{index-dbab0ad6.js → index-527f962b.js} +1 -1
- package/dist/_shared/cjs/{index-568bc1da.js → index-879e71ee.js} +7 -7
- package/dist/_shared/cjs/index-89c323a4.js +2204 -0
- package/dist/_shared/cjs/{index-c137700a.js → index-ba3141f5.js} +1 -1
- package/dist/_shared/cjs/{index-677557a4.js → index-dbc843d3.js} +1 -1
- package/dist/_shared/cjs/{index.es-ba095ee5.js → index.es-f23456fa.js} +2 -2
- package/dist/_shared/esm/{Avatar-b5ac0a89.js → Avatar-3537bca7.js} +2 -2
- package/dist/_shared/esm/Badge-7bc80706.js +11 -0
- package/dist/_shared/esm/Box-557fb3b1.js +23 -0
- package/dist/_shared/esm/{BrandLogo-fb863b5b.js → BrandLogo-45d0d795.js} +1 -1
- package/dist/_shared/esm/{Breadcrumbs-01ebed9b.js → Breadcrumbs-bcf9ca79.js} +1 -1
- package/dist/_shared/esm/{Button-1491784f.js → Button-0506afa7.js} +3 -3
- package/dist/_shared/esm/{ButtonV2-f9019e00.js → ButtonV2-c83db10c.js} +12 -7
- package/dist/_shared/esm/{Calendar-5c2fb044.js → Calendar-34b10bd5.js} +6 -6
- package/dist/_shared/esm/{CardFooter-e4380cda.js → CardFooter-bf886438.js} +3 -3
- package/dist/_shared/esm/{CardHeading-4223432d.js → CardHeading-c65f9fb2.js} +1 -1
- package/dist/_shared/esm/{Checkbox-97def257.js → Checkbox-8195c42c.js} +10 -5
- package/dist/_shared/esm/ContentSwitcher-bae1f0a7.js +92 -0
- package/dist/_shared/esm/ContentSwitcherDropdown-65291c09.js +41 -0
- package/dist/_shared/esm/{DatePicker-2d891441.js → DatePicker-aafbdea8.js} +2 -2
- package/dist/_shared/esm/{DisclosureMini-6292f721.js → DisclosureMini-f6d8c9bc.js} +3 -3
- package/dist/_shared/esm/{Filter-71e06965.js → Filter-a5bf3fe3.js} +1 -1
- package/dist/_shared/esm/{FormControl-e0acdf7a.js → FormControl-ff671eb8.js} +3 -3
- package/dist/_shared/esm/{Group-b1b14ab4.js → Group-c4f6c745.js} +1 -1
- package/dist/_shared/esm/{Heading-0dfbdb24.js → Heading-0a8d3545.js} +1 -1
- package/dist/_shared/esm/{HeroButton-bb983125.js → HeroButton-a98767b7.js} +5 -5
- package/dist/_shared/esm/{Icon-428e8061.js → Icon-a5cb17de.js} +15 -4
- package/dist/_shared/esm/{MediaCard-d83b5561.js → MediaCard-fdc76670.js} +6 -6
- package/dist/_shared/esm/{Poster-ac72059a.js → Poster-dc3d7ee8.js} +1 -1
- package/dist/_shared/esm/{ProgressStepper-e3e7b392.js → ProgressStepper-427f24e3.js} +6 -30
- package/dist/_shared/esm/{RadioGroup-0d337240.js → RadioGroup-5b654bee.js} +2 -2
- package/dist/_shared/esm/{SiteFooter-7e924fb4.js → SiteFooter-1cdba967.js} +4 -4
- package/dist/_shared/esm/{SiteHeaderV2-94b9a407.js → SiteHeaderV2-743847f6.js} +6 -6
- package/dist/_shared/esm/Spinner-6704017c.js +18 -0
- package/dist/_shared/esm/{Surface-c425e5e6.js → Surface-0af6a69a.js} +2 -1
- package/dist/_shared/esm/Tabs-d360207d.js +87 -0
- package/dist/_shared/esm/{Text-96d8a35f.js → Text-df93be85.js} +1 -1
- package/dist/_shared/esm/{TextInput-8e3b81bf.js → TextInput-7ab39a54.js} +3 -3
- package/dist/_shared/esm/{ThemeIcon-9fac63d0.js → ThemeIcon-e1e19266.js} +1 -1
- package/dist/_shared/esm/{Toast-ebe2cd97.js → Toast-abd517c8.js} +5 -5
- package/dist/_shared/esm/{UniversalHeader-22ff848b.js → UniversalHeader-8ebc5322.js} +1 -1
- package/dist/_shared/esm/{index-61497bd9.js → index-14c7f4da.js} +1 -1
- package/dist/_shared/esm/{index-3a2c1ceb.js → index-57d4cb34.js} +10 -10
- package/dist/_shared/esm/{Tabs-028cee5d.js → index-89a7c31c.js} +6 -89
- package/dist/_shared/esm/{index-cf208294.js → index-ac50b180.js} +1 -1
- package/dist/_shared/esm/index-afbf540d.js +2169 -0
- package/dist/_shared/esm/{index-fb8b9df7.js → index-b9923ee4.js} +8 -8
- package/dist/_shared/esm/{index-f6cc48d2.js → index-e969452b.js} +1 -1
- package/dist/_shared/esm/{index-d083425f.js → index-f2ddcbe2.js} +1 -1
- package/dist/_shared/esm/{index.es-974af4a2.js → index.es-932db59a.js} +2 -2
- package/dist/index.es.js +9613 -9476
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +9605 -9465
- package/dist/index.js.map +1 -1
- package/dist/styles.css +5 -3
- package/dist/types/components/Avatar/index.d.ts +1 -1
- package/dist/types/components/Box/Box.d.ts +4 -0
- package/dist/types/components/ButtonV2/ButtonV2.d.ts +2 -2
- package/dist/types/components/Carousel/Carousel.d.ts +12 -0
- package/dist/types/components/Carousel/helpers/get-slide-config.d.ts +4 -0
- package/dist/types/components/Carousel/helpers/get-slider-position.d.ts +9 -0
- package/dist/types/components/Carousel/helpers/is-last-slide.d.ts +2 -0
- package/dist/types/components/Carousel/helpers/is-slide-hidden.d.ts +2 -0
- package/dist/types/components/Carousel/hooks/use-slides.d.ts +18 -0
- package/dist/types/components/Carousel/index.d.ts +1 -0
- package/dist/types/components/Carousel/types/breakpoints.d.ts +1 -0
- package/dist/types/components/Carousel/types/responsive.d.ts +3 -0
- package/dist/types/components/Carousel/types/screen-sizes.d.ts +2 -0
- package/dist/types/components/Carousel/types/slide-config.d.ts +5 -0
- package/dist/types/components/Carousel/types/slide.d.ts +4 -0
- package/dist/types/components/Checkbox/Checkbox.d.ts +1 -1
- package/dist/types/components/ContentSwitcher/ContentSwitcher.d.ts +28 -0
- package/dist/types/components/ContentSwitcher/ContentSwitcherContent/ContentSwitcherContent.d.ts +12 -0
- package/dist/types/components/ContentSwitcher/ContentSwitcherContent/index.d.ts +1 -0
- package/dist/types/components/ContentSwitcher/ContentSwitcherList/ContentSwitcherList.d.ts +24 -0
- package/dist/types/components/ContentSwitcher/ContentSwitcherList/index.d.ts +1 -0
- package/dist/types/components/ContentSwitcher/ContentSwitcherTab/ContentSwitcherTab.d.ts +17 -0
- package/dist/types/components/ContentSwitcher/ContentSwitcherTab/index.d.ts +1 -0
- package/dist/types/components/ContentSwitcher/index.d.ts +1 -0
- package/dist/types/components/ContentSwitcherDropdown/ContentSwitcherDropdown.d.ts +37 -0
- package/dist/types/components/ContentSwitcherDropdown/index.d.ts +1 -0
- package/dist/types/components/Disclosure/index.d.ts +1 -1
- package/dist/types/components/Heading/index.d.ts +1 -1
- package/dist/types/components/HeroBanner/HeroBanner.d.ts +52 -0
- package/dist/types/components/HeroBanner/index.d.ts +1 -0
- package/dist/types/components/Icon/Icon.d.ts +2 -2
- package/dist/types/components/ImpactCard/index.d.ts +1 -1
- package/dist/types/components/InformationCard/InformationCard.d.ts +2 -2
- package/dist/types/components/InformationCard/index.d.ts +1 -1
- package/dist/types/components/MediaCard/index.d.ts +1 -1
- package/dist/types/components/Spinner/Spinner.d.ts +16 -0
- package/dist/types/components/Spinner/index.d.ts +1 -0
- package/dist/types/components/Surface/Surface.d.ts +4 -0
- package/dist/types/components/ThemeIcon/icon-names.d.ts +1 -1
- package/dist/types/components/Truncate/Truncate.d.ts +1 -1
- package/dist/types/components/TypographyCard/index.d.ts +1 -1
- package/dist/types/components/index.d.ts +3 -0
- package/dist/types/styles.d.ts +5 -1
- package/package.json +18 -18
- package/dist/_shared/cjs/ArcIconEclipse.esm-ac777a76.js +0 -28
- package/dist/_shared/cjs/Tag-4eb2ed9e.js +0 -44
- package/dist/_shared/esm/ArcIconEclipse.esm-bb48b82a.js +0 -22
- package/dist/_shared/esm/Tag-1ae027ee.js +0 -38
- package/dist/types/components/ProgressStepper/ProgressStepperItem/icons/Todo.d.ts +0 -2
- package/dist/_shared/cjs/{index-6f33b8c0.js → index-76f7dd53.js} +8 -8
package/dist/Select/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.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);margin-top:var(--select-gap-l);padding:0 calc(var(--select-padding-m) - var(--select-border-weight-s));text-align:left;width:100%}.arc .arc-Select-trigger--sizeS{height:var(--select-size-s);padding:0 calc(var(--select-padding-s) - var(--select-border-weight-s))}.arc .arc-Select-trigger--sizeL{height:var(--select-size-l);padding:0 calc(var(--select-padding-l) - var(--select-border-weight-s))}.arc .arc-Select-trigger--constrained{max-width:20rem}.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 .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 .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 .arc-Select-triggerIcon{color:var(--select-colors-light-text-default);margin-left:15px}.arc .arc-Select-trigger[data-state="open"] .arc-Select-triggerIcon{transform:rotate(180deg)}.arc .arc-Select-content{background-color:var(--select-colors-light-bg-default);border:1px solid var(--select-colors-light-border-subtle);border-radius:var(--select-border-radius-m);box-shadow:var(--
|
|
1
|
+
.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);margin-top:var(--select-gap-l);padding:0 calc(var(--select-padding-m) - var(--select-border-weight-s));text-align:left;width:100%}.arc .arc-Select-trigger--sizeS{height:var(--select-size-s);padding:0 calc(var(--select-padding-s) - var(--select-border-weight-s))}.arc .arc-Select-trigger--sizeL{height:var(--select-size-l);padding:0 calc(var(--select-padding-l) - var(--select-border-weight-s))}.arc .arc-Select-trigger--constrained{max-width:20rem}.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 .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 .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 .arc-Select-triggerIcon{color:var(--select-colors-light-text-default);margin-left:15px}.arc .arc-Select-trigger[data-state="open"] .arc-Select-triggerIcon{transform:rotate(180deg)}.arc .arc-Select-content{background-color:var(--select-colors-light-bg-default);border:1px solid var(--select-colors-light-border-subtle);border-radius:var(--select-border-radius-m);box-shadow:var(--elevation-02);max-height:var(--radix-select-content-available-height);position:relative;width:var(--radix-select-trigger-width);z-index:101}.arc .arc-Select-item{align-items:center;color:var(--select-colors-light-text-default);cursor:pointer;display:flex;padding:var(--select-padding-s) var(--select-padding-m)}.arc .arc-Select-item:first-child{border-radius:var(--select-border-radius-m) var(--select-border-radius-m) 0 0}.arc .arc-Select-item:last-child{border-radius:0 0 var(--select-border-radius-m) var(--select-border-radius-m)}.arc .arc-Select-itemTextWrapper{flex:1 1 auto}.arc .arc-Select-item:not(:last-child){border-bottom:var(--select-border-weight-s) solid var(--select-colors-light-fg-subtle)}.arc .arc-Select-itemText{font:var(--sem-type-body-reg-m)}.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 .arc-Select-trigger--sizeS>span:first-child,.arc .arc-Select-content--sizeS .arc-Select-itemText{font:var(--sem-type-body-reg-s)}.arc .arc-Select-trigger--sizeL>span:first-child,.arc .arc-Select-content--sizeL .arc-Select-itemText{font:var(--sem-type-body-reg-l)}.arc .arc-Select-scrollButton{align-items:center;color:var(--select-colors-light-bg-default);display:flex;height:25px;justify-content:center;text-align:center;width:100%}.arc .arc-Select-trigger--invalid{background-color:var(--select-colors-light-bg-error);border-color:var(--select-colors-light-border-error)}.arc .arc-Select-trigger:focus{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-light-border-subtle);outline:none}.arc .arc-Select-item[data-highlighted]{background-color:var(--select-colors-light-bg-hover-alt);color:var(--select-colors-light-text-default);outline:none}.arc .arc-Select-item[data-state="checked"]{background-color:var(--select-colors-light-bg-selected);color:var(--select-colors-light-text-default)}.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 .arc-Select-trigger--onDarkSurface:focus{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle)}.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)}.arc .arc-Select-content--onDarkSurface{background-color:var(--select-colors-dark-bg-default);border-color:var(--select-colors-dark-border-subtle)}.arc .arc-Select-content--onDarkSurface .arc-Select-item[data-highlighted]{background-color:var(--select-colors-dark-bg-hover-alt);color:var(--select-colors-dark-text-subtle)}.arc .arc-Select-content--onDarkSurface .arc-Select-item[data-state="checked"]{background-color:var(--select-colors-dark-bg-selected);color:var(--select-colors-dark-text-subtle)}.arc .arc-Select-content--onDarkSurface .arc-Select-item,.arc .arc-Select-content--onDarkSurface .arc-Select-scrollButton,.arc .arc-Select-trigger--onDarkSurface .arc-Select-valueItem--text,.arc .arc-Select-trigger--onDarkSurface .arc-Select-valueItem--title,.arc .arc-Select-trigger--onDarkSurface .arc-Select-placeHolder,.arc .arc-Select-trigger--onDarkSurface .arc-Select-triggerIcon{color:var(--select-colors-dark-text-default)}@media (prefers-reduced-motion:no-preference){.arc-bt .arc-Select-triggerIcon{transition:transform 0.23s ease-out}.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}}
|
|
@@ -2,17 +2,17 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var SiteFooter = require('../_shared/cjs/SiteFooter-
|
|
5
|
+
var SiteFooter = require('../_shared/cjs/SiteFooter-d839f66a.js');
|
|
6
6
|
require('../_shared/cjs/index.es-c26e8978.js');
|
|
7
|
-
require('../_shared/cjs/index.es-
|
|
7
|
+
require('../_shared/cjs/index.es-f23456fa.js');
|
|
8
8
|
require('react');
|
|
9
|
-
require('../_shared/cjs/BrandLogo-
|
|
9
|
+
require('../_shared/cjs/BrandLogo-d4a6fd05.js');
|
|
10
10
|
require('../_shared/cjs/index-9947ac13.js');
|
|
11
|
-
require('../_shared/cjs/Surface-
|
|
11
|
+
require('../_shared/cjs/Surface-1b5c2ac8.js');
|
|
12
12
|
require('../_shared/cjs/use-media-query-d34c83b9.js');
|
|
13
13
|
require('../_shared/cjs/Section-46646353.js');
|
|
14
14
|
require('../_shared/cjs/handle-link-click-17a44cf4.js');
|
|
15
|
-
require('../_shared/cjs/ThemeIcon-
|
|
15
|
+
require('../_shared/cjs/ThemeIcon-7f537bd2.js');
|
|
16
16
|
|
|
17
17
|
|
|
18
18
|
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
export { S as SiteFooter } from '../_shared/esm/SiteFooter-
|
|
1
|
+
export { S as SiteFooter } from '../_shared/esm/SiteFooter-1cdba967.js';
|
|
2
2
|
import '../_shared/esm/index.es-5496ec12.js';
|
|
3
|
-
import '../_shared/esm/index.es-
|
|
3
|
+
import '../_shared/esm/index.es-932db59a.js';
|
|
4
4
|
import 'react';
|
|
5
|
-
import '../_shared/esm/BrandLogo-
|
|
5
|
+
import '../_shared/esm/BrandLogo-45d0d795.js';
|
|
6
6
|
import '../_shared/esm/index-2e73c2e9.js';
|
|
7
|
-
import '../_shared/esm/Surface-
|
|
7
|
+
import '../_shared/esm/Surface-0af6a69a.js';
|
|
8
8
|
import '../_shared/esm/use-media-query-d3622da8.js';
|
|
9
9
|
import '../_shared/esm/Section-c1dc6e37.js';
|
|
10
10
|
import '../_shared/esm/handle-link-click-f64f55a2.js';
|
|
11
|
-
import '../_shared/esm/ThemeIcon-
|
|
11
|
+
import '../_shared/esm/ThemeIcon-e1e19266.js';
|
|
@@ -2,21 +2,21 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var SiteHeaderV2 = require('../_shared/cjs/SiteHeaderV2-
|
|
5
|
+
var SiteHeaderV2 = require('../_shared/cjs/SiteHeaderV2-3793453c.js');
|
|
6
6
|
require('../_shared/cjs/index.es-c26e8978.js');
|
|
7
|
-
require('../_shared/cjs/index.es-
|
|
7
|
+
require('../_shared/cjs/index.es-f23456fa.js');
|
|
8
8
|
require('../_shared/cjs/index-9947ac13.js');
|
|
9
9
|
require('react');
|
|
10
|
-
require('../_shared/cjs/BrandLogo-
|
|
11
|
-
require('../_shared/cjs/Surface-
|
|
10
|
+
require('../_shared/cjs/BrandLogo-d4a6fd05.js');
|
|
11
|
+
require('../_shared/cjs/Surface-1b5c2ac8.js');
|
|
12
12
|
require('../_shared/cjs/use-media-query-d34c83b9.js');
|
|
13
13
|
require('../_shared/cjs/BtIconChevronRightMid.esm-3e8d18a9.js');
|
|
14
14
|
require('../_shared/cjs/ConditionalWrapper-bf944594.js');
|
|
15
15
|
require('../_shared/cjs/handle-link-click-17a44cf4.js');
|
|
16
|
-
require('../_shared/cjs/ButtonV2-
|
|
17
|
-
require('../_shared/cjs/Icon-
|
|
18
|
-
require('../_shared/cjs/
|
|
19
|
-
require('../_shared/cjs/Text-
|
|
16
|
+
require('../_shared/cjs/ButtonV2-7c437d1a.js');
|
|
17
|
+
require('../_shared/cjs/Icon-08447959.js');
|
|
18
|
+
require('../_shared/cjs/Spinner-56122c43.js');
|
|
19
|
+
require('../_shared/cjs/Text-c187d9ef.js');
|
|
20
20
|
|
|
21
21
|
|
|
22
22
|
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
export { S as SiteHeaderV2 } from '../_shared/esm/SiteHeaderV2-
|
|
1
|
+
export { S as SiteHeaderV2 } from '../_shared/esm/SiteHeaderV2-743847f6.js';
|
|
2
2
|
import '../_shared/esm/index.es-5496ec12.js';
|
|
3
|
-
import '../_shared/esm/index.es-
|
|
3
|
+
import '../_shared/esm/index.es-932db59a.js';
|
|
4
4
|
import '../_shared/esm/index-2e73c2e9.js';
|
|
5
5
|
import 'react';
|
|
6
|
-
import '../_shared/esm/BrandLogo-
|
|
7
|
-
import '../_shared/esm/Surface-
|
|
6
|
+
import '../_shared/esm/BrandLogo-45d0d795.js';
|
|
7
|
+
import '../_shared/esm/Surface-0af6a69a.js';
|
|
8
8
|
import '../_shared/esm/use-media-query-d3622da8.js';
|
|
9
9
|
import '../_shared/esm/BtIconChevronRightMid.esm-4764708f.js';
|
|
10
10
|
import '../_shared/esm/ConditionalWrapper-b85979de.js';
|
|
11
11
|
import '../_shared/esm/handle-link-click-f64f55a2.js';
|
|
12
|
-
import '../_shared/esm/ButtonV2-
|
|
13
|
-
import '../_shared/esm/Icon-
|
|
14
|
-
import '../_shared/esm/
|
|
15
|
-
import '../_shared/esm/Text-
|
|
12
|
+
import '../_shared/esm/ButtonV2-c83db10c.js';
|
|
13
|
+
import '../_shared/esm/Icon-a5cb17de.js';
|
|
14
|
+
import '../_shared/esm/Spinner-6704017c.js';
|
|
15
|
+
import '../_shared/esm/Text-df93be85.js';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var Spinner = require('../_shared/cjs/Spinner-56122c43.js');
|
|
6
|
+
require('../_shared/cjs/index.es-c26e8978.js');
|
|
7
|
+
require('react');
|
|
8
|
+
require('../_shared/cjs/index-9947ac13.js');
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
exports.Spinner = Spinner.Spinner;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.arc .arc-Spinner{animation:grow 1s linear infinite,spin 1s linear infinite;stroke:currentColor;transform-origin:center}@keyframes grow{0%{stroke-dasharray:6,151}25%{stroke-dasharray:30,151}50%{stroke-dasharray:25,151}100%{stroke-dasharray:6,151}}@keyframes spin{50%{transform:rotate(270deg)}100%{transform:rotate(360deg)}}.arc .arc-Spinner-dark{stroke:var(--spinner-colors-light-fg-default)}.arc .arc-Spinner-light{stroke:var(--spinner-colors-dark-fg-default)}.arc .arc-Spinner-size--s{width:var(--spinner-size-s)}.arc .arc-Spinner-size--m{width:var(--spinner-size-m)}.arc .arc-Spinner-size--l{width:var(--spinner-size-l)}.arc .arc-Spinner-size--xl{width:var(--spinner-size-xl)}.arc .arc-Spinner-size--xxl{width:var(--spinner-size-xxl)}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var Surface = require('../_shared/cjs/Surface-
|
|
5
|
+
var Surface = require('../_shared/cjs/Surface-1b5c2ac8.js');
|
|
6
6
|
require('../_shared/cjs/index.es-c26e8978.js');
|
|
7
7
|
require('../_shared/cjs/index-9947ac13.js');
|
|
8
8
|
require('react');
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { S as Surface, C as SurfaceContext, b as backgrounds, a as backgroundsBT } from '../_shared/esm/Surface-
|
|
1
|
+
export { S as Surface, C as SurfaceContext, b as backgrounds, a as backgroundsBT } from '../_shared/esm/Surface-0af6a69a.js';
|
|
2
2
|
import '../_shared/esm/index.es-5496ec12.js';
|
|
3
3
|
import '../_shared/esm/index-2e73c2e9.js';
|
|
4
4
|
import 'react';
|
package/dist/Surface/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.arc .arc-Surface{background-size:cover;font:var(--sem-type-body-reg-m);line-height:1.5}.arc .arc-Surface--growVertically{display:flex;flex-direction:column;height:100%}.arc .arc-Surface--padding8{padding:8px}.arc .arc-Surface--padding12{padding:12px}.arc .arc-Surface--padding16{padding:16px}.arc .arc-Surface--padding24{padding:24px}.arc .arc-Surface--padding32{padding:32px}.arc .arc-Surface--padding48{padding:48px}.arc .arc-Surface--padding64{padding:64px}.arc .arc-Surface--paddingVertical8{padding-bottom:8px;padding-top:8px}.arc .arc-Surface--paddingVertical12{padding-bottom:12px;padding-top:12px}.arc .arc-Surface--paddingVertical16{padding-bottom:16px;padding-top:16px}.arc .arc-Surface--paddingVertical24{padding-bottom:24px;padding-top:24px}.arc .arc-Surface--paddingVertical32{padding-bottom:32px;padding-top:32px}.arc .arc-Surface--paddingVertical48{padding-bottom:48px;padding-top:48px}.arc .arc-Surface--paddingVertical64{padding-bottom:64px;padding-top:64px}.arc .arc-Surface--paddingHorizontal8{padding-left:8px;padding-right:8px}.arc .arc-Surface--paddingHorizontal12{padding-left:12px;padding-right:12px}.arc .arc-Surface--paddingHorizontal16{padding-left:16px;padding-right:16px}.arc .arc-Surface--paddingHorizontal24{padding-left:24px;padding-right:24px}.arc .arc-Surface--paddingHorizontal32{padding-left:32px;padding-right:32px}.arc .arc-Surface--paddingHorizontal48{padding-left:48px;padding-right:48px}.arc .arc-Surface--paddingHorizontal64{padding-left:64px;padding-right:64px}.arc .arc-Surface--darkBlackBackground{background:var(--surface-colors-bg-dark-black)}.arc .arc-Surface--darkBrand01Background{background:var(--surface-colors-bg-dark-brand-01)}.arc .arc-Surface--darkBrand02Background{background:var(--surface-colors-bg-dark-brand-02)}.arc .arc-Surface--darkNeutral01Background{background:var(--surface-colors-bg-dark-neutral-01)}.arc .arc-Surface--darkNeutral02Background{background:var(--surface-colors-bg-dark-neutral-02)}.arc .arc-Surface--darkBlackBackground,.arc .arc-Surface--darkBrand01Background,.arc .arc-Surface--darkBrand02Background,.arc .arc-Surface--darkNeutral01Background,.arc .arc-Surface--darkNeutral02Background,.arc-Surface--darkBlackBackground .arc,.arc-Surface--darkBrand01Background .arc,.arc-Surface--darkBrand02Background .arc,.arc-Surface--darkNeutral01Background .arc,.arc-Surface--darkNeutral02Background .arc{color:var(--sem-color-fg-secondary-dark-default)}.arc .arc-Surface--lightBrand01Background{background:var(--surface-colors-bg-light-brand-01)}.arc .arc-Surface--lightBrand02Background{background:var(--surface-colors-bg-light-brand-02)}.arc .arc-Surface--lightNeutral01Background{background:var(--surface-colors-bg-light-neutral-01)}.arc .arc-Surface--lightNeutral02Background{background:var(--surface-colors-bg-light-neutral-02)}.arc .arc-Surface--lightWhiteBackground{background:var(--surface-colors-bg-light-white)}.arc .arc-Surface--lightBrand01Background,.arc .arc-Surface--lightBrand02Background,.arc .arc-Surface--lightNeutral02Background,.arc .arc-Surface--lightNeutral01Background,.arc .arc-Surface--lightWhiteBackground{color:var(--sem-color-fg-secondary-light-default)}.arc .arc-Surface--darkBlackBackground a:not([class]),.arc .arc-Surface .arc-Surface--darkBlackBackground a:not([class]),.arc .arc-Surface--darkBrand01Background a:not([class]),.arc .arc-Surface .arc-Surface--darkBrand01Background a:not([class]),.arc .arc-Surface--darkBrand02Background a:not([class]),.arc .arc-Surface .arc-Surface--darkBrand02Background a:not([class]),.arc .arc-Surface--darkNeutral01Background a:not([class]),.arc .arc-Surface .arc-Surface--darkNeutral01Background a:not([class]),.arc .arc-Surface--darkNeutral02Background a:not([class]),.arc .arc-Surface .arc-Surface--darkNeutral02Background a:not([class]){color:var(--sem-color-fg-primary-dark-default)}.arc .arc-Surface--darkBlackBackground a:not([class]):focus,.arc .arc-Surface .arc-Surface--darkBlackBackground a:not([class]):focus,.arc .arc-Surface--darkBrand01Background a:not([class]):focus,.arc .arc-Surface .arc-Surface--darkBrand01Background a:not([class]):focus,.arc .arc-Surface--darkBrand02Background a:not([class]):focus,.arc .arc-Surface .arc-Surface--darkBrand02Background a:not([class]):focus,.arc .arc-Surface--darkNeutral01Background a:not([class]):focus,.arc .arc-Surface .arc-Surface--darkNeutral01Background a:not([class]):focus,.arc .arc-Surface--darkNeutral02Background a:not([class]):focus,.arc .arc-Surface .arc-Surface--darkNeutral02Background a:not([class]):focus{outline-color:var(--sem-color-border-primary-light-minimal)}.arc .arc-Surface--darkBlackBackground a:not([class]):focus-visible,.arc .arc-Surface .arc-Surface--darkBlackBackground a:not([class]):focus-visible,.arc .arc-Surface--darkBrand01Background a:not([class]):focus-visible,.arc .arc-Surface .arc-Surface--darkBrand01Background a:not([class]):focus-visible,.arc .arc-Surface--darkBrand02Background a:not([class]):focus-visible,.arc .arc-Surface .arc-Surface--darkBrand02Background a:not([class]):focus-visible,.arc .arc-Surface--darkNeutral01Background a:not([class]):focus-visible,.arc .arc-Surface .arc-Surface--darkNeutral01Background a:not([class]):focus-visible,.arc .arc-Surface--darkNeutral02Background a:not([class]):focus-visible,.arc .arc-Surface .arc-Surface--darkNeutral02Background a:not([class]):focus-visible{outline-color:var(--sem-color-border-primary-light-minimal)}.arc .arc-Surface--darkBlackBackground a:not([class]):hover,.arc .arc-Surface .arc-Surface--darkBlackBackground a:not([class]):hover,.arc .arc-Surface--darkBrand01Background a:not([class]):hover,.arc .arc-Surface .arc-Surface--darkBrand01Background a:not([class]):hover,.arc .arc-Surface--darkBrand02Background a:not([class]):hover,.arc .arc-Surface .arc-Surface--darkBrand02Background a:not([class]):hover,.arc .arc-Surface--darkNeutral01Background a:not([class]):hover,.arc .arc-Surface .arc-Surface--darkNeutral01Background a:not([class]):hover,.arc .arc-Surface--darkNeutral02Background a:not([class]):hover,.arc .arc-Surface .arc-Surface--darkNeutral02Background a:not([class]):hover{color:var(--sem-color-fg-primary-dark-strong)}.arc .arc-Surface--darkBlackBackground a:not([class]):active,.arc .arc-Surface .arc-Surface--darkBlackBackground a:not([class]):active,.arc .arc-Surface--darkBrand01Background a:not([class]):active,.arc .arc-Surface .arc-Surface--darkBrand01Background a:not([class]):active,.arc .arc-Surface--darkBrand02Background a:not([class]):active,.arc .arc-Surface .arc-Surface--darkBrand02Background a:not([class]):active,.arc .arc-Surface--darkNeutral01Background a:not([class]):active,.arc .arc-Surface .arc-Surface--darkNeutral01Background a:not([class]):active,.arc .arc-Surface--darkNeutral02Background a:not([class]):active,.arc .arc-Surface .arc-Surface--darkNeutral02Background a:not([class]):active{color:var(--sem-color-fg-primary-dark-subtle)}.arc .arc-Surface--lightBrand01Background a:not([class]),.arc .arc-Surface .arc-Surface--lightBrand01Background a:not([class]),.arc .arc-Surface--lightNeutral01Background a:not([class]),.arc .arc-Surface .arc-Surface--lightNeutral01Background a:not([class]),.arc .arc-Surface--lightNeutral02Background a:not([class]),.arc .arc-Surface .arc-Surface--lightNeutral02Background a:not([class]),.arc .arc-Surface--lightBrand02Background a:not([class]),.arc .arc-Surface .arc-Surface--lightBrand02Background a:not([class]),.arc .arc-Surface--lightWhiteBackground a:not([class]),.arc .arc-Surface .arc-Surface--lightWhiteBackground a:not([class]){color:var(--sem-color-fg-primary-light-default)}.arc .arc-Surface--lightBrand01Background a:not([class]):focus,.arc .arc-Surface .arc-Surface--lightBrand01Background a:not([class]):focus,.arc .arc-Surface--lightNeutral01Background a:not([class]):focus,.arc .arc-Surface .arc-Surface--lightNeutral01Background a:not([class]):focus,.arc .arc-Surface--lightNeutral02Background a:not([class]):focus,.arc .arc-Surface .arc-Surface--lightNeutral02Background a:not([class]):focus,.arc .arc-Surface--lightBrand02Background a:not([class]):focus,.arc .arc-Surface .arc-Surface--lightBrand02Background a:not([class]):focus,.arc .arc-Surface--lightWhiteBackground a:not([class]):focus,.arc .arc-Surface .arc-Surface--lightWhiteBackground a:not([class]):focus{outline-color:var(--sem-color-border-primary-light-emphasis)}.arc .arc-Surface--lightBrand01Background a:not([class]):focus-visible,.arc .arc-Surface .arc-Surface--lightBrand01Background a:not([class]):focus-visible,.arc .arc-Surface--lightBrand02Background a:not([class]):focus-visible,.arc .arc-Surface .arc-Surface--lightBrand02Background a:not([class]):focus-visible,.arc .arc-Surface--lightNeutral01Background a:not([class]):focus-visible,.arc .arc-Surface .arc-Surface--lightNeutral01Background a:not([class]):focus-visible,.arc .arc-Surface--lightNeutral02Background a:not([class]):focus-visible,.arc .arc-Surface .arc-Surface .arc-Surface--lightNeutral02Background a:not([class]):focus-visible,.arc .arc-Surface--lightWhiteBackground a:not([class]):focus-visible,.arc .arc-Surface .arc-Surface--lightWhiteBackground a:not([class]):focus-visible{outline-color:var(--sem-color-border-primary-light-emphasis)}.arc .arc-Surface--lightBrand01Background a:not([class]):hover,.arc .arc-Surface .arc-Surface--lightBrand01Background a:not([class]):hover,.arc .arc-Surface--lightBrand02Background a:not([class]):hover,.arc .arc-Surface .arc-Surface .arc-Surface--lightBrand02Background a:not([class]):hover,.arc .arc-Surface--lightNeutral01Background a:not([class]):hover,.arc .arc-Surface .arc-Surface .arc-Surface--lightNeutral01Background a:not([class]):hover,.arc .arc-Surface--lightNeutral02Background a:not([class]):hover,.arc .arc-Surface .arc-Surface--lightNeutral02Background a:not([class]):hover,.arc .arc-Surface--lightWhiteBackground a:not([class]):hover,.arc .arc-Surface .arc-Surface--lightWhiteBackground a:not([class]):hover{color:var(--sem-color-fg-primary-light-subtle)}.arc .arc-Surface--lightBrand01Background a:not([class]):active,.arc .arc-Surface .arc-Surface--lightBrand01Background a:not([class]):active,.arc .arc-Surface--lightBrand02Background a:not([class]):active,.arc .arc-Surface .arc-Surface--lightBrand02Background a:not([class]):active,.arc .arc-Surface--lightNeutral01Background a:not([class]):active,.arc .arc-Surface .arc-Surface--lightNeutral01Background a:not([class]):active,.arc .arc-Surface--lightNeutral02Background a:not([class]):active,.arc .arc-Surface .arc-Surface--lightNeutral02Background a:not([class]):active,.arc .arc-Surface--lightWhiteBackground a:not([class]):active,.arc .arc-Surface .arc-Surface--lightWhiteBackground a:not([class]):active{color:var(--sem-color-fg-primary-light-minimal)}
|
|
1
|
+
.arc .arc-Surface{background-size:cover;font:var(--sem-type-body-reg-m);line-height:1.5}.arc .arc-Surface--growVertically{display:flex;flex-direction:column;height:100%}.arc .arc-Surface--padding8{padding:8px}.arc .arc-Surface--padding12{padding:12px}.arc .arc-Surface--padding16{padding:16px}.arc .arc-Surface--padding24{padding:24px}.arc .arc-Surface--padding32{padding:32px}.arc .arc-Surface--padding48{padding:48px}.arc .arc-Surface--padding64{padding:64px}.arc .arc-Surface--paddingVertical8{padding-bottom:8px;padding-top:8px}.arc .arc-Surface--paddingVertical12{padding-bottom:12px;padding-top:12px}.arc .arc-Surface--paddingVertical16{padding-bottom:16px;padding-top:16px}.arc .arc-Surface--paddingVertical24{padding-bottom:24px;padding-top:24px}.arc .arc-Surface--paddingVertical32{padding-bottom:32px;padding-top:32px}.arc .arc-Surface--paddingVertical48{padding-bottom:48px;padding-top:48px}.arc .arc-Surface--paddingVertical64{padding-bottom:64px;padding-top:64px}.arc .arc-Surface--paddingHorizontal8{padding-left:8px;padding-right:8px}.arc .arc-Surface--paddingHorizontal12{padding-left:12px;padding-right:12px}.arc .arc-Surface--paddingHorizontal16{padding-left:16px;padding-right:16px}.arc .arc-Surface--paddingHorizontal24{padding-left:24px;padding-right:24px}.arc .arc-Surface--paddingHorizontal32{padding-left:32px;padding-right:32px}.arc .arc-Surface--paddingHorizontal48{padding-left:48px;padding-right:48px}.arc .arc-Surface--paddingHorizontal64{padding-left:64px;padding-right:64px}.arc .arc-Surface--darkBlackBackground{background:var(--surface-colors-bg-dark-black)}.arc .arc-Surface--darkBrand01Background{background:var(--surface-colors-bg-dark-brand-01)}.arc .arc-Surface--darkBrand02Background{background:var(--surface-colors-bg-dark-brand-02)}.arc .arc-Surface--darkNeutral01Background{background:var(--surface-colors-bg-dark-neutral-01)}.arc .arc-Surface--darkNeutral02Background{background:var(--surface-colors-bg-dark-neutral-02)}.arc .arc-Surface--darkBlackBackground,.arc .arc-Surface--darkBrand01Background,.arc .arc-Surface--darkBrand02Background,.arc .arc-Surface--darkNeutral01Background,.arc .arc-Surface--darkNeutral02Background,.arc-Surface--darkBlackBackground .arc,.arc-Surface--darkBrand01Background .arc,.arc-Surface--darkBrand02Background .arc,.arc-Surface--darkNeutral01Background .arc,.arc-Surface--darkNeutral02Background .arc{color:var(--sem-color-fg-secondary-dark-default)}.arc .arc-Surface--lightBrand01Background{background:var(--surface-colors-bg-light-brand-01)}.arc .arc-Surface--lightBrand02Background{background:var(--surface-colors-bg-light-brand-02)}.arc .arc-Surface--lightNeutral01Background{background:var(--surface-colors-bg-light-neutral-01)}.arc .arc-Surface--lightNeutral02Background{background:var(--surface-colors-bg-light-neutral-02)}.arc .arc-Surface--lightWhiteBackground{background:var(--surface-colors-bg-light-white)}.arc .arc-Surface--lightBrand01Background,.arc .arc-Surface--lightBrand02Background,.arc .arc-Surface--lightNeutral02Background,.arc .arc-Surface--lightNeutral01Background,.arc .arc-Surface--lightWhiteBackground{color:var(--sem-color-fg-secondary-light-default)}.arc .arc-Surface--darkBlackBackground a:not([class]),.arc .arc-Surface .arc-Surface--darkBlackBackground a:not([class]),.arc .arc-Surface--darkBrand01Background a:not([class]),.arc .arc-Surface .arc-Surface--darkBrand01Background a:not([class]),.arc .arc-Surface--darkBrand02Background a:not([class]),.arc .arc-Surface .arc-Surface--darkBrand02Background a:not([class]),.arc .arc-Surface--darkNeutral01Background a:not([class]),.arc .arc-Surface .arc-Surface--darkNeutral01Background a:not([class]),.arc .arc-Surface--darkNeutral02Background a:not([class]),.arc .arc-Surface .arc-Surface--darkNeutral02Background a:not([class]){color:var(--sem-color-fg-primary-dark-default)}.arc .arc-Surface--darkBlackBackground a:not([class]):focus,.arc .arc-Surface .arc-Surface--darkBlackBackground a:not([class]):focus,.arc .arc-Surface--darkBrand01Background a:not([class]):focus,.arc .arc-Surface .arc-Surface--darkBrand01Background a:not([class]):focus,.arc .arc-Surface--darkBrand02Background a:not([class]):focus,.arc .arc-Surface .arc-Surface--darkBrand02Background a:not([class]):focus,.arc .arc-Surface--darkNeutral01Background a:not([class]):focus,.arc .arc-Surface .arc-Surface--darkNeutral01Background a:not([class]):focus,.arc .arc-Surface--darkNeutral02Background a:not([class]):focus,.arc .arc-Surface .arc-Surface--darkNeutral02Background a:not([class]):focus{outline-color:var(--sem-color-border-primary-light-minimal)}.arc .arc-Surface--darkBlackBackground a:not([class]):focus-visible,.arc .arc-Surface .arc-Surface--darkBlackBackground a:not([class]):focus-visible,.arc .arc-Surface--darkBrand01Background a:not([class]):focus-visible,.arc .arc-Surface .arc-Surface--darkBrand01Background a:not([class]):focus-visible,.arc .arc-Surface--darkBrand02Background a:not([class]):focus-visible,.arc .arc-Surface .arc-Surface--darkBrand02Background a:not([class]):focus-visible,.arc .arc-Surface--darkNeutral01Background a:not([class]):focus-visible,.arc .arc-Surface .arc-Surface--darkNeutral01Background a:not([class]):focus-visible,.arc .arc-Surface--darkNeutral02Background a:not([class]):focus-visible,.arc .arc-Surface .arc-Surface--darkNeutral02Background a:not([class]):focus-visible{outline-color:var(--sem-color-border-primary-light-minimal)}.arc .arc-Surface--darkBlackBackground a:not([class]):hover,.arc .arc-Surface .arc-Surface--darkBlackBackground a:not([class]):hover,.arc .arc-Surface--darkBrand01Background a:not([class]):hover,.arc .arc-Surface .arc-Surface--darkBrand01Background a:not([class]):hover,.arc .arc-Surface--darkBrand02Background a:not([class]):hover,.arc .arc-Surface .arc-Surface--darkBrand02Background a:not([class]):hover,.arc .arc-Surface--darkNeutral01Background a:not([class]):hover,.arc .arc-Surface .arc-Surface--darkNeutral01Background a:not([class]):hover,.arc .arc-Surface--darkNeutral02Background a:not([class]):hover,.arc .arc-Surface .arc-Surface--darkNeutral02Background a:not([class]):hover{color:var(--sem-color-fg-primary-dark-strong)}.arc .arc-Surface--darkBlackBackground a:not([class]):active,.arc .arc-Surface .arc-Surface--darkBlackBackground a:not([class]):active,.arc .arc-Surface--darkBrand01Background a:not([class]):active,.arc .arc-Surface .arc-Surface--darkBrand01Background a:not([class]):active,.arc .arc-Surface--darkBrand02Background a:not([class]):active,.arc .arc-Surface .arc-Surface--darkBrand02Background a:not([class]):active,.arc .arc-Surface--darkNeutral01Background a:not([class]):active,.arc .arc-Surface .arc-Surface--darkNeutral01Background a:not([class]):active,.arc .arc-Surface--darkNeutral02Background a:not([class]):active,.arc .arc-Surface .arc-Surface--darkNeutral02Background a:not([class]):active{color:var(--sem-color-fg-primary-dark-subtle)}.arc .arc-Surface--lightBrand01Background a:not([class]),.arc .arc-Surface .arc-Surface--lightBrand01Background a:not([class]),.arc .arc-Surface--lightNeutral01Background a:not([class]),.arc .arc-Surface .arc-Surface--lightNeutral01Background a:not([class]),.arc .arc-Surface--lightNeutral02Background a:not([class]),.arc .arc-Surface .arc-Surface--lightNeutral02Background a:not([class]),.arc .arc-Surface--lightBrand02Background a:not([class]),.arc .arc-Surface .arc-Surface--lightBrand02Background a:not([class]),.arc .arc-Surface--lightWhiteBackground a:not([class]),.arc .arc-Surface .arc-Surface--lightWhiteBackground a:not([class]){color:var(--sem-color-fg-primary-light-default)}.arc .arc-Surface--lightBrand01Background a:not([class]):focus,.arc .arc-Surface .arc-Surface--lightBrand01Background a:not([class]):focus,.arc .arc-Surface--lightNeutral01Background a:not([class]):focus,.arc .arc-Surface .arc-Surface--lightNeutral01Background a:not([class]):focus,.arc .arc-Surface--lightNeutral02Background a:not([class]):focus,.arc .arc-Surface .arc-Surface--lightNeutral02Background a:not([class]):focus,.arc .arc-Surface--lightBrand02Background a:not([class]):focus,.arc .arc-Surface .arc-Surface--lightBrand02Background a:not([class]):focus,.arc .arc-Surface--lightWhiteBackground a:not([class]):focus,.arc .arc-Surface .arc-Surface--lightWhiteBackground a:not([class]):focus{outline-color:var(--sem-color-border-primary-light-emphasis)}.arc .arc-Surface--lightBrand01Background a:not([class]):focus-visible,.arc .arc-Surface .arc-Surface--lightBrand01Background a:not([class]):focus-visible,.arc .arc-Surface--lightBrand02Background a:not([class]):focus-visible,.arc .arc-Surface .arc-Surface--lightBrand02Background a:not([class]):focus-visible,.arc .arc-Surface--lightNeutral01Background a:not([class]):focus-visible,.arc .arc-Surface .arc-Surface--lightNeutral01Background a:not([class]):focus-visible,.arc .arc-Surface--lightNeutral02Background a:not([class]):focus-visible,.arc .arc-Surface .arc-Surface .arc-Surface--lightNeutral02Background a:not([class]):focus-visible,.arc .arc-Surface--lightWhiteBackground a:not([class]):focus-visible,.arc .arc-Surface .arc-Surface--lightWhiteBackground a:not([class]):focus-visible{outline-color:var(--sem-color-border-primary-light-emphasis)}.arc .arc-Surface--lightBrand01Background a:not([class]):hover,.arc .arc-Surface .arc-Surface--lightBrand01Background a:not([class]):hover,.arc .arc-Surface--lightBrand02Background a:not([class]):hover,.arc .arc-Surface .arc-Surface .arc-Surface--lightBrand02Background a:not([class]):hover,.arc .arc-Surface--lightNeutral01Background a:not([class]):hover,.arc .arc-Surface .arc-Surface .arc-Surface--lightNeutral01Background a:not([class]):hover,.arc .arc-Surface--lightNeutral02Background a:not([class]):hover,.arc .arc-Surface .arc-Surface--lightNeutral02Background a:not([class]):hover,.arc .arc-Surface--lightWhiteBackground a:not([class]):hover,.arc .arc-Surface .arc-Surface--lightWhiteBackground a:not([class]):hover{color:var(--sem-color-fg-primary-light-subtle)}.arc .arc-Surface--lightBrand01Background a:not([class]):active,.arc .arc-Surface .arc-Surface--lightBrand01Background a:not([class]):active,.arc .arc-Surface--lightBrand02Background a:not([class]):active,.arc .arc-Surface .arc-Surface--lightBrand02Background a:not([class]):active,.arc .arc-Surface--lightNeutral01Background a:not([class]):active,.arc .arc-Surface .arc-Surface--lightNeutral01Background a:not([class]):active,.arc .arc-Surface--lightNeutral02Background a:not([class]):active,.arc .arc-Surface .arc-Surface--lightNeutral02Background a:not([class]):active,.arc .arc-Surface--lightWhiteBackground a:not([class]):active,.arc .arc-Surface .arc-Surface--lightWhiteBackground a:not([class]):active{color:var(--sem-color-fg-primary-light-minimal)}.arc .arc-Surface--isTransparent{background:transparent}
|
|
@@ -5,15 +5,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var index_es = require('../_shared/cjs/index.es-c26e8978.js');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var index$2 = require('../_shared/cjs/index-9947ac13.js');
|
|
8
|
-
var index = require('../_shared/cjs/index-
|
|
9
|
-
var index$1 = require('../_shared/cjs/index-
|
|
10
|
-
var Surface = require('../_shared/cjs/Surface-
|
|
11
|
-
var FormControl = require('../_shared/cjs/FormControl-
|
|
8
|
+
var index = require('../_shared/cjs/index-76f7dd53.js');
|
|
9
|
+
var index$1 = require('../_shared/cjs/index-ba3141f5.js');
|
|
10
|
+
var Surface = require('../_shared/cjs/Surface-1b5c2ac8.js');
|
|
11
|
+
var FormControl = require('../_shared/cjs/FormControl-0fba93b8.js');
|
|
12
12
|
var VerticalSpace = require('../_shared/cjs/VerticalSpace-973deefe.js');
|
|
13
|
-
var Text = require('../_shared/cjs/Text-
|
|
14
|
-
var ThemeIcon = require('../_shared/cjs/ThemeIcon-
|
|
13
|
+
var Text = require('../_shared/cjs/Text-c187d9ef.js');
|
|
14
|
+
var ThemeIcon = require('../_shared/cjs/ThemeIcon-7f537bd2.js');
|
|
15
15
|
require('react-dom');
|
|
16
|
-
require('../_shared/cjs/DisclosureMini-
|
|
16
|
+
require('../_shared/cjs/DisclosureMini-a46a4838.js');
|
|
17
17
|
require('../_shared/cjs/VisuallyHidden-25393f58.js');
|
|
18
18
|
|
|
19
19
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index.es-5496ec12.js';
|
|
2
2
|
import React__default, { forwardRef, useState, useRef, createElement, useEffect, useContext } from 'react';
|
|
3
3
|
import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
|
|
4
|
-
import {
|
|
5
|
-
import { a as $010c2913dbd2fe3d$export$5cae361ad82dce8b, $ as $db6c3485150b8e66$export$1ab7ae714698c4b8 } from '../_shared/esm/index-
|
|
6
|
-
import { C as Context } from '../_shared/esm/Surface-
|
|
7
|
-
import { F as FormControl } from '../_shared/esm/FormControl-
|
|
4
|
+
import { $ as $c512c27ab02ef895$export$50c7b4e9d9f19c1, c as $6ed0406888f73fc4$export$c7b2cbe3552a0d05, d as $71cd76cc60e0454e$export$6f32135080cb4c3, a as $8927f6f2acc4f386$export$250ffa63cdc0d034, _ as _extends, b as $e42e1063c40fb3ef$export$b9ecd428b558ff10 } from '../_shared/esm/index-57d4cb34.js';
|
|
5
|
+
import { a as $010c2913dbd2fe3d$export$5cae361ad82dce8b, $ as $db6c3485150b8e66$export$1ab7ae714698c4b8 } from '../_shared/esm/index-ac50b180.js';
|
|
6
|
+
import { C as Context } from '../_shared/esm/Surface-0af6a69a.js';
|
|
7
|
+
import { F as FormControl } from '../_shared/esm/FormControl-ff671eb8.js';
|
|
8
8
|
import { V as VerticalSpace } from '../_shared/esm/VerticalSpace-6a3533db.js';
|
|
9
|
-
import { T as Text } from '../_shared/esm/Text-
|
|
10
|
-
import { T as ThemeIcon } from '../_shared/esm/ThemeIcon-
|
|
9
|
+
import { T as Text } from '../_shared/esm/Text-df93be85.js';
|
|
10
|
+
import { T as ThemeIcon } from '../_shared/esm/ThemeIcon-e1e19266.js';
|
|
11
11
|
import 'react-dom';
|
|
12
|
-
import '../_shared/esm/DisclosureMini-
|
|
12
|
+
import '../_shared/esm/DisclosureMini-f6d8c9bc.js';
|
|
13
13
|
import '../_shared/esm/VisuallyHidden-cf45ac18.js';
|
|
14
14
|
|
|
15
15
|
/* -------------------------------------------------------------------------------------------------
|
package/dist/Switch/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.arc .arc-Switch,.arc .arc-Switch-thumb{--arc-switch-height:var(--switch-size-s);--arc-switch-width:48px;--arc-switch-thumb-size:24px}@media (prefers-reduced-motion:no-preference){.arc .arc-Switch-thumb{transition:0.1s cubic-bezier(0.44,0,0.55,0.94) transform}.arc .arc-Switch-thumbIcon{transition:opacity 0.13s cubic-bezier(0.47,0.04,1,1)}}.arc .arc-Switch{background:transparent;border:none;min-height:var(--arc-switch-height);min-width:var(--arc-switch-width);padding:0}.arc .arc-Switch:focus-visible{border-radius:var(--switch-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc .arc-Switch--onDarkSurface:focus-visible{border-radius:var(--switch-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-subtle);outline-offset:2px}.arc .arc-Switch-wrapper{background:var(--switch-colors-light-bg-subtle);border-radius:var(--switch-border-radius-s);box-sizing:content-box;cursor:pointer;display:block;margin-top:-0.5px;padding:0;position:relative}.arc .arc-Switch-thumb{background:transparent;display:block;height:var(--arc-switch-thumb-size);right:0.5px;width:var(--arc-switch-thumb-size);z-index:100}.arc .arc-Switch--large,.arc .arc-Switch--large .arc-Switch-thumb{--arc-switch-height:var(--switch-size-m);--arc-switch-width:64px;--arc-switch-thumb-size:32px}.arc .arc-Switch[data-state="checked"] .arc-Switch-thumb{transform:translateX(calc(var(--arc-switch-width) - var(--arc-switch-thumb-size)))}.arc .arc-Switch-container{align-items:center;display:flex;gap:12px}.arc .arc-Switch-icon{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.arc .arc-Switch-wrapper::after{border:var(--switch-border-weight-s) solid var(--switch-colors-light-border-strong);border-radius:var(--switch-border-radius-s);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.arc .arc-Switch--onDarkSurface .arc-Switch-wrapper{background:var(--switch-colors-dark-bg-subtle)}.arc .arc-Switch--onDarkSurface .arc-Switch-wrapper::after{border-color:var(--switch-colors-dark-border-strong)}.arc .arc-Switch-thumb::after{background:var(--switch-colors-light-bg-strong);border:var(--switch-border-weight-s) solid var(--switch-colors-light-border-strong);border-radius:50%;content:"";display:block;height:100%;width:100%}.arc .arc-Switch--onDarkSurface .arc-Switch-thumb::after{background:var(--switch-colors-dark-bg-subtle);border-color:var(--switch-colors-dark-border-strong)}.arc .arc-Switch[data-state="checked"] .arc-Switch-thumb::after{border:none;position:relative;transform:scale(0.83)}.arc .arc-Switch[data-state="checked"] .arc-Switch-wrapper{background:var(--switch-colors-light-bg-default)}.arc .arc-Switch[data-state="checked"] .arc-Switch-wrapper::after{border:none}.arc .arc-Switch--onDarkSurface[data-state="checked"] .arc-Switch-wrapper{background:var(--switch-colors-dark-bg-default)}.arc .arc-Switch-thumbIcon{height:100%;opacity:1;position:absolute;width:100%;z-index:1}.arc .arc-Switch-thumb[data-state="unchecked"] .arc-Switch-thumbIcon{opacity:0}.arc .arc-Switch--isDisabled .arc-Switch-wrapper .arc-ThemeIcon{background:var(--switch-colors-light-fg-disabled)}.arc .arc-Switch--onDarkSurface.arc-Switch[data-state="checked"].arc-Switch--isDisabled .arc-Switch-wrapper .arc-ThemeIcon{background:var(--switch-colors-dark-fg-disabled)}.arc .arc-Switch-statusText--isDisabled .arc-Text{color:var(--switch-colors-light-text-disabled)}.arc .arc-Switch-statusText--onDarkSurface.arc-Switch-statusText--isDisabled .arc-Text{color:var(--switch-colors-dark-text-disabled)}.arc .arc-Switch--isDisabled[disabled] .arc-Switch-wrapper{background:var(--switch-colors-light-bg-disabled);cursor:not-allowed}.arc .arc-Switch--isDisabled[disabled] .arc-Switch-wrapper::after{border:var(--switch-border-weight-s) solid var(--switch-colors-light-border-disabled)}.arc .arc-Switch--isDisabled[disabled] .arc-Switch-wrapper .arc-Switch-thumb::after{background:var(--switch-colors-light-bg-disabled);border:var(--switch-border-weight-s) solid var(--switch-colors-light-border-disabled);transform:scale(1)}.arc .arc-Switch--onDarkSurface.arc-Switch--isDisabled[disabled] .arc-Switch-wrapper .arc-Switch-thumb::after{background:var(--switch-colors-dark-bg-disabled);border-color:var(--switch-colors-dark-border-disabled)}.arc .arc-Switch--onDarkSurface.arc-Switch--isDisabled .arc-Switch-wrapper{background:var(--switch-colors-dark-bg-disabled)}.arc .arc-Switch--onDarkSurface.arc-Switch--isDisabled .arc-Switch-wrapper::after{border-color:var(--switch-colors-dark-border-disabled)}
|
|
1
|
+
.arc .arc-Switch,.arc .arc-Switch-thumb{--arc-switch-height:var(--switch-size-s);--arc-switch-width:48px;--arc-switch-thumb-size:24px}@media (prefers-reduced-motion:no-preference){.arc .arc-Switch-thumb{transition:0.1s cubic-bezier(0.44,0,0.55,0.94) transform}.arc .arc-Switch-thumbIcon{transition:opacity 0.13s cubic-bezier(0.47,0.04,1,1)}}.arc .arc-Switch{background:transparent;border:none;min-height:var(--arc-switch-height);min-width:var(--arc-switch-width);padding:0}.arc .arc-Switch:focus-visible{border-radius:var(--switch-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc .arc-Switch--onDarkSurface:focus-visible{border-radius:var(--switch-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-subtle);outline-offset:2px}.arc .arc-Switch-wrapper{background:var(--switch-colors-light-bg-subtle);border-radius:var(--switch-border-radius-s);box-sizing:content-box;cursor:pointer;display:block;margin-top:-0.5px;padding:0;position:relative}.arc .arc-Switch-thumb{background:transparent;display:block;height:var(--arc-switch-thumb-size);right:0.5px;width:var(--arc-switch-thumb-size);z-index:100}.arc .arc-Switch--large,.arc .arc-Switch--large .arc-Switch-thumb{--arc-switch-height:var(--switch-size-m);--arc-switch-width:64px;--arc-switch-thumb-size:32px}.arc .arc-Switch[data-state="checked"] .arc-Switch-thumb{transform:translateX(calc(var(--arc-switch-width) - var(--arc-switch-thumb-size)))}.arc .arc-Switch-container{align-items:center;display:flex;gap:12px}.arc .arc-Switch-icon{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.arc .arc-Switch-wrapper::after{border:var(--switch-border-weight-s) solid var(--switch-colors-light-border-strong);border-radius:var(--switch-border-radius-s);bottom:0;box-sizing:border-box;content:"";left:0;position:absolute;right:0;top:0}.arc .arc-Switch--onDarkSurface .arc-Switch-wrapper{background:var(--switch-colors-dark-bg-subtle)}.arc .arc-Switch--onDarkSurface .arc-Switch-wrapper::after{border-color:var(--switch-colors-dark-border-strong)}.arc .arc-Switch-thumb::after{background:var(--switch-colors-light-bg-strong);border:var(--switch-border-weight-s) solid var(--switch-colors-light-border-strong);border-radius:50%;box-sizing:border-box;content:"";display:block;height:100%;width:100%}.arc .arc-Switch--onDarkSurface .arc-Switch-thumb::after{background:var(--switch-colors-dark-bg-subtle);border-color:var(--switch-colors-dark-border-strong)}.arc .arc-Switch[data-state="checked"] .arc-Switch-thumb::after{border:none;position:relative;transform:scale(0.83)}.arc .arc-Switch[data-state="checked"] .arc-Switch-wrapper{background:var(--switch-colors-light-bg-default)}.arc .arc-Switch[data-state="checked"] .arc-Switch-wrapper::after{border:none}.arc .arc-Switch--onDarkSurface[data-state="checked"] .arc-Switch-wrapper{background:var(--switch-colors-dark-bg-default)}.arc .arc-Switch-thumbIcon{height:100%;opacity:1;position:absolute;width:100%;z-index:1}.arc .arc-Switch-thumb[data-state="unchecked"] .arc-Switch-thumbIcon{opacity:0}.arc .arc-Switch--isDisabled .arc-Switch-wrapper .arc-ThemeIcon{background:var(--switch-colors-light-fg-disabled)}.arc .arc-Switch--onDarkSurface.arc-Switch[data-state="checked"].arc-Switch--isDisabled .arc-Switch-wrapper .arc-ThemeIcon{background:var(--switch-colors-dark-fg-disabled)}.arc .arc-Switch-statusText--isDisabled .arc-Text{color:var(--switch-colors-light-text-disabled)}.arc .arc-Switch-statusText--onDarkSurface.arc-Switch-statusText--isDisabled .arc-Text{color:var(--switch-colors-dark-text-disabled)}.arc .arc-Switch--isDisabled[disabled] .arc-Switch-wrapper{background:var(--switch-colors-light-bg-disabled);cursor:not-allowed}.arc .arc-Switch--isDisabled[disabled] .arc-Switch-wrapper::after{border:var(--switch-border-weight-s) solid var(--switch-colors-light-border-disabled)}.arc .arc-Switch--isDisabled[disabled] .arc-Switch-wrapper .arc-Switch-thumb::after{background:var(--switch-colors-light-bg-disabled);border:var(--switch-border-weight-s) solid var(--switch-colors-light-border-disabled);transform:scale(1)}.arc .arc-Switch--onDarkSurface.arc-Switch--isDisabled[disabled] .arc-Switch-wrapper .arc-Switch-thumb::after{background:var(--switch-colors-dark-bg-disabled);border-color:var(--switch-colors-dark-border-disabled)}.arc .arc-Switch--onDarkSurface.arc-Switch--isDisabled .arc-Switch-wrapper{background:var(--switch-colors-dark-bg-disabled)}.arc .arc-Switch--onDarkSurface.arc-Switch--isDisabled .arc-Switch-wrapper::after{border-color:var(--switch-colors-dark-border-disabled)}
|
package/dist/Tabs/Tabs.cjs.js
CHANGED
|
@@ -2,18 +2,19 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var Tabs = require('../_shared/cjs/Tabs-
|
|
5
|
+
var Tabs = require('../_shared/cjs/Tabs-30a12f1a.js');
|
|
6
6
|
require('../_shared/cjs/index.es-c26e8978.js');
|
|
7
7
|
require('react');
|
|
8
|
-
require('../_shared/cjs/index-
|
|
8
|
+
require('../_shared/cjs/index-1e7a1fce.js');
|
|
9
|
+
require('../_shared/cjs/index-76f7dd53.js');
|
|
9
10
|
require('react-dom');
|
|
10
|
-
require('../_shared/cjs/index-
|
|
11
|
-
require('../_shared/cjs/index-
|
|
12
|
-
require('../_shared/cjs/index-
|
|
13
|
-
require('../_shared/cjs/Icon-
|
|
11
|
+
require('../_shared/cjs/index-dbc843d3.js');
|
|
12
|
+
require('../_shared/cjs/index-879e71ee.js');
|
|
13
|
+
require('../_shared/cjs/index-527f962b.js');
|
|
14
|
+
require('../_shared/cjs/Icon-08447959.js');
|
|
14
15
|
require('../_shared/cjs/index-9947ac13.js');
|
|
15
|
-
require('../_shared/cjs/Surface-
|
|
16
|
-
require('../_shared/cjs/ThemeIcon-
|
|
16
|
+
require('../_shared/cjs/Surface-1b5c2ac8.js');
|
|
17
|
+
require('../_shared/cjs/ThemeIcon-7f537bd2.js');
|
|
17
18
|
|
|
18
19
|
|
|
19
20
|
|
package/dist/Tabs/Tabs.esm.js
CHANGED
|
@@ -1,12 +1,13 @@
|
|
|
1
|
-
export { T as Tabs } from '../_shared/esm/Tabs-
|
|
1
|
+
export { T as Tabs } from '../_shared/esm/Tabs-d360207d.js';
|
|
2
2
|
import '../_shared/esm/index.es-5496ec12.js';
|
|
3
3
|
import 'react';
|
|
4
|
-
import '../_shared/esm/index-
|
|
4
|
+
import '../_shared/esm/index-89a7c31c.js';
|
|
5
|
+
import '../_shared/esm/index-57d4cb34.js';
|
|
5
6
|
import 'react-dom';
|
|
6
|
-
import '../_shared/esm/index-
|
|
7
|
-
import '../_shared/esm/index-
|
|
8
|
-
import '../_shared/esm/index-
|
|
9
|
-
import '../_shared/esm/Icon-
|
|
7
|
+
import '../_shared/esm/index-14c7f4da.js';
|
|
8
|
+
import '../_shared/esm/index-b9923ee4.js';
|
|
9
|
+
import '../_shared/esm/index-f2ddcbe2.js';
|
|
10
|
+
import '../_shared/esm/Icon-a5cb17de.js';
|
|
10
11
|
import '../_shared/esm/index-2e73c2e9.js';
|
|
11
|
-
import '../_shared/esm/Surface-
|
|
12
|
-
import '../_shared/esm/ThemeIcon-
|
|
12
|
+
import '../_shared/esm/Surface-0af6a69a.js';
|
|
13
|
+
import '../_shared/esm/ThemeIcon-e1e19266.js';
|
package/dist/Tag/Tag.cjs.js
CHANGED
|
@@ -2,14 +2,83 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
6
|
-
require('
|
|
7
|
-
require('
|
|
8
|
-
require('../_shared/cjs/
|
|
9
|
-
require('../_shared/cjs/
|
|
10
|
-
require('../_shared/cjs/Surface-7500f314.js');
|
|
11
|
-
require('../_shared/cjs/ThemeIcon-c3dc056d.js');
|
|
5
|
+
var index_es = require('../_shared/cjs/index.es-c26e8978.js');
|
|
6
|
+
var React = require('react');
|
|
7
|
+
var index = require('../_shared/cjs/index-9947ac13.js');
|
|
8
|
+
var Icon = require('../_shared/cjs/Icon-08447959.js');
|
|
9
|
+
require('../_shared/cjs/Surface-1b5c2ac8.js');
|
|
12
10
|
|
|
11
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
13
12
|
|
|
13
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
14
14
|
|
|
15
|
-
|
|
15
|
+
const BtIconCross = (props) =>
|
|
16
|
+
/*#__PURE__*/ React__default["default"].createElement(
|
|
17
|
+
"svg",
|
|
18
|
+
Object.assign(
|
|
19
|
+
{
|
|
20
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
21
|
+
viewBox: "0 0 32 32",
|
|
22
|
+
},
|
|
23
|
+
props,
|
|
24
|
+
),
|
|
25
|
+
/*#__PURE__*/ React__default["default"].createElement("defs", null),
|
|
26
|
+
/*#__PURE__*/ React__default["default"].createElement("path", {
|
|
27
|
+
d: "M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,27A13,13,0,1,1,29,16,13.01474,13.01474,0,0,1,16,29Z",
|
|
28
|
+
fill: "currentColor",
|
|
29
|
+
}),
|
|
30
|
+
/*#__PURE__*/ React__default["default"].createElement("path", {
|
|
31
|
+
d: "M20.85352,11.14648a.49983.49983,0,0,0-.707,0L16,15.293l-4.14648-4.14649a.5.5,0,0,0-.707.707L15.293,16l-4.14649,4.14648a.5.5,0,1,0,.707.707L16,16.707l4.14648,4.14649a.5.5,0,0,0,.707-.707L16.707,16l4.14649-4.14648A.49983.49983,0,0,0,20.85352,11.14648Z",
|
|
32
|
+
fill: "currentColor",
|
|
33
|
+
}),
|
|
34
|
+
);
|
|
35
|
+
|
|
36
|
+
const BtIconCrossFill = (props) =>
|
|
37
|
+
/*#__PURE__*/ React__default["default"].createElement(
|
|
38
|
+
"svg",
|
|
39
|
+
Object.assign(
|
|
40
|
+
{
|
|
41
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
42
|
+
viewBox: "0 0 32 32",
|
|
43
|
+
},
|
|
44
|
+
props,
|
|
45
|
+
),
|
|
46
|
+
/*#__PURE__*/ React__default["default"].createElement("defs", null),
|
|
47
|
+
/*#__PURE__*/ React__default["default"].createElement("path", {
|
|
48
|
+
d: "M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm4.85352,18.14648a.5.5,0,1,1-.707.707L16,16.707l-4.14648,4.14649a.5.5,0,0,1-.707-.707L15.293,16l-4.14649-4.14648a.5.5,0,0,1,.707-.707L16,15.293l4.14648-4.14649a.5.5,0,0,1,.707.707L16.707,16Z",
|
|
49
|
+
fill: "currentColor",
|
|
50
|
+
}),
|
|
51
|
+
);
|
|
52
|
+
|
|
53
|
+
/**
|
|
54
|
+
* Use `Tag` to promote features and manage filtering.
|
|
55
|
+
*/
|
|
56
|
+
var Tag = function (_a) {
|
|
57
|
+
var children = _a.children, isRemovable = _a.isRemovable, link = _a.link, icon = _a.icon, onClick = _a.onClick, onRemove = _a.onRemove, title = _a.title, props = index_es.__rest(_a, ["children", "isRemovable", "link", "icon", "onClick", "onRemove", "title"]);
|
|
58
|
+
var _b = React.useState(false), isRemoved = _b[0], setIsRemoved = _b[1];
|
|
59
|
+
var onRemoveHandler = function () {
|
|
60
|
+
setIsRemoved(function (p) { return !p; });
|
|
61
|
+
onRemove && onRemove();
|
|
62
|
+
};
|
|
63
|
+
return (React__default["default"].createElement("div", index_es.__assign({ className: index.classNames("arc-Tag", {
|
|
64
|
+
"arc-Tag--isRemovable": isRemovable,
|
|
65
|
+
"arc-Tag--hasIcon": icon,
|
|
66
|
+
"arc-Tag--hasLink": link || onClick,
|
|
67
|
+
"arc-Tag--removed": isRemoved
|
|
68
|
+
}) }, (isRemoved && { "aria-hidden": true }), index_es.filterDataAttrs(props)),
|
|
69
|
+
link ? (React__default["default"].createElement("a", { className: "arc-Tag-content", href: link, tabIndex: 0 },
|
|
70
|
+
icon && (React__default["default"].createElement("span", { className: "arc-Tag-icon" },
|
|
71
|
+
React__default["default"].createElement(Icon.Icon, { "data-testid": "arc-Tag-icon", icon: icon, size: 16 }))),
|
|
72
|
+
React__default["default"].createElement("div", { className: "arc-Tag-label", title: title }, children))) : (React__default["default"].createElement(React__default["default"].Fragment, null, onClick ? (React__default["default"].createElement("button", { className: "arc-Tag-content", onClick: onClick, "data-testid": "arc-Tag-content" },
|
|
73
|
+
icon && (React__default["default"].createElement("span", { className: "arc-Tag-icon" },
|
|
74
|
+
React__default["default"].createElement(Icon.Icon, { "data-testid": "arc-Tag-icon", icon: icon, size: 16 }))),
|
|
75
|
+
React__default["default"].createElement("div", { className: "arc-Tag-label", title: title }, children))) : (React__default["default"].createElement("div", { className: "arc-Tag-content", "data-testid": "arc-Tag-content" },
|
|
76
|
+
icon && (React__default["default"].createElement("span", { className: "arc-Tag-icon" },
|
|
77
|
+
React__default["default"].createElement(Icon.Icon, { "data-testid": "arc-Tag-icon", icon: icon, size: 16 }))),
|
|
78
|
+
React__default["default"].createElement("div", { className: "arc-Tag-label", title: title }, children))))),
|
|
79
|
+
isRemovable && (React__default["default"].createElement("button", { className: "arc-Tag-icon arc-Tag-icon--removable", onClick: onRemoveHandler, "data-testid": "arc-Tag-icon-removable", "aria-live": "polite", "aria-roledescription": "remove tag", "aria-label": "Remove tag" },
|
|
80
|
+
React__default["default"].createElement(Icon.Icon, { icon: BtIconCross }),
|
|
81
|
+
React__default["default"].createElement(Icon.Icon, { icon: BtIconCrossFill })))));
|
|
82
|
+
};
|
|
83
|
+
|
|
84
|
+
exports.Tag = Tag;
|
package/dist/Tag/Tag.esm.js
CHANGED
|
@@ -1,7 +1,76 @@
|
|
|
1
|
-
|
|
2
|
-
import '
|
|
3
|
-
import '
|
|
4
|
-
import '../_shared/esm/
|
|
5
|
-
import '../_shared/esm/
|
|
6
|
-
|
|
7
|
-
|
|
1
|
+
import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index.es-5496ec12.js';
|
|
2
|
+
import React__default, { useState } from 'react';
|
|
3
|
+
import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
|
|
4
|
+
import { I as Icon } from '../_shared/esm/Icon-a5cb17de.js';
|
|
5
|
+
import '../_shared/esm/Surface-0af6a69a.js';
|
|
6
|
+
|
|
7
|
+
const BtIconCross = (props) =>
|
|
8
|
+
/*#__PURE__*/ React__default.createElement(
|
|
9
|
+
"svg",
|
|
10
|
+
Object.assign(
|
|
11
|
+
{
|
|
12
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
13
|
+
viewBox: "0 0 32 32",
|
|
14
|
+
},
|
|
15
|
+
props,
|
|
16
|
+
),
|
|
17
|
+
/*#__PURE__*/ React__default.createElement("defs", null),
|
|
18
|
+
/*#__PURE__*/ React__default.createElement("path", {
|
|
19
|
+
d: "M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,27A13,13,0,1,1,29,16,13.01474,13.01474,0,0,1,16,29Z",
|
|
20
|
+
fill: "currentColor",
|
|
21
|
+
}),
|
|
22
|
+
/*#__PURE__*/ React__default.createElement("path", {
|
|
23
|
+
d: "M20.85352,11.14648a.49983.49983,0,0,0-.707,0L16,15.293l-4.14648-4.14649a.5.5,0,0,0-.707.707L15.293,16l-4.14649,4.14648a.5.5,0,1,0,.707.707L16,16.707l4.14648,4.14649a.5.5,0,0,0,.707-.707L16.707,16l4.14649-4.14648A.49983.49983,0,0,0,20.85352,11.14648Z",
|
|
24
|
+
fill: "currentColor",
|
|
25
|
+
}),
|
|
26
|
+
);
|
|
27
|
+
|
|
28
|
+
const BtIconCrossFill = (props) =>
|
|
29
|
+
/*#__PURE__*/ React__default.createElement(
|
|
30
|
+
"svg",
|
|
31
|
+
Object.assign(
|
|
32
|
+
{
|
|
33
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
34
|
+
viewBox: "0 0 32 32",
|
|
35
|
+
},
|
|
36
|
+
props,
|
|
37
|
+
),
|
|
38
|
+
/*#__PURE__*/ React__default.createElement("defs", null),
|
|
39
|
+
/*#__PURE__*/ React__default.createElement("path", {
|
|
40
|
+
d: "M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm4.85352,18.14648a.5.5,0,1,1-.707.707L16,16.707l-4.14648,4.14649a.5.5,0,0,1-.707-.707L15.293,16l-4.14649-4.14648a.5.5,0,0,1,.707-.707L16,15.293l4.14648-4.14649a.5.5,0,0,1,.707.707L16.707,16Z",
|
|
41
|
+
fill: "currentColor",
|
|
42
|
+
}),
|
|
43
|
+
);
|
|
44
|
+
|
|
45
|
+
/**
|
|
46
|
+
* Use `Tag` to promote features and manage filtering.
|
|
47
|
+
*/
|
|
48
|
+
var Tag = function (_a) {
|
|
49
|
+
var children = _a.children, isRemovable = _a.isRemovable, link = _a.link, icon = _a.icon, onClick = _a.onClick, onRemove = _a.onRemove, title = _a.title, props = __rest(_a, ["children", "isRemovable", "link", "icon", "onClick", "onRemove", "title"]);
|
|
50
|
+
var _b = useState(false), isRemoved = _b[0], setIsRemoved = _b[1];
|
|
51
|
+
var onRemoveHandler = function () {
|
|
52
|
+
setIsRemoved(function (p) { return !p; });
|
|
53
|
+
onRemove && onRemove();
|
|
54
|
+
};
|
|
55
|
+
return (React__default.createElement("div", __assign({ className: classNames("arc-Tag", {
|
|
56
|
+
"arc-Tag--isRemovable": isRemovable,
|
|
57
|
+
"arc-Tag--hasIcon": icon,
|
|
58
|
+
"arc-Tag--hasLink": link || onClick,
|
|
59
|
+
"arc-Tag--removed": isRemoved
|
|
60
|
+
}) }, (isRemoved && { "aria-hidden": true }), filterDataAttrs(props)),
|
|
61
|
+
link ? (React__default.createElement("a", { className: "arc-Tag-content", href: link, tabIndex: 0 },
|
|
62
|
+
icon && (React__default.createElement("span", { className: "arc-Tag-icon" },
|
|
63
|
+
React__default.createElement(Icon, { "data-testid": "arc-Tag-icon", icon: icon, size: 16 }))),
|
|
64
|
+
React__default.createElement("div", { className: "arc-Tag-label", title: title }, children))) : (React__default.createElement(React__default.Fragment, null, onClick ? (React__default.createElement("button", { className: "arc-Tag-content", onClick: onClick, "data-testid": "arc-Tag-content" },
|
|
65
|
+
icon && (React__default.createElement("span", { className: "arc-Tag-icon" },
|
|
66
|
+
React__default.createElement(Icon, { "data-testid": "arc-Tag-icon", icon: icon, size: 16 }))),
|
|
67
|
+
React__default.createElement("div", { className: "arc-Tag-label", title: title }, children))) : (React__default.createElement("div", { className: "arc-Tag-content", "data-testid": "arc-Tag-content" },
|
|
68
|
+
icon && (React__default.createElement("span", { className: "arc-Tag-icon" },
|
|
69
|
+
React__default.createElement(Icon, { "data-testid": "arc-Tag-icon", icon: icon, size: 16 }))),
|
|
70
|
+
React__default.createElement("div", { className: "arc-Tag-label", title: title }, children))))),
|
|
71
|
+
isRemovable && (React__default.createElement("button", { className: "arc-Tag-icon arc-Tag-icon--removable", onClick: onRemoveHandler, "data-testid": "arc-Tag-icon-removable", "aria-live": "polite", "aria-roledescription": "remove tag", "aria-label": "Remove tag" },
|
|
72
|
+
React__default.createElement(Icon, { icon: BtIconCross }),
|
|
73
|
+
React__default.createElement(Icon, { icon: BtIconCrossFill })))));
|
|
74
|
+
};
|
|
75
|
+
|
|
76
|
+
export { Tag };
|
package/dist/Tag/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.arc .arc-Tag{align-items:center;background-color:var(--tag-colors-light-bg-default-alt);border:var(--tag-border-weight-s) solid var(--tag-colors-light-border-default-alt);border-radius:var(--tag-border-radius-s);display:flex;height:var(--tag-size-s);white-space:nowrap;width:-moz-fit-content;width:fit-content}.arc .arc-Tag-icon{align-items:center;display:flex;height:var(--tag-size-icon-s);width:auto}.arc .arc-Tag-icon--removable{align-items:center;background-color:transparent;border:0;display:flex;height:var(--tag-size-icon-
|
|
1
|
+
.arc .arc-Tag{align-items:center;background-color:var(--tag-colors-light-bg-default-alt);border:var(--tag-border-weight-s) solid var(--tag-colors-light-border-default-alt);border-radius:var(--tag-border-radius-s);display:flex;height:var(--tag-size-s);white-space:nowrap;width:-moz-fit-content;width:fit-content}.arc .arc-Tag-icon{align-items:center;display:flex;height:var(--tag-size-icon-s);width:auto}.arc .arc-Tag-icon--removable{align-items:center;background-color:transparent;border:0;display:flex;height:var(--tag-size-icon-m,20px);margin-right:var(--tag-padding-xs);padding:0;position:relative;width:var(--tag-size-icon-m,20px)}.arc .arc-Tag-icon--removable .arc-Icon{position:absolute}.arc .arc-Tag-icon--removable .arc-Icon:nth-of-type(2){color:var(--sem-color-fg-primary-light-default);display:none}.arc .arc-Tag-icon--removable:hover .arc-Icon:nth-of-type(1){display:none}.arc .arc-Tag-icon--removable:hover .arc-Icon:nth-of-type(2){display:block}.arc .arc-Tag-label{font:var(--sem-type-interface-semi-xs);padding:0 var(--tag-padding-xs)}.arc .arc-Tag-content{align-items:center;background-color:transparent;border:none;border-radius:var(--tag-border-radius-s);display:flex;padding:0 calc(var(--tag-padding-s) - var(--tag-border-weight-s))}.arc .arc-Tag--hasIcon .arc-Tag-content{padding-left:calc(var(--tag-padding-s) - var(--tag-border-weight-s))}.arc .arc-Tag--isRemovable .arc-Tag-content{border-radius:var(--tag-border-radius-s) 0 0 var(--tag-border-radius-s);padding-right:var(--tag-padding-xs)}.arc .arc-Tag .arc-Tag-content{color:var(--tag-colors-light-text-default);text-decoration:none}.arc .arc-Tag-content:focus-visible{border-radius:var(--tag-border-radius-s);height:calc(var(--tag-size-s) - 2px);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px;text-decoration:underline}.arc .arc-Tag-icon--removable:focus-visible{outline:none}.arc .arc-Tag-icon--removable:focus-visible .arc-Icon:nth-of-type(1){display:none}.arc .arc-Tag-icon--removable:focus-visible .arc-Icon:nth-of-type(2){display:block}.arc .arc-Tag-icon--removable:focus-visible::after{border-radius:100%;content:"";height:20px;outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px;position:absolute;width:20px}.arc .arc-Tag-icon--removable:hover{cursor:pointer}.arc .arc-Tag--hasLink{background:var(--tag-colors-light-bg-default);border-color:var(--tag-colors-light-border-default)}.arc .arc-Tag--haslink:hover{background:var(--tag-colors-light-border-hover);cursor:pointer}.arc .arc-Tag--hasLink .arc-Tag-content:hover{color:var(--tag-colors-light-text-hover);cursor:pointer;text-decoration:underline}.arc .arc-Tag--removed{display:none}
|
package/dist/Text/Text.cjs.js
CHANGED
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var Text = require('../_shared/cjs/Text-
|
|
5
|
+
var Text = require('../_shared/cjs/Text-c187d9ef.js');
|
|
6
6
|
require('../_shared/cjs/index.es-c26e8978.js');
|
|
7
7
|
require('../_shared/cjs/index-9947ac13.js');
|
|
8
8
|
require('react');
|
|
9
|
-
require('../_shared/cjs/Surface-
|
|
9
|
+
require('../_shared/cjs/Surface-1b5c2ac8.js');
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
|
package/dist/Text/Text.esm.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export { T as Text } from '../_shared/esm/Text-
|
|
1
|
+
export { T as Text } from '../_shared/esm/Text-df93be85.js';
|
|
2
2
|
import '../_shared/esm/index.es-5496ec12.js';
|
|
3
3
|
import '../_shared/esm/index-2e73c2e9.js';
|
|
4
4
|
import 'react';
|
|
5
|
-
import '../_shared/esm/Surface-
|
|
5
|
+
import '../_shared/esm/Surface-0af6a69a.js';
|