@arc-ui/components 12.0.0 → 13.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/Alert/styles.css +1 -1
- package/lib/Align/styles.css +1 -1
- package/lib/AppButton/styles.css +1 -1
- package/lib/Avatar/styles.css +1 -1
- package/lib/AvatarGroup/styles.css +1 -1
- package/lib/Badge/styles.css +1 -1
- package/lib/Banner/Banner.cjs +3 -3
- package/lib/Banner/Banner.mjs +3 -3
- package/lib/Box/styles.css +1 -1
- package/lib/BrandLogo/styles.css +1 -1
- package/lib/Breadcrumbs/Breadcrumbs.cjs +7 -7
- package/lib/Breadcrumbs/Breadcrumbs.mjs +7 -7
- package/lib/Breadcrumbs/styles.css +1 -1
- package/lib/Button/Button.cjs +1 -1
- package/lib/Button/Button.mjs +1 -1
- package/lib/Button/styles.css +1 -1
- package/lib/ButtonGroup/ButtonGroup.cjs +6 -3
- package/lib/ButtonGroup/ButtonGroup.mjs +6 -3
- package/lib/ButtonGroup/styles.css +1 -1
- package/lib/ButtonV2/ButtonV2.cjs +1 -1
- package/lib/ButtonV2/ButtonV2.mjs +1 -1
- package/lib/ButtonV2/styles.css +1 -1
- package/lib/Calendar/Calendar.cjs +6 -6
- package/lib/Calendar/Calendar.mjs +6 -6
- package/lib/Calendar/styles.css +1 -1
- package/lib/CardFooter/styles.css +1 -1
- package/lib/CardHeading/CardHeading.cjs +1 -1
- package/lib/CardHeading/CardHeading.mjs +1 -1
- package/lib/CardHeading/styles.css +1 -1
- package/lib/Carousel/Carousel.cjs +348 -8
- package/lib/Carousel/Carousel.mjs +348 -8
- package/lib/Carousel/styles.css +1 -1
- package/lib/Checkbox/Checkbox.cjs +7 -7
- package/lib/Checkbox/Checkbox.mjs +8 -8
- package/lib/Checkbox/styles.css +1 -1
- package/lib/CheckboxIcon/CheckboxIcon.cjs +1 -1
- package/lib/CheckboxIcon/CheckboxIcon.mjs +1 -1
- package/lib/CheckboxIcon/styles.css +1 -1
- package/lib/Columns/styles.css +1 -1
- package/lib/ComboBox/ComboBox.cjs +13 -13
- package/lib/ComboBox/ComboBox.mjs +14 -14
- package/lib/ComboBox/styles.css +1 -1
- package/lib/ContentSwitcher/ContentSwitcher.cjs +1 -1
- package/lib/ContentSwitcher/ContentSwitcher.mjs +4 -4
- package/lib/ContentSwitcher/styles.css +1 -1
- package/lib/ContentSwitcherDropdown/ContentSwitcherDropdown.cjs +7 -7
- package/lib/ContentSwitcherDropdown/ContentSwitcherDropdown.mjs +7 -7
- package/lib/ContentSwitcherDropdown/styles.css +1 -1
- package/lib/DatePicker/DatePicker.cjs +18 -18
- package/lib/DatePicker/DatePicker.mjs +19 -19
- package/lib/DatePicker/styles.css +1 -1
- package/lib/Disclosure/styles.css +1 -1
- package/lib/DisclosureMini/styles.css +1 -1
- package/lib/Download/styles.css +1 -1
- package/lib/Drawer/Drawer.cjs +36 -28
- package/lib/Drawer/Drawer.mjs +36 -28
- package/lib/Drawer/styles.css +1 -1
- package/lib/Elevation/styles.css +1 -1
- package/lib/Filter/styles.css +1 -1
- package/lib/FormControl/styles.css +1 -1
- package/lib/GhostedHeroBanner/GhostedHeroBanner.cjs +2 -2
- package/lib/GhostedHeroBanner/GhostedHeroBanner.mjs +2 -2
- package/lib/GhostedHeroBanner/styles.css +1 -1
- package/lib/GradientPageBackground/GradientPageBackground.cjs +3 -3
- package/lib/GradientPageBackground/GradientPageBackground.mjs +3 -3
- package/lib/GradientPageBackground/styles.css +1 -1
- package/lib/Grid/styles.css +1 -1
- package/lib/Group/styles.css +1 -1
- package/lib/Heading/styles.css +1 -1
- package/lib/HeroBanner/HeroBanner.cjs +3 -3
- package/lib/HeroBanner/HeroBanner.mjs +3 -3
- package/lib/HeroBanner/styles.css +1 -1
- package/lib/HeroButton/HeroButton.cjs +3 -3
- package/lib/HeroButton/HeroButton.mjs +4 -4
- package/lib/HeroButton/styles.css +1 -1
- package/lib/Hidden/styles.css +1 -1
- package/lib/HorizontalCard/HorizontalCard.cjs +1 -1
- package/lib/HorizontalCard/HorizontalCard.mjs +1 -1
- package/lib/HorizontalCard/styles.css +1 -1
- package/lib/Icon/styles.css +1 -1
- package/lib/Image/styles.css +1 -1
- package/lib/ImpactCard/ImpactCard.cjs +4 -4
- package/lib/ImpactCard/ImpactCard.mjs +4 -4
- package/lib/ImpactCard/styles.css +1 -1
- package/lib/InformationCard/InformationCard.cjs +7 -7
- package/lib/InformationCard/InformationCard.mjs +7 -7
- package/lib/InformationCard/styles.css +1 -1
- package/lib/Link/styles.css +1 -1
- package/lib/Markup/styles.css +1 -1
- package/lib/MediaCard/MediaCard.cjs +5 -5
- package/lib/MediaCard/MediaCard.mjs +5 -5
- package/lib/MediaCard/styles.css +1 -1
- package/lib/Menu/Menu.cjs +17 -16
- package/lib/Menu/Menu.mjs +17 -16
- package/lib/Menu/styles.css +1 -1
- package/lib/Modal/Modal.cjs +7 -7
- package/lib/Modal/Modal.mjs +7 -7
- package/lib/Modal/styles.css +1 -1
- package/lib/NavigationHeader/NavigationHeader.cjs +38 -50
- package/lib/NavigationHeader/NavigationHeader.mjs +39 -51
- package/lib/NavigationHeader/styles.css +1 -1
- package/lib/Pagination/styles.css +1 -1
- package/lib/PaginationSimple/styles.css +1 -1
- package/lib/Popover/Popover.cjs +7 -7
- package/lib/Popover/Popover.mjs +7 -7
- package/lib/Popover/styles.css +1 -1
- package/lib/Poster/styles.css +1 -1
- package/lib/ProgressBar/ProgressBar.cjs +2 -2
- package/lib/ProgressBar/ProgressBar.mjs +2 -2
- package/lib/ProgressBar/styles.css +1 -1
- package/lib/ProgressStepper/ProgressStepper.cjs +2 -2
- package/lib/ProgressStepper/ProgressStepper.mjs +2 -2
- package/lib/ProgressStepper/styles.css +1 -1
- package/lib/ProgressStepperOverflow/ProgressStepperOverflow.cjs +76 -121
- package/lib/ProgressStepperOverflow/ProgressStepperOverflow.mjs +77 -123
- package/lib/ProgressStepperOverflow/styles.css +1 -1
- package/lib/RadioCardGroup/RadioCardGroup.cjs +12 -8
- package/lib/RadioCardGroup/RadioCardGroup.mjs +12 -8
- package/lib/RadioCardGroup/styles.css +1 -1
- package/lib/RadioGroup/RadioGroup.cjs +6 -6
- package/lib/RadioGroup/RadioGroup.mjs +7 -7
- package/lib/RadioGroup/styles.css +1 -1
- package/lib/Rule/Rule.cjs +1 -1
- package/lib/Rule/Rule.mjs +1 -1
- package/lib/Rule/styles.css +1 -1
- package/lib/ScrollToTop/ScrollToTop.cjs +1 -1
- package/lib/ScrollToTop/ScrollToTop.mjs +1 -1
- package/lib/ScrollToTop/styles.css +1 -1
- package/lib/Section/styles.css +1 -1
- package/lib/Select/Select.cjs +6 -6
- package/lib/Select/Select.mjs +6 -6
- package/lib/Select/styles.css +1 -1
- package/lib/SemanticHeading/styles.css +1 -1
- package/lib/SiteFooter/styles.css +1 -1
- package/lib/SiteFooterV2/SiteFooterV2.cjs +1 -1
- package/lib/SiteFooterV2/SiteFooterV2.mjs +1 -1
- package/lib/SiteFooterV2/styles.css +1 -1
- package/lib/SiteHeaderV2/SiteHeaderV2.cjs +13 -9
- package/lib/SiteHeaderV2/SiteHeaderV2.mjs +13 -9
- package/lib/SiteHeaderV2/styles.css +1 -1
- package/lib/Skeleton/styles.css +1 -1
- package/lib/SkipLink/SkipLink.cjs +2 -2
- package/lib/SkipLink/SkipLink.mjs +3 -3
- package/lib/SkipLink/styles.css +1 -1
- package/lib/Spinner/styles.css +1 -1
- package/lib/Surface/styles.css +1 -1
- package/lib/Switch/Switch.mjs +1 -1
- package/lib/Switch/styles.css +1 -1
- package/lib/TabbedBanner/TabbedBanner.cjs +9 -9
- package/lib/TabbedBanner/TabbedBanner.mjs +12 -12
- package/lib/TabbedBanner/styles.css +1 -1
- package/lib/Tabs/Tabs.mjs +3 -3
- package/lib/Tabs/styles.css +1 -1
- package/lib/Tag/styles.css +1 -1
- package/lib/TemplateBanner/TemplateBanner.cjs +1 -1
- package/lib/TemplateBanner/TemplateBanner.mjs +1 -1
- package/lib/TemplateBanner/styles.css +1 -1
- package/lib/Text/styles.css +1 -1
- package/lib/TextArea/TextArea.cjs +3 -3
- package/lib/TextArea/TextArea.mjs +4 -4
- package/lib/TextArea/styles.css +1 -1
- package/lib/TextInput/TextInput.cjs +4 -4
- package/lib/TextInput/TextInput.mjs +4 -4
- package/lib/TextInput/styles.css +1 -1
- package/lib/Theme/Theme.cjs +1 -1
- package/lib/Theme/Theme.mjs +1 -1
- package/lib/Theme/styles.css +1 -1
- package/lib/ThemeIcon/styles.css +1 -1
- package/lib/ThumbnailSignpost/ThumbnailSignpost.cjs +1 -1
- package/lib/ThumbnailSignpost/ThumbnailSignpost.mjs +1 -1
- package/lib/ThumbnailSignpost/styles.css +1 -1
- package/lib/Toast/Toast.mjs +2 -2
- package/lib/Toast/styles.css +1 -1
- package/lib/Tooltip/Tooltip.cjs +3 -3
- package/lib/Tooltip/Tooltip.mjs +3 -3
- package/lib/Tooltip/styles.css +1 -1
- package/lib/Truncate/styles.css +1 -1
- package/lib/TypographyCard/TypographyCard.cjs +4 -4
- package/lib/TypographyCard/TypographyCard.mjs +4 -4
- package/lib/TypographyCard/styles.css +1 -1
- package/lib/UniversalHeader/styles.css +1 -1
- package/lib/VerticalSpace/styles.css +1 -1
- package/lib/VideoPlayer/VideoPlayer.cjs +3 -3
- package/lib/VideoPlayer/VideoPlayer.mjs +3 -3
- package/lib/VideoPlayer/styles.css +1 -1
- package/lib/Visible/styles.css +1 -1
- package/lib/VisuallyHidden/styles.css +1 -1
- package/lib/_shared/cjs/{Button-BN4jUsg5.cjs → Button-CrevzrTg.cjs} +3 -3
- package/lib/_shared/cjs/{ButtonV2-bUu36xW8.cjs → ButtonV2-CxyploaQ.cjs} +3 -3
- package/lib/_shared/cjs/{Calendar-BvPNEvfm.cjs → Calendar-CdLn9iv6.cjs} +7 -7
- package/lib/_shared/cjs/{CardHeading-lGy1u6eD.cjs → CardHeading-C84m67_F.cjs} +2 -2
- package/lib/_shared/cjs/{CheckboxIcon-BTkdXfpp.cjs → CheckboxIcon-BzY1S_ud.cjs} +6 -5
- package/lib/_shared/cjs/{Combination-6m6aOXZq.cjs → Combination-Cm62lfyr.cjs} +1 -1
- package/lib/_shared/cjs/{ContentSwitcherDropdown-BLXyhXVS.cjs → ContentSwitcherDropdown-6IGRpV54.cjs} +2 -2
- package/lib/_shared/cjs/{ContentSwitcherList-BgAW2IhJ.cjs → ContentSwitcherList-Di7RS8ue.cjs} +28 -17
- package/lib/_shared/cjs/{Popover-CYcqjefw.cjs → Popover-BtvRErpC.cjs} +7 -4
- package/lib/_shared/cjs/{ProgressStepper-DTZQabiV.cjs → ProgressStepper-Cs6vX7Th.cjs} +19 -18
- package/lib/_shared/cjs/{Rule-jmvOpci7.cjs → Rule-essaguo_.cjs} +2 -2
- package/lib/_shared/cjs/{TemplateBanner-CzDAL0lq.cjs → TemplateBanner-DyXBKuMw.cjs} +2 -2
- package/lib/_shared/cjs/{TextInput-BHzuoI7E.cjs → TextInput-C_K2PLf5.cjs} +6 -6
- package/lib/_shared/cjs/{Tooltip-CEb7YEP2.cjs → Tooltip-CdmWvrnr.cjs} +2 -2
- package/lib/_shared/cjs/{arc-breakpoints-Cl4-g1TC.cjs → arc-breakpoints-uADxN-b4.cjs} +1 -1
- package/lib/_shared/cjs/{index-BGGFOAAx.cjs → index-BBDa9gnQ.cjs} +2 -2
- package/lib/_shared/cjs/{index-D9onmVh5.cjs → index-BDUrOKEW.cjs} +3 -3
- package/lib/_shared/cjs/{index-CklPiHsS.cjs → index-B_WZUATb.cjs} +2 -2
- package/lib/_shared/cjs/{index-B11wQrRa.cjs → index-BdJeAKfz.cjs} +1 -1
- package/lib/_shared/cjs/{index-CDVpHNP8.cjs → index-Dgn0408w.cjs} +4 -4
- package/lib/_shared/cjs/{index-DXNM3D1d.cjs → index-DlWZZNwu.cjs} +2 -2
- package/lib/_shared/cjs/{index-BWfgSvRQ.cjs → index-DsqYRMfM.cjs} +4 -4
- package/lib/_shared/cjs/{index-KrMgv4q_.cjs → index-WO7l1Mfx.cjs} +3 -3
- package/lib/_shared/cjs/{index.es-Dbvw_3_e.cjs → index.es-BAsay4oe.cjs} +1 -1
- package/lib/_shared/cjs/{use-media-query-DqZqShGX.cjs → use-media-query-BJV2IbHi.cjs} +4 -4
- package/lib/_shared/esm/{Button-DTiOFT9M.mjs → Button-Benn9Qop.mjs} +4 -4
- package/lib/_shared/esm/{ButtonV2-ByW5P8Hq.mjs → ButtonV2-CgjYgfZA.mjs} +4 -4
- package/lib/_shared/esm/{Calendar-DzsQqJlh.mjs → Calendar-CzFIMyD1.mjs} +8 -8
- package/lib/_shared/esm/{CardHeading-CfPEEmBO.mjs → CardHeading-CV14vmox.mjs} +2 -2
- package/lib/_shared/esm/{CheckboxIcon-BcVQe6mC.mjs → CheckboxIcon-CzRn1j8X.mjs} +6 -5
- package/lib/_shared/esm/{Combination-BQ4XBtF-.mjs → Combination-BW0YAEZD.mjs} +1 -1
- package/lib/_shared/esm/{ContentSwitcherDropdown-ckPG4pry.mjs → ContentSwitcherDropdown-CwoMd63a.mjs} +2 -2
- package/lib/_shared/esm/{ContentSwitcherList-i4m4nAzP.mjs → ContentSwitcherList-Bvp9Zl85.mjs} +30 -19
- package/lib/_shared/esm/{Popover-BHCEpLSa.mjs → Popover-DRQSgAog.mjs} +7 -4
- package/lib/_shared/esm/{ProgressStepper-CujHLQsm.mjs → ProgressStepper-DTPHHVFe.mjs} +20 -19
- package/lib/_shared/esm/{Rule-I1w3EaZi.mjs → Rule-Bz3QPezk.mjs} +3 -3
- package/lib/_shared/esm/{TemplateBanner-CZSTdma0.mjs → TemplateBanner-BPzuH5bz.mjs} +2 -2
- package/lib/_shared/esm/{TextInput-CZaNXVHl.mjs → TextInput-BCvKXfM_.mjs} +8 -8
- package/lib/_shared/esm/{Tooltip-BpSzN3Tx.mjs → Tooltip-DY8nS1to.mjs} +2 -2
- package/lib/_shared/esm/{arc-breakpoints-Br78xe-f.mjs → arc-breakpoints-ChQgbftE.mjs} +1 -1
- package/lib/_shared/esm/{index-u47CK8Y0.mjs → index-B3ewsmrD.mjs} +2 -2
- package/lib/_shared/esm/{index-GCEHSsY8.mjs → index-BMmvMegf.mjs} +2 -2
- package/lib/_shared/esm/{index-DXHprNQ6.mjs → index-C_mwuZg6.mjs} +1 -1
- package/lib/_shared/esm/{index-BWkI4Dwz.mjs → index-CfXVJXLq.mjs} +3 -3
- package/lib/_shared/esm/{index-CWHcEz3_.mjs → index-Cgsjp3NL.mjs} +1 -1
- package/lib/_shared/esm/{index-CN4hP3Wu.mjs → index-CjeQnMcn.mjs} +3 -3
- package/lib/_shared/esm/{index-BFKdmv_g.mjs → index-DNvlT7G_.mjs} +3 -3
- package/lib/_shared/esm/{index-Do2wfP-X.mjs → index-Dd3yZ_Kk.mjs} +4 -4
- package/lib/_shared/esm/{index-vnVJe9rH.mjs → index-Dfz5UgHo.mjs} +4 -4
- package/lib/_shared/esm/{index-Bz2JQq34.mjs → index-DkAfUbDx.mjs} +2 -2
- package/lib/_shared/esm/{index-6HtUz28p.mjs → index-Drb5ngQr.mjs} +1 -1
- package/lib/_shared/esm/{index.es-f0R-yhhl.mjs → index.es-99J0r2va.mjs} +2 -2
- package/lib/_shared/esm/{use-media-query-BmsMeo2M.mjs → use-media-query-l6Sou0dd.mjs} +4 -4
- package/lib/index.cjs +662 -346
- package/lib/index.cjs.map +1 -1
- package/lib/index.d.cts +1063 -328
- package/lib/index.d.mts +1063 -328
- package/lib/index.js.map +1 -1
- package/lib/index.mjs +663 -348
- package/lib/index.mjs.map +1 -1
- package/lib/styles.css +2 -2
- package/lib/use-media-query/use-media-query.cjs +1 -1
- package/lib/use-media-query/use-media-query.mjs +1 -1
- package/package.json +14 -12
- package/lib/_shared/cjs/capitalise-first-letter-CdhexpSx.cjs +0 -8
- package/lib/_shared/esm/capitalise-first-letter-Cubg2CS1.mjs +0 -6
|
@@ -5,8 +5,8 @@ var React = require('react');
|
|
|
5
5
|
var filterAttrs = require('../_shared/cjs/filter-attrs-D19P2s1V.cjs');
|
|
6
6
|
|
|
7
7
|
/** Use `SkipLink` to help keyboard-only users skip to the main content on a page. */
|
|
8
|
-
var SkipLink = function (_a
|
|
9
|
-
var children = _a.children;
|
|
8
|
+
var SkipLink = function (_a) {
|
|
9
|
+
var children = _a.children, props = tslib_es6.__rest(_a, ["children"]);
|
|
10
10
|
return (React.createElement("div", tslib_es6.__assign({ className: "arc-SkipLink" }, filterAttrs.filterAttrs(props)), children));
|
|
11
11
|
};
|
|
12
12
|
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { a as __assign } from '../_shared/esm/tslib.es6-w7hdJ3oZ.mjs';
|
|
1
|
+
import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-w7hdJ3oZ.mjs';
|
|
2
2
|
import React__default from 'react';
|
|
3
3
|
import { f as filterAttrs } from '../_shared/esm/filter-attrs-v_SweZXP.mjs';
|
|
4
4
|
|
|
5
5
|
/** Use `SkipLink` to help keyboard-only users skip to the main content on a page. */
|
|
6
|
-
var SkipLink = function (_a
|
|
7
|
-
var children = _a.children;
|
|
6
|
+
var SkipLink = function (_a) {
|
|
7
|
+
var children = _a.children, props = __rest(_a, ["children"]);
|
|
8
8
|
return (React__default.createElement("div", __assign({ className: "arc-SkipLink" }, filterAttrs(props)), children));
|
|
9
9
|
};
|
|
10
10
|
|
package/lib/SkipLink/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.arc-
|
|
1
|
+
.arc-v13-0-0 .arc .arc-SkipLinkItem{margin-right:16px}.arc-v13-0-0 .arc .arc-SkipLinkItem:last-child{margin-right:0}.arc-v13-0-0 .arc .arc-SkipLinkItem:not(:first-child){margin-left:16px;position:relative}.arc-v13-0-0 .arc .arc-SkipLinkItem:not(:first-child)::before{background-color:#6b6b6b;content:"";height:24px;left:-16px;position:absolute;width:1px}.arc-v13-0-0 .arc .arc-SkipLink{background:#ffffff;height:1px;left:-10000px;overflow:hidden;position:absolute;top:auto;width:1px}.arc-v13-0-0 .arc .arc-SkipLink[focus-within]{border:3px solid #000000;height:auto;padding:17px;position:static;width:100%}.arc-v13-0-0 .arc .arc-SkipLink:focus-within{border:3px solid #000000;height:auto;padding:17px;position:static;width:100%}
|
package/lib/Spinner/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.arc-
|
|
1
|
+
.arc-v13-0-0 .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-v13-0-0 .arc .arc-Spinner-dark{stroke:var(--spinner-colors-light-fg-default)}.arc-v13-0-0 .arc .arc-Spinner-light{stroke:var(--spinner-colors-dark-fg-default)}.arc-v13-0-0 .arc .arc-Spinner-size--s{width:var(--spinner-size-s)}.arc-v13-0-0 .arc .arc-Spinner-size--m{width:var(--spinner-size-m)}.arc-v13-0-0 .arc .arc-Spinner-size--l{width:var(--spinner-size-l)}.arc-v13-0-0 .arc .arc-Spinner-size--xl{width:var(--spinner-size-xl)}.arc-v13-0-0 .arc .arc-Spinner-size--xxl{width:var(--spinner-size-xxl)}
|
package/lib/Surface/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.arc-v12-0-0 .arc .arc-Surface{background-size:cover;font:var(--sem-type-body-reg-m);line-height:1.5}.arc-v12-0-0 .arc .arc-Surface--growVertically{display:flex;flex-direction:column;height:100%}.arc-v12-0-0 .arc .arc-Surface--padding8{padding:8px}.arc-v12-0-0 .arc .arc-Surface--padding12{padding:12px}.arc-v12-0-0 .arc .arc-Surface--padding16{padding:16px}.arc-v12-0-0 .arc .arc-Surface--padding24{padding:24px}.arc-v12-0-0 .arc .arc-Surface--padding32{padding:32px}.arc-v12-0-0 .arc .arc-Surface--padding48{padding:48px}.arc-v12-0-0 .arc .arc-Surface--padding64{padding:64px}.arc-v12-0-0 .arc .arc-Surface--paddingVertical8{padding-bottom:8px;padding-top:8px}.arc-v12-0-0 .arc .arc-Surface--paddingVertical12{padding-bottom:12px;padding-top:12px}.arc-v12-0-0 .arc .arc-Surface--paddingVertical16{padding-bottom:16px;padding-top:16px}.arc-v12-0-0 .arc .arc-Surface--paddingVertical24{padding-bottom:24px;padding-top:24px}.arc-v12-0-0 .arc .arc-Surface--paddingVertical32{padding-bottom:32px;padding-top:32px}.arc-v12-0-0 .arc .arc-Surface--paddingVertical48{padding-bottom:48px;padding-top:48px}.arc-v12-0-0 .arc .arc-Surface--paddingVertical64{padding-bottom:64px;padding-top:64px}.arc-v12-0-0 .arc .arc-Surface--paddingHorizontal8{padding-left:8px;padding-right:8px}.arc-v12-0-0 .arc .arc-Surface--paddingHorizontal12{padding-left:12px;padding-right:12px}.arc-v12-0-0 .arc .arc-Surface--paddingHorizontal16{padding-left:16px;padding-right:16px}.arc-v12-0-0 .arc .arc-Surface--paddingHorizontal24{padding-left:24px;padding-right:24px}.arc-v12-0-0 .arc .arc-Surface--paddingHorizontal32{padding-left:32px;padding-right:32px}.arc-v12-0-0 .arc .arc-Surface--paddingHorizontal48{padding-left:48px;padding-right:48px}.arc-v12-0-0 .arc .arc-Surface--paddingHorizontal64{padding-left:64px;padding-right:64px}.arc-v12-0-0 .arc .arc-Surface--darkBlackBackground{background:var(--surface-colors-bg-dark-black)}.arc-v12-0-0 .arc .arc-Surface--darkBrand01Background{background:var(--surface-colors-bg-dark-brand-01)}.arc-v12-0-0 .arc .arc-Surface--darkBrand02Background{background:var(--surface-colors-bg-dark-brand-02)}.arc-v12-0-0 .arc .arc-Surface--darkNeutral01Background{background:var(--surface-colors-bg-dark-neutral-01)}.arc-v12-0-0 .arc .arc-Surface--darkNeutral02Background{background:var(--surface-colors-bg-dark-neutral-02)}.arc-v12-0-0 .arc .arc-Surface--darkBlackBackground,.arc-v12-0-0 .arc .arc-Surface--darkBrand01Background,.arc-v12-0-0 .arc .arc-Surface--darkBrand02Background,.arc-v12-0-0 .arc .arc-Surface--darkNeutral01Background,.arc-v12-0-0 .arc .arc-Surface--darkNeutral02Background,.arc-v12-0-0 .arc-Surface--darkBlackBackground .arc,.arc-v12-0-0 .arc-Surface--darkBrand01Background .arc,.arc-v12-0-0 .arc-Surface--darkBrand02Background .arc,.arc-v12-0-0 .arc-Surface--darkNeutral01Background .arc,.arc-v12-0-0 .arc-Surface--darkNeutral02Background .arc{color:var(--sem-color-fg-secondary-dark-default)}.arc-v12-0-0 .arc .arc-Surface--lightBrand01Background{background:var(--surface-colors-bg-light-brand-01)}.arc-v12-0-0 .arc .arc-Surface--lightBrand02Background{background:var(--surface-colors-bg-light-brand-02)}.arc-v12-0-0 .arc .arc-Surface--lightNeutral01Background{background:var(--surface-colors-bg-light-neutral-01)}.arc-v12-0-0 .arc .arc-Surface--lightNeutral02Background{background:var(--surface-colors-bg-light-neutral-02)}.arc-v12-0-0 .arc .arc-Surface--lightWhiteBackground{background:var(--surface-colors-bg-light-white)}.arc-v12-0-0 .arc .arc-Surface--lightBrand01Background,.arc-v12-0-0 .arc .arc-Surface--lightBrand02Background,.arc-v12-0-0 .arc .arc-Surface--lightNeutral02Background,.arc-v12-0-0 .arc .arc-Surface--lightNeutral01Background,.arc-v12-0-0 .arc .arc-Surface--lightWhiteBackground{color:var(--sem-color-fg-secondary-light-default)}.arc-v12-0-0 .arc .arc-Surface--darkBlackBackground a:not([class]),.arc-v12-0-0 .arc .arc-Surface .arc-Surface--darkBlackBackground a:not([class]),.arc-v12-0-0 .arc .arc-Surface--darkBrand01Background a:not([class]),.arc-v12-0-0 .arc .arc-Surface .arc-Surface--darkBrand01Background a:not([class]),.arc-v12-0-0 .arc .arc-Surface--darkBrand02Background a:not([class]),.arc-v12-0-0 .arc .arc-Surface .arc-Surface--darkBrand02Background a:not([class]),.arc-v12-0-0 .arc .arc-Surface--darkNeutral01Background a:not([class]),.arc-v12-0-0 .arc .arc-Surface .arc-Surface--darkNeutral01Background a:not([class]),.arc-v12-0-0 .arc .arc-Surface--darkNeutral02Background a:not([class]),.arc-v12-0-0 .arc .arc-Surface .arc-Surface--darkNeutral02Background a:not([class]){color:var(--sem-color-fg-primary-dark-default)}.arc-v12-0-0 .arc .arc-Surface--darkBlackBackground a:not([class]):focus,.arc-v12-0-0 .arc .arc-Surface .arc-Surface--darkBlackBackground a:not([class]):focus,.arc-v12-0-0 .arc .arc-Surface--darkBrand01Background a:not([class]):focus,.arc-v12-0-0 .arc .arc-Surface .arc-Surface--darkBrand01Background a:not([class]):focus,.arc-v12-0-0 .arc .arc-Surface--darkBrand02Background a:not([class]):focus,.arc-v12-0-0 .arc .arc-Surface .arc-Surface--darkBrand02Background a:not([class]):focus,.arc-v12-0-0 .arc .arc-Surface--darkNeutral01Background a:not([class]):focus,.arc-v12-0-0 .arc .arc-Surface .arc-Surface--darkNeutral01Background a:not([class]):focus,.arc-v12-0-0 .arc .arc-Surface--darkNeutral02Background a:not([class]):focus,.arc-v12-0-0 .arc .arc-Surface .arc-Surface--darkNeutral02Background a:not([class]):focus{outline-color:var(--sem-color-border-primary-light-minimal)}.arc-v12-0-0 .arc .arc-Surface--darkBlackBackground a:not([class]):focus-visible,.arc-v12-0-0 .arc .arc-Surface .arc-Surface--darkBlackBackground a:not([class]):focus-visible,.arc-v12-0-0 .arc .arc-Surface--darkBrand01Background a:not([class]):focus-visible,.arc-v12-0-0 .arc .arc-Surface .arc-Surface--darkBrand01Background a:not([class]):focus-visible,.arc-v12-0-0 .arc .arc-Surface--darkBrand02Background a:not([class]):focus-visible,.arc-v12-0-0 .arc .arc-Surface .arc-Surface--darkBrand02Background a:not([class]):focus-visible,.arc-v12-0-0 .arc .arc-Surface--darkNeutral01Background a:not([class]):focus-visible,.arc-v12-0-0 .arc .arc-Surface .arc-Surface--darkNeutral01Background a:not([class]):focus-visible,.arc-v12-0-0 .arc .arc-Surface--darkNeutral02Background a:not([class]):focus-visible,.arc-v12-0-0 .arc .arc-Surface .arc-Surface--darkNeutral02Background a:not([class]):focus-visible{outline-color:var(--sem-color-border-primary-light-minimal)}.arc-v12-0-0 .arc .arc-Surface--darkBlackBackground a:not([class]):hover,.arc-v12-0-0 .arc .arc-Surface .arc-Surface--darkBlackBackground a:not([class]):hover,.arc-v12-0-0 .arc .arc-Surface--darkBrand01Background a:not([class]):hover,.arc-v12-0-0 .arc .arc-Surface .arc-Surface--darkBrand01Background a:not([class]):hover,.arc-v12-0-0 .arc .arc-Surface--darkBrand02Background a:not([class]):hover,.arc-v12-0-0 .arc .arc-Surface .arc-Surface--darkBrand02Background a:not([class]):hover,.arc-v12-0-0 .arc .arc-Surface--darkNeutral01Background a:not([class]):hover,.arc-v12-0-0 .arc .arc-Surface .arc-Surface--darkNeutral01Background a:not([class]):hover,.arc-v12-0-0 .arc .arc-Surface--darkNeutral02Background a:not([class]):hover,.arc-v12-0-0 .arc .arc-Surface .arc-Surface--darkNeutral02Background a:not([class]):hover{color:var(--sem-color-fg-primary-dark-strong)}.arc-v12-0-0 .arc .arc-Surface--darkBlackBackground a:not([class]):active,.arc-v12-0-0 .arc .arc-Surface .arc-Surface--darkBlackBackground a:not([class]):active,.arc-v12-0-0 .arc .arc-Surface--darkBrand01Background a:not([class]):active,.arc-v12-0-0 .arc .arc-Surface .arc-Surface--darkBrand01Background a:not([class]):active,.arc-v12-0-0 .arc .arc-Surface--darkBrand02Background a:not([class]):active,.arc-v12-0-0 .arc .arc-Surface .arc-Surface--darkBrand02Background a:not([class]):active,.arc-v12-0-0 .arc .arc-Surface--darkNeutral01Background a:not([class]):active,.arc-v12-0-0 .arc .arc-Surface .arc-Surface--darkNeutral01Background a:not([class]):active,.arc-v12-0-0 .arc .arc-Surface--darkNeutral02Background a:not([class]):active,.arc-v12-0-0 .arc .arc-Surface .arc-Surface--darkNeutral02Background a:not([class]):active{color:var(--sem-color-fg-primary-dark-subtle)}.arc-v12-0-0 .arc .arc-Surface--lightBrand01Background a:not([class]),.arc-v12-0-0 .arc .arc-Surface .arc-Surface--lightBrand01Background a:not([class]),.arc-v12-0-0 .arc .arc-Surface--lightNeutral01Background a:not([class]),.arc-v12-0-0 .arc .arc-Surface .arc-Surface--lightNeutral01Background a:not([class]),.arc-v12-0-0 .arc .arc-Surface--lightNeutral02Background a:not([class]),.arc-v12-0-0 .arc .arc-Surface .arc-Surface--lightNeutral02Background a:not([class]),.arc-v12-0-0 .arc .arc-Surface--lightBrand02Background a:not([class]),.arc-v12-0-0 .arc .arc-Surface .arc-Surface--lightBrand02Background a:not([class]),.arc-v12-0-0 .arc .arc-Surface--lightWhiteBackground a:not([class]),.arc-v12-0-0 .arc .arc-Surface .arc-Surface--lightWhiteBackground a:not([class]){color:var(--sem-color-fg-primary-light-default)}.arc-v12-0-0 .arc .arc-Surface--lightBrand01Background a:not([class]):focus,.arc-v12-0-0 .arc .arc-Surface .arc-Surface--lightBrand01Background a:not([class]):focus,.arc-v12-0-0 .arc .arc-Surface--lightNeutral01Background a:not([class]):focus,.arc-v12-0-0 .arc .arc-Surface .arc-Surface--lightNeutral01Background a:not([class]):focus,.arc-v12-0-0 .arc .arc-Surface--lightNeutral02Background a:not([class]):focus,.arc-v12-0-0 .arc .arc-Surface .arc-Surface--lightNeutral02Background a:not([class]):focus,.arc-v12-0-0 .arc .arc-Surface--lightBrand02Background a:not([class]):focus,.arc-v12-0-0 .arc .arc-Surface .arc-Surface--lightBrand02Background a:not([class]):focus,.arc-v12-0-0 .arc .arc-Surface--lightWhiteBackground a:not([class]):focus,.arc-v12-0-0 .arc .arc-Surface .arc-Surface--lightWhiteBackground a:not([class]):focus{outline-color:var(--sem-color-border-primary-light-emphasis)}.arc-v12-0-0 .arc .arc-Surface--lightBrand01Background a:not([class]):focus-visible,.arc-v12-0-0 .arc .arc-Surface .arc-Surface--lightBrand01Background a:not([class]):focus-visible,.arc-v12-0-0 .arc .arc-Surface--lightBrand02Background a:not([class]):focus-visible,.arc-v12-0-0 .arc .arc-Surface .arc-Surface--lightBrand02Background a:not([class]):focus-visible,.arc-v12-0-0 .arc .arc-Surface--lightNeutral01Background a:not([class]):focus-visible,.arc-v12-0-0 .arc .arc-Surface .arc-Surface--lightNeutral01Background a:not([class]):focus-visible,.arc-v12-0-0 .arc .arc-Surface--lightNeutral02Background a:not([class]):focus-visible,.arc-v12-0-0 .arc .arc-Surface .arc-Surface .arc-Surface--lightNeutral02Background a:not([class]):focus-visible,.arc-v12-0-0 .arc .arc-Surface--lightWhiteBackground a:not([class]):focus-visible,.arc-v12-0-0 .arc .arc-Surface .arc-Surface--lightWhiteBackground a:not([class]):focus-visible{outline-color:var(--sem-color-border-primary-light-emphasis)}.arc-v12-0-0 .arc .arc-Surface--lightBrand01Background a:not([class]):hover,.arc-v12-0-0 .arc .arc-Surface .arc-Surface--lightBrand01Background a:not([class]):hover,.arc-v12-0-0 .arc .arc-Surface--lightBrand02Background a:not([class]):hover,.arc-v12-0-0 .arc .arc-Surface .arc-Surface .arc-Surface--lightBrand02Background a:not([class]):hover,.arc-v12-0-0 .arc .arc-Surface--lightNeutral01Background a:not([class]):hover,.arc-v12-0-0 .arc .arc-Surface .arc-Surface .arc-Surface--lightNeutral01Background a:not([class]):hover,.arc-v12-0-0 .arc .arc-Surface--lightNeutral02Background a:not([class]):hover,.arc-v12-0-0 .arc .arc-Surface .arc-Surface--lightNeutral02Background a:not([class]):hover,.arc-v12-0-0 .arc .arc-Surface--lightWhiteBackground a:not([class]):hover,.arc-v12-0-0 .arc .arc-Surface .arc-Surface--lightWhiteBackground a:not([class]):hover{color:var(--sem-color-fg-primary-light-subtle)}.arc-v12-0-0 .arc .arc-Surface--lightBrand01Background a:not([class]):active,.arc-v12-0-0 .arc .arc-Surface .arc-Surface--lightBrand01Background a:not([class]):active,.arc-v12-0-0 .arc .arc-Surface--lightBrand02Background a:not([class]):active,.arc-v12-0-0 .arc .arc-Surface .arc-Surface--lightBrand02Background a:not([class]):active,.arc-v12-0-0 .arc .arc-Surface--lightNeutral01Background a:not([class]):active,.arc-v12-0-0 .arc .arc-Surface .arc-Surface--lightNeutral01Background a:not([class]):active,.arc-v12-0-0 .arc .arc-Surface--lightNeutral02Background a:not([class]):active,.arc-v12-0-0 .arc .arc-Surface .arc-Surface--lightNeutral02Background a:not([class]):active,.arc-v12-0-0 .arc .arc-Surface--lightWhiteBackground a:not([class]):active,.arc-v12-0-0 .arc .arc-Surface .arc-Surface--lightWhiteBackground a:not([class]):active{color:var(--sem-color-fg-primary-light-minimal)}.arc-v12-0-0 .arc .arc-Surface--isTransparent{background:transparent}
|
|
1
|
+
.arc-v13-0-0 .arc .arc-Surface{background-size:cover;font:var(--sem-type-body-reg-m);line-height:1.5}.arc-v13-0-0 .arc .arc-Surface--growVertically{display:flex;flex-direction:column;height:100%}.arc-v13-0-0 .arc .arc-Surface--padding8{padding:8px}.arc-v13-0-0 .arc .arc-Surface--padding12{padding:12px}.arc-v13-0-0 .arc .arc-Surface--padding16{padding:16px}.arc-v13-0-0 .arc .arc-Surface--padding24{padding:24px}.arc-v13-0-0 .arc .arc-Surface--padding32{padding:32px}.arc-v13-0-0 .arc .arc-Surface--padding48{padding:48px}.arc-v13-0-0 .arc .arc-Surface--padding64{padding:64px}.arc-v13-0-0 .arc .arc-Surface--paddingVertical8{padding-bottom:8px;padding-top:8px}.arc-v13-0-0 .arc .arc-Surface--paddingVertical12{padding-bottom:12px;padding-top:12px}.arc-v13-0-0 .arc .arc-Surface--paddingVertical16{padding-bottom:16px;padding-top:16px}.arc-v13-0-0 .arc .arc-Surface--paddingVertical24{padding-bottom:24px;padding-top:24px}.arc-v13-0-0 .arc .arc-Surface--paddingVertical32{padding-bottom:32px;padding-top:32px}.arc-v13-0-0 .arc .arc-Surface--paddingVertical48{padding-bottom:48px;padding-top:48px}.arc-v13-0-0 .arc .arc-Surface--paddingVertical64{padding-bottom:64px;padding-top:64px}.arc-v13-0-0 .arc .arc-Surface--paddingHorizontal8{padding-left:8px;padding-right:8px}.arc-v13-0-0 .arc .arc-Surface--paddingHorizontal12{padding-left:12px;padding-right:12px}.arc-v13-0-0 .arc .arc-Surface--paddingHorizontal16{padding-left:16px;padding-right:16px}.arc-v13-0-0 .arc .arc-Surface--paddingHorizontal24{padding-left:24px;padding-right:24px}.arc-v13-0-0 .arc .arc-Surface--paddingHorizontal32{padding-left:32px;padding-right:32px}.arc-v13-0-0 .arc .arc-Surface--paddingHorizontal48{padding-left:48px;padding-right:48px}.arc-v13-0-0 .arc .arc-Surface--paddingHorizontal64{padding-left:64px;padding-right:64px}.arc-v13-0-0 .arc .arc-Surface--darkBlackBackground{background:var(--surface-colors-bg-dark-black)}.arc-v13-0-0 .arc .arc-Surface--darkBrand01Background{background:var(--surface-colors-bg-dark-brand-01)}.arc-v13-0-0 .arc .arc-Surface--darkBrand02Background{background:var(--surface-colors-bg-dark-brand-02)}.arc-v13-0-0 .arc .arc-Surface--darkNeutral01Background{background:var(--surface-colors-bg-dark-neutral-01)}.arc-v13-0-0 .arc .arc-Surface--darkNeutral02Background{background:var(--surface-colors-bg-dark-neutral-02)}.arc-v13-0-0 .arc .arc-Surface--darkBlackBackground,.arc-v13-0-0 .arc .arc-Surface--darkBrand01Background,.arc-v13-0-0 .arc .arc-Surface--darkBrand02Background,.arc-v13-0-0 .arc .arc-Surface--darkNeutral01Background,.arc-v13-0-0 .arc .arc-Surface--darkNeutral02Background,.arc-v13-0-0 .arc-Surface--darkBlackBackground .arc,.arc-v13-0-0 .arc-Surface--darkBrand01Background .arc,.arc-v13-0-0 .arc-Surface--darkBrand02Background .arc,.arc-v13-0-0 .arc-Surface--darkNeutral01Background .arc,.arc-v13-0-0 .arc-Surface--darkNeutral02Background .arc{color:var(--sem-color-fg-secondary-dark-default)}.arc-v13-0-0 .arc .arc-Surface--lightBrand01Background{background:var(--surface-colors-bg-light-brand-01)}.arc-v13-0-0 .arc .arc-Surface--lightBrand02Background{background:var(--surface-colors-bg-light-brand-02)}.arc-v13-0-0 .arc .arc-Surface--lightNeutral01Background{background:var(--surface-colors-bg-light-neutral-01)}.arc-v13-0-0 .arc .arc-Surface--lightNeutral02Background{background:var(--surface-colors-bg-light-neutral-02)}.arc-v13-0-0 .arc .arc-Surface--lightWhiteBackground{background:var(--surface-colors-bg-light-white)}.arc-v13-0-0 .arc .arc-Surface--lightBrand01Background,.arc-v13-0-0 .arc .arc-Surface--lightBrand02Background,.arc-v13-0-0 .arc .arc-Surface--lightNeutral02Background,.arc-v13-0-0 .arc .arc-Surface--lightNeutral01Background,.arc-v13-0-0 .arc .arc-Surface--lightWhiteBackground{color:var(--sem-color-fg-secondary-light-default)}.arc-v13-0-0 .arc .arc-Surface--darkBlackBackground a:not([class]),.arc-v13-0-0 .arc .arc-Surface .arc-Surface--darkBlackBackground a:not([class]),.arc-v13-0-0 .arc .arc-Surface--darkBrand01Background a:not([class]),.arc-v13-0-0 .arc .arc-Surface .arc-Surface--darkBrand01Background a:not([class]),.arc-v13-0-0 .arc .arc-Surface--darkBrand02Background a:not([class]),.arc-v13-0-0 .arc .arc-Surface .arc-Surface--darkBrand02Background a:not([class]),.arc-v13-0-0 .arc .arc-Surface--darkNeutral01Background a:not([class]),.arc-v13-0-0 .arc .arc-Surface .arc-Surface--darkNeutral01Background a:not([class]),.arc-v13-0-0 .arc .arc-Surface--darkNeutral02Background a:not([class]),.arc-v13-0-0 .arc .arc-Surface .arc-Surface--darkNeutral02Background a:not([class]){color:var(--sem-color-fg-primary-dark-default)}.arc-v13-0-0 .arc .arc-Surface--darkBlackBackground a:not([class]):focus,.arc-v13-0-0 .arc .arc-Surface .arc-Surface--darkBlackBackground a:not([class]):focus,.arc-v13-0-0 .arc .arc-Surface--darkBrand01Background a:not([class]):focus,.arc-v13-0-0 .arc .arc-Surface .arc-Surface--darkBrand01Background a:not([class]):focus,.arc-v13-0-0 .arc .arc-Surface--darkBrand02Background a:not([class]):focus,.arc-v13-0-0 .arc .arc-Surface .arc-Surface--darkBrand02Background a:not([class]):focus,.arc-v13-0-0 .arc .arc-Surface--darkNeutral01Background a:not([class]):focus,.arc-v13-0-0 .arc .arc-Surface .arc-Surface--darkNeutral01Background a:not([class]):focus,.arc-v13-0-0 .arc .arc-Surface--darkNeutral02Background a:not([class]):focus,.arc-v13-0-0 .arc .arc-Surface .arc-Surface--darkNeutral02Background a:not([class]):focus{outline-color:var(--sem-color-border-primary-light-minimal)}.arc-v13-0-0 .arc .arc-Surface--darkBlackBackground a:not([class]):focus-visible,.arc-v13-0-0 .arc .arc-Surface .arc-Surface--darkBlackBackground a:not([class]):focus-visible,.arc-v13-0-0 .arc .arc-Surface--darkBrand01Background a:not([class]):focus-visible,.arc-v13-0-0 .arc .arc-Surface .arc-Surface--darkBrand01Background a:not([class]):focus-visible,.arc-v13-0-0 .arc .arc-Surface--darkBrand02Background a:not([class]):focus-visible,.arc-v13-0-0 .arc .arc-Surface .arc-Surface--darkBrand02Background a:not([class]):focus-visible,.arc-v13-0-0 .arc .arc-Surface--darkNeutral01Background a:not([class]):focus-visible,.arc-v13-0-0 .arc .arc-Surface .arc-Surface--darkNeutral01Background a:not([class]):focus-visible,.arc-v13-0-0 .arc .arc-Surface--darkNeutral02Background a:not([class]):focus-visible,.arc-v13-0-0 .arc .arc-Surface .arc-Surface--darkNeutral02Background a:not([class]):focus-visible{outline-color:var(--sem-color-border-primary-light-minimal)}.arc-v13-0-0 .arc .arc-Surface--darkBlackBackground a:not([class]):hover,.arc-v13-0-0 .arc .arc-Surface .arc-Surface--darkBlackBackground a:not([class]):hover,.arc-v13-0-0 .arc .arc-Surface--darkBrand01Background a:not([class]):hover,.arc-v13-0-0 .arc .arc-Surface .arc-Surface--darkBrand01Background a:not([class]):hover,.arc-v13-0-0 .arc .arc-Surface--darkBrand02Background a:not([class]):hover,.arc-v13-0-0 .arc .arc-Surface .arc-Surface--darkBrand02Background a:not([class]):hover,.arc-v13-0-0 .arc .arc-Surface--darkNeutral01Background a:not([class]):hover,.arc-v13-0-0 .arc .arc-Surface .arc-Surface--darkNeutral01Background a:not([class]):hover,.arc-v13-0-0 .arc .arc-Surface--darkNeutral02Background a:not([class]):hover,.arc-v13-0-0 .arc .arc-Surface .arc-Surface--darkNeutral02Background a:not([class]):hover{color:var(--sem-color-fg-primary-dark-strong)}.arc-v13-0-0 .arc .arc-Surface--darkBlackBackground a:not([class]):active,.arc-v13-0-0 .arc .arc-Surface .arc-Surface--darkBlackBackground a:not([class]):active,.arc-v13-0-0 .arc .arc-Surface--darkBrand01Background a:not([class]):active,.arc-v13-0-0 .arc .arc-Surface .arc-Surface--darkBrand01Background a:not([class]):active,.arc-v13-0-0 .arc .arc-Surface--darkBrand02Background a:not([class]):active,.arc-v13-0-0 .arc .arc-Surface .arc-Surface--darkBrand02Background a:not([class]):active,.arc-v13-0-0 .arc .arc-Surface--darkNeutral01Background a:not([class]):active,.arc-v13-0-0 .arc .arc-Surface .arc-Surface--darkNeutral01Background a:not([class]):active,.arc-v13-0-0 .arc .arc-Surface--darkNeutral02Background a:not([class]):active,.arc-v13-0-0 .arc .arc-Surface .arc-Surface--darkNeutral02Background a:not([class]):active{color:var(--sem-color-fg-primary-dark-subtle)}.arc-v13-0-0 .arc .arc-Surface--lightBrand01Background a:not([class]),.arc-v13-0-0 .arc .arc-Surface .arc-Surface--lightBrand01Background a:not([class]),.arc-v13-0-0 .arc .arc-Surface--lightNeutral01Background a:not([class]),.arc-v13-0-0 .arc .arc-Surface .arc-Surface--lightNeutral01Background a:not([class]),.arc-v13-0-0 .arc .arc-Surface--lightNeutral02Background a:not([class]),.arc-v13-0-0 .arc .arc-Surface .arc-Surface--lightNeutral02Background a:not([class]),.arc-v13-0-0 .arc .arc-Surface--lightBrand02Background a:not([class]),.arc-v13-0-0 .arc .arc-Surface .arc-Surface--lightBrand02Background a:not([class]),.arc-v13-0-0 .arc .arc-Surface--lightWhiteBackground a:not([class]),.arc-v13-0-0 .arc .arc-Surface .arc-Surface--lightWhiteBackground a:not([class]){color:var(--sem-color-fg-primary-light-default)}.arc-v13-0-0 .arc .arc-Surface--lightBrand01Background a:not([class]):focus,.arc-v13-0-0 .arc .arc-Surface .arc-Surface--lightBrand01Background a:not([class]):focus,.arc-v13-0-0 .arc .arc-Surface--lightNeutral01Background a:not([class]):focus,.arc-v13-0-0 .arc .arc-Surface .arc-Surface--lightNeutral01Background a:not([class]):focus,.arc-v13-0-0 .arc .arc-Surface--lightNeutral02Background a:not([class]):focus,.arc-v13-0-0 .arc .arc-Surface .arc-Surface--lightNeutral02Background a:not([class]):focus,.arc-v13-0-0 .arc .arc-Surface--lightBrand02Background a:not([class]):focus,.arc-v13-0-0 .arc .arc-Surface .arc-Surface--lightBrand02Background a:not([class]):focus,.arc-v13-0-0 .arc .arc-Surface--lightWhiteBackground a:not([class]):focus,.arc-v13-0-0 .arc .arc-Surface .arc-Surface--lightWhiteBackground a:not([class]):focus{outline-color:var(--sem-color-border-primary-light-emphasis)}.arc-v13-0-0 .arc .arc-Surface--lightBrand01Background a:not([class]):focus-visible,.arc-v13-0-0 .arc .arc-Surface .arc-Surface--lightBrand01Background a:not([class]):focus-visible,.arc-v13-0-0 .arc .arc-Surface--lightBrand02Background a:not([class]):focus-visible,.arc-v13-0-0 .arc .arc-Surface .arc-Surface--lightBrand02Background a:not([class]):focus-visible,.arc-v13-0-0 .arc .arc-Surface--lightNeutral01Background a:not([class]):focus-visible,.arc-v13-0-0 .arc .arc-Surface .arc-Surface--lightNeutral01Background a:not([class]):focus-visible,.arc-v13-0-0 .arc .arc-Surface--lightNeutral02Background a:not([class]):focus-visible,.arc-v13-0-0 .arc .arc-Surface .arc-Surface .arc-Surface--lightNeutral02Background a:not([class]):focus-visible,.arc-v13-0-0 .arc .arc-Surface--lightWhiteBackground a:not([class]):focus-visible,.arc-v13-0-0 .arc .arc-Surface .arc-Surface--lightWhiteBackground a:not([class]):focus-visible{outline-color:var(--sem-color-border-primary-light-emphasis)}.arc-v13-0-0 .arc .arc-Surface--lightBrand01Background a:not([class]):hover,.arc-v13-0-0 .arc .arc-Surface .arc-Surface--lightBrand01Background a:not([class]):hover,.arc-v13-0-0 .arc .arc-Surface--lightBrand02Background a:not([class]):hover,.arc-v13-0-0 .arc .arc-Surface .arc-Surface .arc-Surface--lightBrand02Background a:not([class]):hover,.arc-v13-0-0 .arc .arc-Surface--lightNeutral01Background a:not([class]):hover,.arc-v13-0-0 .arc .arc-Surface .arc-Surface .arc-Surface--lightNeutral01Background a:not([class]):hover,.arc-v13-0-0 .arc .arc-Surface--lightNeutral02Background a:not([class]):hover,.arc-v13-0-0 .arc .arc-Surface .arc-Surface--lightNeutral02Background a:not([class]):hover,.arc-v13-0-0 .arc .arc-Surface--lightWhiteBackground a:not([class]):hover,.arc-v13-0-0 .arc .arc-Surface .arc-Surface--lightWhiteBackground a:not([class]):hover{color:var(--sem-color-fg-primary-light-subtle)}.arc-v13-0-0 .arc .arc-Surface--lightBrand01Background a:not([class]):active,.arc-v13-0-0 .arc .arc-Surface .arc-Surface--lightBrand01Background a:not([class]):active,.arc-v13-0-0 .arc .arc-Surface--lightBrand02Background a:not([class]):active,.arc-v13-0-0 .arc .arc-Surface .arc-Surface--lightBrand02Background a:not([class]):active,.arc-v13-0-0 .arc .arc-Surface--lightNeutral01Background a:not([class]):active,.arc-v13-0-0 .arc .arc-Surface .arc-Surface--lightNeutral01Background a:not([class]):active,.arc-v13-0-0 .arc .arc-Surface--lightNeutral02Background a:not([class]):active,.arc-v13-0-0 .arc .arc-Surface .arc-Surface--lightNeutral02Background a:not([class]):active,.arc-v13-0-0 .arc .arc-Surface--lightWhiteBackground a:not([class]):active,.arc-v13-0-0 .arc .arc-Surface .arc-Surface--lightWhiteBackground a:not([class]):active{color:var(--sem-color-fg-primary-light-minimal)}.arc-v13-0-0 .arc .arc-Surface--isTransparent{background:transparent}
|
package/lib/Switch/Switch.mjs
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-w7hdJ3oZ.mjs';
|
|
3
3
|
import React__default, { useRef, useMemo, useState, forwardRef, createElement, useEffect, useContext } from 'react';
|
|
4
4
|
import { c as classNames } from '../_shared/esm/index-5C0-U8cc.mjs';
|
|
5
|
-
import { c as $9f79659886946c16$export$e5c5a5f917a5871c, $ as $c512c27ab02ef895$export$50c7b4e9d9f19c1, a as $6ed0406888f73fc4$export$c7b2cbe3552a0d05,
|
|
5
|
+
import { c as $9f79659886946c16$export$e5c5a5f917a5871c, $ as $c512c27ab02ef895$export$50c7b4e9d9f19c1, a as $6ed0406888f73fc4$export$c7b2cbe3552a0d05, d as $71cd76cc60e0454e$export$6f32135080cb4c3, f as $8927f6f2acc4f386$export$250ffa63cdc0d034, _ as _extends, g as $e42e1063c40fb3ef$export$b9ecd428b558ff10 } from '../_shared/esm/index-C_mwuZg6.mjs';
|
|
6
6
|
import { f as filterAttrs } from '../_shared/esm/filter-attrs-v_SweZXP.mjs';
|
|
7
7
|
import { C as Context } from '../_shared/esm/Surface-C69KVzkY.mjs';
|
|
8
8
|
import { F as FormControl } from '../_shared/esm/FormControl-DopDD_nC.mjs';
|
package/lib/Switch/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.arc-
|
|
1
|
+
.arc-v13-0-0 .arc .arc-Switch,.arc-v13-0-0 .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-v13-0-0 .arc .arc-Switch-thumb{transition:0.1s cubic-bezier(0.44,0,0.55,0.94) transform}.arc-v13-0-0 .arc .arc-Switch-thumbIcon{transition:opacity 0.13s cubic-bezier(0.47,0.04,1,1)}}.arc-v13-0-0 .arc .arc-Switch{align-items:center;background:transparent;border:none;display:flex;gap:var(--switch-gap-m);padding:0}.arc-v13-0-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-v13-0-0 .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-v13-0-0 .arc .arc-Switch-wrapper{background:var(--switch-colors-light-bg-secondary);border-radius:var(--switch-border-radius-s);box-sizing:content-box;cursor:pointer;display:block;margin-top:-0.5px;min-height:var(--arc-switch-height);min-width:var(--arc-switch-width);padding:0;position:relative}.arc-v13-0-0 .arc .arc-Switch--onDarkSurface .arc-Switch-wrapper{background:var(--switch-colors-dark-bg-disabled)}.arc-v13-0-0 .arc .arc-Switch-wrapper[focus-within]{border-radius:var(--switch-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc-v13-0-0 .arc .arc-Switch-wrapper[focus-within]{border-radius:var(--switch-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc-v13-0-0 .arc .arc-Switch-wrapper:focus-within{border-radius:var(--switch-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc-v13-0-0 .arc .arc-Switch--onDarkSurface .arc-Switch-wrapper[focus-within]{border-radius:var(--switch-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-subtle);outline-offset:2px}.arc-v13-0-0 .arc .arc-Switch--onDarkSurface .arc-Switch-wrapper[focus-within]{border-radius:var(--switch-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-subtle);outline-offset:2px}.arc-v13-0-0 .arc .arc-Switch--onDarkSurface .arc-Switch-wrapper:focus-within{border-radius:var(--switch-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-subtle);outline-offset:2px}.arc-v13-0-0 .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-v13-0-0 .arc .arc-Switch--medium,.arc-v13-0-0 .arc .arc-Switch--medium .arc-Switch-thumb{--arc-switch-height:var(--switch-size-m);--arc-switch-width:64px;--arc-switch-thumb-size:32px}.arc-v13-0-0 .arc .arc-Switch--medium{gap:var(--switch-gap-l)}.arc-v13-0-0 .arc .arc-Switch[data-state="checked"] .arc-Switch-thumb{transform:translateX(calc(var(--arc-switch-width) - var(--arc-switch-thumb-size)))}.arc-v13-0-0 .arc .arc-Switch-icon{align-items:center;color:var(--switch-colors-light-fg-active);display:flex;height:100%;justify-content:center;width:100%}.arc-v13-0-0 .arc .arc-Switch--onDarkSurface .arc-Switch-icon{color:var(--switch-colors-dark-fg-active)}.arc-v13-0-0 .arc .arc-Switch-wrapper::after{border:var(--switch-border-weight) solid var(--switch-colors-light-border-default);border-radius:var(--switch-border-radius-s);bottom:0;box-sizing:border-box;content:"";left:0;position:absolute;right:0;top:0}.arc-v13-0-0 .arc .arc-Switch--onDarkSurface .arc-Switch-wrapper::after{border-color:var(--switch-colors-dark-border-default)}.arc-v13-0-0 .arc .arc-Switch-thumb::after{background:var(--switch-colors-light-bg-default);border:var(--switch-border-weight) solid var(--switch-colors-light-border-default);border-radius:50%;box-sizing:border-box;content:"";display:block;height:100%;width:100%}.arc-v13-0-0 .arc .arc-Switch--onDarkSurface .arc-Switch-thumb::after{background:var(--switch-colors-dark-bg-default);border-color:var(--switch-colors-dark-border-default)}.arc-v13-0-0 .arc .arc-Switch[data-state="checked"] .arc-Switch-thumb::after{border:none;position:relative;transform:scale(0.83)}.arc-v13-0-0 .arc .arc-Switch[data-state="checked"] .arc-Switch-wrapper{background:var(--switch-colors-light-bg-gradient)}.arc-v13-0-0 .arc .arc-Switch[data-state="checked"] .arc-Switch-wrapper::after{border:none}.arc-v13-0-0 .arc .arc-Switch--onDarkSurface[data-state="checked"] .arc-Switch-wrapper{background:var(--switch-colors-dark-bg-gradient)}.arc-v13-0-0 .arc .arc-Switch-thumbIcon{height:100%;opacity:1;position:absolute;width:100%;z-index:1}.arc-v13-0-0 .arc .arc-Switch-thumb[data-state="unchecked"] .arc-Switch-thumbIcon{opacity:0}.arc-v13-0-0 .arc .arc-Switch--isDisabled .arc-Switch-wrapper .arc-ThemeIcon{background:var(--switch-colors-light-text-disabled)}.arc-v13-0-0 .arc .arc-Switch-statusText{color:var(--switch-colors-light-text-default);font:var(--switch-type-input-default-s)}.arc-v13-0-0 .arc .arc-Switch-statusText p{margin:0}.arc-v13-0-0 .arc .arc-Switch-statusText--isDisabled{color:var(--switch-colors-light-text-disabled)}.arc-v13-0-0 .arc .arc-Switch-statusText--onDarkSurface{color:var(--switch-colors-dark-text-default)}.arc-v13-0-0 .arc .arc-Switch-statusText--onDarkSurface.arc-Switch-statusText--isDisabled{color:var(--switch-colors-dark-text-disabled)}.arc-v13-0-0 .arc .arc-Switch-statusText--m{font:var(--switch-type-input-default-m)}.arc-v13-0-0 .arc .arc-Switch--isDisabled[disabled] .arc-Switch-wrapper{background:var(--switch-colors-light-bg-disabled);cursor:not-allowed}.arc-v13-0-0 .arc .arc-Switch--isDisabled[disabled] .arc-Switch-wrapper::after{border:var(--switch-border-weight) solid var(--switch-colors-light-border-disabled)}.arc-v13-0-0 .arc .arc-Switch--isDisabled[disabled] .arc-Switch-wrapper .arc-Switch-thumb::after{background:var(--switch-colors-light-bg-disabled);border:var(--switch-border-weight) solid var(--switch-colors-light-border-disabled);transform:scale(1)}.arc-v13-0-0 .arc .arc-Switch--onDarkSurface.arc-Switch--isDisabled[disabled] .arc-Switch-wrapper .arc-Switch-thumb::after{background:var(--switch-colors-dark-fg-disabled);border-color:var(--switch-colors-dark-border-disabled)}.arc-v13-0-0 .arc .arc-Switch--onDarkSurface.arc-Switch--isDisabled .arc-Switch-wrapper{background:var(--switch-colors-dark-bg-disabled)}.arc-v13-0-0 .arc .arc-Switch--onDarkSurface.arc-Switch--isDisabled .arc-Switch-wrapper::after{border-color:var(--switch-colors-dark-border-disabled)}
|
|
@@ -4,9 +4,9 @@
|
|
|
4
4
|
var tslib_es6 = require('../_shared/cjs/tslib.es6-CCZ3TN_7.cjs');
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var filterAttrs = require('../_shared/cjs/filter-attrs-D19P2s1V.cjs');
|
|
7
|
-
var TemplateBanner = require('../_shared/cjs/TemplateBanner-
|
|
8
|
-
var ContentSwitcherList = require('../_shared/cjs/ContentSwitcherList-
|
|
9
|
-
var ContentSwitcherDropdown = require('../_shared/cjs/ContentSwitcherDropdown-
|
|
7
|
+
var TemplateBanner = require('../_shared/cjs/TemplateBanner-DyXBKuMw.cjs');
|
|
8
|
+
var ContentSwitcherList = require('../_shared/cjs/ContentSwitcherList-Di7RS8ue.cjs');
|
|
9
|
+
var ContentSwitcherDropdown = require('../_shared/cjs/ContentSwitcherDropdown-6IGRpV54.cjs');
|
|
10
10
|
require('../_shared/cjs/index-CTlXMLug.cjs');
|
|
11
11
|
require('../_shared/cjs/VerticalSpace-DLQUYsvc.cjs');
|
|
12
12
|
require('../_shared/cjs/Box-Va2g7Gdp.cjs');
|
|
@@ -26,13 +26,13 @@ require('../_shared/cjs/index-DmvtEa22.cjs');
|
|
|
26
26
|
require('../_shared/cjs/Text-jwsn80lQ.cjs');
|
|
27
27
|
require('../_shared/cjs/debounce-uPMetQ6J.cjs');
|
|
28
28
|
require('../_shared/cjs/isSymbol-BGrHFUbV.cjs');
|
|
29
|
-
require('../_shared/cjs/index-
|
|
30
|
-
require('../_shared/cjs/Combination-
|
|
31
|
-
require('../_shared/cjs/index-
|
|
29
|
+
require('../_shared/cjs/index-Dgn0408w.cjs');
|
|
30
|
+
require('../_shared/cjs/Combination-Cm62lfyr.cjs');
|
|
31
|
+
require('../_shared/cjs/index-DlWZZNwu.cjs');
|
|
32
32
|
require('react/jsx-runtime');
|
|
33
|
-
require('../_shared/cjs/index-
|
|
34
|
-
require('../_shared/cjs/index-
|
|
35
|
-
require('../_shared/cjs/index-
|
|
33
|
+
require('../_shared/cjs/index-B_WZUATb.cjs');
|
|
34
|
+
require('../_shared/cjs/index-WO7l1Mfx.cjs');
|
|
35
|
+
require('../_shared/cjs/index-BdJeAKfz.cjs');
|
|
36
36
|
require('../_shared/cjs/ThemeIcon-CwYN77IF.cjs');
|
|
37
37
|
require('../_shared/cjs/VisuallyHidden-CQg3cOVK.cjs');
|
|
38
38
|
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-w7hdJ3oZ.mjs';
|
|
3
3
|
import React__default, { useState } from 'react';
|
|
4
4
|
import { f as filterAttrs } from '../_shared/esm/filter-attrs-v_SweZXP.mjs';
|
|
5
|
-
import { T as TemplateBanner } from '../_shared/esm/TemplateBanner-
|
|
6
|
-
import { C as ContentSwitcher, c as ContentSwitcherList, a as ContentSwitcherTab, b as ContentSwitcherContent } from '../_shared/esm/ContentSwitcherList-
|
|
7
|
-
import { C as ContentSwitcherDropdown, a as ContentSwitcherDropdownContent } from '../_shared/esm/ContentSwitcherDropdown-
|
|
5
|
+
import { T as TemplateBanner } from '../_shared/esm/TemplateBanner-BPzuH5bz.mjs';
|
|
6
|
+
import { C as ContentSwitcher, c as ContentSwitcherList, a as ContentSwitcherTab, b as ContentSwitcherContent } from '../_shared/esm/ContentSwitcherList-Bvp9Zl85.mjs';
|
|
7
|
+
import { C as ContentSwitcherDropdown, a as ContentSwitcherDropdownContent } from '../_shared/esm/ContentSwitcherDropdown-CwoMd63a.mjs';
|
|
8
8
|
import '../_shared/esm/index-5C0-U8cc.mjs';
|
|
9
9
|
import '../_shared/esm/VerticalSpace-BLWB02I7.mjs';
|
|
10
10
|
import '../_shared/esm/Box-C8iK8x5c.mjs';
|
|
@@ -17,20 +17,20 @@ import '../_shared/esm/GridRow-vjacXnq0.mjs';
|
|
|
17
17
|
import '../_shared/esm/BannerImage-BdPAHkVD.mjs';
|
|
18
18
|
import '../_shared/esm/Image-DLYifxlu.mjs';
|
|
19
19
|
import '../_shared/esm/Visible-C4eEyTBM.mjs';
|
|
20
|
-
import '../_shared/esm/index-
|
|
21
|
-
import '../_shared/esm/index-
|
|
20
|
+
import '../_shared/esm/index-CfXVJXLq.mjs';
|
|
21
|
+
import '../_shared/esm/index-C_mwuZg6.mjs';
|
|
22
22
|
import 'react-dom';
|
|
23
|
-
import '../_shared/esm/index-
|
|
23
|
+
import '../_shared/esm/index-Drb5ngQr.mjs';
|
|
24
24
|
import '../_shared/esm/Text-BAzOkkzN.mjs';
|
|
25
25
|
import '../_shared/esm/debounce-D_Nx5go6.mjs';
|
|
26
26
|
import '../_shared/esm/isSymbol-DgWNE2Tm.mjs';
|
|
27
|
-
import '../_shared/esm/index-
|
|
28
|
-
import '../_shared/esm/Combination-
|
|
29
|
-
import '../_shared/esm/index-
|
|
27
|
+
import '../_shared/esm/index-Dfz5UgHo.mjs';
|
|
28
|
+
import '../_shared/esm/Combination-BW0YAEZD.mjs';
|
|
29
|
+
import '../_shared/esm/index-DkAfUbDx.mjs';
|
|
30
30
|
import 'react/jsx-runtime';
|
|
31
|
-
import '../_shared/esm/index-
|
|
32
|
-
import '../_shared/esm/index-
|
|
33
|
-
import '../_shared/esm/index-
|
|
31
|
+
import '../_shared/esm/index-B3ewsmrD.mjs';
|
|
32
|
+
import '../_shared/esm/index-DNvlT7G_.mjs';
|
|
33
|
+
import '../_shared/esm/index-Cgsjp3NL.mjs';
|
|
34
34
|
import '../_shared/esm/ThemeIcon-B0n6cKRb.mjs';
|
|
35
35
|
import '../_shared/esm/VisuallyHidden-aSQ4RA1o.mjs';
|
|
36
36
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.arc-
|
|
1
|
+
.arc-v13-0-0 .arc .arc-TabbedBanner--desktop{display:none}@media (min-width:768px){.arc-v13-0-0 .arc .arc-TabbedBanner--desktop{display:block}.arc-v13-0-0 .arc .arc-TabbedBanner--mobile{display:none}}@media not all and (min-width:768px){.arc-v13-0-0 .arc-TemplateBanner-background--contained .arc-Grid-order--xs1 .arc-TemplateBanner-content.arc-TemplateBanner-content--additionalTopMargin{margin-top:0}}.arc-v13-0-0 .arc-ContentSwitcherDropdown-selectTriggerWrapper~.arc-ContentSwitcherDropdown-content>.arc-TemplateBanner::after{background-color:rgba(0,0,0,0);border-radius:32px;content:"";height:100%;left:0;opacity:1;position:absolute;top:0;transition:background-color 200ms ease-in,opacity 200ms ease-in;width:100%;z-index:-1}.arc-v13-0-0 .arc-ContentSwitcherDropdown-selectTriggerWrapper[\:has\(\%0A\%20\%20\%20\%20.arc-ContentSwitcherDropdown-selectTrigger\[aria-expanded\%3D\%22true\%22\]\%0A\%20\%20\)]~.arc-ContentSwitcherDropdown-content[data-state="active"]>.arc-TemplateBanner::after{background-color:rgba(0,0,0,0.25);opacity:1;z-index:0}.arc-v13-0-0 .arc-ContentSwitcherDropdown-selectTriggerWrapper[\:has\(.arc-ContentSwitcherDropdown-selectTrigger\[aria-expanded\%3D\%22true\%22\]\)]~.arc-ContentSwitcherDropdown-content[data-state="active"]>.arc-TemplateBanner::after{background-color:rgba(0,0,0,0.25);opacity:1;z-index:0}.arc-v13-0-0 .arc-ContentSwitcherDropdown-selectTriggerWrapper[\:has\(.arc-ContentSwitcherDropdown-selectTrigger\[aria-expanded\%3D\%22true\%22\]\)]~.arc-ContentSwitcherDropdown-content[data-state="active"]>.arc-TemplateBanner::after{background-color:rgba(0,0,0,0.25);opacity:1;z-index:0}.arc-v13-0-0 .arc-ContentSwitcherDropdown-selectTriggerWrapper:has(.arc-ContentSwitcherDropdown-selectTrigger[aria-expanded="true"])~.arc-ContentSwitcherDropdown-content[data-state="active"]>.arc-TemplateBanner::after{background-color:rgba(0,0,0,0.25);opacity:1;z-index:0}
|
package/lib/Tabs/Tabs.mjs
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-w7hdJ3oZ.mjs';
|
|
3
3
|
import React__default, { useContext, useState, useRef, useEffect } from 'react';
|
|
4
|
-
import { $ as $69cb30bb0017df05$export$be92b6f5f03c0fe9, a as $69cb30bb0017df05$export$41fb9f06171c75f4, b as $69cb30bb0017df05$export$7c6e2c02157bb7d2, c as $69cb30bb0017df05$export$54c2e3dc7acea9f5 } from '../_shared/esm/index-
|
|
4
|
+
import { $ as $69cb30bb0017df05$export$be92b6f5f03c0fe9, a as $69cb30bb0017df05$export$41fb9f06171c75f4, b as $69cb30bb0017df05$export$7c6e2c02157bb7d2, c as $69cb30bb0017df05$export$54c2e3dc7acea9f5 } from '../_shared/esm/index-CfXVJXLq.mjs';
|
|
5
5
|
import { f as filterAttrs } from '../_shared/esm/filter-attrs-v_SweZXP.mjs';
|
|
6
6
|
import { c as classNames } from '../_shared/esm/index-5C0-U8cc.mjs';
|
|
7
7
|
import { I as Icon } from '../_shared/esm/Icon-CCUbr_AO.mjs';
|
|
8
8
|
import { C as Context } from '../_shared/esm/Surface-C69KVzkY.mjs';
|
|
9
9
|
import { s as suffixModifier } from '../_shared/esm/suffix-modifier-B_pO0UkF.mjs';
|
|
10
|
-
import '../_shared/esm/index-
|
|
10
|
+
import '../_shared/esm/index-C_mwuZg6.mjs';
|
|
11
11
|
import 'react-dom';
|
|
12
|
-
import '../_shared/esm/index-
|
|
12
|
+
import '../_shared/esm/index-Drb5ngQr.mjs';
|
|
13
13
|
import '../_shared/esm/index-Spae4j7j.mjs';
|
|
14
14
|
|
|
15
15
|
/** Use `Tabs` to allow users to navigate between different sections of relevant content. */
|
package/lib/Tabs/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.arc-
|
|
1
|
+
.arc-v13-0-0 .arc .arc-TabsContent[data-state="inactive"]{display:none}.arc-v13-0-0 .arc .arc-TabsItem-trigger{align-items:center;background:transparent;border:none;border-bottom:var(--tabs-border-weight-m) solid var(--tabs-colors-light-border-subtle);color:var(--tabs-colors-light-text-default);display:flex;font:var(--sem-type-body-reg-s);justify-content:center;min-height:var(--tabs-size-s);padding:0 var(--tabs-padding-l) 0 var(--tabs-padding-m);white-space:nowrap}.arc-v13-0-0 .arc .arc-TabsItem-triggerIcon{padding-right:var(--tabs-gap-m)}.arc-v13-0-0 .arc .arc-TabsItem-trigger[data-state="active"] .arc-TabsItem-triggerIcon,.arc-v13-0-0 .arc .arc-TabsItem-triggerIcon--active{display:none}.arc-v13-0-0 .arc .arc-TabsItem-trigger[data-state="active"]{border-bottom:var(--tabs-border-weight-l) solid var(--tabs-colors-light-border-selected);color:var(--tabs-colors-light-text-selected);font:var(--sem-type-body-bold-s)}.arc-v13-0-0 .arc .arc-TabsItem-trigger:hover{color:var(--tabs-colors-light-text-hover);cursor:pointer;text-decoration:underline}.arc-v13-0-0 .arc .arc-TabsItem-trigger:focus-visible .arc-TabsItem-triggerIcon,.arc-v13-0-0 .arc .arc-TabsItem-trigger:hover .arc-TabsItem-triggerIcon{display:none}.arc-v13-0-0 .arc .arc-TabsItem-trigger:hover .arc-TabsItem-triggerIcon--active,.arc-v13-0-0 .arc .arc-TabsItem-trigger:focus-visible .arc-TabsItem-triggerIcon--active{display:block}.arc-v13-0-0 .arc .arc-TabsItem-trigger[data-state="active"]:hover{text-decoration:none}.arc-v13-0-0 .arc .arc-TabsItem-trigger:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:-2px;text-decoration:underline}.arc-v13-0-0 .arc .arc-TabsItem-trigger[data-state="active"]:focus-visible{text-decoration:none}.arc-v13-0-0 .arc .arc-TabsItem-trigger[data-state="active"] .arc-TabsItem-triggerIcon--active{display:block}.arc-v13-0-0 .arc .arc-Tabs--isJustified .arc-TabsItem-trigger{flex:1}.arc-v13-0-0 .arc .arc-Tabs--contained .arc-TabsItem-trigger{background:var(--tabs-colors-light-bg-subtle);border:var(--tabs-border-weight-m) solid var(--tabs-colors-light-border-subtle);border-left:0;font:var(--sem-type-body-reg-m);min-height:var(--tabs-size-m)}.arc-v13-0-0 .arc .arc-Tabs--contained .arc-TabsItem-trigger:first-child{border-left:var(--tabs-border-weight-m) solid var(--tabs-colors-light-border-subtle);border-top-left-radius:var(--tabs-border-radius-s)}.arc-v13-0-0 .arc .arc-Tabs--contained .arc-TabsItem-trigger:last-child{border-top-right-radius:var(--tabs-border-radius-s)}.arc-v13-0-0 .arc .arc-Tabs--contained .arc-TabsItem-trigger[data-state="active"]{background:var(--tabs-colors-light-bg-default);border-bottom:none}.arc-v13-0-0 .arc .arc-Tabs--onDarkSurface.arc-Tabs--contained .arc-TabsItem-trigger{background:var(--tabs-colors-dark-bg-default);border-color:var(--tabs-colors-dark-border-subtle)}.arc-v13-0-0 .arc .arc-Tabs--onDarkSurface.arc-Tabs--contained .arc-TabsItem-trigger[data-state="active"]{background:var(--tabs-colors-dark-bg-subtle)}.arc-v13-0-0 .arc .arc-TabsItem-triggerIcon .arc-Icon{height:var(--tabs-size-icon-s);width:var(--tabs-size-icon-s)}.arc-v13-0-0 .arc .arc-TabsItem-trigger--onDarkSurface{border-color:var(--tabs-colors-dark-border-subtle);color:var(--tabs-colors-dark-text-default)}.arc-v13-0-0 .arc .arc-TabsItem-trigger--onDarkSurface:hover{color:var(--tabs-colors-dark-text-hover)}.arc-v13-0-0 .arc .arc-TabsItem-trigger--onDarkSurface[data-state="active"]{border-color:var(--tabs-colors-dark-border-selected);color:var(--tabs-colors-dark-text-selected)}.arc-v13-0-0 .arc .arc-TabsItem-trigger--onDarkSurface.arc-TabsItem-trigger:focus-visible{outline-color:var(--focus-colors-dark-border-subtle)}.arc-v13-0-0 .arc .arc-Tabs--contained .arc-TabsItem-trigger:first-child:focus-visible{border-top-left-radius:var(--tabs-border-radius-s)}.arc-v13-0-0 .arc .arc-Tabs--contained .arc-TabsItem-trigger:last-child:focus-visible{border-top-right-radius:var(--tabs-border-radius-s)}.arc-v13-0-0 .arc .arc-TabsList--overflowLeft{-webkit-mask:linear-gradient(to left,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 85%,rgba(0,0,0,0) 98%,rgba(0,0,0,0) 0%);mask:linear-gradient(to left,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 85%,rgba(0,0,0,0) 98%,rgba(0,0,0,0) 0%)}.arc-v13-0-0 .arc .arc-TabsList--overflowRight{-webkit-mask:linear-gradient(to right,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 85%,rgba(0,0,0,0) 98%,rgba(0,0,0,0) 0%);mask:linear-gradient(to right,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 85%,rgba(0,0,0,0) 98%,rgba(0,0,0,0) 0%)}.arc-v13-0-0 .arc .arc-TabsList--overflowBoth{-webkit-mask:radial-gradient(circle at 50% 50%,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 85%,rgba(0,0,0,0) 98%,rgba(0,0,0,0) 0%);mask:radial-gradient(circle at 50% 50%,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 85%,rgba(0,0,0,0) 98%,rgba(0,0,0,0) 0%)}.arc-v13-0-0 .arc .arc-Tabs{display:flex;overflow-x:scroll}.arc-v13-0-0 .arc .arc-Tabs::-webkit-scrollbar{display:none}.arc-v13-0-0 .arc .arc-Tabs--isJustified.arc-Tabs--contained::after{display:none}.arc-v13-0-0 .arc .arc-Tabs-root{position:relative}.arc-v13-0-0 .arc .arc-Tabs-overflowIcon{background:transparent;border:none;border-radius:100%;padding:0;position:absolute;right:0;top:0;width:-moz-fit-content;width:fit-content;z-index:1}.arc-v13-0-0 .arc .arc-Tabs-overflowIcon:hover .arc-Icon{color:var(--tabs-colors-light-fg-hover)}.arc-v13-0-0 .arc .arc-Tabs-overflowIcon:active .arc-Icon{color:var(--tabs-colors-light-fg-selected)}.arc-v13-0-0 .arc .arc-Tabs-overflowIcon:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:-1px}.arc-v13-0-0 .arc .arc-Tabs-overflowIcon--onDarkSurface:hover .arc-Icon{color:var(--tabs-colors-dark-fg-hover)}.arc-v13-0-0 .arc .arc-Tabs-overflowIcon--onDarkSurface:active .arc-Icon{color:var(--tabs-colors-dark-fg-selected)}.arc-v13-0-0 .arc .arc-Tabs-overflowIcon--onDarkSurface:focus-visible{outline-color:var(--focus-colors-dark-border-subtle)}.arc-v13-0-0 .arc .arc-Tabs-overflowIcon::after{background:var(--tabs-colors-light-bg-default);bottom:25%;content:"";height:20px;left:25%;position:absolute;width:20px;z-index:-1}.arc-v13-0-0 .arc .arc-Tabs-overflowIcon--onDarkSurface::after{background:var(--tabs-colors-dark-bg-default)}.arc-v13-0-0 .arc .arc-Tabs-overflowIcon--left{left:0}.arc-v13-0-0 .arc .arc-Tabs-overflowIcon--hidden{display:none}.arc-v13-0-0 .arc .arc-Tabs-overflowIcon:hover{cursor:pointer}.arc-v13-0-0 .arc .arc-Tabs--contained~.arc-Tab-content[data-state="active"]{background:var(--tabs-colors-light-bg-default);border:var(--tabs-border-weight-m) solid var(--tabs-colors-light-border-subtle);border-radius:0 var(--tabs-border-radius-s) var(--tabs-border-radius-s) var(--tabs-border-radius-s);margin-top:calc(var(--tabs-border-weight-m) * -1);padding:var(--tabs-padding-xl)}.arc-v13-0-0 .arc .arc-Tabs--onDarkSurface.arc-Tabs--contained~.arc-Tab-content[data-state="active"]{background:var(--tabs-colors-dark-bg-subtle);border-color:var(--tabs-colors-dark-border-subtle)}@media (min-width:636px){.arc-v13-0-0 .arc .arc-Tabs--contained~.arc-Tab-content[data-state="active"]{padding:var(--tabs-padding-l)}}
|
package/lib/Tag/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.arc-
|
|
1
|
+
.arc-v13-0-0 .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-v13-0-0 .arc .arc-Tag-icon{align-items:center;display:flex;height:var(--tag-size-icon-m);width:var(--tag-size-icon-m)}.arc-v13-0-0 .arc .arc-Tag-icon--removable{align-items:center;background-color:transparent;border:0;display:flex;height:var(--tag-size-icon-m);margin-right:calc(var(--tag-padding-xs) - var(--tag-border-weight-s));padding:0;position:relative;width:var(--tag-size-icon-m)}.arc-v13-0-0 .arc .arc-Tag-icon--removable .arc-Icon{position:absolute}.arc-v13-0-0 .arc .arc-Tag-icon--removable .arc-Icon:nth-of-type(2){color:var(--tag-colors-light-fg-hover);display:none}.arc-v13-0-0 .arc .arc-Tag-icon--removable:hover .arc-Icon:nth-of-type(1){display:none}.arc-v13-0-0 .arc .arc-Tag-icon--removable:hover .arc-Icon:nth-of-type(2){display:block}.arc-v13-0-0 .arc .arc-Tag-label{font:var(--sem-type-interface-semi-xs);padding:0 var(--tag-padding-xs)}.arc-v13-0-0 .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-v13-0-0 .arc .arc-Tag--hasIcon .arc-Tag-label,.arc-v13-0-0 .arc .arc-Tag--isRemovable .arc-Tag-label{padding:0 var(--tag-padding-xxs)}.arc-v13-0-0 .arc .arc-Tag--hasIcon .arc-Tag-content{padding-left:calc(var(--tag-padding-s) - var(--tag-border-weight-s))}.arc-v13-0-0 .arc .arc-Tag--isRemovable .arc-Tag-content{border-radius:var(--tag-border-radius-s) 0 0 var(--tag-border-radius-s);padding-right:0}.arc-v13-0-0 .arc .arc-Tag .arc-Tag-content{color:var(--tag-colors-light-text-default);text-decoration:none}.arc-v13-0-0 .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-v13-0-0 .arc .arc-Tag--onDarkSurface .arc-Tag-content:focus-visible{border-radius:var(--sem-border-radius-xs);outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-subtle)}.arc-v13-0-0 .arc .arc-Tag-icon--removable:focus-visible{outline:none}.arc-v13-0-0 .arc .arc-Tag-icon--removable:focus-visible .arc-Icon:nth-of-type(1){display:none}.arc-v13-0-0 .arc .arc-Tag-icon--removable:focus-visible .arc-Icon:nth-of-type(2){display:block}.arc-v13-0-0 .arc .arc-Tag-icon--removable:focus-visible::after{border-radius:100%;content:"";height:var(--tag-size-icon-m);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px;position:absolute;width:var(--tag-size-icon-m)}.arc-v13-0-0 .arc .arc-Tag-icon--removable:hover{cursor:pointer}.arc-v13-0-0 .arc .arc-Tag--hasLink{background:var(--tag-colors-light-bg-default);border-color:var(--tag-colors-light-border-default)}.arc-v13-0-0 .arc .arc-Tag--haslink:hover{background:var(--tag-colors-light-border-hover);cursor:pointer}.arc-v13-0-0 .arc .arc-Tag--hasLink .arc-Tag-content:hover{color:var(--tag-colors-light-text-hover);cursor:pointer;text-decoration:underline}.arc-v13-0-0 .arc .arc-Tag--removed{display:none}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
|
-
var TemplateBanner = require('../_shared/cjs/TemplateBanner-
|
|
4
|
+
var TemplateBanner = require('../_shared/cjs/TemplateBanner-DyXBKuMw.cjs');
|
|
5
5
|
require('../_shared/cjs/tslib.es6-CCZ3TN_7.cjs');
|
|
6
6
|
require('react');
|
|
7
7
|
require('../_shared/cjs/index-CTlXMLug.cjs');
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
export { T as TemplateBanner } from '../_shared/esm/TemplateBanner-
|
|
2
|
+
export { T as TemplateBanner } from '../_shared/esm/TemplateBanner-BPzuH5bz.mjs';
|
|
3
3
|
import '../_shared/esm/tslib.es6-w7hdJ3oZ.mjs';
|
|
4
4
|
import 'react';
|
|
5
5
|
import '../_shared/esm/index-5C0-U8cc.mjs';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.arc-
|
|
1
|
+
.arc-v13-0-0 .arc .arc-TemplateBanner{border-radius:var(--herobanner-radius-l);min-height:var(--template-banner-min-height);position:relative;width:100%}@media (min-width:768px){.arc-v13-0-0 .arc .arc-TemplateBanner.arc-TemplateBanner--minHeightM{min-height:var(--template-banner-min-height-m)}}@media (min-width:1024px){.arc-v13-0-0 .arc .arc-TemplateBanner.arc-TemplateBanner--minHeightL{min-height:var(--template-banner-min-height-l)}}@media (min-width:1280px){.arc-v13-0-0 .arc .arc-TemplateBanner.arc-TemplateBanner--minHeightXL{min-height:var(--template-banner-min-height-xl)}}.arc-v13-0-0 .arc .arc-TemplateBanner-background--light{background-color:var(--herobanner-color-light-bg-default);background-image:var(--herobanner-color-light-bg-gradient)}.arc-v13-0-0 .arc .arc-TemplateBanner-background--dark{background-color:var(--herobanner-color-dark-bg-default);background-image:var(--herobanner-color-dark-bg-gradient)}.arc-v13-0-0 .arc .arc-TemplateBanner--isContained{background:var(--herobanner-color-light-bg-contained)}.arc-v13-0-0 .arc .arc-TemplateBanner-text{font:var(--sem-type-body-reg-m);margin:0}.arc-v13-0-0 .arc .arc-TemplateBanner .arc-Image-img{margin:0 auto}.arc-v13-0-0 .arc .arc-TemplateBanner .arc-Box,.arc-v13-0-0 .arc .arc-TemplateBanner .arc-Surface,.arc-v13-0-0 .arc .arc-TemplateBanner .arc-Grid,.arc-v13-0-0 .arc .arc-TemplateBanner .arc-Grid-inner,.arc-v13-0-0 .arc .arc-TemplateBanner .arc-Grid-row{min-height:inherit}.arc-v13-0-0 .arc .arc-TemplateBanner-content{padding:var(--herobanner-padding-s)}.arc-v13-0-0 .arc .arc-TemplateBanner--elevation{box-shadow:var(--herobanner-box-shadow-01)}@media (min-width:636px){.arc-v13-0-0 .arc .arc-TemplateBanner-content{padding:var(--herobanner-padding-m)}}@media (min-width:1024px){.arc-v13-0-0 .arc .arc-TemplateBanner-content{padding:var(--herobanner-padding-l)}}.arc-v13-0-0 .arc .arc-TemplateBanner-content--additionalTopMargin{margin-top:calc(var(--arc-content-switcher-height-plus-padding) / 2)}@media (min-width:636px){.arc-v13-0-0 .arc .arc-TemplateBanner-content--additionalTopMargin{margin-top:calc((var(--arc-content-switcher-height-plus-padding)/2) * 0.59)}}@media (min-width:768px){.arc-v13-0-0 .arc .arc-TemplateBanner-content--additionalTopMargin{margin-top:calc((var(--arc-content-switcher-height-plus-padding)/2) * 0.71)}}@media (min-width:1024px){.arc-v13-0-0 .arc .arc-TemplateBanner-content--additionalTopMargin{margin-top:0}}
|
package/lib/Text/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.arc-
|
|
1
|
+
.arc-v13-0-0 .arc .arc-Text{display:block;font:var(--sem-type-body-reg-m);margin:0}.arc-v13-0-0 .arc .arc-Text--alignCenter{text-align:center}.arc-v13-0-0 .arc .arc-Text--alignLeft{text-align:left}.arc-v13-0-0 .arc .arc-Text--alignRight{text-align:right}.arc-v13-0-0 .arc .arc-Text--inline{display:inline}.arc-v13-0-0 .arc .arc-Text--measured{max-width:32em}.arc-v13-0-0 .arc .arc-Text--sizeXS{font:var(--sem-type-body-reg-xs)}.arc-v13-0-0 .arc .arc-Text--sizeS{font:var(--sem-type-body-reg-s)}.arc-v13-0-0 .arc .arc-Text--sizeL{font:var(--sem-type-body-reg-l)}.arc-v13-0-0 .arc .arc-Text.arc-Text--onDarkSurface{color:var(--sem-color-text-primary-dark-strong)}.arc-v13-0-0 .arc .arc-Text--muted{color:var(--sem-color-text-primary-light-subtle)}.arc-v13-0-0 .arc .arc-Text--muted.arc-Text--onDarkSurface{color:var(--sem-color-text-primary-dark-subtle)}.arc-v13-0-0 .arc .arc-Text--supporting{color:var(--sem-color-text-primary-light-supporting)}.arc-v13-0-0 .arc .arc-Text--supporting.arc-Text--onDarkSurface{color:var(--sem-color-text-primary-dark-supporting)}
|
|
@@ -15,8 +15,8 @@ require('../_shared/cjs/suffix-modifier-DLUGR-yG.cjs');
|
|
|
15
15
|
require('../_shared/cjs/index-DR8Rkav9.cjs');
|
|
16
16
|
|
|
17
17
|
/** Use `TextArea` to allow custom user text entry via keyboard, for long-form and multi-line descriptions */
|
|
18
|
-
var TextArea =
|
|
19
|
-
var _b = _a.defaultValue, defaultValue = _b === void 0 ? "" : _b, errorMessage = _a.errorMessage, helper = _a.helper, hideLabel = _a.hideLabel, id = _a.id, _c = _a.resize, resize = _c === void 0 ? "manual" : _c, _d = _a.isDisabled, isDisabled = _d === void 0 ? false : _d, _e = _a.isReadOnly, isReadOnly = _e === void 0 ? false : _e, _f = _a.isRequired, isRequired = _f === void 0 ? false : _f, _g = _a.showCharacterCount, showCharacterCount = _g === void 0 ? true : _g, label = _a.label, _h = _a.labelSize, labelSize = _h === void 0 ? "l" : _h, maxLength = _a.maxLength, name = _a.name, onBlur = _a.onBlur, onFocus = _a.onFocus, onChange = _a.onChange, onClickDisclosure = _a.onClickDisclosure, value = _a.value, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, width = _a.width, autoComplete = _a.autoComplete, _j = _a.minHeight, minHeight = _j === void 0 ? "116px" : _j, maxHeight = _a.maxHeight, isErrorAlert = _a.isErrorAlert, props = tslib_es6.__rest(_a, ["defaultValue", "errorMessage", "helper", "hideLabel", "id", "resize", "isDisabled", "isReadOnly", "isRequired", "showCharacterCount", "label", "labelSize", "maxLength", "name", "onBlur", "onFocus", "onChange", "onClickDisclosure", "value", "disclosureTitle", "disclosureText", "width", "autoComplete", "minHeight", "maxHeight", "isErrorAlert"]);
|
|
18
|
+
var TextArea = function (_a) {
|
|
19
|
+
var ref = _a.ref, _b = _a.defaultValue, defaultValue = _b === void 0 ? "" : _b, errorMessage = _a.errorMessage, helper = _a.helper, hideLabel = _a.hideLabel, id = _a.id, _c = _a.resize, resize = _c === void 0 ? "manual" : _c, _d = _a.isDisabled, isDisabled = _d === void 0 ? false : _d, _e = _a.isReadOnly, isReadOnly = _e === void 0 ? false : _e, _f = _a.isRequired, isRequired = _f === void 0 ? false : _f, _g = _a.showCharacterCount, showCharacterCount = _g === void 0 ? true : _g, label = _a.label, _h = _a.labelSize, labelSize = _h === void 0 ? "l" : _h, maxLength = _a.maxLength, name = _a.name, onBlur = _a.onBlur, onFocus = _a.onFocus, onChange = _a.onChange, onClickDisclosure = _a.onClickDisclosure, value = _a.value, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, width = _a.width, autoComplete = _a.autoComplete, _j = _a.minHeight, minHeight = _j === void 0 ? "116px" : _j, maxHeight = _a.maxHeight, isErrorAlert = _a.isErrorAlert, props = tslib_es6.__rest(_a, ["ref", "defaultValue", "errorMessage", "helper", "hideLabel", "id", "resize", "isDisabled", "isReadOnly", "isRequired", "showCharacterCount", "label", "labelSize", "maxLength", "name", "onBlur", "onFocus", "onChange", "onClickDisclosure", "value", "disclosureTitle", "disclosureText", "width", "autoComplete", "minHeight", "maxHeight", "isErrorAlert"]);
|
|
20
20
|
var surface = React.useContext(Surface.Context).surface;
|
|
21
21
|
var ourRef = React.useRef(null);
|
|
22
22
|
var _k = React.useState((value && value.length) || (defaultValue && defaultValue.length) || 0), characterCount = _k[0], setCharacterCount = _k[1];
|
|
@@ -65,6 +65,6 @@ var TextArea = React.forwardRef(function (_a, ref) {
|
|
|
65
65
|
minHeight: minHeight,
|
|
66
66
|
marginTop: hideLabel ? 0 : undefined,
|
|
67
67
|
}, "aria-describedby": ariaDescribedby, autoComplete: autoComplete })));
|
|
68
|
-
}
|
|
68
|
+
};
|
|
69
69
|
|
|
70
70
|
exports.TextArea = TextArea;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-w7hdJ3oZ.mjs';
|
|
3
|
-
import React__default, {
|
|
3
|
+
import React__default, { useContext, useRef, useState } from 'react';
|
|
4
4
|
import { c as classNames } from '../_shared/esm/index-5C0-U8cc.mjs';
|
|
5
5
|
import { f as filterAttrs } from '../_shared/esm/filter-attrs-v_SweZXP.mjs';
|
|
6
6
|
import { u as useAriaDescribedby, F as FormControl } from '../_shared/esm/FormControl-DopDD_nC.mjs';
|
|
@@ -13,8 +13,8 @@ import '../_shared/esm/suffix-modifier-B_pO0UkF.mjs';
|
|
|
13
13
|
import '../_shared/esm/index-Spae4j7j.mjs';
|
|
14
14
|
|
|
15
15
|
/** Use `TextArea` to allow custom user text entry via keyboard, for long-form and multi-line descriptions */
|
|
16
|
-
var TextArea =
|
|
17
|
-
var _b = _a.defaultValue, defaultValue = _b === void 0 ? "" : _b, errorMessage = _a.errorMessage, helper = _a.helper, hideLabel = _a.hideLabel, id = _a.id, _c = _a.resize, resize = _c === void 0 ? "manual" : _c, _d = _a.isDisabled, isDisabled = _d === void 0 ? false : _d, _e = _a.isReadOnly, isReadOnly = _e === void 0 ? false : _e, _f = _a.isRequired, isRequired = _f === void 0 ? false : _f, _g = _a.showCharacterCount, showCharacterCount = _g === void 0 ? true : _g, label = _a.label, _h = _a.labelSize, labelSize = _h === void 0 ? "l" : _h, maxLength = _a.maxLength, name = _a.name, onBlur = _a.onBlur, onFocus = _a.onFocus, onChange = _a.onChange, onClickDisclosure = _a.onClickDisclosure, value = _a.value, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, width = _a.width, autoComplete = _a.autoComplete, _j = _a.minHeight, minHeight = _j === void 0 ? "116px" : _j, maxHeight = _a.maxHeight, isErrorAlert = _a.isErrorAlert, props = __rest(_a, ["defaultValue", "errorMessage", "helper", "hideLabel", "id", "resize", "isDisabled", "isReadOnly", "isRequired", "showCharacterCount", "label", "labelSize", "maxLength", "name", "onBlur", "onFocus", "onChange", "onClickDisclosure", "value", "disclosureTitle", "disclosureText", "width", "autoComplete", "minHeight", "maxHeight", "isErrorAlert"]);
|
|
16
|
+
var TextArea = function (_a) {
|
|
17
|
+
var ref = _a.ref, _b = _a.defaultValue, defaultValue = _b === void 0 ? "" : _b, errorMessage = _a.errorMessage, helper = _a.helper, hideLabel = _a.hideLabel, id = _a.id, _c = _a.resize, resize = _c === void 0 ? "manual" : _c, _d = _a.isDisabled, isDisabled = _d === void 0 ? false : _d, _e = _a.isReadOnly, isReadOnly = _e === void 0 ? false : _e, _f = _a.isRequired, isRequired = _f === void 0 ? false : _f, _g = _a.showCharacterCount, showCharacterCount = _g === void 0 ? true : _g, label = _a.label, _h = _a.labelSize, labelSize = _h === void 0 ? "l" : _h, maxLength = _a.maxLength, name = _a.name, onBlur = _a.onBlur, onFocus = _a.onFocus, onChange = _a.onChange, onClickDisclosure = _a.onClickDisclosure, value = _a.value, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, width = _a.width, autoComplete = _a.autoComplete, _j = _a.minHeight, minHeight = _j === void 0 ? "116px" : _j, maxHeight = _a.maxHeight, isErrorAlert = _a.isErrorAlert, props = __rest(_a, ["ref", "defaultValue", "errorMessage", "helper", "hideLabel", "id", "resize", "isDisabled", "isReadOnly", "isRequired", "showCharacterCount", "label", "labelSize", "maxLength", "name", "onBlur", "onFocus", "onChange", "onClickDisclosure", "value", "disclosureTitle", "disclosureText", "width", "autoComplete", "minHeight", "maxHeight", "isErrorAlert"]);
|
|
18
18
|
var surface = useContext(Context).surface;
|
|
19
19
|
var ourRef = useRef(null);
|
|
20
20
|
var _k = useState((value && value.length) || (defaultValue && defaultValue.length) || 0), characterCount = _k[0], setCharacterCount = _k[1];
|
|
@@ -63,6 +63,6 @@ var TextArea = forwardRef(function (_a, ref) {
|
|
|
63
63
|
minHeight: minHeight,
|
|
64
64
|
marginTop: hideLabel ? 0 : undefined,
|
|
65
65
|
}, "aria-describedby": ariaDescribedby, autoComplete: autoComplete })));
|
|
66
|
-
}
|
|
66
|
+
};
|
|
67
67
|
|
|
68
68
|
export { TextArea };
|
package/lib/TextArea/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.arc-
|
|
1
|
+
.arc-v13-0-0 .arc .arc-TextArea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--textarea-colors-light-bg-default);border:var(--textarea-border-weight-s) solid var(--textarea-colors-light-border-default);border-radius:var(--textarea-border-radius);color:var(--textarea-colors-light-text-default);display:block;font:var(--sem-type-body-reg-m);margin-bottom:0;padding:var(--textarea-padding-s) var(--textarea-padding-m);resize:vertical;width:100%}.arc-v13-0-0 .arc .arc-TextArea--resizable{resize:"vertical"}.arc-v13-0-0 .arc .arc-TextArea--noResize{resize:none}.arc-v13-0-0 .arc .arc-TextArea--invalid{background-color:var(--textarea-colors-light-bg-error);border-color:var(--textarea-colors-light-border-error)}.arc-v13-0-0 .arc .arc-TextArea-characterCount{white-space:nowrap}.arc-v13-0-0 .arc .arc-TextArea:focus{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-light-border-subtle);outline:var(--focus-border-weight-s) solid transparent}.arc-v13-0-0 .arc .arc-TextArea:disabled{background-color:var(--textarea-colors-light-bg-disabled);border-color:var(--textarea-colors-light-border-disabled);color:var(--textarea-colors-light-text-disabled)}.arc-v13-0-0 .arc .arc-TextArea--onDarkSurface{background-color:var(--textarea-colors-dark-bg-default);border-color:var(--textarea-colors-dark-border-strong);color:var(--textarea-colors-dark-text-strong)}.arc-v13-0-0 .arc .arc-TextArea--onDarkSurface.arc-TextArea--invalid{background-color:var(--textarea-colors-dark-bg-error);border-color:var(--textarea-colors-dark-border-error)}.arc-v13-0-0 .arc .arc-TextArea--onDarkSurface:focus{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle)}.arc-v13-0-0 .arc .arc-TextArea--onDarkSurface:disabled{background-color:var(--textarea-colors-dark-bg-disabled);border-color:var(--textarea-colors-dark-border-disabled);color:var(--textarea-colors-dark-text-disabled)}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
|
-
var TextInput = require('../_shared/cjs/TextInput-
|
|
4
|
+
var TextInput = require('../_shared/cjs/TextInput-C_K2PLf5.cjs');
|
|
5
5
|
require('../_shared/cjs/tslib.es6-CCZ3TN_7.cjs');
|
|
6
6
|
require('react');
|
|
7
7
|
require('../_shared/cjs/index-CTlXMLug.cjs');
|
|
@@ -16,11 +16,11 @@ require('../_shared/cjs/ThemeIcon-CwYN77IF.cjs');
|
|
|
16
16
|
require('../_shared/cjs/VisuallyHidden-CQg3cOVK.cjs');
|
|
17
17
|
require('../_shared/cjs/Spinner-427lpnHI.cjs');
|
|
18
18
|
require('../_shared/cjs/Icon-Dk2XHa7V.cjs');
|
|
19
|
-
require('../_shared/cjs/Tooltip-
|
|
20
|
-
require('../_shared/cjs/index-
|
|
19
|
+
require('../_shared/cjs/Tooltip-CdmWvrnr.cjs');
|
|
20
|
+
require('../_shared/cjs/index-DlWZZNwu.cjs');
|
|
21
21
|
require('react/jsx-runtime');
|
|
22
22
|
require('react-dom');
|
|
23
|
-
require('../_shared/cjs/index-
|
|
23
|
+
require('../_shared/cjs/index-BdJeAKfz.cjs');
|
|
24
24
|
|
|
25
25
|
|
|
26
26
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
export { I as InputIcon, T as TextInput } from '../_shared/esm/TextInput-
|
|
2
|
+
export { I as InputIcon, T as TextInput } from '../_shared/esm/TextInput-BCvKXfM_.mjs';
|
|
3
3
|
import '../_shared/esm/tslib.es6-w7hdJ3oZ.mjs';
|
|
4
4
|
import 'react';
|
|
5
5
|
import '../_shared/esm/index-5C0-U8cc.mjs';
|
|
@@ -14,8 +14,8 @@ import '../_shared/esm/ThemeIcon-B0n6cKRb.mjs';
|
|
|
14
14
|
import '../_shared/esm/VisuallyHidden-aSQ4RA1o.mjs';
|
|
15
15
|
import '../_shared/esm/Spinner-DvngCIwx.mjs';
|
|
16
16
|
import '../_shared/esm/Icon-CCUbr_AO.mjs';
|
|
17
|
-
import '../_shared/esm/Tooltip-
|
|
18
|
-
import '../_shared/esm/index-
|
|
17
|
+
import '../_shared/esm/Tooltip-DY8nS1to.mjs';
|
|
18
|
+
import '../_shared/esm/index-DkAfUbDx.mjs';
|
|
19
19
|
import 'react/jsx-runtime';
|
|
20
20
|
import 'react-dom';
|
|
21
|
-
import '../_shared/esm/index-
|
|
21
|
+
import '../_shared/esm/index-Cgsjp3NL.mjs';
|
package/lib/TextInput/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.arc-v12-0-0 .arc .arc-TextInput-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:var(--textinput-border-radius-m);font:var(--textinput-type-input-default-m);height:calc(var(--textinput-size-m) - (2 * var(--textinput-border-weight-s)));height:calc(var(--textinput-size-m) - (2 * var(--textinput-border-weight-s)));height:calc(var(--textinput-size-m) - calc(2 * var(--textinput-border-weight-s)));margin-bottom:0;padding:0;width:100%}.arc-v12-0-0 .arc .arc-TextInput-input::-moz-placeholder{color:var(--textinput-colors-light-text-placeholder)}.arc-v12-0-0 .arc .arc-TextInput-input::placeholder{color:var(--textinput-colors-light-text-placeholder)}.arc-v12-0-0 .arc .arc-TextInput-inputWrapper{align-items:center;background-color:var(--textinput-colors-light-bg-default);border:var(--textinput-border-weight-s) solid var(--textinput-colors-light-border-default);border-radius:var(--textinput-border-radius-m);color:var(--textinput-colors-light-text-default);display:flex;height:calc(var(--textinput-size-m) - (2 * var(--textinput-border-weight-s)));height:calc(var(--textinput-size-m) - (2 * var(--textinput-border-weight-s)));height:calc(var(--textinput-size-m) - calc(2 * var(--textinput-border-weight-s)));overflow:hidden;padding:0 calc(var(--textinput-padding-m) - var(--textinput-border-weight-s));position:relative}.arc-v12-0-0 .arc .arc-TextInput--sizeS .arc-TextInput-inputWrapper{height:calc(var(--textinput-size-s) - (2 * var(--textinput-border-weight-s)));height:calc(var(--textinput-size-s) - (2 * var(--textinput-border-weight-s)));height:calc(var(--textinput-size-s) - calc(2 * var(--textinput-border-weight-s)));padding:0 calc(var(--textinput-padding-s) - var(--textinput-border-weight-s))}.arc-v12-0-0 .arc .arc-TextInput--sizeL .arc-TextInput-inputWrapper{height:calc(var(--textinput-size-l) - (2 * var(--textinput-border-weight-s)));height:calc(var(--textinput-size-l) - (2 * var(--textinput-border-weight-s)));height:calc(var(--textinput-size-l) - calc(2 * var(--textinput-border-weight-s)));padding:0 calc(var(--textinput-padding-l) - var(--textinput-border-weight-s))}.arc-v12-0-0 .arc .arc-TextInput--sizeS .arc-TextInput-input{font:var(--textinput-type-input-default-s);height:calc(var(--textinput-size-s) - (2 * var(--textinput-border-weight-s)));height:calc(var(--textinput-size-s) - (2 * var(--textinput-border-weight-s)));height:calc(var(--textinput-size-s) - calc(2 * var(--textinput-border-weight-s)))}.arc-v12-0-0 .arc .arc-TextInput--sizeS .arc-TextInput-inputWrapper,.arc-v12-0-0 .arc .arc-TextInput--sizeS .arc-TextInput-input{border-radius:var(--textinput-border-radius-s)}.arc-v12-0-0 .arc .arc-TextInput--sizeL .arc-TextInput-input{font:var(--textinput-type-input-default-l);height:calc(var(--textinput-size-l) - (2 * var(--textinput-border-weight-s)));height:calc(var(--textinput-size-l) - (2 * var(--textinput-border-weight-s)));height:calc(var(--textinput-size-l) - calc(2 * var(--textinput-border-weight-s)))}.arc-v12-0-0 .arc .arc-TextInput--sizeL .arc-TextInput-inputWrapper,.arc-v12-0-0 .arc .arc-TextInput--sizeL .arc-TextInput-input{border-radius:var(--textinput-border-radius-l)}.arc-v12-0-0 .arc .arc-TextInput-affixes{align-items:center;background-color:var(--textinput-colors-light-bg-affixes);color:var(--textinput-colors-light-text-affixes);display:flex;font:var(--textinput-type-affixes-m);font-weight:500;height:100%;white-space:nowrap}.arc-v12-0-0 .arc .arc-TextInput--sizeS .arc-TextInput-affixes{font:var(--textinput-type-affixes-s)}.arc-v12-0-0 .arc .arc-TextInput--sizeL .arc-TextInput-affixes{font:var(--textinput-type-affixes-l)}.arc-v12-0-0 .arc .arc-TextInput--invalid .arc-TextInput-affixes{background-color:var(--textinput-colors-light-bg-error);border-color:var(--textinput-colors-light-border-error)}.arc-v12-0-0 .arc .arc-TextInput--isDisabled .arc-TextInput-affixes{background-color:var(--textinput-colors-light-bg-disabled);border-color:var(--textinput-colors-light-border-disabled);color:var(--textinput-colors-light-text-disabled);cursor:not-allowed}.arc-v12-0-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-affixes{background-color:var(--textinput-colors-dark-bg-affixes);border-color:var(--textinput-colors-dark-border-default);color:var(--textinput-colors-dark-text-affixes)}.arc-v12-0-0 .arc .arc-TextInput--onDarkSurface.arc-TextInput--invalid .arc-TextInput-affixes{background-color:var(--textinput-colors-dark-bg-error);border-color:var(--textinput-colors-dark-border-error)}.arc-v12-0-0 .arc .arc-TextInput--onDarkSurface.arc-TextInput--isDisabled .arc-TextInput-affixes{background-color:var(--textinput-colors-dark-bg-disabled);border-color:var(--textinput-colors-dark-border-disabled);color:var(--textinput-colors-dark-text-disabled)}.arc-v12-0-0 .arc .arc-TextInput-prefix{border-right:var(--textinput-border-weight-s) solid var(--textinput-colors-light-border-default);margin-left:calc(-1 * var(--textinput-padding-m));margin-right:4px;padding:0 var(--textinput-padding-s) 0 var(--textinput-padding-m)}.arc-v12-0-0 .arc .arc-TextInput--sizeS .arc-TextInput-prefix{margin-left:calc(-1 * var(--textinput-padding-s));padding:0 4px 0 var(--textinput-padding-s)}.arc-v12-0-0 .arc .arc-TextInput--sizeL .arc-TextInput-prefix{margin-left:calc(-1 * var(--textinput-padding-l));padding:0 var(--textinput-padding-s) 0 var(--textinput-padding-l)}.arc-v12-0-0 .arc .arc-TextInput-suffix{border-left:var(--textinput-border-weight-s) solid var(--textinput-colors-light-border-default);margin-left:4px;margin-right:calc(-1 * var(--textinput-padding-m));padding:0 var(--textinput-padding-m) 0 var(--textinput-padding-s)}.arc-v12-0-0 .arc .arc-TextInput--sizeS .arc-TextInput-suffix{margin-right:calc(-1 * var(--textinput-padding-s));padding:0 var(--textinput-padding-s) 0 4px}.arc-v12-0-0 .arc .arc-TextInput--sizeL .arc-TextInput-suffix{margin-right:calc(-1 * var(--textinput-padding-l));padding:0 var(--textinput-padding-l) 0 var(--textinput-padding-s)}.arc-v12-0-0 .arc .arc-TextInput-leadingSlot{margin-right:4px;white-space:nowrap}.arc-v12-0-0 .arc .arc-TextInput-trailingSlot{align-items:center;display:flex;margin-left:4px;white-space:nowrap}.arc-v12-0-0 .arc .arc-TextInput--withPrefix .arc-TextInput-input{padding-left:0}.arc-v12-0-0 .arc .arc-TextInput--withSuffix .arc-TextInput-input,.arc-v12-0-0 .arc .arc-TextInput--withPasswordToggle .arc-TextInput-input,.arc-v12-0-0 .arc .arc-TextInput--withClearButton .arc-TextInput-input{padding-right:0}.arc-v12-0-0 .arc .arc-TextInput-input:focus{outline:0}.arc-v12-0-0 .arc .arc-TextInput-input:focus-visible{border:none}.arc-v12-0-0 .arc .arc-TextInput--alignRight .arc-TextInput-input{text-align:right}.arc-v12-0-0 .arc .arc-TextInput-iconSlot{padding:0}.arc-v12-0-0 .arc .arc-TextInput-inputIcon{background-color:transparent;background-origin:border-box;border:0 solid transparent;border-radius:999px;color:var(--textinput-colors-light-fg-default);cursor:pointer;display:block;margin:0;padding:4px;text-decoration:none}.arc-v12-0-0 .arc .arc-TextInput-inputIcon:hover{background-color:var(--textinput-colors-light-bg-button-hover);color:var(--sem-color-text-primary-light-default)}.arc-v12-0-0 .arc .arc-TextInput-inputIcon:active{background-color:var(--textinput-colors-light-bg-button-pressed)}.arc-v12-0-0 .arc .arc-TextInput--invalid .arc-TextInput-inputIcon:hover{background-color:inherit;color:inherit}.arc-v12-0-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputIcon{color:var(--textinput-colors-dark-fg-default)}.arc-v12-0-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputIcon:hover{background-color:var(--textinput-colors-dark-bg-button-hover);color:var(--textinput-colors-dark-fg-button-hover)}.arc-v12-0-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputIcon:active{background-color:var(--textinput-colors-dark-bg-button-pressed)}.arc-v12-0-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputIcon--isDisabled{color:var(--textinput-colors-dark-fg-disabled)}.arc-v12-0-0 .arc .arc-TextInput-inputIcon--isReadOnly{cursor:not-allowed}.arc-v12-0-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputIcon:disabled{background-color:transparent;color:var(--textinput-colors-light-dark-default);cursor:not-allowed}.arc-v12-0-0 .arc .arc-TextInput-inputIcon:disabled{background-color:transparent;color:var(--textinput-colors-light-fg-default);cursor:not-allowed}.arc-v12-0-0 .arc .arc-TextInput-input:disabled{background-color:var(--textinput-colors-light-bg-disabled);border-color:var(--textinput-colors-light-border-disabled);color:var(--textinput-colors-light-text-disabled)}.arc-v12-0-0 .arc .arc-TextInput-input:disabled::-moz-placeholder{background-color:var(--textinput-colors-light-bg-disabled);color:var(--textinput-colors-light-text-disabled);cursor:not-allowed}.arc-v12-0-0 .arc .arc-TextInput-input:disabled,.arc-v12-0-0 .arc .arc-TextInput-input:disabled::placeholder,.arc-v12-0-0 .arc .arc-TextInput-inputIcon--isDisabled{background-color:var(--textinput-colors-light-bg-disabled);color:var(--textinput-colors-light-text-disabled);cursor:not-allowed}.arc-v12-0-0 .arc .arc-TextInput-inputIcon:focus-visible{border:var(--focus-border-weight-s) solid transparent;border-color:var(--focus-colors-light-border-subtle);outline:none;padding:2px}.arc-v12-0-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputWrapper,.arc-v12-0-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-input{background-color:var(--textinput-colors-dark-bg-default);border-color:var(--textinput-colors-dark-border-default);color:var(--textinput-colors-dark-text-default)}.arc-v12-0-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-input::-moz-placeholder{color:var(--textinput-colors-dark-text-placeholder)}.arc-v12-0-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-input::placeholder{color:var(--textinput-colors-dark-text-placeholder)}.arc-v12-0-0 .arc .arc-TextInput--invalid .arc-TextInput-inputWrapper,.arc-v12-0-0 .arc .arc-TextInput--invalid .arc-TextInput-input{background-color:var(--textinput-colors-light-bg-error);border-color:var(--textinput-colors-light-border-error)}.arc-v12-0-0 .arc .arc-TextInput--onDarkSurface.arc-TextInput--invalid .arc-TextInput-inputIcon:hover{background-color:inherit;color:inherit}.arc-v12-0-0 .arc .arc-TextInput--onDarkSurface.arc-TextInput--invalid .arc-TextInput-inputWrapper .arc-TextInput-input:disabled{background-color:var(--textinput-colors-dark-bg-disabled);color:var(--textinput-colors-dark-text-disabled)}.arc-v12-0-0 .arc .arc-TextInput-inputWrapper[\:has\(\%0A\%20\%20\%20\%20\:not\(.arc-TextInput-inputIcon\)\:focus-visible\%0A\%20\%20\)]{border-color:transparent;box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-light-border-subtle);outline:var(--focus-border-weight-s) solid transparent}.arc-v12-0-0 .arc .arc-TextInput-inputWrapper[\:has\(\:not\(.arc-TextInput-inputIcon\)\:focus-visible\)]{border-color:transparent;box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-light-border-subtle);outline:var(--focus-border-weight-s) solid transparent}.arc-v12-0-0 .arc .arc-TextInput-inputWrapper:has(:not(.arc-TextInput-inputIcon):focus-visible){border-color:transparent;box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-light-border-subtle);outline:var(--focus-border-weight-s) solid transparent}.arc-v12-0-0 .arc .arc-TextInput--onDarkSurface.arc-TextInput--invalid .arc-TextInput-input{background-color:var(--textinput-colors-dark-bg-error);border-color:var(--textinput-colors-dark-border-error)}.arc-v12-0-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-input:disabled::-moz-placeholder{background-color:var(--textinput-colors-dark-bg-disabled);color:var(--textinput-colors-dark-text-disabled)}.arc-v12-0-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputIcon--isDisabled,.arc-v12-0-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-input:disabled::placeholder{background-color:var(--textinput-colors-dark-bg-disabled);color:var(--textinput-colors-dark-text-disabled)}.arc-v12-0-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputIcon:focus-visible{border-color:var(--textarea-colors-dark-border-focus)}.arc-v12-0-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputWrapper[\:has\(\%0A\%20\%20\%20\%20\:not\(.arc-TextInput-inputIcon\)\:focus-visible\%0A\%20\%20\)]{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle)}.arc-v12-0-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputWrapper[\:has\(\:not\(.arc-TextInput-inputIcon\)\:focus-visible\)]{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle)}.arc-v12-0-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputWrapper:has(:not(.arc-TextInput-inputIcon):focus-visible){box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle)}.arc-v12-0-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-input:disabled{background-color:var(--textinput-colors-dark-bg-disabled);border-color:var(--textinput-colors-dark-border-disabled);color:var(--textinput-colors-dark-text-disabled)}.arc-v12-0-0 .arc .arc-TextInput--onDarkSurface.arc-TextInput--invalid .arc-TextInput-inputWrapper .arc-TextInput-input,.arc-v12-0-0 .arc .arc-TextInput--onDarkSurface.arc-TextInput--invalid .arc-TextInput-inputWrapper{background-color:var(--textinput-colors-dark-bg-error);border-color:var(--textinput-colors-dark-border-error)}.arc-v12-0-0 .arc .arc-TextInput-input:disabled,.arc-v12-0-0 .arc .arc-TextInput--isDisabled .arc-TextInput-inputWrapper{background-color:var(--textinput-colors-light-bg-disabled);border-color:var(--textinput-colors-light-border-disabled);color:var(--textinput-colors-light-text-disabled);cursor:not-allowed}.arc-v12-0-0 .arc .arc-TextInput--onDarkSurface.arc-TextInput--isDisabled .arc-TextInput-inputWrapper,.arc-v12-0-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-input:disabled{background-color:var(--textinput-colors-dark-bg-disabled);border-color:var(--textinput-colors-dark-border-disabled);color:var(--textinput-colors-dark-text-disabled)}.arc-v12-0-0 .arc .arc-TextInput-input:-webkit-autofill, .arc-v12-0-0 .arc .arc-TextInput-input:-webkit-autofill:hover, .arc-v12-0-0 .arc .arc-TextInput-input:-webkit-autofill:focus{box-shadow:0 0 0 1000px #ffffff inset !important}.arc-v12-0-0 .arc .arc-TextInput-input:autofill,.arc-v12-0-0 .arc .arc-TextInput-input:autofill:hover,.arc-v12-0-0 .arc .arc-TextInput-input:autofill:focus{box-shadow:0 0 0 1000px #ffffff inset !important}.arc-v12-0-0 .arc .arc-TextInput--invalid .arc-TextInput-input:-webkit-autofill,.arc-v12-0-0 .arc .arc-TextInput--invalid .arc-TextInput-input:-webkit-autofill:hover,.arc-v12-0-0 .arc .arc-TextInput--invalid .arc-TextInput-input:-webkit-autofill:focus{background-color:var(--textinput-colors-light-bg-error) !important;border-color:var(--textinput-colors-light-border-error) !important;box-shadow:0 0 0 1000px var(--textinput-colors-light-bg-error) inset !important;-webkit-text-fill-color:#000000 !important}.arc-v12-0-0 .arc .arc-TextInput--invalid .arc-TextInput-input:-webkit-autofill,.arc-v12-0-0 .arc .arc-TextInput--invalid .arc-TextInput-input:-webkit-autofill:hover,.arc-v12-0-0 .arc .arc-TextInput--invalid .arc-TextInput-input:-webkit-autofill:focus{-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.arc-v12-0-0 .arc .arc-TextInput-spinner{align-self:center;color:var(--sem-color-text-primary-light-default);display:flex;padding:4px}.arc-v12-0-0 .arc .arc-TextInput--sizeL .arc-TextInput-spinner{padding:6px}.arc-v12-0-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-spinner{color:inherit}
|
|
1
|
+
.arc-v13-0-0 .arc .arc-TextInput-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:var(--textinput-border-radius-m);font:var(--textinput-type-input-default-m);height:calc(var(--textinput-size-m) - (2 * var(--textinput-border-weight-s)));height:calc(var(--textinput-size-m) - (2 * var(--textinput-border-weight-s)));height:calc(var(--textinput-size-m) - calc(2 * var(--textinput-border-weight-s)));margin-bottom:0;padding:0;width:100%}.arc-v13-0-0 .arc .arc-TextInput-input::-moz-placeholder{color:var(--textinput-colors-light-text-placeholder)}.arc-v13-0-0 .arc .arc-TextInput-input::placeholder{color:var(--textinput-colors-light-text-placeholder)}.arc-v13-0-0 .arc .arc-TextInput-inputWrapper{align-items:center;background-color:var(--textinput-colors-light-bg-default);border:var(--textinput-border-weight-s) solid var(--textinput-colors-light-border-default);border-radius:var(--textinput-border-radius-m);color:var(--textinput-colors-light-text-default);display:flex;height:calc(var(--textinput-size-m) - (2 * var(--textinput-border-weight-s)));height:calc(var(--textinput-size-m) - (2 * var(--textinput-border-weight-s)));height:calc(var(--textinput-size-m) - calc(2 * var(--textinput-border-weight-s)));overflow:hidden;padding:0 calc(var(--textinput-padding-m) - var(--textinput-border-weight-s));position:relative}.arc-v13-0-0 .arc .arc-TextInput--sizeS .arc-TextInput-inputWrapper{height:calc(var(--textinput-size-s) - (2 * var(--textinput-border-weight-s)));height:calc(var(--textinput-size-s) - (2 * var(--textinput-border-weight-s)));height:calc(var(--textinput-size-s) - calc(2 * var(--textinput-border-weight-s)));padding:0 calc(var(--textinput-padding-s) - var(--textinput-border-weight-s))}.arc-v13-0-0 .arc .arc-TextInput--sizeL .arc-TextInput-inputWrapper{height:calc(var(--textinput-size-l) - (2 * var(--textinput-border-weight-s)));height:calc(var(--textinput-size-l) - (2 * var(--textinput-border-weight-s)));height:calc(var(--textinput-size-l) - calc(2 * var(--textinput-border-weight-s)));padding:0 calc(var(--textinput-padding-l) - var(--textinput-border-weight-s))}.arc-v13-0-0 .arc .arc-TextInput--sizeS .arc-TextInput-input{font:var(--textinput-type-input-default-s);height:calc(var(--textinput-size-s) - (2 * var(--textinput-border-weight-s)));height:calc(var(--textinput-size-s) - (2 * var(--textinput-border-weight-s)));height:calc(var(--textinput-size-s) - calc(2 * var(--textinput-border-weight-s)))}.arc-v13-0-0 .arc .arc-TextInput--sizeS .arc-TextInput-inputWrapper,.arc-v13-0-0 .arc .arc-TextInput--sizeS .arc-TextInput-input{border-radius:var(--textinput-border-radius-s)}.arc-v13-0-0 .arc .arc-TextInput--sizeL .arc-TextInput-input{font:var(--textinput-type-input-default-l);height:calc(var(--textinput-size-l) - (2 * var(--textinput-border-weight-s)));height:calc(var(--textinput-size-l) - (2 * var(--textinput-border-weight-s)));height:calc(var(--textinput-size-l) - calc(2 * var(--textinput-border-weight-s)))}.arc-v13-0-0 .arc .arc-TextInput--sizeL .arc-TextInput-inputWrapper,.arc-v13-0-0 .arc .arc-TextInput--sizeL .arc-TextInput-input{border-radius:var(--textinput-border-radius-l)}.arc-v13-0-0 .arc .arc-TextInput-affixes{align-items:center;background-color:var(--textinput-colors-light-bg-affixes);color:var(--textinput-colors-light-text-affixes);display:flex;font:var(--textinput-type-affixes-m);font-weight:500;height:100%;white-space:nowrap}.arc-v13-0-0 .arc .arc-TextInput--sizeS .arc-TextInput-affixes{font:var(--textinput-type-affixes-s)}.arc-v13-0-0 .arc .arc-TextInput--sizeL .arc-TextInput-affixes{font:var(--textinput-type-affixes-l)}.arc-v13-0-0 .arc .arc-TextInput--invalid .arc-TextInput-affixes{background-color:var(--textinput-colors-light-bg-error);border-color:var(--textinput-colors-light-border-error)}.arc-v13-0-0 .arc .arc-TextInput--isDisabled .arc-TextInput-affixes{background-color:var(--textinput-colors-light-bg-disabled);border-color:var(--textinput-colors-light-border-disabled);color:var(--textinput-colors-light-text-disabled);cursor:not-allowed}.arc-v13-0-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-affixes{background-color:var(--textinput-colors-dark-bg-affixes);border-color:var(--textinput-colors-dark-border-default);color:var(--textinput-colors-dark-text-affixes)}.arc-v13-0-0 .arc .arc-TextInput--onDarkSurface.arc-TextInput--invalid .arc-TextInput-affixes{background-color:var(--textinput-colors-dark-bg-error);border-color:var(--textinput-colors-dark-border-error)}.arc-v13-0-0 .arc .arc-TextInput--onDarkSurface.arc-TextInput--isDisabled .arc-TextInput-affixes{background-color:var(--textinput-colors-dark-bg-disabled);border-color:var(--textinput-colors-dark-border-disabled);color:var(--textinput-colors-dark-text-disabled)}.arc-v13-0-0 .arc .arc-TextInput-prefix{border-right:var(--textinput-border-weight-s) solid var(--textinput-colors-light-border-default);margin-left:calc(-1 * var(--textinput-padding-m));margin-right:4px;padding:0 var(--textinput-padding-s) 0 var(--textinput-padding-m)}.arc-v13-0-0 .arc .arc-TextInput--sizeS .arc-TextInput-prefix{margin-left:calc(-1 * var(--textinput-padding-s));padding:0 4px 0 var(--textinput-padding-s)}.arc-v13-0-0 .arc .arc-TextInput--sizeL .arc-TextInput-prefix{margin-left:calc(-1 * var(--textinput-padding-l));padding:0 var(--textinput-padding-s) 0 var(--textinput-padding-l)}.arc-v13-0-0 .arc .arc-TextInput-suffix{border-left:var(--textinput-border-weight-s) solid var(--textinput-colors-light-border-default);margin-left:4px;margin-right:calc(-1 * var(--textinput-padding-m));padding:0 var(--textinput-padding-m) 0 var(--textinput-padding-s)}.arc-v13-0-0 .arc .arc-TextInput--sizeS .arc-TextInput-suffix{margin-right:calc(-1 * var(--textinput-padding-s));padding:0 var(--textinput-padding-s) 0 4px}.arc-v13-0-0 .arc .arc-TextInput--sizeL .arc-TextInput-suffix{margin-right:calc(-1 * var(--textinput-padding-l));padding:0 var(--textinput-padding-l) 0 var(--textinput-padding-s)}.arc-v13-0-0 .arc .arc-TextInput-leadingSlot{margin-right:4px;white-space:nowrap}.arc-v13-0-0 .arc .arc-TextInput-trailingSlot{align-items:center;display:flex;margin-left:4px;white-space:nowrap}.arc-v13-0-0 .arc .arc-TextInput--withPrefix .arc-TextInput-input{padding-left:0}.arc-v13-0-0 .arc .arc-TextInput--withSuffix .arc-TextInput-input,.arc-v13-0-0 .arc .arc-TextInput--withPasswordToggle .arc-TextInput-input,.arc-v13-0-0 .arc .arc-TextInput--withClearButton .arc-TextInput-input{padding-right:0}.arc-v13-0-0 .arc .arc-TextInput-input:focus{outline:0}.arc-v13-0-0 .arc .arc-TextInput-input:focus-visible{border:none}.arc-v13-0-0 .arc .arc-TextInput--alignRight .arc-TextInput-input{text-align:right}.arc-v13-0-0 .arc .arc-TextInput-iconSlot{padding:0}.arc-v13-0-0 .arc .arc-TextInput-inputIcon{background-color:transparent;background-origin:border-box;border:0 solid transparent;border-radius:999px;color:var(--textinput-colors-light-fg-default);cursor:pointer;display:block;margin:0;padding:4px;text-decoration:none}.arc-v13-0-0 .arc .arc-TextInput-inputIcon:hover{background-color:var(--textinput-colors-light-bg-button-hover);color:var(--sem-color-text-primary-light-default)}.arc-v13-0-0 .arc .arc-TextInput-inputIcon:active{background-color:var(--textinput-colors-light-bg-button-pressed)}.arc-v13-0-0 .arc .arc-TextInput--invalid .arc-TextInput-inputIcon:hover{background-color:inherit;color:inherit}.arc-v13-0-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputIcon{color:var(--textinput-colors-dark-fg-default)}.arc-v13-0-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputIcon:hover{background-color:var(--textinput-colors-dark-bg-button-hover);color:var(--textinput-colors-dark-fg-button-hover)}.arc-v13-0-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputIcon:active{background-color:var(--textinput-colors-dark-bg-button-pressed)}.arc-v13-0-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputIcon--isDisabled{color:var(--textinput-colors-dark-fg-disabled)}.arc-v13-0-0 .arc .arc-TextInput-inputIcon--isReadOnly{cursor:not-allowed}.arc-v13-0-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputIcon:disabled{background-color:transparent;color:var(--textinput-colors-light-dark-default);cursor:not-allowed}.arc-v13-0-0 .arc .arc-TextInput-inputIcon:disabled{background-color:transparent;color:var(--textinput-colors-light-fg-default);cursor:not-allowed}.arc-v13-0-0 .arc .arc-TextInput-input:disabled{background-color:var(--textinput-colors-light-bg-disabled);border-color:var(--textinput-colors-light-border-disabled);color:var(--textinput-colors-light-text-disabled)}.arc-v13-0-0 .arc .arc-TextInput-input:disabled::-moz-placeholder{background-color:var(--textinput-colors-light-bg-disabled);color:var(--textinput-colors-light-text-disabled);cursor:not-allowed}.arc-v13-0-0 .arc .arc-TextInput-input:disabled,.arc-v13-0-0 .arc .arc-TextInput-input:disabled::placeholder,.arc-v13-0-0 .arc .arc-TextInput-inputIcon--isDisabled{background-color:var(--textinput-colors-light-bg-disabled);color:var(--textinput-colors-light-text-disabled);cursor:not-allowed}.arc-v13-0-0 .arc .arc-TextInput-inputIcon:focus-visible{border:var(--focus-border-weight-s) solid transparent;border-color:var(--focus-colors-light-border-subtle);outline:none;padding:2px}.arc-v13-0-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputWrapper,.arc-v13-0-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-input{background-color:var(--textinput-colors-dark-bg-default);border-color:var(--textinput-colors-dark-border-default);color:var(--textinput-colors-dark-text-default)}.arc-v13-0-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-input::-moz-placeholder{color:var(--textinput-colors-dark-text-placeholder)}.arc-v13-0-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-input::placeholder{color:var(--textinput-colors-dark-text-placeholder)}.arc-v13-0-0 .arc .arc-TextInput--invalid .arc-TextInput-inputWrapper,.arc-v13-0-0 .arc .arc-TextInput--invalid .arc-TextInput-input{background-color:var(--textinput-colors-light-bg-error);border-color:var(--textinput-colors-light-border-error)}.arc-v13-0-0 .arc .arc-TextInput--onDarkSurface.arc-TextInput--invalid .arc-TextInput-inputIcon:hover{background-color:inherit;color:inherit}.arc-v13-0-0 .arc .arc-TextInput--onDarkSurface.arc-TextInput--invalid .arc-TextInput-inputWrapper .arc-TextInput-input:disabled{background-color:var(--textinput-colors-dark-bg-disabled);color:var(--textinput-colors-dark-text-disabled)}.arc-v13-0-0 .arc .arc-TextInput-inputWrapper[\:has\(\%0A\%20\%20\%20\%20\:not\(.arc-TextInput-inputIcon\)\:focus-visible\%0A\%20\%20\)]{border-color:transparent;box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-light-border-subtle);outline:var(--focus-border-weight-s) solid transparent}.arc-v13-0-0 .arc .arc-TextInput-inputWrapper[\:has\(\:not\(.arc-TextInput-inputIcon\)\:focus-visible\)]{border-color:transparent;box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-light-border-subtle);outline:var(--focus-border-weight-s) solid transparent}.arc-v13-0-0 .arc .arc-TextInput-inputWrapper:has(:not(.arc-TextInput-inputIcon):focus-visible){border-color:transparent;box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-light-border-subtle);outline:var(--focus-border-weight-s) solid transparent}.arc-v13-0-0 .arc .arc-TextInput--onDarkSurface.arc-TextInput--invalid .arc-TextInput-input{background-color:var(--textinput-colors-dark-bg-error);border-color:var(--textinput-colors-dark-border-error)}.arc-v13-0-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-input:disabled::-moz-placeholder{background-color:var(--textinput-colors-dark-bg-disabled);color:var(--textinput-colors-dark-text-disabled)}.arc-v13-0-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputIcon--isDisabled,.arc-v13-0-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-input:disabled::placeholder{background-color:var(--textinput-colors-dark-bg-disabled);color:var(--textinput-colors-dark-text-disabled)}.arc-v13-0-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputIcon:focus-visible{border-color:var(--textarea-colors-dark-border-focus)}.arc-v13-0-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputWrapper[\:has\(\%0A\%20\%20\%20\%20\:not\(.arc-TextInput-inputIcon\)\:focus-visible\%0A\%20\%20\)]{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle)}.arc-v13-0-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputWrapper[\:has\(\:not\(.arc-TextInput-inputIcon\)\:focus-visible\)]{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle)}.arc-v13-0-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputWrapper:has(:not(.arc-TextInput-inputIcon):focus-visible){box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle)}.arc-v13-0-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-input:disabled{background-color:var(--textinput-colors-dark-bg-disabled);border-color:var(--textinput-colors-dark-border-disabled);color:var(--textinput-colors-dark-text-disabled)}.arc-v13-0-0 .arc .arc-TextInput--onDarkSurface.arc-TextInput--invalid .arc-TextInput-inputWrapper .arc-TextInput-input,.arc-v13-0-0 .arc .arc-TextInput--onDarkSurface.arc-TextInput--invalid .arc-TextInput-inputWrapper{background-color:var(--textinput-colors-dark-bg-error);border-color:var(--textinput-colors-dark-border-error)}.arc-v13-0-0 .arc .arc-TextInput-input:disabled,.arc-v13-0-0 .arc .arc-TextInput--isDisabled .arc-TextInput-inputWrapper{background-color:var(--textinput-colors-light-bg-disabled);border-color:var(--textinput-colors-light-border-disabled);color:var(--textinput-colors-light-text-disabled);cursor:not-allowed}.arc-v13-0-0 .arc .arc-TextInput--onDarkSurface.arc-TextInput--isDisabled .arc-TextInput-inputWrapper,.arc-v13-0-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-input:disabled{background-color:var(--textinput-colors-dark-bg-disabled);border-color:var(--textinput-colors-dark-border-disabled);color:var(--textinput-colors-dark-text-disabled)}.arc-v13-0-0 .arc .arc-TextInput-input:-webkit-autofill, .arc-v13-0-0 .arc .arc-TextInput-input:-webkit-autofill:hover, .arc-v13-0-0 .arc .arc-TextInput-input:-webkit-autofill:focus{box-shadow:0 0 0 1000px #ffffff inset !important}.arc-v13-0-0 .arc .arc-TextInput-input:autofill,.arc-v13-0-0 .arc .arc-TextInput-input:autofill:hover,.arc-v13-0-0 .arc .arc-TextInput-input:autofill:focus{box-shadow:0 0 0 1000px #ffffff inset !important}.arc-v13-0-0 .arc .arc-TextInput--invalid .arc-TextInput-input:-webkit-autofill,.arc-v13-0-0 .arc .arc-TextInput--invalid .arc-TextInput-input:-webkit-autofill:hover,.arc-v13-0-0 .arc .arc-TextInput--invalid .arc-TextInput-input:-webkit-autofill:focus{background-color:var(--textinput-colors-light-bg-error) !important;border-color:var(--textinput-colors-light-border-error) !important;box-shadow:0 0 0 1000px var(--textinput-colors-light-bg-error) inset !important;-webkit-text-fill-color:#000000 !important}.arc-v13-0-0 .arc .arc-TextInput--invalid .arc-TextInput-input:-webkit-autofill,.arc-v13-0-0 .arc .arc-TextInput--invalid .arc-TextInput-input:-webkit-autofill:hover,.arc-v13-0-0 .arc .arc-TextInput--invalid .arc-TextInput-input:-webkit-autofill:focus{-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.arc-v13-0-0 .arc .arc-TextInput-spinner{align-self:center;color:var(--sem-color-text-primary-light-default);display:flex;padding:4px}.arc-v13-0-0 .arc .arc-TextInput--sizeL .arc-TextInput-spinner{padding:6px}.arc-v13-0-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-spinner{color:inherit}
|
package/lib/Theme/Theme.cjs
CHANGED
|
@@ -9,7 +9,7 @@ var filterAttrs = require('../_shared/cjs/filter-attrs-D19P2s1V.cjs');
|
|
|
9
9
|
var package_default = {
|
|
10
10
|
name: "@arc-ui/helpers",
|
|
11
11
|
private: true,
|
|
12
|
-
version: "
|
|
12
|
+
version: "13.0.0",
|
|
13
13
|
type: "module",
|
|
14
14
|
homepage: "https://ui.digital-ent-int.bt.com",
|
|
15
15
|
author: "BT Enterprise Digital UI Team <ui-digital-ent-int@bt.com>",
|
package/lib/Theme/Theme.mjs
CHANGED
|
@@ -7,7 +7,7 @@ import { f as filterAttrs } from '../_shared/esm/filter-attrs-v_SweZXP.mjs';
|
|
|
7
7
|
var package_default = {
|
|
8
8
|
name: "@arc-ui/helpers",
|
|
9
9
|
private: true,
|
|
10
|
-
version: "
|
|
10
|
+
version: "13.0.0",
|
|
11
11
|
type: "module",
|
|
12
12
|
homepage: "https://ui.digital-ent-int.bt.com",
|
|
13
13
|
author: "BT Enterprise Digital UI Team <ui-digital-ent-int@bt.com>",
|
package/lib/Theme/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.arc-
|
|
1
|
+
.arc-v13-0-0 .arc{color:var(--sem-color-fg-secondary-light-default);font:var(--sem-type-body-reg-m);height:100%;-webkit-tap-highlight-color:transparent}.arc--reset :where(*:not(svg):not(svg *):not(iframe)),.arc-v13-0-0 .arc--reset ::after,.arc--reset ::before{all:revert;-webkit-text-fill-color:initial}.arc-v13-0-0 .arc *{box-sizing:border-box}.arc-v13-0-0 .arc a{color:var(--textlink-colors-light-text-default)}.arc-v13-0-0 .arc a:focus,.arc-v13-0-0 .arc a: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-v13-0-0 .arc a:active{color:var(--textlink-colors-light-text-hover)}.arc-v13-0-0 .arc a:focus:not(:focus-visible){outline:0}@media (hover:hover){.arc-v13-0-0 .arc a:hover{color:var(--textlink-colors-light-text-hover)}}
|