@arc-ui/components 13.0.0 → 13.1.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 +7 -3
- package/lib/Banner/Banner.mjs +7 -3
- package/lib/Box/styles.css +1 -1
- package/lib/BrandLogo/styles.css +1 -1
- package/lib/Breadcrumbs/styles.css +1 -1
- package/lib/Button/styles.css +1 -1
- package/lib/ButtonGroup/styles.css +1 -1
- package/lib/ButtonV2/styles.css +1 -1
- package/lib/Calendar/Calendar.cjs +2 -2
- package/lib/Calendar/Calendar.mjs +2 -2
- package/lib/Calendar/styles.css +1 -1
- package/lib/CardFooter/styles.css +1 -1
- package/lib/CardHeading/styles.css +1 -1
- package/lib/Carousel/Carousel.cjs +26 -14
- package/lib/Carousel/Carousel.mjs +26 -14
- package/lib/Carousel/styles.css +1 -1
- package/lib/Checkbox/styles.css +1 -1
- package/lib/CheckboxIcon/styles.css +1 -1
- package/lib/ClientSideVisible/ClientSideVisible.cjs +1 -0
- package/lib/ClientSideVisible/ClientSideVisible.mjs +1 -0
- package/lib/Columns/styles.css +1 -1
- package/lib/ComboBox/ComboBox.cjs +530 -136
- package/lib/ComboBox/ComboBox.mjs +530 -136
- package/lib/ComboBox/styles.css +1 -1
- package/lib/ConditionalWrapper/ConditionalWrapper.cjs +1 -0
- package/lib/ConditionalWrapper/ConditionalWrapper.mjs +1 -0
- package/lib/ContentSwitcher/styles.css +1 -1
- package/lib/ContentSwitcherDropdown/styles.css +1 -1
- package/lib/DatePicker/DatePicker.cjs +3 -3
- package/lib/DatePicker/DatePicker.mjs +3 -3
- 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/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/styles.css +1 -1
- package/lib/GradientPageBackground/GradientPageBackground.cjs +2 -2
- package/lib/GradientPageBackground/GradientPageBackground.mjs +2 -2
- package/lib/GradientPageBackground/styles.css +1 -1
- package/lib/Grid/Grid.cjs +1 -0
- package/lib/Grid/Grid.mjs +1 -0
- 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 +7 -3
- package/lib/HeroBanner/HeroBanner.mjs +7 -3
- package/lib/HeroBanner/styles.css +1 -1
- package/lib/HeroButton/styles.css +1 -1
- package/lib/Hidden/styles.css +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 +28 -15
- package/lib/ImpactCard/ImpactCard.mjs +29 -16
- package/lib/ImpactCard/styles.css +1 -1
- package/lib/InformationCard/InformationCard.cjs +57 -33
- package/lib/InformationCard/InformationCard.mjs +59 -35
- 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 +40 -21
- package/lib/MediaCard/MediaCard.mjs +41 -22
- package/lib/MediaCard/styles.css +1 -1
- package/lib/Menu/styles.css +1 -1
- package/lib/Modal/styles.css +1 -1
- package/lib/NavigationHeader/NavigationHeader.cjs +4 -4
- package/lib/NavigationHeader/NavigationHeader.mjs +4 -4
- 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 +1 -1
- package/lib/Popover/Popover.mjs +1 -1
- package/lib/Popover/styles.css +1 -1
- package/lib/Poster/styles.css +1 -1
- package/lib/ProgressBar/styles.css +1 -1
- package/lib/ProgressStepper/styles.css +1 -1
- package/lib/ProgressStepperOverflow/styles.css +1 -1
- package/lib/RadioCardGroup/styles.css +1 -1
- package/lib/RadioGroup/RadioGroup.cjs +2 -1
- package/lib/RadioGroup/RadioGroup.mjs +2 -1
- package/lib/RadioGroup/styles.css +1 -1
- package/lib/Rule/styles.css +1 -1
- package/lib/ScrollToTop/styles.css +1 -1
- package/lib/Section/styles.css +1 -1
- 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 +3 -2
- package/lib/SiteFooterV2/SiteFooterV2.mjs +3 -2
- package/lib/SiteFooterV2/styles.css +1 -1
- package/lib/SiteHeaderV2/SiteHeaderV2.cjs +1 -1
- package/lib/SiteHeaderV2/SiteHeaderV2.mjs +1 -1
- package/lib/SiteHeaderV2/styles.css +1 -1
- package/lib/Skeleton/styles.css +1 -1
- package/lib/SkipLink/SkipLink.cjs +1 -0
- package/lib/SkipLink/SkipLink.mjs +1 -0
- package/lib/SkipLink/styles.css +1 -1
- package/lib/Spacing/Spacing.cjs +38 -0
- package/lib/Spacing/Spacing.mjs +36 -0
- package/lib/Spacing/styles.css +1 -0
- package/lib/Spinner/styles.css +1 -1
- package/lib/Surface/styles.css +1 -1
- package/lib/Switch/styles.css +1 -1
- package/lib/TabbedBanner/TabbedBanner.cjs +5 -3
- package/lib/TabbedBanner/TabbedBanner.mjs +5 -3
- package/lib/TabbedBanner/styles.css +1 -1
- package/lib/Tabs/Tabs.cjs +57 -25
- package/lib/Tabs/Tabs.mjs +57 -25
- package/lib/Tabs/styles.css +1 -1
- package/lib/Tag/styles.css +1 -1
- package/lib/TemplateBanner/TemplateBanner.cjs +5 -1
- package/lib/TemplateBanner/TemplateBanner.mjs +5 -1
- package/lib/TemplateBanner/styles.css +1 -1
- package/lib/Text/styles.css +1 -1
- package/lib/TextArea/styles.css +1 -1
- package/lib/TextInput/TextInput.cjs +1 -1
- package/lib/TextInput/TextInput.mjs +1 -1
- 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/styles.css +1 -1
- package/lib/Toast/styles.css +1 -1
- package/lib/Tooltip/styles.css +1 -1
- package/lib/Truncate/styles.css +1 -1
- package/lib/TypographyCard/TypographyCard.cjs +38 -14
- package/lib/TypographyCard/TypographyCard.mjs +39 -15
- package/lib/TypographyCard/styles.css +1 -1
- package/lib/UniversalHeader/styles.css +1 -1
- package/lib/VerticalSpace/styles.css +1 -1
- 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/{Calendar-CdLn9iv6.cjs → Calendar-CLWtKvPh.cjs} +1 -1
- package/lib/_shared/cjs/{Popover-BtvRErpC.cjs → Popover-BxuQPltF.cjs} +2 -2
- package/lib/_shared/cjs/{TemplateBanner-DyXBKuMw.cjs → TemplateBanner-rdwgmFH_.cjs} +35 -5
- package/lib/_shared/cjs/{TextInput-C_K2PLf5.cjs → TextInput-CLkhL2KT.cjs} +39 -6
- package/lib/_shared/cjs/{arc-breakpoints-uADxN-b4.cjs → arc-breakpoints-JJMLGzht.cjs} +1 -1
- package/lib/_shared/cjs/{index.es-BAsay4oe.cjs → index.es-CCJ64o4N.cjs} +1 -1
- package/lib/_shared/esm/{Calendar-CzFIMyD1.mjs → Calendar-BcYEIJhA.mjs} +1 -1
- package/lib/_shared/esm/{Popover-DRQSgAog.mjs → Popover-Pjtmu_TN.mjs} +2 -2
- package/lib/_shared/esm/{TemplateBanner-BPzuH5bz.mjs → TemplateBanner-DzU9Edky.mjs} +36 -6
- package/lib/_shared/esm/{TextInput-BCvKXfM_.mjs → TextInput-WczTCUvp.mjs} +40 -7
- package/lib/_shared/esm/{arc-breakpoints-ChQgbftE.mjs → arc-breakpoints-CQOgeFK_.mjs} +1 -1
- package/lib/_shared/esm/{index.es-99J0r2va.mjs → index.es-BJl4zTyt.mjs} +1 -1
- package/lib/index.cjs +4857 -4255
- package/lib/index.cjs.map +1 -1
- package/lib/index.d.cts +313 -110
- package/lib/index.d.mts +313 -110
- package/lib/index.js.map +1 -1
- package/lib/index.mjs +4857 -4256
- package/lib/index.mjs.map +1 -1
- package/lib/styles.css +6 -2
- package/package.json +6 -6
package/lib/Alert/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.arc-v13-
|
|
1
|
+
.arc-v13-1-0 .arc .arc-Alert{background-color:var(--alert-colors-status-light-bg-subtle-default);border-color:var(--alert-colors-status-light-border-default);border-radius:var(--alert-border-radius-s);border-style:solid;border-width:var(--alert-border-width-s) var(--alert-border-width-s) var(--alert-border-width-s) var(--alert-border-width-m);display:flex;padding:calc(var(--alert-padding-xs) - var(--alert-border-width-s));padding-bottom:calc(var(--alert-padding-s) - var(--alert-border-width-s));position:relative}.arc-v13-1-0 .arc .arc-Alert:focus{outline:none}@media (min-width:768px){.arc-v13-1-0 .arc .arc-Alert{border-radius:var(--alert-border-radius-m);padding:calc(var(--alert-padding-s) - var(--alert-border-width-s)) calc(var(--alert-padding-l) - var(--alert-border-width-s)) calc(var(--alert-padding-m) - var(--alert-border-width-s)) calc(var(--alert-padding-s) - var(--alert-border-width-s))}}.arc-v13-1-0 .arc .arc-Alert-icon{color:var(--alert-colors-status-light-text-default)}@media (min-width:768px){.arc-v13-1-0 .arc .arc-Alert-icon{padding-top:var(--alert-padding-xxs)}}.arc-v13-1-0 .arc .arc-Alert-content{display:flex;flex-direction:column;gap:var(--alert-gap-xs);padding-left:var(--alert-gap-s)}.arc-v13-1-0 .arc .arc-Alert-heading{font:var(--sem-type-mobile-semi-xs)}.arc-v13-1-0 .arc .arc-Alert-heading--isDismissable{padding-right:var(--alert-size-icon-s)}.arc-v13-1-0 .arc .arc-Alert-description{color:var(--alert-colors-status-light-text-default);font:var(--sem-type-body-reg-s);white-space:wrap}.arc-v13-1-0 .arc .arc-Alert-dismiss{align-self:flex-start;background-color:transparent;border:none;color:var(--alert-colors-status-light-text-default);padding:0;position:absolute;right:calc(8px - var(--alert-border-width-s));top:calc(8px - var(--alert-border-width-s))}@media (min-width:768px){.arc-v13-1-0 .arc .arc-Alert-dismiss{right:calc(12px - var(--alert-border-width-s));top:calc(12px - var(--alert-border-width-s))}.arc-v13-1-0 .arc .arc-Alert-heading{font:var(--sem-type-mobile-semi-s)}}.arc-v13-1-0 .arc .arc-Alert-links,.arc-v13-1-0 .arc .arc-Alert-link{font:var(--sem-type-body-reg-s);list-style:none;margin:0;padding:0}.arc-v13-1-0 .arc .arc-Alert-link:not(:last-child){margin-bottom:var(--alert-gap-xs)}.arc-v13-1-0 .arc .arc-Alert-dismiss:hover{cursor:pointer}.arc-v13-1-0 .arc .arc-Alert-dismiss:focus-visible{border-radius:var(--focus-border-radius-s);height:24px;outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px;width:24px}.arc-v13-1-0 .arc .arc-Alert--error{background-color:var(--alert-colors-status-light-bg-subtle-error);border-color:var(--alert-colors-status-light-border-error)}.arc-v13-1-0 .arc .arc-Alert--warning{background-color:var(--alert-colors-status-light-bg-subtle-warning);border-color:var(--alert-colors-status-light-border-warning)}.arc-v13-1-0 .arc .arc-Alert--success{background-color:var(--alert-colors-status-light-bg-subtle-success);border-color:var(--alert-colors-status-light-border-success)}.arc-v13-1-0 .arc .arc-Alert--error .arc-Alert-icon{color:var(--alert-colors-status-light-icon-error)}.arc-v13-1-0 .arc .arc-Alert--warning .arc-Alert-icon{color:var(--alert-colors-status-light-icon-warning)}.arc-v13-1-0 .arc .arc-Alert--success .arc-Alert-icon{color:var(--alert-colors-status-light-icon-success)}
|
package/lib/Align/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.arc-v13-
|
|
1
|
+
.arc-v13-1-0 .arc .arc-Align{align-items:flex-start;display:flex;flex-direction:column}.arc-v13-1-0 .arc .arc-Align--horizontalCenter{align-items:center}.arc-v13-1-0 .arc .arc-Align--horizontalRight{align-items:flex-end}.arc-v13-1-0 .arc .arc-Align--verticalBottom{height:100%;justify-content:flex-end}.arc-v13-1-0 .arc .arc-Align--verticalCenter{height:100%;justify-content:center}.arc-v13-1-0 .arc .arc-Align-item{position:relative}.arc-v13-1-0 .arc .arc-Align--debugVisible .arc-Align-item::before{align-items:center;background:rgba(207,58,138,0.5);bottom:0;content:"Align";display:flex;justify-content:center;left:0;outline:1px dashed #cf3a8a;outline-offset:-1px;position:absolute;right:0;top:0}
|
package/lib/AppButton/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.arc-v13-
|
|
1
|
+
.arc-v13-1-0 .arc .arc-AppButton{display:block;line-height:0;width:-moz-max-content;width:max-content}.arc-v13-1-0 .arc .arc-AppButton:focus-visible{outline:var(--buttons-border-weight-s) solid var(--sem-color-border-primary-light-emphasis);outline-offset:var(--buttons-border-weight-s)}
|
package/lib/Avatar/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.arc-v13-
|
|
1
|
+
.arc-v13-1-0 .arc .arc-Avatar{align-items:center;background:var(--avatar-colors-light-bg-default);border-radius:50%;color:var(--avatar-colors-light-text-default-alt);display:block;display:flex;justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:0.4s ease background-color}.arc-v13-1-0 .arc a.arc-Avatar:hover{background:var(--avatar-colors-light-bg-hover);color:var(--avatar-colors-light-text-default-alt)}.arc-v13-1-0 .arc a.arc-Avatar:focus,.arc-v13-1-0 .arc a.arc-Avatar:focus-visible{border-radius:50%;outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc-v13-1-0 .arc a.arc-Avatar--img::before{background:transparent;bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0;transition:0.4s ease background-color}.arc-v13-1-0 .arc a.arc-Avatar--img:hover::before{background-color:var(--avatar-colors-light-overlay-default)}.arc-v13-1-0 .arc .arc-Avatar--s{height:var(--avatar-size-s);width:var(--avatar-size-s)}.arc-v13-1-0 .arc .arc-Avatar--m{height:var(--avatar-size-m);width:var(--avatar-size-m)}.arc-v13-1-0 .arc .arc-Avatar--l{height:var(--avatar-size-l);width:var(--avatar-size-l)}.arc-v13-1-0 .arc .arc-Avatar--xl{height:var(--avatar-size-xl);width:var(--avatar-size-xl)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.arc-v13-
|
|
1
|
+
.arc-v13-1-0 .arc .arc-AvatarGroup{display:block;position:relative;text-decoration:none;width:-moz-max-content;width:max-content}.arc-v13-1-0 .arc .arc-AvatarGroup:focus-visible{border-radius:40px;outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc-v13-1-0 .arc .arc-AvatarGroup-avatarContainer{align-items:center;display:flex;position:relative}.arc-v13-1-0 .arc .arc-AvatarGroup-avatar{border:var(--avatar-border-weight-s) solid var(--avatar-colors-light-border-subtle);border-radius:50%;position:relative}.arc-v13-1-0 .arc .arc-AvatarGroup-avatar--s:not(:last-of-type){margin-right:calc((var(--avatar-size-s)/2) - var(--avatar-size-s))}.arc-v13-1-0 .arc .arc-AvatarGroup-avatar--m:not(:last-of-type){margin-right:calc((var(--avatar-size-m)/2) - var(--avatar-size-m))}.arc-v13-1-0 .arc .arc-AvatarGroup-avatar--l:not(:last-of-type){margin-right:calc((var(--avatar-size-l)/2) - var(--avatar-size-l))}.arc-v13-1-0 .arc .arc-AvatarGroup-avatar--xl:not(:last-of-type){margin-right:calc((var(--avatar-size-xl)/2) - var(--avatar-size-xl))}
|
package/lib/Badge/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.arc-v13-
|
|
1
|
+
.arc-v13-1-0 .arc .arc-Badge{align-items:center;border-radius:var(--badge-border-radius-s);display:flex;font:var(--sem-type-interface-semi-xs);height:var(--badge-size-s);padding:0 var(--badge-padding-s);width:-moz-fit-content;width:fit-content}.arc-v13-1-0 .arc .arc-Badge--stateDefault{background-color:var(--badge-colors-bg-default);color:var(--badge-colors-text-default)}.arc-v13-1-0 .arc .arc-Badge--stateError{background-color:var(--badge-colors-bg-error);color:var(--badge-colors-text-error)}.arc-v13-1-0 .arc .arc-Badge--stateWarning{background-color:var(--badge-colors-bg-warning);color:var(--badge-colors-text-warning)}.arc-v13-1-0 .arc .arc-Badge--stateSuccess{background-color:var(--badge-colors-bg-success);color:var(--badge-colors-text-success)}
|
package/lib/Banner/Banner.cjs
CHANGED
|
@@ -3,8 +3,12 @@
|
|
|
3
3
|
var tslib_es6 = require('../_shared/cjs/tslib.es6-CCZ3TN_7.cjs');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var filterAttrs = require('../_shared/cjs/filter-attrs-D19P2s1V.cjs');
|
|
6
|
-
var TemplateBanner = require('../_shared/cjs/TemplateBanner-
|
|
6
|
+
var TemplateBanner = require('../_shared/cjs/TemplateBanner-rdwgmFH_.cjs');
|
|
7
7
|
require('../_shared/cjs/index-CTlXMLug.cjs');
|
|
8
|
+
require('../_shared/cjs/debounce-uPMetQ6J.cjs');
|
|
9
|
+
require('../_shared/cjs/isSymbol-BGrHFUbV.cjs');
|
|
10
|
+
require('../_shared/cjs/arc-breakpoints-JJMLGzht.cjs');
|
|
11
|
+
require('../_shared/cjs/index.es-CCJ64o4N.cjs');
|
|
8
12
|
require('../_shared/cjs/VerticalSpace-DLQUYsvc.cjs');
|
|
9
13
|
require('../_shared/cjs/Box-Va2g7Gdp.cjs');
|
|
10
14
|
require('../_shared/cjs/Surface-DIU5ciDT.cjs');
|
|
@@ -19,8 +23,8 @@ require('../_shared/cjs/Visible-Ca2H20zc.cjs');
|
|
|
19
23
|
|
|
20
24
|
/** Use `Banner` to promote key content or products with bold visuals and messaging. */
|
|
21
25
|
var Banner = function (_a) {
|
|
22
|
-
var heading = _a.heading, label = _a.label, text = _a.text, img = _a.img, _b = _a.contentRatio, contentRatio = _b === void 0 ? "1/1" : _b, children = _a.children, minHeight = _a.minHeight, _c = _a.isReversed, isReversed = _c === void 0 ? false : _c, _d = _a.isElevated, isElevated = _d === void 0 ? false : _d, _e = _a.headingLevel, headingLevel = _e === void 0 ? "2" : _e, _f = _a.type, type = _f === void 0 ? "light" : _f, _g = _a.alignment, alignment = _g === void 0 ? "center" : _g, _h = _a.headingWordWrap, headingWordWrap = _h === void 0 ? false : _h, props = tslib_es6.__rest(_a, ["heading", "label", "text", "img", "contentRatio", "children", "minHeight", "isReversed", "isElevated", "headingLevel", "type", "alignment", "headingWordWrap"]);
|
|
23
|
-
return (React.createElement(TemplateBanner.TemplateBanner, tslib_es6.__assign({ heading: heading, label: label, text: text, img: img, contentRatio: contentRatio, minHeight: minHeight, isReversed: isReversed, isElevated: isElevated, headingLevel: headingLevel, type: type, headingSize: "m", alignment: alignment, headingWordWrap: headingWordWrap }, filterAttrs.filterAttrs(props)), children));
|
|
26
|
+
var heading = _a.heading, label = _a.label, text = _a.text, img = _a.img, _b = _a.contentRatio, contentRatio = _b === void 0 ? "1/1" : _b, contentRatios = _a.contentRatios, children = _a.children, minHeight = _a.minHeight, _c = _a.isReversed, isReversed = _c === void 0 ? false : _c, _d = _a.isElevated, isElevated = _d === void 0 ? false : _d, _e = _a.headingLevel, headingLevel = _e === void 0 ? "2" : _e, _f = _a.type, type = _f === void 0 ? "light" : _f, _g = _a.alignment, alignment = _g === void 0 ? "center" : _g, _h = _a.headingWordWrap, headingWordWrap = _h === void 0 ? false : _h, props = tslib_es6.__rest(_a, ["heading", "label", "text", "img", "contentRatio", "contentRatios", "children", "minHeight", "isReversed", "isElevated", "headingLevel", "type", "alignment", "headingWordWrap"]);
|
|
27
|
+
return (React.createElement(TemplateBanner.TemplateBanner, tslib_es6.__assign({ heading: heading, label: label, text: text, img: img, contentRatio: contentRatio, contentRatios: contentRatios, minHeight: minHeight, isReversed: isReversed, isElevated: isElevated, headingLevel: headingLevel, type: type, headingSize: "m", alignment: alignment, headingWordWrap: headingWordWrap }, filterAttrs.filterAttrs(props)), children));
|
|
24
28
|
};
|
|
25
29
|
|
|
26
30
|
exports.Banner = Banner;
|
package/lib/Banner/Banner.mjs
CHANGED
|
@@ -1,8 +1,12 @@
|
|
|
1
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
|
-
import { T as TemplateBanner } from '../_shared/esm/TemplateBanner-
|
|
4
|
+
import { T as TemplateBanner } from '../_shared/esm/TemplateBanner-DzU9Edky.mjs';
|
|
5
5
|
import '../_shared/esm/index-5C0-U8cc.mjs';
|
|
6
|
+
import '../_shared/esm/debounce-D_Nx5go6.mjs';
|
|
7
|
+
import '../_shared/esm/isSymbol-DgWNE2Tm.mjs';
|
|
8
|
+
import '../_shared/esm/arc-breakpoints-CQOgeFK_.mjs';
|
|
9
|
+
import '../_shared/esm/index.es-BJl4zTyt.mjs';
|
|
6
10
|
import '../_shared/esm/VerticalSpace-BLWB02I7.mjs';
|
|
7
11
|
import '../_shared/esm/Box-C8iK8x5c.mjs';
|
|
8
12
|
import '../_shared/esm/Surface-C69KVzkY.mjs';
|
|
@@ -17,8 +21,8 @@ import '../_shared/esm/Visible-C4eEyTBM.mjs';
|
|
|
17
21
|
|
|
18
22
|
/** Use `Banner` to promote key content or products with bold visuals and messaging. */
|
|
19
23
|
var Banner = function (_a) {
|
|
20
|
-
var heading = _a.heading, label = _a.label, text = _a.text, img = _a.img, _b = _a.contentRatio, contentRatio = _b === void 0 ? "1/1" : _b, children = _a.children, minHeight = _a.minHeight, _c = _a.isReversed, isReversed = _c === void 0 ? false : _c, _d = _a.isElevated, isElevated = _d === void 0 ? false : _d, _e = _a.headingLevel, headingLevel = _e === void 0 ? "2" : _e, _f = _a.type, type = _f === void 0 ? "light" : _f, _g = _a.alignment, alignment = _g === void 0 ? "center" : _g, _h = _a.headingWordWrap, headingWordWrap = _h === void 0 ? false : _h, props = __rest(_a, ["heading", "label", "text", "img", "contentRatio", "children", "minHeight", "isReversed", "isElevated", "headingLevel", "type", "alignment", "headingWordWrap"]);
|
|
21
|
-
return (React__default.createElement(TemplateBanner, __assign({ heading: heading, label: label, text: text, img: img, contentRatio: contentRatio, minHeight: minHeight, isReversed: isReversed, isElevated: isElevated, headingLevel: headingLevel, type: type, headingSize: "m", alignment: alignment, headingWordWrap: headingWordWrap }, filterAttrs(props)), children));
|
|
24
|
+
var heading = _a.heading, label = _a.label, text = _a.text, img = _a.img, _b = _a.contentRatio, contentRatio = _b === void 0 ? "1/1" : _b, contentRatios = _a.contentRatios, children = _a.children, minHeight = _a.minHeight, _c = _a.isReversed, isReversed = _c === void 0 ? false : _c, _d = _a.isElevated, isElevated = _d === void 0 ? false : _d, _e = _a.headingLevel, headingLevel = _e === void 0 ? "2" : _e, _f = _a.type, type = _f === void 0 ? "light" : _f, _g = _a.alignment, alignment = _g === void 0 ? "center" : _g, _h = _a.headingWordWrap, headingWordWrap = _h === void 0 ? false : _h, props = __rest(_a, ["heading", "label", "text", "img", "contentRatio", "contentRatios", "children", "minHeight", "isReversed", "isElevated", "headingLevel", "type", "alignment", "headingWordWrap"]);
|
|
25
|
+
return (React__default.createElement(TemplateBanner, __assign({ heading: heading, label: label, text: text, img: img, contentRatio: contentRatio, contentRatios: contentRatios, minHeight: minHeight, isReversed: isReversed, isElevated: isElevated, headingLevel: headingLevel, type: type, headingSize: "m", alignment: alignment, headingWordWrap: headingWordWrap }, filterAttrs(props)), children));
|
|
22
26
|
};
|
|
23
27
|
|
|
24
28
|
export { Banner };
|
package/lib/Box/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.arc-v13-
|
|
1
|
+
.arc-v13-1-0 .arc .arc-Box{border:0 solid var(--box-colors-light-border-subtle);overflow:hidden}.arc-v13-1-0 .arc .arc-Box--fullHeight,.arc-v13-1-0 .arc .arc-Box--fullHeight>:first-child{height:100%}.arc-v13-1-0 .arc .arc-Box--borderRadius{border-radius:var(--box-border-radius-s)}.arc-v13-1-0 .arc .arc-Box--borderThin{border-width:var(--box-border-weight-xs)}.arc-v13-1-0 .arc .arc-Box--borderMedium{border-width:var(--box-border-weight-s)}.arc-v13-1-0 .arc .arc-Box--elevation1{box-shadow:var(--elevation-02)}.arc-v13-1-0 .arc .arc-Box--elevation2{box-shadow:var(--elevation-05)}
|
package/lib/BrandLogo/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--bt-logo:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath d='M26.225 16.475h12.45v3.65H34.5v13.35h-4.1v-13.35h-4.175v-3.65zM25 46.925c-12.1 0-21.925-9.825-21.925-21.924C3.075 12.9 12.9 3.075 25 3.075 37.1 3.075 46.926 12.9 46.926 25c0 12.1-9.825 21.926-21.926 21.926zM25 50c13.8 0 25-11.2 25-25C50 11.199 38.8 0 25 0S0 11.2 0 25c0 13.801 11.2 25 25 25zm-4.225-21.725c0-1.074-.674-1.8-1.825-1.8H16.2v3.55h2.75c1.15 0 1.825-.725 1.825-1.75zm-.5-6.824c0-.9-.574-1.526-1.55-1.526h-2.524v3.1h2.525c.975 0 1.55-.624 1.55-1.574zm4.65 7.025c0 3.225-2.275 5-5.524 5h-7.246v-17h6.771c3.275 0 5.5 1.674 5.5 4.75 0 1.399-.625 2.649-1.625 3.4 1.15.674 2.124 1.974 2.124 3.85z' fill='%232a2a2a' /%3E%3C/svg%3E");--bt-redcare-logo:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 169 50'%3E%3Cpath d='M25 0C11.285 0 0 11.285 0 25s11.285 25 25 25 25-11.285 25-25C49.995 11.287 38.713.005 25 0Zm0 46.92h-.005c-12.028 0-21.925-9.897-21.925-21.925S12.967 3.07 24.995 3.07 46.92 12.967 46.92 24.995V25C46.911 37.022 37.022 46.911 25 46.92Zm95.636-16.632-2.683-2.44-.153.19a5.93 5.93 0 0 1-1.965 1.626 5.484 5.484 0 0 1-2.415.508 4.314 4.314 0 0 1-2.323-.65 4.609 4.609 0 0 1-1.653-1.828 6.386 6.386 0 0 1 0-5.456 4.627 4.627 0 0 1 1.642-1.824 4.267 4.267 0 0 1 2.31-.65 5.014 5.014 0 0 1 2.317.521c.746.411 1.4.97 1.923 1.642l.153.187 2.686-2.436-.142-.176a9.26 9.26 0 0 0-3.09-2.47 8.886 8.886 0 0 0-3.84-.802 9.082 9.082 0 0 0-3.428.644 8.536 8.536 0 0 0-2.798 1.824 8.35 8.35 0 0 0-1.871 2.785 9.462 9.462 0 0 0 0 6.978 8.36 8.36 0 0 0 4.672 4.6 9.204 9.204 0 0 0 3.44.642 9.37 9.37 0 0 0 3.909-.788 9.195 9.195 0 0 0 3.16-2.457l.15-.17h-.001ZM22.8 24.626a4.224 4.224 0 0 0 1.625-3.4c0-3.075-2.224-4.751-5.5-4.751h-6.77v17h7.248c3.25 0 5.526-1.774 5.526-5-.003-1.875-.979-3.175-2.129-3.849Zm3.425-4.501H30.4v13.35h4.1v-13.35h4.175v-3.65h-12.45v3.65Zm126.251 4.57a5.193 5.193 0 0 0 .866-2.976 5.303 5.303 0 0 0-.68-2.7 4.818 4.818 0 0 0-1.98-1.861c-.857-.448-1.915-.676-3.143-.676h-8.354v16.992h4.097v-6.336h2.984l3.235 6.329h4.586l-3.86-7.028a4.777 4.777 0 0 0 2.25-1.744h-.001Zm-75.218 1.947h6.115V23.16h-6.115v-3.2h8.714v-3.484H73.16v16.992h13.048v-3.484h-8.95v-3.342Zm-6.888-1.947a5.193 5.193 0 0 0 .866-2.976 5.306 5.306 0 0 0-.68-2.707 4.825 4.825 0 0 0-1.98-1.861c-.86-.448-1.916-.676-3.135-.676H57.08v16.992h4.095v-6.33h2.983l3.235 6.33h4.586l-3.86-7.028a4.787 4.787 0 0 0 2.252-1.744h-.001Zm28.995-7.144c-1.436-.706-3.175-1.076-5.193-1.076h-6.228v16.992h6.228c2.01 0 3.757-.353 5.193-1.074a7.914 7.914 0 0 0 3.33-3 8.457 8.457 0 0 0 1.154-4.409 8.44 8.44 0 0 0-1.154-4.41 7.894 7.894 0 0 0-3.33-3.023Zm32.205-1.076h-4.279l-6.816 16.992h4.234l1.41-3.683h6.527l1.411 3.683h4.358l-6.786-16.847-.06-.145h.001Zm27.747 13.508v-3.34h6.117v-3.485h-6.117v-3.2h8.715v-3.483h-12.81v16.992h13.047v-3.484h-8.952Zm-140.367.042v.008-.001H16.2v-3.557h2.75c1.15 0 1.825.725 1.825 1.8 0 1.025-.666 1.75-1.825 1.75Zm80.711-5.054c0 1.534-.469 2.765-1.395 3.66-.926.897-2.309 1.356-4.094 1.356h-2.13V19.959h2.13c1.787 0 3.163.458 4.09 1.363.928.905 1.4 2.138 1.4 3.65l-.001-.001Zm27.694 1.588 2.029-5.335 2.05 5.335h-4.079Zm-60.312-4.744a2.02 2.02 0 0 1-.494 1.437c-.323.353-.834.53-1.519.53h-3.856v-3.919h3.856c.706 0 1.216.177 1.53.53.337.392.51.898.483 1.414v.008Zm82.108 0a2.024 2.024 0 0 1-.494 1.437c-.322.353-.833.53-1.52.53h-3.855v-3.919h3.855c.705 0 1.215.177 1.53.53.337.391.51.898.484 1.414v.008ZM16.2 19.932h2.526c.973 0 1.548.625 1.548 1.526 0 .949-.575 1.575-1.548 1.575H16.2v-3.101Z' fill='%232a2a2a' /%3E%3C/svg%3E");--bt-wholesale-logo:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 203 50'%3E%3Cpath d='M26.226 16.475h12.45v3.65H34.5v13.35h-4.1v-13.35h-4.175v-3.65ZM25 46.925C12.9 46.925 3.075 37.1 3.075 25 3.075 12.9 12.9 3.075 25 3.075 37.1 3.075 46.925 12.9 46.925 25c0 12.1-9.825 21.925-21.925 21.925ZM25 50c13.8 0 25-11.2 25-25S38.8 0 25 0 0 11.2 0 25s11.2 25 25 25Zm-4.225-21.724c0-1.075-.675-1.8-1.825-1.8H16.2v3.551h2.75c1.15-.002 1.825-.727 1.825-1.751Zm-.5-6.825c0-.9-.576-1.526-1.551-1.526H16.2v3.1h2.526c.973.001 1.549-.625 1.549-1.574Zm4.65 7.024c0 3.224-2.274 5-5.524 5h-7.246v-17h6.772c3.275 0 5.5 1.676 5.5 4.75 0 1.4-.625 2.65-1.625 3.401 1.149.674 2.124 1.974 2.124 3.849Zm48.125.125-3.284-12.125h-3.942l-3.307 12.219-2.948-12.219h-4.364l4.93 16.995h4.458l3.13-11.268 3.109 11.268h4.459l4.928-16.995h-4.245L73.049 28.6Zm19.122-5.44H85.1v-6.685H81V33.47h4.1v-6.824h7.072v6.824h4.1V16.475h-4.1v6.685Zm20.784-4.471a8.77 8.77 0 0 0-2.873-1.808 9.774 9.774 0 0 0-3.556-.642c-1.267 0-2.463.215-3.556.642a8.753 8.753 0 0 0-2.874 1.808 8.224 8.224 0 0 0-1.908 2.769c-.452 1.064-.68 2.245-.68 3.516 0 1.27.23 2.451.68 3.515a8.224 8.224 0 0 0 1.908 2.77 8.773 8.773 0 0 0 2.874 1.807 9.773 9.773 0 0 0 3.555.642c1.267 0 2.463-.215 3.557-.642a8.716 8.716 0 0 0 2.873-1.808 8.195 8.195 0 0 0 1.907-2.769c.451-1.064.679-2.245.679-3.515 0-1.269-.23-2.452-.68-3.516a8.194 8.194 0 0 0-1.906-2.77Zm-1.605 6.285c0 1.042-.214 1.961-.633 2.735a4.67 4.67 0 0 1-1.722 1.814c-.723.432-1.554.652-2.468.652-.898 0-1.721-.218-2.445-.652a4.772 4.772 0 0 1-1.735-1.815c-.427-.773-.644-1.692-.644-2.734 0-1.043.217-1.967.644-2.747a4.653 4.653 0 0 1 1.734-1.813c.723-.425 1.547-.642 2.445-.642.913 0 1.744.215 2.469.642a4.577 4.577 0 0 1 1.72 1.811c.421.782.635 1.706.635 2.748Zm9.53-8.499h-4.1V33.47h12.249v-3.483h-8.149V16.475Zm13.58 10.171h6.118V23.16h-6.118v-3.2h8.716v-3.485h-12.814V33.47h13.05v-3.483h-8.952v-3.341Zm22.279-1.113c-.688-.819-1.823-1.464-3.371-1.916l-2.644-.78c-.685-.208-1.17-.451-1.439-.721a1.275 1.275 0 0 1-.381-.947c0-.415.174-.75.534-1.02.374-.282 1.015-.425 1.904-.425a5.2 5.2 0 0 1 2.09.418 5.24 5.24 0 0 1 1.62 1.074l.17.171 2.318-2.563-.156-.155c-.695-.695-1.58-1.279-2.632-1.737-1.058-.459-2.23-.692-3.483-.692-1.239 0-2.359.214-3.329.634-.978.425-1.758 1.03-2.316 1.8-.563.777-.846 1.698-.846 2.735 0 1.137.347 2.122 1.035 2.924.68.796 1.715 1.402 3.075 1.808l2.646.78c.871.256 1.447.526 1.718.8.257.265.382.595.382 1.008 0 .453-.211.8-.645 1.065-.466.284-1.124.427-1.958.427-.912 0-1.766-.15-2.538-.444a6.99 6.99 0 0 1-2.126-1.292l-.178-.157-2.251 2.712.157.148a8.77 8.77 0 0 0 3.117 1.88 11.47 11.47 0 0 0 3.846.639c.707 0 1.451-.094 2.215-.279a8.06 8.06 0 0 0 2.176-.875 4.942 4.942 0 0 0 1.685-1.61c.433-.672.651-1.49.651-2.428 0-1.151-.352-2.155-1.046-2.982Zm7.387-9.058-6.822 16.995h4.231l1.416-3.684h6.532l1.417 3.684h4.351l-6.846-16.995h-4.279Zm4.142 10.086h-4.077l2.03-5.334 2.047 5.334Zm12.046-10.086h-4.1V33.47h12.249v-3.483h-8.149V16.475Zm13.58 13.512v-3.341h6.117V23.16h-6.117v-3.2h8.715v-3.485h-12.814V33.47h13.052v-3.483h-8.953Z' fill='%232a2a2a' /%3E%3C/svg%3E");--bt-ee-logo:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 32"%3E%3Cpath d="M15.928 15.998a9.034 9.034 0 0 0 3.101-6.819c.005-5-4.05-9.055-9.05-9.055-5 0-9.055 4.055-9.055 9.055 0 2.72 1.202 5.16 3.101 6.819a9.056 9.056 0 1 0 15.008 6.823 9.024 9.024 0 0 0-3.105-6.823ZM8.75 20.372a.734.734 0 0 1-.324.608.734.734 0 0 1 0 1.215.73.73 0 0 1 .218.231.723.723 0 0 1 .616-.337c.262 0 .493.138.621.346a.729.729 0 0 1 1.243 0 .733.733 0 1 1 0 .772.729.729 0 0 1-1.243 0 .729.729 0 0 1-1.246-.009.683.683 0 0 1-.209.213.734.734 0 0 1 0 1.216.734.734 0 0 1 0 1.215.684.684 0 0 1 .244.284.734.734 0 0 1 .652-.408.73.73 0 0 1 .653.408.734.734 0 0 1 .652-.408.73.73 0 0 1 .652.408.734.734 0 0 1 .652-.408.733.733 0 0 1 0 1.464.73.73 0 0 1-.652-.408.734.734 0 0 1-.652.408.73.73 0 0 1-.652-.408.734.734 0 0 1-.653.408.73.73 0 0 1-.652-.408.734.734 0 0 1-.652.408.733.733 0 0 1-.408-1.34.734.734 0 0 1 0-1.215.734.734 0 0 1 0-1.216.734.734 0 0 1 0-1.216.734.734 0 0 1 0-1.215.734.734 0 0 1 0-1.216.733.733 0 0 1 .408-1.34.73.73 0 0 1 .652.409.734.734 0 0 1 .652-.409.73.73 0 0 1 .653.409.734.734 0 0 1 .652-.409c.288 0 .532.17.652.409a.734.734 0 0 1 .652-.409.733.733 0 0 1 0 1.465.73.73 0 0 1-.652-.409.734.734 0 0 1-.652.409.729.729 0 0 1-.652-.409.734.734 0 0 1-.653.409.73.73 0 0 1-.652-.409.759.759 0 0 1-.244.284.734.734 0 0 1 .324.608Zm0-13.642a.734.734 0 0 1-.324.608.734.734 0 0 1 0 1.215.73.73 0 0 1 .218.231.723.723 0 0 1 .616-.337c.262 0 .493.138.621.346a.729.729 0 0 1 1.243 0 .733.733 0 1 1 0 .772.729.729 0 0 1-1.243 0 .729.729 0 0 1-1.246-.009.682.682 0 0 1-.209.213.734.734 0 0 1 0 1.216.734.734 0 0 1 0 1.215.684.684 0 0 1 .244.284.734.734 0 0 1 .652-.408.73.73 0 0 1 .653.408.734.734 0 0 1 .652-.408.73.73 0 0 1 .652.408.734.734 0 0 1 .652-.408.733.733 0 0 1 0 1.464.73.73 0 0 1-.652-.408.734.734 0 0 1-.652.408.73.73 0 0 1-.652-.408.734.734 0 0 1-.653.408.73.73 0 0 1-.652-.408.734.734 0 0 1-.652.408.733.733 0 0 1-.408-1.34.734.734 0 0 1 0-1.215.734.734 0 0 1 0-1.216.734.734 0 0 1 0-1.216.734.734 0 0 1 0-1.215.734.734 0 0 1 0-1.216.733.733 0 0 1 .408-1.34.73.73 0 0 1 .652.409.734.734 0 0 1 .652-.409.73.73 0 0 1 .653.409.734.734 0 0 1 .652-.409c.288 0 .532.17.652.409a.734.734 0 0 1 .652-.409.733.733 0 0 1 0 1.465.73.73 0 0 1-.652-.409.734.734 0 0 1-.652.409.73.73 0 0 1-.652-.409.734.734 0 0 1-.653.409.73.73 0 0 1-.652-.409.758.758 0 0 1-.244.284.734.734 0 0 1 .324.608Z"/%3E%3C/svg%3E')}.arc-v13-0-0 .arc .arc-BrandLogo{background-color:currentColor;-webkit-mask-image:var(--bt-logo);mask-image:var(--bt-logo);-webkit-mask-position:top left;mask-position:top left;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:34px}.arc-v13-0-0 .arc .arc-BrandLogo::after{content:"";display:block;padding-top:100%}.arc-v13-0-0 .arc .arc-BrandLogo-text{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.arc-v13-0-0 .arc .arc-BrandLogo--subBrandRedcare{-webkit-mask-image:var(--bt-redcare-logo);mask-image:var(--bt-redcare-logo);width:116px}.arc-v13-0-0 .arc .arc-BrandLogo--subBrandRedcare::after{padding-top:29.3%}.arc-v13-0-0 .arc .arc-BrandLogo--subBrandWholesale{-webkit-mask-image:var(--bt-wholesale-logo);mask-image:var(--bt-wholesale-logo);width:140px}.arc-v13-0-0 .arc .arc-BrandLogo--subBrandWholesale::after{padding-top:24.3%}.arc-v13-0-0 .arc .arc-BrandLogo--colorBrand{background-color:var(--logos-colors-light-fg-default)}.arc-v13-0-0 .arc .arc-BrandLogo--colorBrand.arc-BrandLogo--onDarkSurface{background-color:var(--logos-colors-dark-fg-default)}.arc-v13-0-0 .arc .arc-BrandLogo--subBrandEe{-webkit-mask-image:var(--bt-ee-logo);mask-image:var(--bt-ee-logo)}
|
|
1
|
+
:root{--bt-logo:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath d='M26.225 16.475h12.45v3.65H34.5v13.35h-4.1v-13.35h-4.175v-3.65zM25 46.925c-12.1 0-21.925-9.825-21.925-21.924C3.075 12.9 12.9 3.075 25 3.075 37.1 3.075 46.926 12.9 46.926 25c0 12.1-9.825 21.926-21.926 21.926zM25 50c13.8 0 25-11.2 25-25C50 11.199 38.8 0 25 0S0 11.2 0 25c0 13.801 11.2 25 25 25zm-4.225-21.725c0-1.074-.674-1.8-1.825-1.8H16.2v3.55h2.75c1.15 0 1.825-.725 1.825-1.75zm-.5-6.824c0-.9-.574-1.526-1.55-1.526h-2.524v3.1h2.525c.975 0 1.55-.624 1.55-1.574zm4.65 7.025c0 3.225-2.275 5-5.524 5h-7.246v-17h6.771c3.275 0 5.5 1.674 5.5 4.75 0 1.399-.625 2.649-1.625 3.4 1.15.674 2.124 1.974 2.124 3.85z' fill='%232a2a2a' /%3E%3C/svg%3E");--bt-redcare-logo:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 169 50'%3E%3Cpath d='M25 0C11.285 0 0 11.285 0 25s11.285 25 25 25 25-11.285 25-25C49.995 11.287 38.713.005 25 0Zm0 46.92h-.005c-12.028 0-21.925-9.897-21.925-21.925S12.967 3.07 24.995 3.07 46.92 12.967 46.92 24.995V25C46.911 37.022 37.022 46.911 25 46.92Zm95.636-16.632-2.683-2.44-.153.19a5.93 5.93 0 0 1-1.965 1.626 5.484 5.484 0 0 1-2.415.508 4.314 4.314 0 0 1-2.323-.65 4.609 4.609 0 0 1-1.653-1.828 6.386 6.386 0 0 1 0-5.456 4.627 4.627 0 0 1 1.642-1.824 4.267 4.267 0 0 1 2.31-.65 5.014 5.014 0 0 1 2.317.521c.746.411 1.4.97 1.923 1.642l.153.187 2.686-2.436-.142-.176a9.26 9.26 0 0 0-3.09-2.47 8.886 8.886 0 0 0-3.84-.802 9.082 9.082 0 0 0-3.428.644 8.536 8.536 0 0 0-2.798 1.824 8.35 8.35 0 0 0-1.871 2.785 9.462 9.462 0 0 0 0 6.978 8.36 8.36 0 0 0 4.672 4.6 9.204 9.204 0 0 0 3.44.642 9.37 9.37 0 0 0 3.909-.788 9.195 9.195 0 0 0 3.16-2.457l.15-.17h-.001ZM22.8 24.626a4.224 4.224 0 0 0 1.625-3.4c0-3.075-2.224-4.751-5.5-4.751h-6.77v17h7.248c3.25 0 5.526-1.774 5.526-5-.003-1.875-.979-3.175-2.129-3.849Zm3.425-4.501H30.4v13.35h4.1v-13.35h4.175v-3.65h-12.45v3.65Zm126.251 4.57a5.193 5.193 0 0 0 .866-2.976 5.303 5.303 0 0 0-.68-2.7 4.818 4.818 0 0 0-1.98-1.861c-.857-.448-1.915-.676-3.143-.676h-8.354v16.992h4.097v-6.336h2.984l3.235 6.329h4.586l-3.86-7.028a4.777 4.777 0 0 0 2.25-1.744h-.001Zm-75.218 1.947h6.115V23.16h-6.115v-3.2h8.714v-3.484H73.16v16.992h13.048v-3.484h-8.95v-3.342Zm-6.888-1.947a5.193 5.193 0 0 0 .866-2.976 5.306 5.306 0 0 0-.68-2.707 4.825 4.825 0 0 0-1.98-1.861c-.86-.448-1.916-.676-3.135-.676H57.08v16.992h4.095v-6.33h2.983l3.235 6.33h4.586l-3.86-7.028a4.787 4.787 0 0 0 2.252-1.744h-.001Zm28.995-7.144c-1.436-.706-3.175-1.076-5.193-1.076h-6.228v16.992h6.228c2.01 0 3.757-.353 5.193-1.074a7.914 7.914 0 0 0 3.33-3 8.457 8.457 0 0 0 1.154-4.409 8.44 8.44 0 0 0-1.154-4.41 7.894 7.894 0 0 0-3.33-3.023Zm32.205-1.076h-4.279l-6.816 16.992h4.234l1.41-3.683h6.527l1.411 3.683h4.358l-6.786-16.847-.06-.145h.001Zm27.747 13.508v-3.34h6.117v-3.485h-6.117v-3.2h8.715v-3.483h-12.81v16.992h13.047v-3.484h-8.952Zm-140.367.042v.008-.001H16.2v-3.557h2.75c1.15 0 1.825.725 1.825 1.8 0 1.025-.666 1.75-1.825 1.75Zm80.711-5.054c0 1.534-.469 2.765-1.395 3.66-.926.897-2.309 1.356-4.094 1.356h-2.13V19.959h2.13c1.787 0 3.163.458 4.09 1.363.928.905 1.4 2.138 1.4 3.65l-.001-.001Zm27.694 1.588 2.029-5.335 2.05 5.335h-4.079Zm-60.312-4.744a2.02 2.02 0 0 1-.494 1.437c-.323.353-.834.53-1.519.53h-3.856v-3.919h3.856c.706 0 1.216.177 1.53.53.337.392.51.898.483 1.414v.008Zm82.108 0a2.024 2.024 0 0 1-.494 1.437c-.322.353-.833.53-1.52.53h-3.855v-3.919h3.855c.705 0 1.215.177 1.53.53.337.391.51.898.484 1.414v.008ZM16.2 19.932h2.526c.973 0 1.548.625 1.548 1.526 0 .949-.575 1.575-1.548 1.575H16.2v-3.101Z' fill='%232a2a2a' /%3E%3C/svg%3E");--bt-wholesale-logo:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 203 50'%3E%3Cpath d='M26.226 16.475h12.45v3.65H34.5v13.35h-4.1v-13.35h-4.175v-3.65ZM25 46.925C12.9 46.925 3.075 37.1 3.075 25 3.075 12.9 12.9 3.075 25 3.075 37.1 3.075 46.925 12.9 46.925 25c0 12.1-9.825 21.925-21.925 21.925ZM25 50c13.8 0 25-11.2 25-25S38.8 0 25 0 0 11.2 0 25s11.2 25 25 25Zm-4.225-21.724c0-1.075-.675-1.8-1.825-1.8H16.2v3.551h2.75c1.15-.002 1.825-.727 1.825-1.751Zm-.5-6.825c0-.9-.576-1.526-1.551-1.526H16.2v3.1h2.526c.973.001 1.549-.625 1.549-1.574Zm4.65 7.024c0 3.224-2.274 5-5.524 5h-7.246v-17h6.772c3.275 0 5.5 1.676 5.5 4.75 0 1.4-.625 2.65-1.625 3.401 1.149.674 2.124 1.974 2.124 3.849Zm48.125.125-3.284-12.125h-3.942l-3.307 12.219-2.948-12.219h-4.364l4.93 16.995h4.458l3.13-11.268 3.109 11.268h4.459l4.928-16.995h-4.245L73.049 28.6Zm19.122-5.44H85.1v-6.685H81V33.47h4.1v-6.824h7.072v6.824h4.1V16.475h-4.1v6.685Zm20.784-4.471a8.77 8.77 0 0 0-2.873-1.808 9.774 9.774 0 0 0-3.556-.642c-1.267 0-2.463.215-3.556.642a8.753 8.753 0 0 0-2.874 1.808 8.224 8.224 0 0 0-1.908 2.769c-.452 1.064-.68 2.245-.68 3.516 0 1.27.23 2.451.68 3.515a8.224 8.224 0 0 0 1.908 2.77 8.773 8.773 0 0 0 2.874 1.807 9.773 9.773 0 0 0 3.555.642c1.267 0 2.463-.215 3.557-.642a8.716 8.716 0 0 0 2.873-1.808 8.195 8.195 0 0 0 1.907-2.769c.451-1.064.679-2.245.679-3.515 0-1.269-.23-2.452-.68-3.516a8.194 8.194 0 0 0-1.906-2.77Zm-1.605 6.285c0 1.042-.214 1.961-.633 2.735a4.67 4.67 0 0 1-1.722 1.814c-.723.432-1.554.652-2.468.652-.898 0-1.721-.218-2.445-.652a4.772 4.772 0 0 1-1.735-1.815c-.427-.773-.644-1.692-.644-2.734 0-1.043.217-1.967.644-2.747a4.653 4.653 0 0 1 1.734-1.813c.723-.425 1.547-.642 2.445-.642.913 0 1.744.215 2.469.642a4.577 4.577 0 0 1 1.72 1.811c.421.782.635 1.706.635 2.748Zm9.53-8.499h-4.1V33.47h12.249v-3.483h-8.149V16.475Zm13.58 10.171h6.118V23.16h-6.118v-3.2h8.716v-3.485h-12.814V33.47h13.05v-3.483h-8.952v-3.341Zm22.279-1.113c-.688-.819-1.823-1.464-3.371-1.916l-2.644-.78c-.685-.208-1.17-.451-1.439-.721a1.275 1.275 0 0 1-.381-.947c0-.415.174-.75.534-1.02.374-.282 1.015-.425 1.904-.425a5.2 5.2 0 0 1 2.09.418 5.24 5.24 0 0 1 1.62 1.074l.17.171 2.318-2.563-.156-.155c-.695-.695-1.58-1.279-2.632-1.737-1.058-.459-2.23-.692-3.483-.692-1.239 0-2.359.214-3.329.634-.978.425-1.758 1.03-2.316 1.8-.563.777-.846 1.698-.846 2.735 0 1.137.347 2.122 1.035 2.924.68.796 1.715 1.402 3.075 1.808l2.646.78c.871.256 1.447.526 1.718.8.257.265.382.595.382 1.008 0 .453-.211.8-.645 1.065-.466.284-1.124.427-1.958.427-.912 0-1.766-.15-2.538-.444a6.99 6.99 0 0 1-2.126-1.292l-.178-.157-2.251 2.712.157.148a8.77 8.77 0 0 0 3.117 1.88 11.47 11.47 0 0 0 3.846.639c.707 0 1.451-.094 2.215-.279a8.06 8.06 0 0 0 2.176-.875 4.942 4.942 0 0 0 1.685-1.61c.433-.672.651-1.49.651-2.428 0-1.151-.352-2.155-1.046-2.982Zm7.387-9.058-6.822 16.995h4.231l1.416-3.684h6.532l1.417 3.684h4.351l-6.846-16.995h-4.279Zm4.142 10.086h-4.077l2.03-5.334 2.047 5.334Zm12.046-10.086h-4.1V33.47h12.249v-3.483h-8.149V16.475Zm13.58 13.512v-3.341h6.117V23.16h-6.117v-3.2h8.715v-3.485h-12.814V33.47h13.052v-3.483h-8.953Z' fill='%232a2a2a' /%3E%3C/svg%3E");--bt-ee-logo:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 32"%3E%3Cpath d="M15.928 15.998a9.034 9.034 0 0 0 3.101-6.819c.005-5-4.05-9.055-9.05-9.055-5 0-9.055 4.055-9.055 9.055 0 2.72 1.202 5.16 3.101 6.819a9.056 9.056 0 1 0 15.008 6.823 9.024 9.024 0 0 0-3.105-6.823ZM8.75 20.372a.734.734 0 0 1-.324.608.734.734 0 0 1 0 1.215.73.73 0 0 1 .218.231.723.723 0 0 1 .616-.337c.262 0 .493.138.621.346a.729.729 0 0 1 1.243 0 .733.733 0 1 1 0 .772.729.729 0 0 1-1.243 0 .729.729 0 0 1-1.246-.009.683.683 0 0 1-.209.213.734.734 0 0 1 0 1.216.734.734 0 0 1 0 1.215.684.684 0 0 1 .244.284.734.734 0 0 1 .652-.408.73.73 0 0 1 .653.408.734.734 0 0 1 .652-.408.73.73 0 0 1 .652.408.734.734 0 0 1 .652-.408.733.733 0 0 1 0 1.464.73.73 0 0 1-.652-.408.734.734 0 0 1-.652.408.73.73 0 0 1-.652-.408.734.734 0 0 1-.653.408.73.73 0 0 1-.652-.408.734.734 0 0 1-.652.408.733.733 0 0 1-.408-1.34.734.734 0 0 1 0-1.215.734.734 0 0 1 0-1.216.734.734 0 0 1 0-1.216.734.734 0 0 1 0-1.215.734.734 0 0 1 0-1.216.733.733 0 0 1 .408-1.34.73.73 0 0 1 .652.409.734.734 0 0 1 .652-.409.73.73 0 0 1 .653.409.734.734 0 0 1 .652-.409c.288 0 .532.17.652.409a.734.734 0 0 1 .652-.409.733.733 0 0 1 0 1.465.73.73 0 0 1-.652-.409.734.734 0 0 1-.652.409.729.729 0 0 1-.652-.409.734.734 0 0 1-.653.409.73.73 0 0 1-.652-.409.759.759 0 0 1-.244.284.734.734 0 0 1 .324.608Zm0-13.642a.734.734 0 0 1-.324.608.734.734 0 0 1 0 1.215.73.73 0 0 1 .218.231.723.723 0 0 1 .616-.337c.262 0 .493.138.621.346a.729.729 0 0 1 1.243 0 .733.733 0 1 1 0 .772.729.729 0 0 1-1.243 0 .729.729 0 0 1-1.246-.009.682.682 0 0 1-.209.213.734.734 0 0 1 0 1.216.734.734 0 0 1 0 1.215.684.684 0 0 1 .244.284.734.734 0 0 1 .652-.408.73.73 0 0 1 .653.408.734.734 0 0 1 .652-.408.73.73 0 0 1 .652.408.734.734 0 0 1 .652-.408.733.733 0 0 1 0 1.464.73.73 0 0 1-.652-.408.734.734 0 0 1-.652.408.73.73 0 0 1-.652-.408.734.734 0 0 1-.653.408.73.73 0 0 1-.652-.408.734.734 0 0 1-.652.408.733.733 0 0 1-.408-1.34.734.734 0 0 1 0-1.215.734.734 0 0 1 0-1.216.734.734 0 0 1 0-1.216.734.734 0 0 1 0-1.215.734.734 0 0 1 0-1.216.733.733 0 0 1 .408-1.34.73.73 0 0 1 .652.409.734.734 0 0 1 .652-.409.73.73 0 0 1 .653.409.734.734 0 0 1 .652-.409c.288 0 .532.17.652.409a.734.734 0 0 1 .652-.409.733.733 0 0 1 0 1.465.73.73 0 0 1-.652-.409.734.734 0 0 1-.652.409.73.73 0 0 1-.652-.409.734.734 0 0 1-.653.409.73.73 0 0 1-.652-.409.758.758 0 0 1-.244.284.734.734 0 0 1 .324.608Z"/%3E%3C/svg%3E')}.arc-v13-1-0 .arc .arc-BrandLogo{background-color:currentColor;-webkit-mask-image:var(--bt-logo);mask-image:var(--bt-logo);-webkit-mask-position:top left;mask-position:top left;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:34px}.arc-v13-1-0 .arc .arc-BrandLogo::after{content:"";display:block;padding-top:100%}.arc-v13-1-0 .arc .arc-BrandLogo-text{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.arc-v13-1-0 .arc .arc-BrandLogo--subBrandRedcare{-webkit-mask-image:var(--bt-redcare-logo);mask-image:var(--bt-redcare-logo);width:116px}.arc-v13-1-0 .arc .arc-BrandLogo--subBrandRedcare::after{padding-top:29.3%}.arc-v13-1-0 .arc .arc-BrandLogo--subBrandWholesale{-webkit-mask-image:var(--bt-wholesale-logo);mask-image:var(--bt-wholesale-logo);width:140px}.arc-v13-1-0 .arc .arc-BrandLogo--subBrandWholesale::after{padding-top:24.3%}.arc-v13-1-0 .arc .arc-BrandLogo--colorBrand{background-color:var(--logos-colors-light-fg-default)}.arc-v13-1-0 .arc .arc-BrandLogo--colorBrand.arc-BrandLogo--onDarkSurface{background-color:var(--logos-colors-dark-fg-default)}.arc-v13-1-0 .arc .arc-BrandLogo--subBrandEe{-webkit-mask-image:var(--bt-ee-logo);mask-image:var(--bt-ee-logo)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.arc-v13-
|
|
1
|
+
.arc-v13-1-0 .arc .arc-Breadcrumbs{display:flex;flex-wrap:nowrap;list-style:none}.arc-v13-1-0 .arc .arc-Breadcrumbs-spacer{color:var(--breadcrumb-colors-light-fg-strong);padding:0 var(--breadcrumb-gap-xs);text-align:center}.arc-v13-1-0 .arc .arc-Breadcrumbs-spacerIcon{align-self:center;color:var(--breadcrumb-colors-light-fg-strong);height:var(--breadcrumb-size-icon-s);margin-right:var(--breadcrumb-gap-xs);width:var(--breadcrumb-size-icon-s)}.arc-v13-1-0 .arc .arc-Breadcrumbs-item{align-items:center;display:flex;flex-wrap:nowrap;font:var(--sem-type-body-reg-m)}.arc-v13-1-0 .arc .arc-Breadcrumbs-list{display:flex;flex-wrap:wrap;list-style:none;padding:0}.arc-v13-1-0 .arc .arc-Breadcrumbs-text>a,.arc-v13-1-0 .arc .arc-Breadcrumbs-text{color:var(--breadcrumb-colors-light-text-default) !important}.arc-v13-1-0 .arc .arc-Breadcrumbs-text>a,.arc-v13-1-0 .arc .arc-Breadcrumbs-text{margin-right:var(--breadcrumb-gap-xs);text-decoration:underline}.arc-v13-1-0 .arc .arc-Breadcrumbs-text:hover{cursor:pointer}.arc-v13-1-0 .arc .arc-Breadcrumbs-expand{background:none;border:none;font:inherit;padding:inherit}.arc-v13-1-0 .arc .arc-Breadcrumbs-text:focus,.arc-v13-1-0 .arc .arc-Breadcrumbs-expand:focus,.arc-v13-1-0 .arc .arc-Breadcrumbs-expand: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-1-0 .arc .arc-Breadcrumbs-expand:focus:not(:focus-visible){outline:0}.arc-v13-1-0 .arc .arc-Breadcrumbs--light .arc-Breadcrumbs-spacer{color:var(--breadcrumb-colors-dark-fg-strong)}.arc-v13-1-0 .arc .arc-Breadcrumbs-text:hover>a,.arc-v13-1-0 .arc .arc-Breadcrumbs-text:hover{color:var(--breadcrumb-colors-light-text-hover) !important}.arc-v13-1-0 .arc .arc-Breadcrumbs-text:active{color:var(--breadcrumb-colors-light-text-strong) !important}.arc-v13-1-0 .arc .arc-Breadcrumbs-text--active,.arc-v13-1-0 .arc .arc-Breadcrumbs-text--active:hover{color:var(--breadcrumb-colors-light-text-strong) !important}.arc-v13-1-0 .arc .arc-Breadcrumbs-text--active,.arc-v13-1-0 .arc .arc-Breadcrumbs-text--active:hover{cursor:default;text-decoration:none}.arc-v13-1-0 .arc .arc-Breadcrumbs--light .arc-Breadcrumbs-text>a,.arc-v13-1-0 .arc .arc-Breadcrumbs--light .arc-Breadcrumbs-text{color:var(--breadcrumb-colors-dark-text-default) !important}.arc-v13-1-0 .arc .arc-Breadcrumbs--light .arc-Breadcrumbs-text:hover{color:var(--breadcrumb-colors-dark-text-hover) !important}.arc-v13-1-0 .arc .arc-Breadcrumbs--light .arc-Breadcrumbs-text:focus,.arc-v13-1-0 .arc .arc-Breadcrumbs--light.arc-Breadcrumbs-expand:focus,.arc-v13-1-0 .arc .arc-Breadcrumbs--light.arc-Breadcrumbs-expand[focus-within]{border-radius:var(--focus-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-subtle);outline-offset:2px}.arc-v13-1-0 .arc .arc-Breadcrumbs--light .arc-Breadcrumbs-text:focus,.arc-v13-1-0 .arc .arc-Breadcrumbs--light.arc-Breadcrumbs-expand:focus,.arc-v13-1-0 .arc .arc-Breadcrumbs--light.arc-Breadcrumbs-expand[focus-within]{border-radius:var(--focus-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-subtle);outline-offset:2px}.arc-v13-1-0 .arc .arc-Breadcrumbs--light .arc-Breadcrumbs-text:focus,.arc-v13-1-0 .arc .arc-Breadcrumbs--light.arc-Breadcrumbs-expand:focus,.arc-v13-1-0 .arc .arc-Breadcrumbs--light.arc-Breadcrumbs-expand:focus-within{border-radius:var(--focus-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-subtle);outline-offset:2px}.arc-v13-1-0 .arc .arc-Breadcrumbs--light .arc-Breadcrumbs-spacerIcon{color:var(--breadcrumb-colors-dark-fg-strong)}.arc-v13-1-0 .arc .arc-Breadcrumbs--light .arc-Breadcrumbs-text:active{color:var(--breadcrumb-colors-dark-text-strong) !important}.arc-v13-1-0 .arc .arc-Breadcrumbs--light .arc-Breadcrumbs-text--active,.arc-v13-1-0 .arc .arc-Breadcrumbs--light .arc-Breadcrumbs-text--active:hover{color:var(--breadcrumb-colors-dark-text-strong) !important}
|
package/lib/Button/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.arc-v13-0-0 .arc .arc-Button{background:var(--button-colors-light-bg-default);background-origin:border-box;border:var(--button-border-weight-s) solid transparent;border-radius:var(--button-border-radius-s);color:var(--button-colors-light-text-default-alt);cursor:pointer;display:inline-block;font:inherit;font:var(--sem-type-interface-button-m);height:var(--button-size-l);margin:0;padding-bottom:0;padding-left:calc(var(--button-padding-xl) - var(--button-border-weight-s));padding-right:calc(var(--button-padding-xl) - var(--button-border-weight-s));padding-top:0;position:relative;text-align:left;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.arc-v13-0-0 .arc .arc-Button--sizeS{font:var(--sem-type-interface-button-s);height:var(--button-size-m);padding-left:calc(var(--button-padding-l) - var(--button-border-weight-s));padding-right:calc(var(--button-padding-l) - var(--button-border-weight-s))}.arc-v13-0-0 .arc .arc-Button--sizeL{font:var(--sem-type-interface-button-l);height:var(--button-size-xl);padding-left:calc(var(--button-padding-xxxl) - var(--button-border-weight-s));padding-right:calc(var(--button-padding-xxxl) - var(--button-border-weight-s))}.arc-v13-0-0 .arc .arc-Button-inner{align-items:center;display:flex;height:100%;justify-content:center}.arc-v13-0-0 .arc .arc-Button--displayBlock{display:block}.arc-v13-0-0 .arc .arc-Button--fullWidth{text-align:center;width:100%}.arc-v13-0-0 .arc .arc-Button--hasSupportingText{height:60px}.arc-v13-0-0 .arc .arc-Button--hasSupportingText.arc-Button--sizeS{height:56px}.arc-v13-0-0 .arc .arc-Button--hasSupportingText.arc-Button--sizeL{height:68px}@media (hover:hover){.arc-v13-0-0 .arc .arc-Button:hover{background:var(--button-colors-light-bg-hover);color:var(--button-colors-light-text-default-alt)}}.arc-v13-0-0 .arc .arc-Button:focus{border-radius:var(--button-border-radius-s);outline:var(--focus-border-weight-s) solid transparent;outline-offset:2px}.arc-v13-0-0 .arc .arc-Button:focus-visible{outline-color:var(--focus-colors-light-border-subtle)}.arc-v13-0-0 .arc .arc-Button:active{background:var(--button-colors-light-bg-pressed);background-image:none;color:var(--button-colors-light-text-default-alt)}.arc-v13-0-0 .arc .arc-Button--onDarkSurface{background:var(--button-colors-dark-bg-default);color:var(--button-colors-dark-text-default-alt)}@media (hover:hover){.arc-v13-0-0 .arc .arc-Button--onDarkSurface:hover{background:var(--button-colors-dark-bg-hover);border-color:transparent;color:var(--button-colors-dark-text-default-alt)}}.arc-v13-0-0 .arc .arc-Button--onDarkSurface:focus-visible{outline-color:var(--focus-colors-dark-border-subtle)}.arc-v13-0-0 .arc .arc-Button--onDarkSurface:active{background:var(--button-colors-dark-bg-pressed);color:var(--button-colors-dark-text-default-alt)}.arc-v13-0-0 .arc .arc-Button--fillOutlined{background-color:transparent;background-image:none;border-color:var(--button-colors-light-border-default);color:var(--button-colors-light-text-default);position:relative}@media (hover:hover){.arc-v13-0-0 .arc .arc-Button--fillOutlined:hover{background:var(--button-colors-light-bg-hover);border-color:transparent;color:var(--button-colors-light-text-default-alt)}}.arc-v13-0-0 .arc .arc-Button--fillOutlined:active{background-color:transparent;border-color:var(--button-colors-light-border-pressed);color:var(--button-colors-light-text-pressed)}.arc-v13-0-0 .arc .arc-Button--fillOutlined.arc-Button--onDarkSurface{background-color:transparent;border-color:var(--button-colors-dark-border-default);color:var(--button-colors-dark-text-default)}@media (hover:hover){.arc-v13-0-0 .arc .arc-Button--fillOutlined.arc-Button--onDarkSurface:hover{background:var(--button-colors-dark-bg-hover);border-color:transparent;color:var(--button-colors-dark-text-default-alt)}}.arc-v13-0-0 .arc .arc-Button--fillOutlined.arc-Button--onDarkSurface:active{border-color:var(--button-colors-dark-border-pressed);color:var(--button-colors-dark-text-pressed)}.arc-v13-0-0 .arc .arc-Button--fillFlat,.arc-v13-0-0 .arc .arc-Button--fillFlat.arc-Button--sizeS,.arc-v13-0-0 .arc .arc-Button--fillFlat.arc-Button--sizeL{padding:0 !important}.arc-v13-0-0 .arc .arc-Button--fillFlat,.arc-v13-0-0 .arc .arc-Button--fillFlat.arc-Button--sizeS,.arc-v13-0-0 .arc .arc-Button--fillFlat.arc-Button--sizeL{background-color:transparent;background-image:none;border:0;border-radius:0;color:var(--button-colors-light-text-default);height:auto;vertical-align:middle}.arc-v13-0-0 .arc .arc-Button--fillFlat:focus{border-radius:var(--focus-border-radius-s)}.arc-v13-0-0 .arc .arc-Button--fillFlat.arc-Button--iconBeforeText .arc-Button-icon{margin-left:-4px}.arc-v13-0-0 .arc .arc-Button--fillFlat.arc-Button--iconAfterText .arc-Button-icon{margin-right:-4px}@media (hover:hover){.arc-v13-0-0 .arc .arc-Button--fillFlat:hover{background-color:transparent;color:var(--button-colors-light-text-hover)}}.arc-v13-0-0 .arc .arc-Button--fillFlat:active{background-color:transparent;color:var(--button-colors-light-text-pressed)}.arc-v13-0-0 .arc .arc-Button--fillFlat.arc-Button--onDarkSurface{background-color:transparent;color:var(--button-colors-dark-text-default)}@media (hover:hover){.arc-v13-0-0 .arc .arc-Button--fillFlat.arc-Button--onDarkSurface:hover{background-color:transparent;color:var(--button-colors-dark-text-hover)}}.arc-v13-0-0 .arc .arc-Button--fillFlat.arc-Button--onDarkSurface:active{background-color:transparent;color:var(--button-colors-dark-text-pressed)}.arc-v13-0-0 .arc .arc-Button[disabled]{background:var(--button-colors-light-bg-disabled);color:var(--button-colors-light-text-disabled);cursor:not-allowed}.arc-v13-0-0 .arc .arc-Button--onDarkSurface[disabled]{background:var(--button-colors-dark-bg-disabled);color:var(--button-colors-dark-text-disabled)}@media (hover:hover){.arc-v13-0-0 .arc .arc-Button--onDarkSurface[disabled]:hover{background:var(--button-colors-dark-bg-disabled);color:var(--button-colors-dark-text-disabled)}}.arc-v13-0-0 .arc .arc-Button--fillOutlined[disabled]{background:transparent;border-color:var(--button-colors-light-border-disabled);color:var(--button-colors-light-text-disabled)}.arc-v13-0-0 .arc .arc-Button--fillOutlined.arc-Button--onDarkSurface[disabled]{background:transparent;border-color:var(--button-colors-dark-border-disabled);color:var(--button-colors-dark-text-disabled)}@media (hover:hover){.arc-v13-0-0 .arc .arc-Button--fillOutlined.arc-Button--onDarkSurface[disabled]:hover{background-color:transparent;border-color:var(--button-colors-dark-border-disabled);color:var(--button-colors-dark-text-disabled)}}.arc-v13-0-0 .arc .arc-Button--fillFlat[disabled]{background-color:transparent;color:var(--button-colors-light-text-disabled)}.arc-v13-0-0 .arc .arc-Button--fillFlat.arc-Button--onDarkSurface[disabled]{background-color:transparent;color:var(--button-colors-dark-text-disabled)}@media (hover:hover){.arc-v13-0-0 .arc .arc-Button--fillFlat.arc-Button--onDarkSurface[disabled]:hover{background-color:transparent;color:var(--button-colors-dark-text-disabled)}}.arc-v13-0-0 .arc .arc-Button-supportingText{display:block;font:var(--sem-type-body-reg-xs)}.arc-v13-0-0 .arc .arc-Button--sizeL .arc-Button-supportingText{font:var(--sem-type-body-reg-s)}.arc-v13-0-0 .arc .arc-Button-icon{height:var(--button-size-icon-m);margin-left:var(--button-gap-s);margin-right:calc((0 - var(--button-gap-xs)) * 1px);width:var(--button-size-icon-m)}.arc-v13-0-0 .arc .arc-Button--iconBeforeText{padding-left:calc(var(--button-padding-l) - var(--button-border-weight-s))}.arc-v13-0-0 .arc .arc-Button--iconBeforeText.arc-Button--sizeS{padding-left:calc(var(--button-padding-m) - var(--button-border-weight-s))}.arc-v13-0-0 .arc .arc-Button--iconBeforeText.arc-Button--sizeL{padding-left:calc(var(--button-padding-xl) - var(--button-border-weight-s))}.arc-v13-0-0 .arc .arc-Button--iconAfterText{padding-right:calc(var(--button-padding-l) - var(--button-border-weight-s))}.arc-v13-0-0 .arc .arc-Button--iconAfterText.arc-Button--sizeS{padding-right:calc(var(--button-padding-m) - var(--button-border-weight-s))}.arc-v13-0-0 .arc .arc-Button--iconAfterText.arc-Button--sizeL{padding-right:calc(var(--button-padding-xl) - var(--button-border-weight-s))}.arc-v13-0-0 .arc .arc-Button--sizeS .arc-Button-icon{height:var(--button-size-icon-s);width:var(--button-size-icon-s)}.arc-v13-0-0 .arc .arc-Button--sizeL .arc-Button-icon{height:var(--button-size-icon-xl);margin-left:var(--button-gap-l);width:var(--button-size-icon-xl)}.arc-v13-0-0 .arc .arc-Button--iconBeforeText.arc-Button--hasSupportingText{text-align:left}.arc-v13-0-0 .arc .arc-Button--iconBeforeText .arc-Button-icon{margin-left:0;margin-right:var(--button-gap-m);order:-1}.arc-v13-0-0 .arc .arc-Button--iconOnly{height:var(--button-size-l);padding:0;width:var(--button-size-l)}.arc-v13-0-0 .arc .arc-Button--iconOnly.arc-Button--sizeS{height:var(--button-size-m);padding:0;width:var(--button-size-m)}.arc-v13-0-0 .arc .arc-Button--iconOnly.arc-Button--sizeL{height:var(--button-size-xl);padding:0;width:var(--button-size-xl)}.arc-v13-0-0 .arc .arc-Button--iconOnly.arc-Button--fillFlat,.arc-v13-0-0 .arc .arc-Button--iconOnly.arc-Button--fillFlat.arc-Button--sizeS,.arc-v13-0-0 .arc .arc-Button--iconOnly.arc-Button--fillFlat.arc-Button--sizeL{height:auto;padding:0;width:auto}.arc-v13-0-0 .arc .arc-Button--iconOnly .arc-Button-icon{margin:0}.arc-v13-0-0 .arc .arc-Button--sizeL.arc-Button--iconBeforeText .arc-Button-icon{margin-right:var(--button-gap-m)}.arc-v13-0-0 .arc .arc-Button--supportText{margin-top:var(--button-gap-xs)}.arc-v13-0-0 .arc .arc-Button--iconOnly .arc-Button-text,.arc-v13-0-0 .arc .arc-Button--iconOnly .arc-Button-supportingText{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@supports ((-webkit-mask-composite: xor) or (mask-composite: exclude)){.arc-v13-0-0 .arc .arc-Button--fillOutlined:active::after,.arc-v13-0-0 .arc .arc-Button--fillOutlined.arc-Button--onDarkSurface:active::after,.arc-v13-0-0 .arc .arc-Button--fillOutlined[disabled]::after{display:none}@media (hover:hover){.arc-v13-0-0 .arc .arc-Button--fillOutlined:hover::after,.arc-v13-0-0 .arc .arc-Button--fillOutlined.arc-Button--onDarkSurface:hover::after{display:none}}}@supports ((-webkit-background-clip: text) or (background-clip: text)){.arc-v13-0-0 .arc .arc-Button:active .arc-Button-text,.arc-v13-0-0 .arc .arc-Button--onDarkSurface:active .arc-Button-text,.arc-v13-0-0 .arc .arc-Button[disabled] .arc-Button-text{color:inherit}@media (hover:hover){.arc-v13-0-0 .arc .arc-Button:hover .arc-Button-text,.arc-v13-0-0 .arc .arc-Button--onDarkSurface:hover .arc-Button-text{color:inherit}}}
|
|
1
|
+
.arc-v13-1-0 .arc .arc-Button{background:var(--button-colors-light-bg-default);background-origin:border-box;border:var(--button-border-weight-s) solid transparent;border-radius:var(--button-border-radius-s);color:var(--button-colors-light-text-default-alt);cursor:pointer;display:inline-block;font:inherit;font:var(--sem-type-interface-button-m);height:var(--button-size-l);margin:0;padding-bottom:0;padding-left:calc(var(--button-padding-xl) - var(--button-border-weight-s));padding-right:calc(var(--button-padding-xl) - var(--button-border-weight-s));padding-top:0;position:relative;text-align:left;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.arc-v13-1-0 .arc .arc-Button--sizeS{font:var(--sem-type-interface-button-s);height:var(--button-size-m);padding-left:calc(var(--button-padding-l) - var(--button-border-weight-s));padding-right:calc(var(--button-padding-l) - var(--button-border-weight-s))}.arc-v13-1-0 .arc .arc-Button--sizeL{font:var(--sem-type-interface-button-l);height:var(--button-size-xl);padding-left:calc(var(--button-padding-xxxl) - var(--button-border-weight-s));padding-right:calc(var(--button-padding-xxxl) - var(--button-border-weight-s))}.arc-v13-1-0 .arc .arc-Button-inner{align-items:center;display:flex;height:100%;justify-content:center}.arc-v13-1-0 .arc .arc-Button--displayBlock{display:block}.arc-v13-1-0 .arc .arc-Button--fullWidth{text-align:center;width:100%}.arc-v13-1-0 .arc .arc-Button--hasSupportingText{height:60px}.arc-v13-1-0 .arc .arc-Button--hasSupportingText.arc-Button--sizeS{height:56px}.arc-v13-1-0 .arc .arc-Button--hasSupportingText.arc-Button--sizeL{height:68px}@media (hover:hover){.arc-v13-1-0 .arc .arc-Button:hover{background:var(--button-colors-light-bg-hover);color:var(--button-colors-light-text-default-alt)}}.arc-v13-1-0 .arc .arc-Button:focus{border-radius:var(--button-border-radius-s);outline:var(--focus-border-weight-s) solid transparent;outline-offset:2px}.arc-v13-1-0 .arc .arc-Button:focus-visible{outline-color:var(--focus-colors-light-border-subtle)}.arc-v13-1-0 .arc .arc-Button:active{background:var(--button-colors-light-bg-pressed);background-image:none;color:var(--button-colors-light-text-default-alt)}.arc-v13-1-0 .arc .arc-Button--onDarkSurface{background:var(--button-colors-dark-bg-default);color:var(--button-colors-dark-text-default-alt)}@media (hover:hover){.arc-v13-1-0 .arc .arc-Button--onDarkSurface:hover{background:var(--button-colors-dark-bg-hover);border-color:transparent;color:var(--button-colors-dark-text-default-alt)}}.arc-v13-1-0 .arc .arc-Button--onDarkSurface:focus-visible{outline-color:var(--focus-colors-dark-border-subtle)}.arc-v13-1-0 .arc .arc-Button--onDarkSurface:active{background:var(--button-colors-dark-bg-pressed);color:var(--button-colors-dark-text-default-alt)}.arc-v13-1-0 .arc .arc-Button--fillOutlined{background-color:transparent;background-image:none;border-color:var(--button-colors-light-border-default);color:var(--button-colors-light-text-default);position:relative}@media (hover:hover){.arc-v13-1-0 .arc .arc-Button--fillOutlined:hover{background:var(--button-colors-light-bg-hover);border-color:transparent;color:var(--button-colors-light-text-default-alt)}}.arc-v13-1-0 .arc .arc-Button--fillOutlined:active{background-color:transparent;border-color:var(--button-colors-light-border-pressed);color:var(--button-colors-light-text-pressed)}.arc-v13-1-0 .arc .arc-Button--fillOutlined.arc-Button--onDarkSurface{background-color:transparent;border-color:var(--button-colors-dark-border-default);color:var(--button-colors-dark-text-default)}@media (hover:hover){.arc-v13-1-0 .arc .arc-Button--fillOutlined.arc-Button--onDarkSurface:hover{background:var(--button-colors-dark-bg-hover);border-color:transparent;color:var(--button-colors-dark-text-default-alt)}}.arc-v13-1-0 .arc .arc-Button--fillOutlined.arc-Button--onDarkSurface:active{border-color:var(--button-colors-dark-border-pressed);color:var(--button-colors-dark-text-pressed)}.arc-v13-1-0 .arc .arc-Button--fillFlat,.arc-v13-1-0 .arc .arc-Button--fillFlat.arc-Button--sizeS,.arc-v13-1-0 .arc .arc-Button--fillFlat.arc-Button--sizeL{padding:0 !important}.arc-v13-1-0 .arc .arc-Button--fillFlat,.arc-v13-1-0 .arc .arc-Button--fillFlat.arc-Button--sizeS,.arc-v13-1-0 .arc .arc-Button--fillFlat.arc-Button--sizeL{background-color:transparent;background-image:none;border:0;border-radius:0;color:var(--button-colors-light-text-default);height:auto;vertical-align:middle}.arc-v13-1-0 .arc .arc-Button--fillFlat:focus{border-radius:var(--focus-border-radius-s)}.arc-v13-1-0 .arc .arc-Button--fillFlat.arc-Button--iconBeforeText .arc-Button-icon{margin-left:-4px}.arc-v13-1-0 .arc .arc-Button--fillFlat.arc-Button--iconAfterText .arc-Button-icon{margin-right:-4px}@media (hover:hover){.arc-v13-1-0 .arc .arc-Button--fillFlat:hover{background-color:transparent;color:var(--button-colors-light-text-hover)}}.arc-v13-1-0 .arc .arc-Button--fillFlat:active{background-color:transparent;color:var(--button-colors-light-text-pressed)}.arc-v13-1-0 .arc .arc-Button--fillFlat.arc-Button--onDarkSurface{background-color:transparent;color:var(--button-colors-dark-text-default)}@media (hover:hover){.arc-v13-1-0 .arc .arc-Button--fillFlat.arc-Button--onDarkSurface:hover{background-color:transparent;color:var(--button-colors-dark-text-hover)}}.arc-v13-1-0 .arc .arc-Button--fillFlat.arc-Button--onDarkSurface:active{background-color:transparent;color:var(--button-colors-dark-text-pressed)}.arc-v13-1-0 .arc .arc-Button[disabled]{background:var(--button-colors-light-bg-disabled);color:var(--button-colors-light-text-disabled);cursor:not-allowed}.arc-v13-1-0 .arc .arc-Button--onDarkSurface[disabled]{background:var(--button-colors-dark-bg-disabled);color:var(--button-colors-dark-text-disabled)}@media (hover:hover){.arc-v13-1-0 .arc .arc-Button--onDarkSurface[disabled]:hover{background:var(--button-colors-dark-bg-disabled);color:var(--button-colors-dark-text-disabled)}}.arc-v13-1-0 .arc .arc-Button--fillOutlined[disabled]{background:transparent;border-color:var(--button-colors-light-border-disabled);color:var(--button-colors-light-text-disabled)}.arc-v13-1-0 .arc .arc-Button--fillOutlined.arc-Button--onDarkSurface[disabled]{background:transparent;border-color:var(--button-colors-dark-border-disabled);color:var(--button-colors-dark-text-disabled)}@media (hover:hover){.arc-v13-1-0 .arc .arc-Button--fillOutlined.arc-Button--onDarkSurface[disabled]:hover{background-color:transparent;border-color:var(--button-colors-dark-border-disabled);color:var(--button-colors-dark-text-disabled)}}.arc-v13-1-0 .arc .arc-Button--fillFlat[disabled]{background-color:transparent;color:var(--button-colors-light-text-disabled)}.arc-v13-1-0 .arc .arc-Button--fillFlat.arc-Button--onDarkSurface[disabled]{background-color:transparent;color:var(--button-colors-dark-text-disabled)}@media (hover:hover){.arc-v13-1-0 .arc .arc-Button--fillFlat.arc-Button--onDarkSurface[disabled]:hover{background-color:transparent;color:var(--button-colors-dark-text-disabled)}}.arc-v13-1-0 .arc .arc-Button-supportingText{display:block;font:var(--sem-type-body-reg-xs)}.arc-v13-1-0 .arc .arc-Button--sizeL .arc-Button-supportingText{font:var(--sem-type-body-reg-s)}.arc-v13-1-0 .arc .arc-Button-icon{height:var(--button-size-icon-m);margin-left:var(--button-gap-s);margin-right:calc((0 - var(--button-gap-xs)) * 1px);width:var(--button-size-icon-m)}.arc-v13-1-0 .arc .arc-Button--iconBeforeText{padding-left:calc(var(--button-padding-l) - var(--button-border-weight-s))}.arc-v13-1-0 .arc .arc-Button--iconBeforeText.arc-Button--sizeS{padding-left:calc(var(--button-padding-m) - var(--button-border-weight-s))}.arc-v13-1-0 .arc .arc-Button--iconBeforeText.arc-Button--sizeL{padding-left:calc(var(--button-padding-xl) - var(--button-border-weight-s))}.arc-v13-1-0 .arc .arc-Button--iconAfterText{padding-right:calc(var(--button-padding-l) - var(--button-border-weight-s))}.arc-v13-1-0 .arc .arc-Button--iconAfterText.arc-Button--sizeS{padding-right:calc(var(--button-padding-m) - var(--button-border-weight-s))}.arc-v13-1-0 .arc .arc-Button--iconAfterText.arc-Button--sizeL{padding-right:calc(var(--button-padding-xl) - var(--button-border-weight-s))}.arc-v13-1-0 .arc .arc-Button--sizeS .arc-Button-icon{height:var(--button-size-icon-s);width:var(--button-size-icon-s)}.arc-v13-1-0 .arc .arc-Button--sizeL .arc-Button-icon{height:var(--button-size-icon-xl);margin-left:var(--button-gap-l);width:var(--button-size-icon-xl)}.arc-v13-1-0 .arc .arc-Button--iconBeforeText.arc-Button--hasSupportingText{text-align:left}.arc-v13-1-0 .arc .arc-Button--iconBeforeText .arc-Button-icon{margin-left:0;margin-right:var(--button-gap-m);order:-1}.arc-v13-1-0 .arc .arc-Button--iconOnly{height:var(--button-size-l);padding:0;width:var(--button-size-l)}.arc-v13-1-0 .arc .arc-Button--iconOnly.arc-Button--sizeS{height:var(--button-size-m);padding:0;width:var(--button-size-m)}.arc-v13-1-0 .arc .arc-Button--iconOnly.arc-Button--sizeL{height:var(--button-size-xl);padding:0;width:var(--button-size-xl)}.arc-v13-1-0 .arc .arc-Button--iconOnly.arc-Button--fillFlat,.arc-v13-1-0 .arc .arc-Button--iconOnly.arc-Button--fillFlat.arc-Button--sizeS,.arc-v13-1-0 .arc .arc-Button--iconOnly.arc-Button--fillFlat.arc-Button--sizeL{height:auto;padding:0;width:auto}.arc-v13-1-0 .arc .arc-Button--iconOnly .arc-Button-icon{margin:0}.arc-v13-1-0 .arc .arc-Button--sizeL.arc-Button--iconBeforeText .arc-Button-icon{margin-right:var(--button-gap-m)}.arc-v13-1-0 .arc .arc-Button--supportText{margin-top:var(--button-gap-xs)}.arc-v13-1-0 .arc .arc-Button--iconOnly .arc-Button-text,.arc-v13-1-0 .arc .arc-Button--iconOnly .arc-Button-supportingText{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@supports ((-webkit-mask-composite: xor) or (mask-composite: exclude)){.arc-v13-1-0 .arc .arc-Button--fillOutlined:active::after,.arc-v13-1-0 .arc .arc-Button--fillOutlined.arc-Button--onDarkSurface:active::after,.arc-v13-1-0 .arc .arc-Button--fillOutlined[disabled]::after{display:none}@media (hover:hover){.arc-v13-1-0 .arc .arc-Button--fillOutlined:hover::after,.arc-v13-1-0 .arc .arc-Button--fillOutlined.arc-Button--onDarkSurface:hover::after{display:none}}}@supports ((-webkit-background-clip: text) or (background-clip: text)){.arc-v13-1-0 .arc .arc-Button:active .arc-Button-text,.arc-v13-1-0 .arc .arc-Button--onDarkSurface:active .arc-Button-text,.arc-v13-1-0 .arc .arc-Button[disabled] .arc-Button-text{color:inherit}@media (hover:hover){.arc-v13-1-0 .arc .arc-Button:hover .arc-Button-text,.arc-v13-1-0 .arc .arc-Button--onDarkSurface:hover .arc-Button-text{color:inherit}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.arc-v13-
|
|
1
|
+
.arc-v13-1-0 .arc .arc-ButtonGroup{display:flex;flex-direction:column;flex-wrap:nowrap}@media (min-width:636px){.arc-v13-1-0 .arc .arc-ButtonGroup{flex-direction:row}}.arc-v13-1-0 .arc .arc-ButtonGroup--vertical{flex-direction:column}
|
package/lib/ButtonV2/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.arc-v13-0-0 .arc .arc-ButtonV2{align-items:center;background:var(--button-v2-colors-light-bg-default);border:none;border-radius:var(--button-v2-border-radius-s);color:var(--button-v2-colors-light-text-default-alt);display:flex;height:var(--button-v2-size-s);padding:0 var(--button-v2-padding-l);position:relative;text-decoration:none;width:-moz-fit-content;width:fit-content}.arc-v13-0-0 .arc .arc-ButtonV2-inner{align-items:center;color:inherit;display:flex;gap:var(--button-v2-gap-s)}.arc-v13-0-0 .arc .arc-ButtonV2-label{font:var(--sem-type-interface-button-s)}.arc-v13-0-0 .arc .arc-ButtonV2-icon--active,.arc-v13-0-0 .arc .arc-ButtonV2:hover .arc-ButtonV2-icon--hasActive,.arc-v13-0-0 .arc .arc-ButtonV2:focus-visible .arc-ButtonV2-icon--hasActive{display:none}.arc-v13-0-0 .arc .arc-ButtonV2:hover .arc-ButtonV2-icon--active,.arc-v13-0-0 .arc .arc-ButtonV2:focus-visible .arc-ButtonV2-icon--active{display:block}.arc-v13-0-0 .arc .arc-ButtonV2--m{height:var(--button-v2-size-m);padding:0 var(--button-v2-padding-xxl)}.arc-v13-0-0 .arc .arc-ButtonV2--l{height:var(--button-v2-size-l);padding:0 var(--button-v2-padding-xxxl)}.arc-v13-0-0 .arc .arc-ButtonV2--withIcon{padding:0 var(--button-v2-padding-m) 0 var(--button-v2-padding-l)}.arc-v13-0-0 .arc .arc-ButtonV2--withIconBeforeText{padding:0 var(--button-v2-padding-l) 0 var(--button-v2-padding-m)}.arc-v13-0-0 .arc .arc-ButtonV2--withIconBeforeText .arc-ButtonV2-label{text-align:left}.arc-v13-0-0 .arc .arc-ButtonV2--m.arc-ButtonV2--withIcon{padding:0 var(--button-v2-padding-l) 0 var(--button-v2-padding-xxl)}.arc-v13-0-0 .arc .arc-ButtonV2--m.arc-ButtonV2--withIconBeforeText{padding:0 var(--button-v2-padding-xxl) 0 var(--button-v2-padding-l)}.arc-v13-0-0 .arc .arc-ButtonV2--l.arc-ButtonV2--withIcon{padding:0 var(--button-v2-padding-l) 0 var(--button-v2-padding-xxxl)}.arc-v13-0-0 .arc .arc-ButtonV2--l.arc-ButtonV2--withIconBeforeText{padding:0 var(--button-v2-padding-xxxl) 0 var(--button-v2-padding-l)}.arc-v13-0-0 .arc .arc-ButtonV2--secondary.arc-ButtonV2--m{height:var(--button-v2-size-m);padding:0 calc(var(--button-v2-padding-xxl) - var(--button-v2-border-weight-s))}.arc-v13-0-0 .arc .arc-ButtonV2--secondary.arc-ButtonV2--withIcon{padding:0 calc(var(--button-v2-padding-m) - var(--button-v2-border-weight-s)) 0 calc(var(--button-v2-padding-l) - var(--button-v2-border-weight-s))}.arc-v13-0-0 .arc .arc-ButtonV2--secondary.arc-ButtonV2--m.arc-ButtonV2--withIcon{padding:0 calc(var(--button-v2-padding-l) - var(--button-v2-border-weight-s)) 0 calc(var(--button-v2-padding-xxl) - var(--button-v2-border-weight-s))}.arc-v13-0-0 .arc .arc-ButtonV2--secondary.arc-ButtonV2--withIconBeforeText{padding:0 calc(var(--button-v2-padding-l) - var(--button-v2-border-weight-s)) 0 calc(var(--button-v2-padding-m) - var(--button-v2-border-weight-s))}.arc-v13-0-0 .arc .arc-ButtonV2--secondary.arc-ButtonV2--m.arc-ButtonV2--withIconBeforeText{padding:0 calc(var(--button-v2-padding-xxl) - var(--button-v2-border-weight-s)) 0 calc(var(--button-v2-padding-l) - var(--button-v2-border-weight-s))}.arc-v13-0-0 .arc .arc-ButtonV2--secondary.arc-ButtonV2--l{height:var(--button-v2-size-l);padding:0 calc(var(--button-v2-padding-xxxl) - var(--button-v2-border-weight-s))}.arc-v13-0-0 .arc .arc-ButtonV2--secondary.arc-ButtonV2--l.arc-ButtonV2--withIcon{padding:0 calc(var(--button-v2-padding-l) - var(--button-v2-border-weight-s)) 0 calc(var(--button-v2-padding-xxxl) - var(--button-v2-border-weight-s))}.arc-v13-0-0 .arc .arc-ButtonV2--secondary.arc-ButtonV2--l.arc-ButtonV2--withIconBeforeText{padding:0 calc(var(--button-v2-padding-xxxl) - var(--button-v2-border-weight-s)) 0 calc(var(--button-v2-padding-l) - var(--button-v2-border-weight-s))}.arc-v13-0-0 .arc .arc-ButtonV2--m .arc-ButtonV2-inner,.arc-v13-0-0 .arc .arc-ButtonV2--l .arc-ButtonV2-inner{gap:var(--button-v2-gap-m)}.arc-v13-0-0 .arc .arc-ButtonV2--m .arc-ButtonV2-inner .arc-ButtonV2-label{font:var(--sem-type-interface-button-m)}.arc-v13-0-0 .arc .arc-ButtonV2--l .arc-ButtonV2-inner .arc-ButtonV2-label{font:var(--sem-type-interface-button-l)}.arc-v13-0-0 .arc .arc-ButtonV2--emptyLabel .arc-ButtonV2-inner{gap:0}.arc-v13-0-0 .arc .arc-ButtonV2-inner--iconBeforeText{flex-direction:row-reverse}.arc-v13-0-0 .arc .arc-ButtonV2--isFullWidth{justify-content:center;width:100%}.arc-v13-0-0 .arc .arc-ButtonV2:hover{background:var(--button-v2-colors-light-bg-hover);color:var(--button-v2-colors-light-text-default-alt);cursor:pointer}.arc-v13-0-0 .arc .arc-ButtonV2:active{background:var(--button-v2-colors-light-bg-pressed)}.arc-v13-0-0 .arc .arc-ButtonV2:focus{outline:var(--focus-border-weight-s) solid transparent;outline-offset:2px}.arc-v13-0-0 .arc .arc-ButtonV2:focus-visible{outline-color:var(--focus-colors-light-border-subtle)}.arc-v13-0-0 .arc .arc-ButtonV2.arc-ButtonV2--onDarkSurface:focus-visible{outline-color:var(--focus-colors-dark-border-subtle)}.arc-v13-0-0 .arc .arc-ButtonV2--emptyLabel,.arc-v13-0-0 .arc .arc-ButtonV2--emptyLabel.arc-ButtonV2--m{padding:var(--button-v2-padding-xs)}.arc-v13-0-0 .arc .arc-ButtonV2--secondary.arc-ButtonV2--emptyLabel,.arc-v13-0-0 .arc .arc-ButtonV2--secondary.arc-ButtonV2--emptyLabel.arc-ButtonV2--m{padding:calc(var(--button-v2-padding-xs) - var(--button-v2-border-weight-s))}.arc-v13-0-0 .arc .arc-ButtonV2--secondary{background:transparent;border:var(--button-v2-border-weight-s) solid var(--button-v2-colors-light-border-default);border-radius:var(--button-v2-border-radius-s);color:var(--button-v2-colors-light-text-default);padding:0 calc(var(--button-v2-padding-l) - var(--button-v2-border-weight-s))}.arc-v13-0-0 .arc .arc-ButtonV2--secondary:hover{border-color:var(--button-v2-colors-light-bg-hover);color:var(--button-v2-colors-light-text-default-alt)}.arc-v13-0-0 .arc .arc-ButtonV2--secondary:active{background:transparent;border-color:var(--button-v2-colors-light-border-pressed);color:var(--button-v2-colors-light-text-pressed)}.arc-v13-0-0 .arc .arc-ButtonV2--isLoading .arc-ButtonV2--secondary{background:transparent;border:var(--button-v2-border-weight-s) solid var(--button-v2-colors-light-border-default);border-radius:var(--button-v2-border-radius-s);color:var(--button-v2-colors-light-text-default)}.arc-v13-0-0 .arc .arc-ButtonV2--tertiary{background:transparent;border:none;color:var(--button-v2-colors-light-text-default)}.arc-v13-0-0 .arc .arc-ButtonV2--tertiary:hover{background:var(--button-v2-colors-light-bg-minimal);color:var(--button-v2-colors-light-text-hover)}.arc-v13-0-0 .arc .arc-ButtonV2--tertiary:active{background:var(--button-v2-colors-light-bg-strong);color:var(--button-v2-colors-light-text-pressed)}.arc-v13-0-0 .arc .arc-ButtonV2--warning{background:var(--button-v2-colors-light-status-bg-default);border:none;color:var(--button-v2-colors-light-status-text-default)}.arc-v13-0-0 .arc .arc-ButtonV2--warning:hover{background:var(--button-v2-colors-light-status-bg-hover)}.arc-v13-0-0 .arc .arc-ButtonV2--warning:active{background:var(--button-v2-colors-light-status-bg-pressed)}.arc-v13-0-0 .arc .arc-ButtonV2--onDarkSurface{background:var(--button-v2-colors-dark-bg-default);border:none;color:var(--button-v2-colors-dark-text-default-alt)}.arc-v13-0-0 .arc .arc-ButtonV2--onDarkSurface:hover{background:var(--button-v2-colors-dark-bg-hover);color:var(--button-v2-colors-dark-text-default-alt)}.arc-v13-0-0 .arc .arc-ButtonV2--onDarkSurface:active{background:var(--button-v2-colors-dark-bg-pressed)}.arc-v13-0-0 .arc .arc-ButtonV2--onDarkSurface.arc-ButtonV2--secondary{background:transparent;border:var(--button-v2-border-weight-s) solid var(--button-v2-colors-dark-border-default);color:var(--button-v2-colors-dark-text-default)}.arc-v13-0-0 .arc .arc-ButtonV2--onDarkSurface.arc-ButtonV2--secondary:hover{background:var(--button-v2-colors-dark-bg-hover);border-color:var(--button-v2-colors-dark-bg-hover);color:var(--button-v2-colors-dark-text-default-alt)}.arc-v13-0-0 .arc .arc-ButtonV2--onDarkSurface.arc-ButtonV2--secondary:active{background:transparent;border-color:var(--button-v2-colors-dark-border-pressed);color:var(--button-v2-colors-dark-text-pressed)}.arc-v13-0-0 .arc .arc-ButtonV2--onDarkSurface.arc-ButtonV2--tertiary{background:transparent;border:none;color:var(--button-v2-colors-dark-text-default)}.arc-v13-0-0 .arc .arc-ButtonV2--onDarkSurface.arc-ButtonV2--tertiary:hover{background:var(--button-v2-colors-dark-bg-minimal)}.arc-v13-0-0 .arc .arc-ButtonV2--onDarkSurface.arc-ButtonV2--tertiary:active{background:var(--button-v2-colors-dark-bg-strong);color:var(--button-v2-colors-dark-text-pressed)}.arc-v13-0-0 .arc .arc-ButtonV2--onDarkSurface.arc-ButtonV2--warning{background:var(--button-v2-colors-dark-status-bg-default);border:none;color:var(--button-v2-colors-dark-status-text-default)}.arc-v13-0-0 .arc .arc-ButtonV2--onDarkSurface.arc-ButtonV2--warning:hover{background:var(--button-v2-colors-dark-status-bg-hover)}.arc-v13-0-0 .arc .arc-ButtonV2--onDarkSurface.arc-ButtonV2--warning:active{background:var(--button-v2-colors-dark-status-bg-pressed)}.arc-v13-0-0 .arc .arc-ButtonV2--isLoading.arc-ButtonV2{background:var(--button-v2-colors-light-bg-default);color:var(--button-v2-colors-light-text-default-alt);cursor:not-allowed}.arc-v13-0-0 .arc .arc-ButtonV2--isLoading.arc-ButtonV2--secondary{background:transparent;border:var(--button-v2-border-weight-s) solid var(--button-v2-colors-light-border-default);border-radius:var(--button-v2-border-radius-s);color:var(--button-v2-colors-light-text-default)}.arc-v13-0-0 .arc .arc-ButtonV2--isLoading.arc-ButtonV2--tertiary{background:transparent;border:none;color:var(--button-v2-colors-light-text-default)}.arc-v13-0-0 .arc .arc-ButtonV2--isLoading.arc-ButtonV2--warning{background:var(--button-v2-colors-light-status-bg-default);border:none;color:var(--button-v2-colors-light-status-text-default)}.arc-v13-0-0 .arc .arc-ButtonV2--isLoading.arc-ButtonV2--onDarkSurface{background:var(--button-v2-colors-dark-bg-default);border:none;color:var(--button-v2-colors-dark-text-default-alt)}.arc-v13-0-0 .arc .arc-ButtonV2--isLoading.arc-ButtonV2--onDarkSurface.arc-ButtonV2--secondary{background:transparent;border:var(--button-v2-border-weight-s) solid var(--button-v2-colors-dark-border-default);color:var(--button-v2-colors-dark-text-default)}.arc-v13-0-0 .arc .arc-ButtonV2--isLoading.arc-ButtonV2--onDarkSurface.arc-ButtonV2--tertiary{background:transparent;border:none;color:var(--button-v2-colors-dark-text-default)}.arc-v13-0-0 .arc .arc-ButtonV2--isLoading.arc-ButtonV2--onDarkSurface.arc-ButtonV2--warning{background:var(--button-v2-colors-dark-status-bg-default);border:none;color:var(--button-v2-colors-dark-status-text-default)}.arc-v13-0-0 .arc .arc-ButtonV2--compact,.arc-v13-0-0 .arc .arc-ButtonV2--compact.arc-ButtonV2--withIcon{background:none;border:none;color:var(--button-v2-colors-light-text-default);height:var(--button-v2-size-m);padding:0}.arc-v13-0-0 .arc .arc-ButtonV2--compact:hover{background:none;color:var(--button-v2-colors-light-text-hover);-webkit-text-decoration:var(--sem-underline);text-decoration:var(--sem-underline)}.arc-v13-0-0 .arc .arc-ButtonV2--compact:active{background:none;color:var(--button-v2-colors-light-text-pressed);-webkit-text-decoration:var(--sem-underline);text-decoration:var(--sem-underline)}.arc-v13-0-0 .arc .arc-ButtonV2--compact.arc-ButtonV2--s{height:var(--button-v2-size-s)}.arc-v13-0-0 .arc .arc-ButtonV2--compact.arc-ButtonV2--l{height:var(--button-v2-size-l)}.arc-v13-0-0 .arc .arc-ButtonV2--secondary:hover .arc-Icon,.arc-v13-0-0 .arc .arc-ButtonV2--tertiary:hover .arc-Icon,.arc-v13-0-0 .arc .arc-ButtonV2--compact:hover .arc-Icon{background:currentColor}.arc-v13-0-0 .arc .arc-ButtonV2--emptyLabel,.arc-v13-0-0 .arc .arc-ButtonV2--emptyLabel.arc-ButtonV2--m,.arc-v13-0-0 .arc .arc-ButtonV2--emptyLabel.arc-ButtonV2--compact{padding:var(--button-v2-padding-xs)}.arc-v13-0-0 .arc .arc-ButtonV2--emptyLabel.arc-ButtonV2--compact.arc-ButtonV2--l{padding:4px}.arc-v13-0-0 .arc .arc-ButtonV2--emptyLabel.arc-ButtonV2--l{padding:12px}.arc-v13-0-0 .arc .arc-ButtonV2--secondary.arc-ButtonV2--emptyLabel.arc-ButtonV2--l{padding:calc(12px - var(--button-v2-border-weight-s))}.arc-v13-0-0 .arc .arc-ButtonV2--onDarkSurface.arc-ButtonV2--compact,.arc-v13-0-0 .arc .arc-ButtonV2--onDarkSurface.arc-ButtonV2--compact.arc-ButtonV2--withIcon{color:var(--button-v2-colors-dark-text-default)}.arc-v13-0-0 .arc .arc-ButtonV2--onDarkSurface.arc-ButtonV2--compact:hover{color:var(--button-v2-colors-dark-text-hover);text-decoration:none}.arc-v13-0-0 .arc .arc-ButtonV2--onDarkSurface.arc-ButtonV2--compact:active{color:var(--button-v2-colors-dark-text-pressed)}.arc-v13-0-0 .arc .arc-ButtonV2--isLoading.arc-ButtonV2--onDarkSurface.arc-ButtonV2--compact{color:var(--button-v2-colors-dark-text-default)}
|
|
1
|
+
.arc-v13-1-0 .arc .arc-ButtonV2{align-items:center;background:var(--button-v2-colors-light-bg-default);border:none;border-radius:var(--button-v2-border-radius-s);color:var(--button-v2-colors-light-text-default-alt);display:flex;height:var(--button-v2-size-s);padding:0 var(--button-v2-padding-l);position:relative;text-decoration:none;width:-moz-fit-content;width:fit-content}.arc-v13-1-0 .arc .arc-ButtonV2-inner{align-items:center;color:inherit;display:flex;gap:var(--button-v2-gap-s)}.arc-v13-1-0 .arc .arc-ButtonV2-label{font:var(--sem-type-interface-button-s)}.arc-v13-1-0 .arc .arc-ButtonV2-icon--active,.arc-v13-1-0 .arc .arc-ButtonV2:focus-visible .arc-ButtonV2-icon--hasActive{display:none}@media (hover:hover) and (pointer:fine){.arc-v13-1-0 .arc .arc-ButtonV2:hover .arc-ButtonV2-icon--hasActive{display:none}.arc-v13-1-0 .arc .arc-ButtonV2:hover .arc-ButtonV2-icon--active{display:block}}.arc-v13-1-0 .arc .arc-ButtonV2:focus-visible .arc-ButtonV2-icon--active{display:block}.arc-v13-1-0 .arc .arc-ButtonV2--m{height:var(--button-v2-size-m);padding:0 var(--button-v2-padding-xxl)}.arc-v13-1-0 .arc .arc-ButtonV2--l{height:var(--button-v2-size-l);padding:0 var(--button-v2-padding-xxxl)}.arc-v13-1-0 .arc .arc-ButtonV2--withIcon{padding:0 var(--button-v2-padding-m) 0 var(--button-v2-padding-l)}.arc-v13-1-0 .arc .arc-ButtonV2--withIconBeforeText{padding:0 var(--button-v2-padding-l) 0 var(--button-v2-padding-m)}.arc-v13-1-0 .arc .arc-ButtonV2--withIconBeforeText .arc-ButtonV2-label{text-align:left}.arc-v13-1-0 .arc .arc-ButtonV2--m.arc-ButtonV2--withIcon{padding:0 var(--button-v2-padding-l) 0 var(--button-v2-padding-xxl)}.arc-v13-1-0 .arc .arc-ButtonV2--m.arc-ButtonV2--withIconBeforeText{padding:0 var(--button-v2-padding-xxl) 0 var(--button-v2-padding-l)}.arc-v13-1-0 .arc .arc-ButtonV2--l.arc-ButtonV2--withIcon{padding:0 var(--button-v2-padding-l) 0 var(--button-v2-padding-xxxl)}.arc-v13-1-0 .arc .arc-ButtonV2--l.arc-ButtonV2--withIconBeforeText{padding:0 var(--button-v2-padding-xxxl) 0 var(--button-v2-padding-l)}.arc-v13-1-0 .arc .arc-ButtonV2--secondary.arc-ButtonV2--m{height:var(--button-v2-size-m);padding:0 calc(var(--button-v2-padding-xxl) - var(--button-v2-border-weight-s))}.arc-v13-1-0 .arc .arc-ButtonV2--secondary.arc-ButtonV2--withIcon{padding:0 calc(var(--button-v2-padding-m) - var(--button-v2-border-weight-s)) 0 calc(var(--button-v2-padding-l) - var(--button-v2-border-weight-s))}.arc-v13-1-0 .arc .arc-ButtonV2--secondary.arc-ButtonV2--m.arc-ButtonV2--withIcon{padding:0 calc(var(--button-v2-padding-l) - var(--button-v2-border-weight-s)) 0 calc(var(--button-v2-padding-xxl) - var(--button-v2-border-weight-s))}.arc-v13-1-0 .arc .arc-ButtonV2--secondary.arc-ButtonV2--withIconBeforeText{padding:0 calc(var(--button-v2-padding-l) - var(--button-v2-border-weight-s)) 0 calc(var(--button-v2-padding-m) - var(--button-v2-border-weight-s))}.arc-v13-1-0 .arc .arc-ButtonV2--secondary.arc-ButtonV2--m.arc-ButtonV2--withIconBeforeText{padding:0 calc(var(--button-v2-padding-xxl) - var(--button-v2-border-weight-s)) 0 calc(var(--button-v2-padding-l) - var(--button-v2-border-weight-s))}.arc-v13-1-0 .arc .arc-ButtonV2--secondary.arc-ButtonV2--l{height:var(--button-v2-size-l);padding:0 calc(var(--button-v2-padding-xxxl) - var(--button-v2-border-weight-s))}.arc-v13-1-0 .arc .arc-ButtonV2--secondary.arc-ButtonV2--l.arc-ButtonV2--withIcon{padding:0 calc(var(--button-v2-padding-l) - var(--button-v2-border-weight-s)) 0 calc(var(--button-v2-padding-xxxl) - var(--button-v2-border-weight-s))}.arc-v13-1-0 .arc .arc-ButtonV2--secondary.arc-ButtonV2--l.arc-ButtonV2--withIconBeforeText{padding:0 calc(var(--button-v2-padding-xxxl) - var(--button-v2-border-weight-s)) 0 calc(var(--button-v2-padding-l) - var(--button-v2-border-weight-s))}.arc-v13-1-0 .arc .arc-ButtonV2--m .arc-ButtonV2-inner,.arc-v13-1-0 .arc .arc-ButtonV2--l .arc-ButtonV2-inner{gap:var(--button-v2-gap-m)}.arc-v13-1-0 .arc .arc-ButtonV2--m .arc-ButtonV2-inner .arc-ButtonV2-label{font:var(--sem-type-interface-button-m)}.arc-v13-1-0 .arc .arc-ButtonV2--l .arc-ButtonV2-inner .arc-ButtonV2-label{font:var(--sem-type-interface-button-l)}.arc-v13-1-0 .arc .arc-ButtonV2--emptyLabel .arc-ButtonV2-inner{gap:0}.arc-v13-1-0 .arc .arc-ButtonV2-inner--iconBeforeText{flex-direction:row-reverse}.arc-v13-1-0 .arc .arc-ButtonV2--isFullWidth{justify-content:center;width:100%}@media (hover:hover) and (pointer:fine){.arc-v13-1-0 .arc .arc-ButtonV2:hover{background:var(--button-v2-colors-light-bg-hover);color:var(--button-v2-colors-light-text-default-alt);cursor:pointer}}.arc-v13-1-0 .arc .arc-ButtonV2:active{background:var(--button-v2-colors-light-bg-pressed)}.arc-v13-1-0 .arc .arc-ButtonV2:focus{outline:var(--focus-border-weight-s) solid transparent;outline-offset:2px}.arc-v13-1-0 .arc .arc-ButtonV2:focus-visible{outline-color:var(--focus-colors-light-border-subtle)}.arc-v13-1-0 .arc .arc-ButtonV2.arc-ButtonV2--onDarkSurface:focus-visible{outline-color:var(--focus-colors-dark-border-subtle)}.arc-v13-1-0 .arc .arc-ButtonV2--emptyLabel,.arc-v13-1-0 .arc .arc-ButtonV2--emptyLabel.arc-ButtonV2--m{padding:var(--button-v2-padding-xs)}.arc-v13-1-0 .arc .arc-ButtonV2--secondary.arc-ButtonV2--emptyLabel,.arc-v13-1-0 .arc .arc-ButtonV2--secondary.arc-ButtonV2--emptyLabel.arc-ButtonV2--m{padding:calc(var(--button-v2-padding-xs) - var(--button-v2-border-weight-s))}.arc-v13-1-0 .arc .arc-ButtonV2--secondary{background:transparent;border:var(--button-v2-border-weight-s) solid var(--button-v2-colors-light-border-default);border-radius:var(--button-v2-border-radius-s);color:var(--button-v2-colors-light-text-default);padding:0 calc(var(--button-v2-padding-l) - var(--button-v2-border-weight-s))}@media (hover:hover) and (pointer:fine){.arc-v13-1-0 .arc .arc-ButtonV2--secondary:hover{border-color:var(--button-v2-colors-light-bg-hover);color:var(--button-v2-colors-light-text-default-alt)}}.arc-v13-1-0 .arc .arc-ButtonV2--secondary:active{background:transparent;border-color:var(--button-v2-colors-light-border-pressed);color:var(--button-v2-colors-light-text-pressed)}.arc-v13-1-0 .arc .arc-ButtonV2--isLoading .arc-ButtonV2--secondary{background:transparent;border:var(--button-v2-border-weight-s) solid var(--button-v2-colors-light-border-default);border-radius:var(--button-v2-border-radius-s);color:var(--button-v2-colors-light-text-default)}.arc-v13-1-0 .arc .arc-ButtonV2--tertiary{background:transparent;border:none;color:var(--button-v2-colors-light-text-default)}@media (hover:hover) and (pointer:fine){.arc-v13-1-0 .arc .arc-ButtonV2--tertiary:hover{background:var(--button-v2-colors-light-bg-minimal);color:var(--button-v2-colors-light-text-hover)}}.arc-v13-1-0 .arc .arc-ButtonV2--tertiary:active{background:var(--button-v2-colors-light-bg-strong);color:var(--button-v2-colors-light-text-pressed)}.arc-v13-1-0 .arc .arc-ButtonV2--warning{background:var(--button-v2-colors-light-status-bg-default);border:none;color:var(--button-v2-colors-light-status-text-default)}@media (hover:hover) and (pointer:fine){.arc-v13-1-0 .arc .arc-ButtonV2--warning:hover{background:var(--button-v2-colors-light-status-bg-hover)}}.arc-v13-1-0 .arc .arc-ButtonV2--warning:active{background:var(--button-v2-colors-light-status-bg-pressed)}.arc-v13-1-0 .arc .arc-ButtonV2--onDarkSurface{background:var(--button-v2-colors-dark-bg-default);border:none;color:var(--button-v2-colors-dark-text-default-alt)}@media (hover:hover) and (pointer:fine){.arc-v13-1-0 .arc .arc-ButtonV2--onDarkSurface:hover{background:var(--button-v2-colors-dark-bg-hover);color:var(--button-v2-colors-dark-text-default-alt)}}.arc-v13-1-0 .arc .arc-ButtonV2--onDarkSurface:active{background:var(--button-v2-colors-dark-bg-pressed)}.arc-v13-1-0 .arc .arc-ButtonV2--onDarkSurface.arc-ButtonV2--secondary{background:transparent;border:var(--button-v2-border-weight-s) solid var(--button-v2-colors-dark-border-default);color:var(--button-v2-colors-dark-text-default)}@media (hover:hover) and (pointer:fine){.arc-v13-1-0 .arc .arc-ButtonV2--onDarkSurface.arc-ButtonV2--secondary:hover{background:var(--button-v2-colors-dark-bg-hover);border-color:var(--button-v2-colors-dark-bg-hover);color:var(--button-v2-colors-dark-text-default-alt)}}.arc-v13-1-0 .arc .arc-ButtonV2--onDarkSurface.arc-ButtonV2--secondary:active{background:transparent;border-color:var(--button-v2-colors-dark-border-pressed);color:var(--button-v2-colors-dark-text-pressed)}.arc-v13-1-0 .arc .arc-ButtonV2--onDarkSurface.arc-ButtonV2--tertiary{background:transparent;border:none;color:var(--button-v2-colors-dark-text-default)}@media (hover:hover) and (pointer:fine){.arc-v13-1-0 .arc .arc-ButtonV2--onDarkSurface.arc-ButtonV2--tertiary:hover{background:var(--button-v2-colors-dark-bg-minimal)}}.arc-v13-1-0 .arc .arc-ButtonV2--onDarkSurface.arc-ButtonV2--tertiary:active{background:var(--button-v2-colors-dark-bg-strong);color:var(--button-v2-colors-dark-text-pressed)}.arc-v13-1-0 .arc .arc-ButtonV2--onDarkSurface.arc-ButtonV2--warning{background:var(--button-v2-colors-dark-status-bg-default);border:none;color:var(--button-v2-colors-dark-status-text-default)}@media (hover:hover) and (pointer:fine){.arc-v13-1-0 .arc .arc-ButtonV2--onDarkSurface.arc-ButtonV2--warning:hover{background:var(--button-v2-colors-dark-status-bg-hover)}}.arc-v13-1-0 .arc .arc-ButtonV2--onDarkSurface.arc-ButtonV2--warning:active{background:var(--button-v2-colors-dark-status-bg-pressed)}.arc-v13-1-0 .arc .arc-ButtonV2--isLoading.arc-ButtonV2{background:var(--button-v2-colors-light-bg-default);color:var(--button-v2-colors-light-text-default-alt);cursor:not-allowed}.arc-v13-1-0 .arc .arc-ButtonV2--isLoading.arc-ButtonV2--secondary{background:transparent;border:var(--button-v2-border-weight-s) solid var(--button-v2-colors-light-border-default);border-radius:var(--button-v2-border-radius-s);color:var(--button-v2-colors-light-text-default)}.arc-v13-1-0 .arc .arc-ButtonV2--isLoading.arc-ButtonV2--tertiary{background:transparent;border:none;color:var(--button-v2-colors-light-text-default)}.arc-v13-1-0 .arc .arc-ButtonV2--isLoading.arc-ButtonV2--warning{background:var(--button-v2-colors-light-status-bg-default);border:none;color:var(--button-v2-colors-light-status-text-default)}.arc-v13-1-0 .arc .arc-ButtonV2--isLoading.arc-ButtonV2--onDarkSurface{background:var(--button-v2-colors-dark-bg-default);border:none;color:var(--button-v2-colors-dark-text-default-alt)}.arc-v13-1-0 .arc .arc-ButtonV2--isLoading.arc-ButtonV2--onDarkSurface.arc-ButtonV2--secondary{background:transparent;border:var(--button-v2-border-weight-s) solid var(--button-v2-colors-dark-border-default);color:var(--button-v2-colors-dark-text-default)}.arc-v13-1-0 .arc .arc-ButtonV2--isLoading.arc-ButtonV2--onDarkSurface.arc-ButtonV2--tertiary{background:transparent;border:none;color:var(--button-v2-colors-dark-text-default)}.arc-v13-1-0 .arc .arc-ButtonV2--isLoading.arc-ButtonV2--onDarkSurface.arc-ButtonV2--warning{background:var(--button-v2-colors-dark-status-bg-default);border:none;color:var(--button-v2-colors-dark-status-text-default)}.arc-v13-1-0 .arc .arc-ButtonV2--compact,.arc-v13-1-0 .arc .arc-ButtonV2--compact.arc-ButtonV2--withIcon{background:none;border:none;color:var(--button-v2-colors-light-text-default);height:var(--button-v2-size-m);padding:0}@media (hover:hover) and (pointer:fine){.arc-v13-1-0 .arc .arc-ButtonV2--compact:hover{background:none;color:var(--button-v2-colors-light-text-hover);-webkit-text-decoration:var(--sem-underline);text-decoration:var(--sem-underline)}}.arc-v13-1-0 .arc .arc-ButtonV2--compact:active{background:none;color:var(--button-v2-colors-light-text-pressed);-webkit-text-decoration:var(--sem-underline);text-decoration:var(--sem-underline)}.arc-v13-1-0 .arc .arc-ButtonV2--compact.arc-ButtonV2--s{height:var(--button-v2-size-s)}.arc-v13-1-0 .arc .arc-ButtonV2--compact.arc-ButtonV2--l{height:var(--button-v2-size-l)}@media (hover:hover) and (pointer:fine){.arc-v13-1-0 .arc .arc-ButtonV2--secondary:hover .arc-Icon,.arc-v13-1-0 .arc .arc-ButtonV2--tertiary:hover .arc-Icon,.arc-v13-1-0 .arc .arc-ButtonV2--compact:hover .arc-Icon{background:currentColor}}.arc-v13-1-0 .arc .arc-ButtonV2--emptyLabel,.arc-v13-1-0 .arc .arc-ButtonV2--emptyLabel.arc-ButtonV2--m,.arc-v13-1-0 .arc .arc-ButtonV2--emptyLabel.arc-ButtonV2--compact{padding:var(--button-v2-padding-xs)}.arc-v13-1-0 .arc .arc-ButtonV2--emptyLabel.arc-ButtonV2--compact.arc-ButtonV2--l{padding:4px}.arc-v13-1-0 .arc .arc-ButtonV2--emptyLabel.arc-ButtonV2--l{padding:12px}.arc-v13-1-0 .arc .arc-ButtonV2--secondary.arc-ButtonV2--emptyLabel.arc-ButtonV2--l{padding:calc(12px - var(--button-v2-border-weight-s))}.arc-v13-1-0 .arc .arc-ButtonV2--onDarkSurface.arc-ButtonV2--compact,.arc-v13-1-0 .arc .arc-ButtonV2--onDarkSurface.arc-ButtonV2--compact.arc-ButtonV2--withIcon{color:var(--button-v2-colors-dark-text-default)}@media (hover:hover) and (pointer:fine){.arc-v13-1-0 .arc .arc-ButtonV2--onDarkSurface.arc-ButtonV2--compact:hover{color:var(--button-v2-colors-dark-text-hover)}}.arc-v13-1-0 .arc .arc-ButtonV2--onDarkSurface.arc-ButtonV2--compact:active{color:var(--button-v2-colors-dark-text-pressed)}.arc-v13-1-0 .arc .arc-ButtonV2--isLoading.arc-ButtonV2--onDarkSurface.arc-ButtonV2--compact{color:var(--button-v2-colors-dark-text-default)}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
|
-
var Calendar = require('../_shared/cjs/Calendar-
|
|
4
|
+
var Calendar = require('../_shared/cjs/Calendar-CLWtKvPh.cjs');
|
|
5
5
|
require('../_shared/cjs/tslib.es6-CCZ3TN_7.cjs');
|
|
6
6
|
require('react');
|
|
7
7
|
require('../_shared/cjs/index-BLRjGROQ.cjs');
|
|
8
|
-
require('../_shared/cjs/index.es-
|
|
8
|
+
require('../_shared/cjs/index.es-CCJ64o4N.cjs');
|
|
9
9
|
require('../_shared/cjs/filter-attrs-D19P2s1V.cjs');
|
|
10
10
|
require('../_shared/cjs/use-media-query-BJV2IbHi.cjs');
|
|
11
11
|
require('../_shared/cjs/index-CTlXMLug.cjs');
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
export { C as Calendar } from '../_shared/esm/Calendar-
|
|
2
|
+
export { C as Calendar } from '../_shared/esm/Calendar-BcYEIJhA.mjs';
|
|
3
3
|
import '../_shared/esm/tslib.es6-w7hdJ3oZ.mjs';
|
|
4
4
|
import 'react';
|
|
5
5
|
import '../_shared/esm/index-Cr6KeQLU.mjs';
|
|
6
|
-
import '../_shared/esm/index.es-
|
|
6
|
+
import '../_shared/esm/index.es-BJl4zTyt.mjs';
|
|
7
7
|
import '../_shared/esm/filter-attrs-v_SweZXP.mjs';
|
|
8
8
|
import '../_shared/esm/use-media-query-l6Sou0dd.mjs';
|
|
9
9
|
import '../_shared/esm/index-5C0-U8cc.mjs';
|
package/lib/Calendar/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.arc-v13-
|
|
1
|
+
.arc-v13-1-0 .arc .arc-CalendarDateSelect-wrapper{align-items:center;display:flex;position:relative}.arc-v13-1-0 .arc .arc-CalendarDateSelect{-webkit-appearance:none;-moz-appearance:none;appearance:none;bottom:0;cursor:pointer;font:var(--sem-type-interface-reg-m);left:0;opacity:0;position:absolute;right:0;top:0}.arc-v13-1-0 .arc .arc-CalendarDateSelect-label{border:var(--calendar-border-weight-s) solid var(--calendar-colors-light-border-strong);border-radius:var(--calendar-border-radius-s);padding:var(--calendar-padding-s) 28px 4px var(--calendar-padding-s);pointer-events:none;position:relative;text-transform:uppercase}.arc-v13-1-0 .arc .arc-CalendarDateSelect:focus-visible+.arc-CalendarDateSelect-label{outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle)}.arc-v13-1-0 .arc .arc-CalendarDateSelect-icon{pointer-events:none;position:absolute;right:4px;top:6px}.arc-v13-1-0 .arc .arc-CalendarDoubleMonthView-header{align-items:center;display:flex;padding:var(--calendar-gap-m) 0 0}.arc-v13-1-0 .arc .arc-CalendarDoubleMonthView-headerMonth{align-items:center;display:flex;text-transform:uppercase;width:50%}.arc-v13-1-0 .arc .arc-CalendarDoubleMonthView-headerMonth>.arc-CalendarDoubleMonthView-headerMonthItem{align-items:center;display:flex;width:calc(100% / 3)}.arc-v13-1-0 .arc .arc-CalendarDoubleMonthView-header>.arc-CalendarDoubleMonthView-headerMonth:last-of-type{justify-content:flex-end}.arc-v13-1-0 .arc .arc-CalendarDoubleMonthView-header>.arc-CalendarDoubleMonthView-headerMonth:last-of-type>.arc-CalendarDoubleMonthView-headerMonthItem{align-items:center;display:flex;justify-content:flex-end}.arc-v13-1-0 .arc .arc-CalendarMonthView-header{align-items:center;display:flex;padding:var(--calendar-gap-m) 0 0}.arc-v13-1-0 .arc .arc-CalendarMonthView-headingContainer{flex:1 1 auto;text-align:center;text-transform:uppercase}.arc-v13-1-0 .arc .arc-CalendarMonthYearView-header{align-items:center;display:flex;padding:var(--calendar-gap-m) 0 0}.arc-v13-1-0 .arc .arc-CalendarMonthYearView-selectWrapper{align-items:center;display:flex;flex:1 1 auto}.arc-v13-1-0 .arc .arc-CalendarMonthYearView-yearSelectContainer{margin-left:var(--calendar-gap-m)}.arc-v13-1-0 .arc .arc-CalendarMonthYearView-navButtonContainer{align-items:center;display:flex;margin-left:var(--calendar-gap-xs)}.arc-v13-1-0 .arc .arc-CalendarDayGrid{--arc-grid-item-size:40px;padding-bottom:var(--calendar-padding-xl)}@media (min-width: 375px){.arc-v13-1-0 .arc .arc-CalendarDayGrid{--arc-grid-item-size:48px}}.arc-v13-1-0 .arc .arc-CalendarDayGrid--dual{display:flex}.arc-v13-1-0 .arc .arc-CalendarDayGrid-table{border-collapse:collapse}.arc-v13-1-0 .arc .arc-CalendarDayGrid-month:nth-of-type(2){margin-left:40px}.arc-v13-1-0 .arc .arc-CalendarDayGrid tr>th,.arc-v13-1-0 .arc .arc-CalendarDayGrid tr>td{height:var(--arc-grid-item-size);width:var(--arc-grid-item-size)}.arc-v13-1-0 .arc .arc-CalendarWrapper{border-radius:var(--calendar-border-radius-s);box-shadow:var(--elevation-02);overflow:hidden;width:-moz-max-content;width:max-content}.arc-v13-1-0 .arc .arc-CalendarWrapper-inner{padding:var(--calendar-padding-xl) var(--calendar-padding-l)}@media (min-width:768px){.arc-v13-1-0 .arc .arc-CalendarWrapper-inner{padding:var(--calendar-padding-xl) 24px}}.arc-v13-1-0 .arc .arc-CalendarWrapper--uncontained{box-shadow:none}.arc-v13-1-0 .arc .arc-CalendarWrapper--uncontained .arc-CalendarWrapper-inner{padding:0}.arc-v13-1-0 .arc .arc-CalendarNavButton{align-items:center;background-color:transparent;border:none;border-radius:50%;color:var(--calendar-colors-light-text-strong);cursor:pointer;display:flex;height:var(--calendar-size-l);justify-content:center;margin:0;outline:none;padding:0;width:var(--calendar-size-l)}.arc-v13-1-0 .arc .arc-CalendarNavButton-icon{height:var(--calendar-size-icon-m);width:var(--calendar-size-icon-m)}.arc-v13-1-0 .arc .arc-CalendarNavButton:disabled{color:transparent;pointer-events:none}.arc-v13-1-0 .arc .arc-CalendarNavButton:hover:enabled{background:var(--calendar-colors-light-bg-hover-alt);color:var(--sem-color-bg-primary-light-subtle)}.arc-v13-1-0 .arc .arc-CalendarNavButton:focus-visible:enabled{box-shadow:inset 0 0 0 var(--calendar-border-weight-m) var(--focus-colors-light-border-subtle)}.arc-v13-1-0 .arc .arc-CalendarDayNumber{background-color:transparent;border:none;cursor:pointer;height:100%;margin:0;outline:none;padding:var(--calendar-padding-s);position:relative;width:100%}.arc-v13-1-0 .arc .arc-CalendarDayNumber[aria-disabled="true"]{color:#aaaaaa;cursor:not-allowed}.arc-v13-1-0 .arc .arc-CalendarDayNumber-buttonOuter{position:relative}.arc-v13-1-0 .arc .arc-CalendarDayNumber-buttonOuter,.arc-v13-1-0 .arc .arc-CalendarDayNumber-buttonInner{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.arc-v13-1-0 .arc .arc-CalendarDayNumber-buttonInner{border-radius:var(--calendar-border-radius-xl)}.arc-v13-1-0 .arc .arc-CalendarDayNumber--selected .arc-CalendarDayNumber-buttonInner{background-color:var(--calendar-colors-light-bg-pressed);color:var(--calendar-colors-light-text-default-alt)}.arc-v13-1-0 .arc .arc-CalendarDayNumber:focus-visible .arc-CalendarDayNumber-buttonInner{box-shadow:inset 0 0 0 var(--calendar-border-weight-m) var(--focus-colors-light-border-subtle)}.arc-v13-1-0 .arc .arc-CalendarDayNumber--selected:focus-visible .arc-CalendarDayNumber-buttonInner{box-shadow:none;outline:var(--calendar-border-weight-m) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc-v13-1-0 .arc .arc-CalendarDayNumber--selected[aria-disabled="true"] .arc-CalendarDayNumber-buttonInner{background:#d9d9d9}.arc-v13-1-0 .arc .arc-CalendarDayNumber:focus-visible[aria-disabled="true"] .arc-CalendarDayNumber-buttonInner{box-shadow:inset 0 0 0 var(--focus-border-weight-s) #6b6b6b}.arc-v13-1-0 .arc .arc-CalendarDayNumber--todayDate .arc-CalendarDayNumber-buttonInner::after{background-color:var(--calendar-colors-light-text-strong);border-radius:50%;bottom:6px;content:"";display:block;height:4px;position:absolute;width:4px}.arc-v13-1-0 .arc .arc-CalendarDayNumber--todayDate.arc-CalendarDayNumber--selected .arc-CalendarDayNumber-buttonInner::after{background-color:var(--calendar-colors-light-text-default-alt)}.arc-v13-1-0 .arc .arc-CalendarDayNumber--todayDate[aria-disabled="true"] .arc-CalendarDayNumber-buttonInner::after{background-color:#d9d9d9}.arc-v13-1-0 .arc .arc-CalendarDayNumber--todayDate.arc-CalendarDayNumber--selected[aria-disabled="true"] .arc-CalendarDayNumber-buttonInner::after{background-color:var(--calendar-colors-light-text-default-alt)}.arc-v13-1-0 .arc .arc-CalendarDayNumber--hightlightedRange::before{background:var(--calendar-colors-light-bg-subtle);bottom:var(--calendar-padding-s);content:"";display:block;left:0;position:absolute;right:0;top:var(--calendar-padding-s)}.arc-v13-1-0 .arc .arc-CalendarDayNumber--hightlightedRangeRoundedLeft::before{border-bottom-left-radius:var(--calendar-border-radius-xl);border-top-left-radius:var(--calendar-border-radius-xl);left:var(--calendar-padding-s)}.arc-v13-1-0 .arc .arc-CalendarDayNumber--hightlightedRangeRoundedRight::before{border-bottom-right-radius:var(--calendar-border-radius-xl);border-top-right-radius:var(--calendar-border-radius-xl);right:var(--calendar-padding-s)}@media (hover:hover){.arc-v13-1-0 .arc .arc-CalendarDayNumber:not([aria-disabled="true"]):hover .arc-CalendarDayNumber-buttonInner{box-shadow:inset 0 0 0 var(--calendar-border-weight-m) var(--calendar-colors-light-border-hover)}.arc-v13-1-0 .arc .arc-CalendarDayNumber--selected:not([aria-disabled="true"]):hover .arc-CalendarDayNumber-buttonInner{background-color:var(--calendar-colors-light-bg-hover);box-shadow:inset 0 0 0 var(--calendar-border-weight-m) var(--calendar-colors-light-border-hover)}}.arc-v13-1-0 .arc .arc-CalendarFooter{align-items:center;display:flex;justify-content:flex-end;list-style:none;margin:0;padding:0 var(--calendar-gap-s) 0 0}.arc-v13-1-0 .arc .arc-CalendarFooter-button{background:transparent;border:none;color:var(--calendar-colors-light-text-default);cursor:pointer;font:var(--sem-type-body-semi-m);margin:0;outline:none}.arc-v13-1-0 .arc .arc-CalendarFooter-button:focus-visible{box-shadow:inset 0 0 0 var(--calendar-border-weight-m) var(--focus-colors-light-border-subtle)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.arc-v13-
|
|
1
|
+
.arc-v13-1-0 .arc .arc-CardFooter{align-items:center;display:flex}.arc-v13-1-0 .arc .arc-CardFooter-buttonIcon{align-items:center;background:var(--card-colors-light-fg-default);border-radius:100%;color:var(--card-colors-light-bg-default-alt);display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%;z-index:1}.arc-v13-1-0 .arc .arc-CardFooter-buttonIconRight,.arc-v13-1-0 .arc .arc-CardFooter-buttonIconLeft{height:var(--card-size-icon-s);transition:transform 0.3s;transition-timing-function:cubic-bezier(0.47,0,0.23,1.38);width:var(--card-size-icon-s)}.arc-v13-1-0 .arc .arc-CardFooter-buttonIconRight{position:absolute;transform:translateX(0);z-index:2}.arc-v13-1-0 .arc .arc-CardFooter-buttonIconLeft{opacity:1;position:absolute;transform:translateX(calc(var(--card-size-s) - (var(--card-size-s) * 2)));z-index:2}.arc-v13-1-0 .arc .arc-CardFooter-buttonIconRight--isHovered~.arc-CardFooter-buttonIconLeft{transform:translateX(0%)}.arc-v13-1-0 .arc .arc-CardFooter-buttonIconRight--isHovered{transform:translateX(var(--card-size-s))}.arc-v13-1-0 .arc .arc-CardFooter-footer{align-items:center;display:flex}.arc-v13-1-0 .arc .arc-CardFooter-button{height:var(--card-size-s);pointer-events:none;position:relative;width:var(--card-size-s)}.arc-v13-1-0 .arc .arc-CardFooter-button>.arc-CardFooter-buttonIcon{bottom:0;left:0;position:absolute;right:0;top:0}.arc-v13-1-0 .arc .arc-CardFooter-metaTextContainer{flex:1 1 auto}.arc-v13-1-0 .arc .arc-CardFooter-metaText{color:var(--card-colors-light-text-support);font:var(--sem-type-body-reg-xs);text-transform:uppercase}.arc-v13-1-0 .arc .arc-CardFooter--darkPathway .arc-CardFooter-metaText{color:var(--card-colors-dark-text-support)}.arc-v13-1-0 .arc .arc-CardFooter--darkPathway .arc-CardFooter-buttonIcon{background:var(--card-colors-dark-fg-default-alt);color:var(--card-colors-light-bg-default)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.arc-v13-
|
|
1
|
+
.arc-v13-1-0 .arc .arc-CardHeading{margin:0}.arc-v13-1-0 .arc-CardHeading--s{font:var(--sem-type-mobile-semi-s)}.arc-v13-1-0 .arc-CardHeading--m{font:var(--sem-type-mobile-semi-m)}.arc-v13-1-0 .arc .arc-CardHeading-link{border:none;color:inherit;cursor:pointer;font-family:inherit;font-weight:inherit;outline:none;text-align:left;text-decoration:none;transition:color 0.4s ease}.arc-v13-1-0 .arc .arc-CardHeading-link:hover,.arc-v13-1-0 .arc .arc-CardHeading-link:focus{color:inherit;outline:none;text-decoration:none}.arc-v13-1-0 .arc .arc-CardHeading-link::after{bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0}@media (min-width:768px){.arc-v13-1-0 .arc .arc-CardHeading{font:var(--sem-type-tablet-semi-m)}}@media (min-width:1024px){.arc-v13-1-0 .arc .arc-CardHeading{font:var(--sem-type-desktop-semi-m)}}
|
|
@@ -6,7 +6,7 @@ var React = require('react');
|
|
|
6
6
|
var index = require('../_shared/cjs/index-CTlXMLug.cjs');
|
|
7
7
|
var useMediaQuery = require('../_shared/cjs/use-media-query-BJV2IbHi.cjs');
|
|
8
8
|
var ThemeIcon = require('../_shared/cjs/ThemeIcon-CwYN77IF.cjs');
|
|
9
|
-
var index_es = require('../_shared/cjs/index.es-
|
|
9
|
+
var index_es = require('../_shared/cjs/index.es-CCJ64o4N.cjs');
|
|
10
10
|
require('../_shared/cjs/suffix-modifier-DLUGR-yG.cjs');
|
|
11
11
|
require('../_shared/cjs/index-DR8Rkav9.cjs');
|
|
12
12
|
require('../_shared/cjs/filter-attrs-D19P2s1V.cjs');
|
|
@@ -2130,17 +2130,17 @@ var KeyNames;
|
|
|
2130
2130
|
})(KeyNames || (KeyNames = {}));
|
|
2131
2131
|
|
|
2132
2132
|
var Carousel = function (_a) {
|
|
2133
|
-
var children = _a.children, responsive = _a.responsive, _b = _a.itemsToScroll, itemsToScroll = _b === void 0 ? 1 : _b, _c = _a.itemsPerSlide, itemsPerSlide = _c === void 0 ? 1 : _c, _d = _a.
|
|
2133
|
+
var children = _a.children, responsive = _a.responsive, _b = _a.itemsToScroll, itemsToScroll = _b === void 0 ? 1 : _b, _c = _a.itemsPerSlide, itemsPerSlide = _c === void 0 ? 1 : _c, _d = _a.controlsPosition, controlsPosition = _d === void 0 ? "bottom" : _d, _e = _a.behavior, behavior = _e === void 0 ? "default" : _e, _f = _a.overflow, overflow = _f === void 0 ? "hidden" : _f, _g = _a.withGutter, withGutter = _g === void 0 ? true : _g, _h = _a.loop, loop = _h === void 0 ? false : _h, _j = _a.isPartialVisible, isPartialVisible = _j === void 0 ? false : _j, autoplay = _a.autoplay, isPlaying = _a.isPlaying, fade = _a.fade;
|
|
2134
2134
|
var id = React.useId();
|
|
2135
2135
|
var autoPlayOptions = autoplay
|
|
2136
2136
|
? tslib_es6.__assign({ playOnInit: true, delay: 3000, stopOnInteraction: true, stopOnMouseEnter: false, stopOnFocusIn: true, stopOnLastSnap: false }, autoplay) : undefined;
|
|
2137
|
-
var
|
|
2137
|
+
var _k = useEmblaCarousel(tslib_es6.__assign(tslib_es6.__assign({}, getOptions(itemsToScroll, loop, responsive)), (fade ? { inViewThreshold: 0.74 } : {})), tslib_es6.__spreadArray(tslib_es6.__spreadArray([], (autoPlayOptions ? [Autoplay(autoPlayOptions)] : []), true), (fade
|
|
2138
2138
|
? [
|
|
2139
2139
|
ClassNames({
|
|
2140
2140
|
inView: "arc-Carousel-slide--isInView",
|
|
2141
2141
|
}),
|
|
2142
2142
|
]
|
|
2143
|
-
: []), true)), emblaRef =
|
|
2143
|
+
: []), true)), emblaRef = _k[0], emblaApi = _k[1];
|
|
2144
2144
|
React.useEffect(function () {
|
|
2145
2145
|
var _a;
|
|
2146
2146
|
if (!emblaApi || !autoplay)
|
|
@@ -2153,11 +2153,11 @@ var Carousel = function (_a) {
|
|
|
2153
2153
|
autoplayPlugin.stop();
|
|
2154
2154
|
}
|
|
2155
2155
|
}, [emblaApi, isPlaying, autoplay]);
|
|
2156
|
-
var
|
|
2156
|
+
var _l = React.useState(), dotButtonFocusIndex = _l[0], setCarouselDotButtonFocusIndex = _l[1];
|
|
2157
2157
|
var prevButtonRef = React.useRef(null);
|
|
2158
|
-
var
|
|
2159
|
-
var
|
|
2160
|
-
var
|
|
2158
|
+
var _m = React.useState(0), visibleSlideIndex = _m[0], setVisibleSlideIndex = _m[1];
|
|
2159
|
+
var _o = React.useState(true), prevButtonEnabled = _o[0], setPrevButtonEnabled = _o[1];
|
|
2160
|
+
var _p = React.useState(true), nextButtonEnabled = _p[0], setNextButtonEnabled = _p[1];
|
|
2161
2161
|
var isMinWidthArcBreakpointXs = useMediaQuery.useMediaQuery(XS_BREAKPOINT);
|
|
2162
2162
|
var isMinWidthArcBreakpointS = useMediaQuery.useMediaQuery(S_BREAKPOINT);
|
|
2163
2163
|
var isMinWidthArcBreakpointM = useMediaQuery.useMediaQuery(M_BREAKPOINT);
|
|
@@ -2214,7 +2214,7 @@ var Carousel = function (_a) {
|
|
|
2214
2214
|
emblaApi.on("reInit", onSelect).on("select", onSelect);
|
|
2215
2215
|
}, [emblaApi, onSelect]);
|
|
2216
2216
|
React.useEffect(function () {
|
|
2217
|
-
if (!emblaApi)
|
|
2217
|
+
if (!emblaApi || behavior === "adaptive")
|
|
2218
2218
|
return;
|
|
2219
2219
|
emblaApi.scrollTo(0);
|
|
2220
2220
|
}, [
|
|
@@ -2224,16 +2224,28 @@ var Carousel = function (_a) {
|
|
|
2224
2224
|
isMinWidthArcBreakpointM,
|
|
2225
2225
|
isMinWidthArcBreakpointL,
|
|
2226
2226
|
isMinWidthArcBreakpointXl,
|
|
2227
|
+
behavior,
|
|
2227
2228
|
]);
|
|
2228
|
-
return (React.createElement("div", { className: "arc-Carousel"
|
|
2229
|
-
|
|
2229
|
+
return (React.createElement("div", { className: index.classNames("arc-Carousel", {
|
|
2230
|
+
"arc-Carousel--relative": controlsPosition === "middle",
|
|
2231
|
+
}) },
|
|
2232
|
+
React.createElement("div", { className: index.classNames("arc-Carousel-container", {
|
|
2233
|
+
"arc-Carousel-container--showOverflow": overflow === "visible",
|
|
2234
|
+
}) },
|
|
2230
2235
|
React.createElement("div", { ref: emblaRef, className: index.classNames("arc-Carousel-viewport", {
|
|
2231
2236
|
"arc-Carousel-viewport--gutter": withGutter,
|
|
2232
2237
|
}) },
|
|
2233
|
-
React.createElement("div", { className: "arc-Carousel-slider", role: "region", "aria-roledescription": "carousel" }, React.Children.map(children, function (child, i) { return (React.createElement("div", { onKeyDown: onSlideKeyDown,
|
|
2238
|
+
React.createElement("div", { className: "arc-Carousel-slider", role: "region", "aria-roledescription": "carousel" }, React.Children.map(children, function (child, i) { return (React.createElement("div", tslib_es6.__assign({ onKeyDown: onSlideKeyDown, className: index.classNames("arc-Carousel-slide", {
|
|
2234
2239
|
"arc-Carousel-slide--fade": fade,
|
|
2235
|
-
}), key: "".concat(id, "-option-").concat(i), role: "group", "aria-roledescription": "slide" },
|
|
2236
|
-
|
|
2240
|
+
}), key: "".concat(id, "-option-").concat(i), role: "group", "aria-roledescription": "slide" }, (behavior === "default" && {
|
|
2241
|
+
style: {
|
|
2242
|
+
flex: "0 0 ".concat(slideWidth, "%"),
|
|
2243
|
+
width: "".concat(slideWidth, "%"),
|
|
2244
|
+
},
|
|
2245
|
+
})), child)); })))),
|
|
2246
|
+
React.createElement("div", { className: index.classNames("arc-Carousel-nav", {
|
|
2247
|
+
"arc-Carousel-nav--middle": controlsPosition === "middle",
|
|
2248
|
+
}) },
|
|
2237
2249
|
React.createElement("button", { "data-testid": "previous-button", ref: prevButtonRef, className: index.classNames("arc-Carousel-navButton", {
|
|
2238
2250
|
"arc-Carousel-navButton--hidden": !prevButtonEnabled,
|
|
2239
2251
|
}), onClick: scrollPrev, "aria-label": "Show slide ".concat(visibleSlideIndex) },
|