@arc-ui/components 12.0.0-beta.5 → 12.0.0-beta.8

package/dist/TextInput/styles.css

@@ -0,0 +1 @@
+.arc .arc-TextInput-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:var(--textinput-border-radius-m);font:var(--sem-type-body-reg-m);height:calc(var(--textinput-size-m) - (2 * var(--textinput-border-weight-s)));height:calc(var(--textinput-size-m) - (2 * var(--textinput-border-weight-s)));height:calc(var(--textinput-size-m) - calc(2 * var(--textinput-border-weight-s)));margin-bottom:0;padding:0 calc(var(--textinput-padding-m) - var(--textinput-border-weight-s));width:100%}.arc .arc-TextInput-inputWrapper{align-items:baseline;background-color:var(--textinput-colors-light-bg-default);border:var(--textinput-border-weight-s) solid var(--textinput-colors-light-border-default);border-radius:var(--textinput-border-radius-m);color:var(--textinput-colors-light-text-default);display:flex;height:100%;margin-top:var(--textinput-gap-m);position:relative}.arc .arc-TextInput--sizeS .arc-TextInput-input{font:var(--sem-type-body-reg-s);height:calc(var(--textinput-size-s) - (2 * var(--textinput-border-weight-s)));height:calc(var(--textinput-size-s) - (2 * var(--textinput-border-weight-s)));height:calc(var(--textinput-size-s) - calc(2 * var(--textinput-border-weight-s)));padding:calc(4px - var(--textinput-border-weight-s)) calc(var(--textinput-padding-s) - var(--textinput-border-weight-s))}.arc .arc-TextInput--sizeL .arc-TextInput-input{font:var(--sem-type-body-reg-l);height:calc(var(--textinput-size-l) - (2 * var(--textinput-border-weight-s)));height:calc(var(--textinput-size-l) - (2 * var(--textinput-border-weight-s)));height:calc(var(--textinput-size-l) - calc(2 * var(--textinput-border-weight-s)));padding:calc(18px - var(--textinput-border-weight-s)) calc(var(--textinput-padding-l) - var(--textinput-border-weight-s))}.arc .arc-TextInput-additionalControl{position:absolute;right:0;text-decoration:underline;top:50%;transform:translateY(-50%)}.arc .arc-TextInput-passwordToggle{background-color:transparent;border:none;color:var(--textinput-colors-light-text-default);cursor:pointer;flex:0 1 auto;font:var(--sem-type-body-reg-m);margin-right:7px;padding:0 4px}.arc .arc-TextInput-passwordToggle:focus{border-radius:var(--focus-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc .arc-TextInput-prefix{flex:0 1 auto;font:var(--sem-type-body-reg-m);font-weight:700;padding:0 4px 0 calc(12px - 1px)}.arc .arc-TextInput-suffix{flex:0 1 auto;font:var(--sem-type-body-reg-m);font-weight:700;padding:0 calc(12px - 1px) 0 4px}.arc .arc-TextInput--withPrefix .arc-TextInput-input{padding-left:0}.arc .arc-TextInput--withSuffix .arc-TextInput-input,.arc .arc-TextInput--withPasswordToggle .arc-TextInput-input{padding-right:0}.arc .arc-TextInput--sizeS .arc-TextInput-prefix{padding-left:calc(8px - 1px)}.arc .arc-TextInput--sizeS .arc-TextInput-suffix,.arc .arc-TextInput--sizeS .arc-TextInput-passwordToggle{padding-right:calc(8px - 1px)}.arc .arc-TextInput--sizeL .arc-TextInput-prefix{padding-left:calc(16px - 1px)}.arc .arc-TextInput--sizeL .arc-TextInput-suffix,.arc .arc-TextInput--sizeL .arc-TextInput-passwordToggle{padding-right:calc(16px - 1px)}.arc .arc-TextInput-input:focus{outline:0}.arc .arc-TextInput-input:focus-visible{border:none}.arc .arc-TextInput--alignRight .arc-TextInput-input{text-align:right}.arc .arc-TextInput--sizeS .arc-TextInput-passwordToggle,.arc .arc-TextInput--sizeS .arc-TextInput-prefix,.arc .arc-TextInput--sizeS .arc-TextInput-suffix{font:var(--sem-type-body-reg-s)}.arc .arc-TextInput--sizeL .arc-TextInput-passwordToggle,.arc .arc-TextInput--sizeL .arc-TextInput-prefix,.arc .arc-TextInput--sizeL .arc-TextInput-suffix{font:var(--sem-type-body-reg-l)}.arc .arc-TextInput-iconButton{background-color:transparent;background-origin:border-box;border:var(--textinput-border-weight-m) solid transparent;border-radius:var(--textinput-border-radius-l);cursor:pointer;display:block;margin:0;padding:0 6px;text-decoration:none}.arc .arc-TextInput-input:disabled{background-color:var(--textinput-colors-light-bg-disabled);border-color:var(--textinput-colors-light-border-disabled);color:var(--textinput-colors-light-text-disabled)}.arc .arc-TextInput-input:disabled,.arc .arc-TextInput-iconButton:disabled{cursor:not-allowed}.arc .arc-TextInput-iconButton:focus-visible{border-color:var(--focus-colors-light-border-subtle);outline:none}.arc .arc-TextInput--onDarkSurface .arc-TextInput-inputWrapper,.arc .arc-TextInput--onDarkSurface .arc-TextInput-input{background-color:var(--textinput-colors-dark-bg-default);border-color:var(--textinput-colors-dark-border-default);color:var(--textinput-colors-dark-text-default)}.arc .arc-TextInput--onDarkSurface .arc-TextInput-passwordToggle{color:var(--textinput-colors-dark-text-default)}.arc .arc-TextInput--invalid .arc-TextInput-inputWrapper,.arc .arc-TextInput--invalid .arc-TextInput-input{background-color:var(--textinput-colors-light-bg-error);border-color:var(--textinput-colors-dark-border-error)}.arc .arc-TextInput-inputWrapper[\:has\(\%0A\%20\%20\%20\%20\:not\(.arc-TextInput-iconButton\)\:focus-visible\%0A\%20\%20\)]{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-light-border-subtle);outline:var(--focus-border-weight-s) solid transparent}.arc .arc-TextInput-inputWrapper[\:has\(\:not\(.arc-TextInput-iconButton\)\:focus-visible\)]{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-light-border-subtle);outline:var(--focus-border-weight-s) solid transparent}.arc .arc-TextInput-inputWrapper:has(:not(.arc-TextInput-iconButton):focus-visible){box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-light-border-subtle);outline:var(--focus-border-weight-s) solid transparent}.arc .arc-TextInput--onDarkSurface.arc-TextInput--invalid .arc-TextInput-input{background-color:var(--textinput-colors-dark-bg-error);border-color:var(--textinput-colors-dark-border-error)}.arc .arc-TextInput--onDarkSurface .arc-TextInput-iconButton{color:var(--textinput-colors-dark-border-default)}.arc .arc-TextInput--onDarkSurface .arc-TextInput-iconButton:focus-visible{border-color:var(--textarea-colors-dark-border-focus)}.arc .arc-TextInput--onDarkSurface .arc-TextInput-input::-moz-placeholder{color:var(--textinput-colors-dark-border-default)}.arc .arc-TextInput--onDarkSurface .arc-TextInput-input::placeholder{color:var(--textinput-colors-dark-border-default)}.arc .arc-TextInput--onDarkSurface .arc-TextInput-inputWrapper[\:has\(\%0A\%20\%20\%20\%20\:not\(.arc-TextInput-iconButton\)\:focus-visible\%0A\%20\%20\)]{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle)}.arc .arc-TextInput--onDarkSurface .arc-TextInput-inputWrapper[\:has\(\:not\(.arc-TextInput-iconButton\)\:focus-visible\)]{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle)}.arc .arc-TextInput--onDarkSurface .arc-TextInput-inputWrapper:has(:not(.arc-TextInput-iconButton):focus-visible){box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle)}.arc .arc-TextInput--onDarkSurface .arc-TextInput-input:disabled{background-color:var(--textinput-colors-dark-bg-disabled);border-color:var(--textinput-colors-dark-border-disabled);color:var(--textinput-colors-dark-text-disabled)}.arc .arc-TextInput--onDarkSurface.arc-TextInput--invalid .arc-TextInput-inputWrapper .arc-TextInput-input,.arc .arc-TextInput--onDarkSurface.arc-TextInput--invalid .arc-TextInput-inputWrapper{background-color:var(--textinput-colors-dark-bg-error);border-color:var(--textinput-colors-dark-border-error)}.arc .arc-TextInput-input:disabled,.arc .arc-TextInput--isDisabled .arc-TextInput-inputWrapper{background-color:var(--textinput-colors-light-bg-disabled);border-color:var(--textinput-colors-light-border-disabled);color:var(--textinput-colors-light-text-disabled);cursor:not-allowed}.arc .arc-TextInput--onDarkSurface.arc-TextInput--isDisabled .arc-TextInput-inputWrapper,.arc .arc-TextInput--onDarkSurface .arc-TextInput-input:disabled{background-color:var(--textinput-colors-dark-bg-disabled);border-color:var(--textinput-colors-dark-border-disabled);color:var(--textinput-colors-dark-text-disabled)}.arc .arc-TextInput-input:-webkit-autofill, .arc .arc-TextInput-input:-webkit-autofill:hover, .arc .arc-TextInput-input:-webkit-autofill:focus{box-shadow:0 0 0 1000px #ffffff inset !important}.arc .arc-TextInput-input:autofill,.arc .arc-TextInput-input:autofill:hover,.arc .arc-TextInput-input:autofill:focus{box-shadow:0 0 0 1000px #ffffff inset !important}.arc .arc-TextInput--onDarkSurface .arc-TextInput-passwordToggle:focus{outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-subtle)}

package/dist/Theme/Theme.cjs.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('../_shared/cjs/index-df60851b.js');
+var index_es = require('../_shared/cjs/index.es-b404d2c5.js');
 var React = require('react');
-var index$1 = require('../_shared/cjs/index-9947ac13.js');
+var index = require('../_shared/cjs/index-9947ac13.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -14,15 +14,16 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  * Use `Theme` component to apply a specific theme to its children.
  */
 var Theme = function (_a) {
-    var _b = _a.theme, theme = _b === void 0 ? "bt-enterprise" : _b, _c = _a.resetCssStyles, resetCssStyles = _c === void 0 ? true : _c, children = _a.children, props = index.__rest(_a, ["theme", "resetCssStyles", "children"]);
+    var _b = _a.theme, theme = _b === void 0 ? "bt-enterprise" : _b, _c = _a.resetCssStyles, resetCssStyles = _c === void 0 ? true : _c, children = _a.children, props = index_es.__rest(_a, ["theme", "resetCssStyles", "children"]);
     var iconClass = {
         "bt-business": "arc-ds-sys-icons--bt",
         "bt-enterprise": "arc-ds-sys-icons--bt",
         ee: "arc-ds-sys-icons--ee"
     };
-    return (React__default["default"].createElement("div", index.__assign({ "data-theme": theme, className: index$1.classNames("arc arc-ds-sys-theme arc-ds-sys-theme--".concat(theme), iconClass[theme], {
-            "arc--reset": resetCssStyles
-        }) }, index.filterDataAttrs(props)), children));
+    return (React__default["default"].createElement("div", { className: index_es.getVersionClassName() },
+        React__default["default"].createElement("div", index_es.__assign({ "data-theme": theme, className: index.classNames("arc arc-ds-sys-theme arc-ds-sys-theme--".concat(theme), iconClass[theme], {
+                "arc--reset": resetCssStyles
+            }) }, index_es.filterDataAttrs(props)), children)));
 };
 var themes = ["bt-enterprise", "bt-business", "ee"];
 

package/dist/Theme/Theme.esm.js

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index-288c66b5.js';
+import { _ as __rest, g as getVersionClassName, a as __assign, f as filterDataAttrs } from '../_shared/esm/index.es-4921e8dd.js';
 import React__default from 'react';
 import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
 
@@ -12,9 +12,10 @@ var Theme = function (_a) {
         "bt-enterprise": "arc-ds-sys-icons--bt",
         ee: "arc-ds-sys-icons--ee"
     };
-    return (React__default.createElement("div", __assign({ "data-theme": theme, className: classNames("arc arc-ds-sys-theme arc-ds-sys-theme--".concat(theme), iconClass[theme], {
-            "arc--reset": resetCssStyles
-        }) }, filterDataAttrs(props)), children));
+    return (React__default.createElement("div", { className: getVersionClassName() },
+        React__default.createElement("div", __assign({ "data-theme": theme, className: classNames("arc arc-ds-sys-theme arc-ds-sys-theme--".concat(theme), iconClass[theme], {
+                "arc--reset": resetCssStyles
+            }) }, filterDataAttrs(props)), children)));
 };
 var themes = ["bt-enterprise", "bt-business", "ee"];
 

package/dist/Theme/styles.css

@@ -0,0 +1 @@
+.arc{color:var(--sem-color-fg-secondary-light-default);font:var(--sem-type-body-reg-m);height:100%}.arc--reset :where(*:not(svg):not(svg *):not(iframe)),.arc--reset ::after,.arc--reset ::before{all:revert;-webkit-text-fill-color:initial}.arc *{box-sizing:border-box}.arc a{color:var(--textlink-colors-light-text-default)}.arc a:hover{color:var(--textlink-colors-light-text-hover)}.arc a:focus,.arc a:focus-visible{border-radius:var(--focus-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px;text-decoration:none}.arc a:active{color:var(--textlink-colors-light-text-hover)}.arc a:focus:not(:focus-visible){outline:0}

package/dist/ThemeIcon/ThemeIcon.cjs.js

@@ -2,12 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ThemeIcon = require('../_shared/cjs/ThemeIcon-ee814862.js');
-require('../_shared/cjs/index-df60851b.js');
+var ThemeIcon = require('../_shared/cjs/ThemeIcon-6b10d20a.js');
+require('../_shared/cjs/index.es-b404d2c5.js');
 require('../_shared/cjs/index-9947ac13.js');
 require('react');
-require('../_shared/cjs/suffix-modifier-c8a34402.js');
-require('../_shared/cjs/Surface-8599dbe4.js');
+require('../_shared/cjs/Surface-4bc47dcb.js');
 
 
 

package/dist/ThemeIcon/ThemeIcon.esm.js

@@ -1,6 +1,5 @@
-export { T as ThemeIcon } from '../_shared/esm/ThemeIcon-c2dc41a6.js';
-import '../_shared/esm/index-288c66b5.js';
+export { T as ThemeIcon } from '../_shared/esm/ThemeIcon-810de4bc.js';
+import '../_shared/esm/index.es-4921e8dd.js';
 import '../_shared/esm/index-2e73c2e9.js';
 import 'react';
-import '../_shared/esm/suffix-modifier-1ce05abe.js';
-import '../_shared/esm/Surface-71d21a9e.js';
+import '../_shared/esm/Surface-56d329b0.js';

package/dist/ThemeIcon/styles.css

@@ -0,0 +1 @@
+.arc .arc-ThemeIcon--alertDismiss{-webkit-mask-image:var(--comp-alert-dismiss);mask-image:var(--comp-alert-dismiss)}.arc .arc-ThemeIcon--alertError{-webkit-mask-image:var(--comp-alert-error);mask-image:var(--comp-alert-error)}.arc .arc-ThemeIcon--alertGeneral{-webkit-mask-image:var(--comp-alert-general);mask-image:var(--comp-alert-general)}.arc .arc-ThemeIcon--alertSuccess{-webkit-mask-image:var(--comp-alert-success);mask-image:var(--comp-alert-success)}.arc .arc-ThemeIcon--alertWarning{-webkit-mask-image:var(--comp-alert-warning);mask-image:var(--comp-alert-warning)}.arc .arc-ThemeIcon--avatarUser{-webkit-mask-image:var(--comp-avatar-user);mask-image:var(--comp-avatar-user)}.arc .arc-ThemeIcon--breadcrumbLeft{-webkit-mask-image:var(--comp-breadcrumb-left);mask-image:var(--comp-breadcrumb-left)}.arc .arc-ThemeIcon--breadcrumbRight{-webkit-mask-image:var(--comp-breadcrumb-right);mask-image:var(--comp-breadcrumb-right)}.arc .arc-ThemeIcon--buttonLeft{-webkit-mask-image:var(--comp-button-left);mask-image:var(--comp-button-left)}.arc .arc-ThemeIcon--buttonRight{-webkit-mask-image:var(--comp-button-right);mask-image:var(--comp-button-right)}.arc .arc-ThemeIcon--cardButton{-webkit-mask-image:var(--comp-card-button);mask-image:var(--comp-card-button)}.arc .arc-ThemeIcon--carouselLeft{-webkit-mask-image:var(--comp-carousel-left);mask-image:var(--comp-carousel-left)}.arc .arc-ThemeIcon--carouselRight{-webkit-mask-image:var(--comp-carousel-right);mask-image:var(--comp-carousel-right)}.arc .arc-ThemeIcon--checkboxChecked{-webkit-mask-image:var(--comp-checkbox-checked);mask-image:var(--comp-checkbox-checked)}.arc .arc-ThemeIcon--checkboxError{-webkit-mask-image:var(--comp-checkbox-error);mask-image:var(--comp-checkbox-error)}.arc .arc-ThemeIcon--datePickerCalendar{-webkit-mask-image:var(--comp-date-picker-calendar);mask-image:var(--comp-date-picker-calendar)}.arc .arc-ThemeIcon--disclosureExpand{-webkit-mask-image:var(--comp-disclosure-expand);mask-image:var(--comp-disclosure-expand)}.arc .arc-ThemeIcon--disclosureMiniExpand{-webkit-mask-image:var(--comp-disclosure-mini-expand);mask-image:var(--comp-disclosure-mini-expand)}.arc .arc-ThemeIcon--downloadFile{-webkit-mask-image:var(--comp-download-file);mask-image:var(--comp-download-file)}.arc .arc-ThemeIcon--downloadAccessibility{-webkit-mask-image:var(--comp-download-accessibility);mask-image:var(--comp-download-accessibility)}.arc .arc-ThemeIcon--formControlAlert{-webkit-mask-image:var(--comp-form-control-alert);mask-image:var(--comp-form-control-alert)}.arc .arc-ThemeIcon--modalClose{-webkit-mask-image:var(--comp-modal-close);mask-image:var(--comp-modal-close)}.arc .arc-ThemeIcon--paginationPrevious{-webkit-mask-image:var(--comp-pagination-previous);mask-image:var(--comp-pagination-previous)}.arc .arc-ThemeIcon--paginationNext{-webkit-mask-image:var(--comp-pagination-next);mask-image:var(--comp-pagination-next)}.arc .arc-ThemeIcon--paginationSimplePrevious{-webkit-mask-image:var(--comp-pagination-simple-previous);mask-image:var(--comp-pagination-simple-previous)}.arc .arc-ThemeIcon--paginationSimpleNext{-webkit-mask-image:var(--comp-pagination-simple-next);mask-image:var(--comp-pagination-simple-next)}.arc .arc-ThemeIcon--progressBarSuccess{-webkit-mask-image:var(--comp-progress-bar-success);mask-image:var(--comp-progress-bar-success)}.arc .arc-ThemeIcon--progressBarError{-webkit-mask-image:var(--comp-progress-bar-error);mask-image:var(--comp-progress-bar-error)}.arc .arc-ThemeIcon--progressBarRefresh{-webkit-mask-image:var(--comp-progress-bar-refresh);mask-image:var(--comp-progress-bar-refresh)}.arc .arc-ThemeIcon--progressStepperComplete{-webkit-mask-image:var(--comp-progress-stepper-complete);mask-image:var(--comp-progress-stepper-complete)}.arc .arc-ThemeIcon--progressStepperCurrent{-webkit-mask-image:var(--comp-progress-stepper-current);mask-image:var(--comp-progress-stepper-current)}.arc .arc-ThemeIcon--progressStepperWarning{-webkit-mask-image:var(--comp-progress-stepper-warning);mask-image:var(--comp-progress-stepper-warning)}.arc .arc-ThemeIcon--progressStepperError{-webkit-mask-image:var(--comp-progress-stepper-error);mask-image:var(--comp-progress-stepper-error)}.arc .arc-ThemeIcon--scrollToTop{-webkit-mask-image:var(--comp-scroll-to-top);mask-image:var(--comp-scroll-to-top)}.arc .arc-ThemeIcon--selectTrigger{-webkit-mask-image:var(--comp-select-trigger);mask-image:var(--comp-select-trigger)}.arc .arc-ThemeIcon--selectScrollUp{-webkit-mask-image:var(--comp-select-scroll-up);mask-image:var(--comp-select-scroll-up)}.arc .arc-ThemeIcon--selectScrollDown{-webkit-mask-image:var(--comp-select-scroll-down);mask-image:var(--comp-select-scroll-down)}.arc .arc-ThemeIcon--selectIndicator{-webkit-mask-image:var(--comp-select-indicator);mask-image:var(--comp-select-indicator)}.arc .arc-ThemeIcon--siteFooterExpand{-webkit-mask-image:var(--comp-site-footer-expand);mask-image:var(--comp-site-footer-expand)}.arc .arc-ThemeIcon--siteHeaderBack{-webkit-mask-image:var(--comp-site-header-back);mask-image:var(--comp-site-header-back)}.arc .arc-ThemeIcon--siteHeaderLink{-webkit-mask-image:var(--comp-site-header-link);mask-image:var(--comp-site-header-link)}.arc .arc-ThemeIcon--siteHeaderItemGroupExpand{-webkit-mask-image:var(--comp-site-header-item-group-expand);mask-image:var(--comp-site-header-item-group-expand)}.arc .arc-ThemeIcon--siteHeaderNavItemExpand{-webkit-mask-image:var(--comp-site-header-nav-item-expand);mask-image:var(--comp-site-header-nav-item-expand)}.arc .arc-ThemeIcon--siteHeaderNavItemExpandAlt{-webkit-mask-image:var(--comp-site-header-nav-item-expand-alt);mask-image:var(--comp-site-header-nav-item-expand-alt)}.arc .arc-ThemeIcon--siteHeaderViewAll{-webkit-mask-image:var(--comp-site-header-view-all);mask-image:var(--comp-site-header-view-all)}.arc .arc-ThemeIcon--siteHeaderSubNavOpen{-webkit-mask-image:var(--comp-site-header-sub-nav-open);mask-image:var(--comp-site-header-sub-nav-open)}.arc .arc-ThemeIcon--switchToggle{-webkit-mask-image:var(--comp-site-switch-toggle);mask-image:var(--comp-site-switch-toggle)}.arc .arc-ThemeIcon--tabsNext{-webkit-mask-image:var(--comp-tabs-next);mask-image:var(--comp-tabs-next)}.arc .arc-ThemeIcon--tabsPrevious{-webkit-mask-image:var(--comp-tabs-previous);mask-image:var(--comp-tabs-previous)}.arc .arc-ThemeIcon--toastGeneral{-webkit-mask-image:var(--comp-toast-general);mask-image:var(--comp-toast-general)}.arc .arc-ThemeIcon--toastSuccess{-webkit-mask-image:var(--comp-toast-success);mask-image:var(--comp-toast-success)}.arc .arc-ThemeIcon--toastWarning{-webkit-mask-image:var(--comp-toast-warning);mask-image:var(--comp-toast-warning)}.arc .arc-ThemeIcon--toastError{-webkit-mask-image:var(--comp-toast-error);mask-image:var(--comp-toast-error)}.arc .arc-ThemeIcon--toastDismiss{-webkit-mask-image:var(--comp-toast-dismiss);mask-image:var(--comp-toast-dismiss)}.arc .arc-ThemeIcon--videoPlayerTranscript{-webkit-mask-image:var(--comp-video-player-transcript);mask-image:var(--comp-video-player-transcript)}.arc .arc-ThemeIcon{background-color:currentColor;color:currentColor;display:block;height:100%;line-height:0;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:100%}.arc .arc-ThemeIcon--colorBrand{background-color:var(--sem-color-fg-primary-light-default);color:var(--sem-color-fg-primary-light-default)}.arc .arc-ThemeIcon--colorBrand.arc-ThemeIcon--onDarkSurface{background-color:var(--sem-color-fg-primary-dark-default);color:var(--sem-color-fg-primary-dark-default)}.arc .arc-ThemeIcon--colorStatusRed{background-color:var(--sem-color-status-fg-light-error);color:var(--sem-color-status-fg-light-error)}.arc .arc-ThemeIcon--colorStatusRed.arc-ThemeIcon--onDarkSurface{background-color:var(--sem-color-status-fg-dark-error);color:var(--sem-color-status-fg-dark-error)}.arc .arc-ThemeIcon--colorStatusAmber{background-color:var(--sem-color-status-fg-light-warning);color:var(--sem-color-status-fg-light-warning)}.arc .arc-ThemeIcon--colorStatusAmber.arc-ThemeIcon--onDarkSurface{background-color:var(--sem-color-status-fg-dark-warning);color:var(--sem-color-status-fg-dark-warning)}.arc .arc-ThemeIcon--colorStatusGreen{background-color:var(--sem-color-status-fg-light-success);color:var(--sem-color-status-fg-light-success)}.arc .arc-ThemeIcon--colorStatusGreen.arc-ThemeIcon--onDarkSurface{background-color:var(--sem-color-status-fg-dark-success);color:var(--sem-color-status-fg-dark-success)}

package/dist/Toast/Toast.cjs.js

@@ -2,19 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Toast = require('../_shared/cjs/Toast-d06a89e0.js');
-require('../_shared/cjs/index-df60851b.js');
+var Toast = require('../_shared/cjs/Toast-a33b5a2e.js');
+require('../_shared/cjs/index.es-b404d2c5.js');
 require('react');
-require('../_shared/cjs/index-3dd54df1.js');
+require('../_shared/cjs/index-76f7dd53.js');
 require('react-dom');
-require('../_shared/cjs/index-0c6319ec.js');
-require('../_shared/cjs/index-039a9d35.js');
-require('../_shared/cjs/index-996dec94.js');
-require('../_shared/cjs/index-3d629205.js');
+require('../_shared/cjs/index-dbc843d3.js');
+require('../_shared/cjs/index-2bf59363.js');
+require('../_shared/cjs/index-527f962b.js');
 require('../_shared/cjs/index-9947ac13.js');
-require('../_shared/cjs/ThemeIcon-ee814862.js');
-require('../_shared/cjs/suffix-modifier-c8a34402.js');
-require('../_shared/cjs/Surface-8599dbe4.js');
+require('../_shared/cjs/ThemeIcon-6b10d20a.js');
+require('../_shared/cjs/Surface-4bc47dcb.js');
 
 
 

package/dist/Toast/Toast.esm.js

@@ -1,13 +1,11 @@
-export { T as Toast } from '../_shared/esm/Toast-de6ca2f3.js';
-import '../_shared/esm/index-288c66b5.js';
+export { T as Toast } from '../_shared/esm/Toast-62932e3b.js';
+import '../_shared/esm/index.es-4921e8dd.js';
 import 'react';
-import '../_shared/esm/index-cace3545.js';
+import '../_shared/esm/index-57d4cb34.js';
 import 'react-dom';
-import '../_shared/esm/index-f97466e9.js';
-import '../_shared/esm/index-6028d797.js';
-import '../_shared/esm/index-fa93ec97.js';
-import '../_shared/esm/index-5113ed53.js';
+import '../_shared/esm/index-14c7f4da.js';
+import '../_shared/esm/index-e969452b.js';
+import '../_shared/esm/index-f2ddcbe2.js';
 import '../_shared/esm/index-2e73c2e9.js';
-import '../_shared/esm/ThemeIcon-c2dc41a6.js';
-import '../_shared/esm/suffix-modifier-1ce05abe.js';
-import '../_shared/esm/Surface-71d21a9e.js';
+import '../_shared/esm/ThemeIcon-810de4bc.js';
+import '../_shared/esm/Surface-56d329b0.js';

package/dist/Toast/styles.css

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

package/dist/Truncate/Truncate.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('../_shared/cjs/index-df60851b.js');
+var index_es = require('../_shared/cjs/index.es-b404d2c5.js');
 var React = require('react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -11,8 +11,8 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 /** Use `Truncate` component to shorten text with an ellipsis. Add a `title` attribute to the truncated element so the full text remains accessible. */
 var Truncate = function (_a) {
-    var _b = _a.maxWidth, maxWidth = _b === void 0 ? 100 : _b, title = _a.title, children = _a.children, props = index.__rest(_a, ["maxWidth", "title", "children"]);
-    return (React__default["default"].createElement("div", index.__assign({ className: "arc-Truncate", style: { maxWidth: "".concat(maxWidth, "%") }, title: title }, index.filterDataAttrs(props)), children));
+    var _b = _a.maxWidth, maxWidth = _b === void 0 ? "100%" : _b, title = _a.title, children = _a.children, props = index_es.__rest(_a, ["maxWidth", "title", "children"]);
+    return (React__default["default"].createElement("div", index_es.__assign({ className: "arc-Truncate", style: { maxWidth: maxWidth }, title: title }, index_es.filterDataAttrs(props)), children));
 };
 
 exports.Truncate = Truncate;

package/dist/Truncate/Truncate.esm.js

@@ -1,10 +1,10 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index-288c66b5.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index.es-4921e8dd.js';
 import React__default from 'react';
 
 /** Use `Truncate` component to shorten text with an ellipsis. Add a `title` attribute to the truncated element so the full text remains accessible. */
 var Truncate = function (_a) {
-    var _b = _a.maxWidth, maxWidth = _b === void 0 ? 100 : _b, title = _a.title, children = _a.children, props = __rest(_a, ["maxWidth", "title", "children"]);
-    return (React__default.createElement("div", __assign({ className: "arc-Truncate", style: { maxWidth: "".concat(maxWidth, "%") }, title: title }, filterDataAttrs(props)), children));
+    var _b = _a.maxWidth, maxWidth = _b === void 0 ? "100%" : _b, title = _a.title, children = _a.children, props = __rest(_a, ["maxWidth", "title", "children"]);
+    return (React__default.createElement("div", __assign({ className: "arc-Truncate", style: { maxWidth: maxWidth }, title: title }, filterDataAttrs(props)), children));
 };
 
 export { Truncate };

package/dist/Truncate/styles.css

@@ -0,0 +1 @@
+.arc .arc-Truncate>*,.arc .arc-Truncate{display:inherit;overflow:hidden;text-overflow:ellipsis;vertical-align:baseline;vertical-align:initial;white-space:nowrap}

package/dist/TypographyCard/TypographyCard.cjs.js

@@ -2,17 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('../_shared/cjs/index-df60851b.js');
+var index_es = require('../_shared/cjs/index.es-b404d2c5.js');
 var React = require('react');
-var index$1 = require('../_shared/cjs/index-9947ac13.js');
-var BtIconArrowRight_esm = require('../_shared/cjs/BtIconArrowRight.esm-5989f2ca.js');
-var CardFooter = require('../_shared/cjs/CardFooter-5414bc4f.js');
-var Heading = require('../_shared/cjs/Heading-fb63844f.js');
-var Surface = require('../_shared/cjs/Surface-8599dbe4.js');
-require('../_shared/cjs/BtIconPlayFill.esm-b8997cfc.js');
-require('../_shared/cjs/Icon-0ec0c1fb.js');
-require('../_shared/cjs/suffix-modifier-c8a34402.js');
-require('../_shared/cjs/index-7e31a45b.js');
+var index = require('../_shared/cjs/index-9947ac13.js');
+var Surface = require('../_shared/cjs/Surface-4bc47dcb.js');
+var CardHeading = require('../_shared/cjs/CardHeading-30ef8abc.js');
+var CardFooter = require('../_shared/cjs/CardFooter-6aa9a280.js');
+require('../_shared/cjs/Heading-cb321adf.js');
+require('../_shared/cjs/BtIconArrowRight.esm-c78e3c11.js');
+require('../_shared/cjs/BtIconPlayFill.esm-7e848bd9.js');
+require('../_shared/cjs/Icon-859c6c00.js');
+require('../_shared/cjs/index-28fbfd5b.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -20,21 +20,20 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 /** Use `TypographyCard` for content that benefits from larger and energetic typography. */
 var TypographyCard = function (_a) {
-    var url = _a.url, onClick = _a.onClick, heading = _a.heading, metaText = _a.metaText, label = _a.label, minHeight = _a.minHeight, _b = _a.headingSize, headingSize = _b === void 0 ? "m" : _b, _c = _a.linkData, linkData = _c === void 0 ? {} : _c, _d = _a.pathway, pathway = _d === void 0 ? "light" : _d, _e = _a.buttonIcon, buttonIcon = _e === void 0 ? "arrow" : _e, _f = _a.headingLevel, headingLevel = _f === void 0 ? "2" : _f, props = index.__rest(_a, ["url", "onClick", "heading", "metaText", "label", "minHeight", "headingSize", "linkData", "pathway", "buttonIcon", "headingLevel"]);
+    var url = _a.url, onClick = _a.onClick, heading = _a.heading, metaText = _a.metaText, label = _a.label, minHeight = _a.minHeight, _b = _a.headingSize, headingSize = _b === void 0 ? "m" : _b, _c = _a.linkData, linkData = _c === void 0 ? {} : _c, _d = _a.pathway, pathway = _d === void 0 ? "light" : _d, _e = _a.buttonIcon, buttonIcon = _e === void 0 ? "arrow" : _e, _f = _a.headingLevel, headingLevel = _f === void 0 ? "2" : _f, props = index_es.__rest(_a, ["url", "onClick", "heading", "metaText", "label", "minHeight", "headingSize", "linkData", "pathway", "buttonIcon", "headingLevel"]);
     var surface = React.useContext(Surface.Context).surface;
     var _g = React.useState(false), showHoverState = _g[0], setShowHoverState = _g[1];
     var handleShowHoverState = function (show) { return function () { return setShowHoverState(show); }; };
     var isDarkPathway = pathway === "dark";
-    return (React__default["default"].createElement("div", index.__assign({ style: { minHeight: minHeight }, className: index$1.classNames("arc-TypographyCard", {
+    return (React__default["default"].createElement("div", index_es.__assign({ style: { minHeight: minHeight }, className: index.classNames("arc-TypographyCard", {
             "arc-TypographyCard--outlined": showHoverState,
             "arc-TypographyCard--darkPathway": isDarkPathway,
             "arc-TypographyCard--lightPathway": !isDarkPathway,
             "arc-TypographyCard--onDarkSurface": surface === "dark"
-        }) }, index.filterDataAttrs(props)),
+        }) }, index_es.filterDataAttrs(props)),
         React__default["default"].createElement("div", { className: "arc-TypographyCard-contentContainer" },
-            label && (React__default["default"].createElement("div", { className: "arc-TypographyCard-labelContainer" },
-                React__default["default"].createElement(Heading.Heading, { size: "xxs" }, label.toUpperCase()))),
-            React__default["default"].createElement(BtIconArrowRight_esm.CardHeading, { size: headingSize, linkData: linkData, heading: heading, headingLevel: headingLevel, href: url, onClick: onClick, onMouseEnter: handleShowHoverState(true), onMouseLeave: handleShowHoverState(false), onFocus: handleShowHoverState(true), onBlur: handleShowHoverState(false) })),
+            label && (React__default["default"].createElement("div", { className: "arc-TypographyCard-label" }, label.toUpperCase())),
+            React__default["default"].createElement(CardHeading.CardHeading, { size: headingSize, linkData: linkData, heading: heading, headingLevel: headingLevel, href: url, onClick: onClick, onMouseEnter: handleShowHoverState(true), onMouseLeave: handleShowHoverState(false), onFocus: handleShowHoverState(true), onBlur: handleShowHoverState(false) })),
         React__default["default"].createElement(CardFooter.CardFooter, { showButton: true, isDarkPathway: isDarkPathway, buttonIcon: buttonIcon, metaText: metaText, isHovered: showHoverState })));
 };
 

package/dist/TypographyCard/TypographyCard.esm.js

@@ -1,14 +1,14 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index-288c66b5.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index.es-4921e8dd.js';
 import React__default, { useContext, useState } from 'react';
 import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
-import { C as CardHeading } from '../_shared/esm/BtIconArrowRight.esm-6a17d0ce.js';
-import { C as CardFooter } from '../_shared/esm/CardFooter-c79fb2db.js';
-import { H as Heading } from '../_shared/esm/Heading-906c7c7c.js';
-import { C as Context } from '../_shared/esm/Surface-71d21a9e.js';
-import '../_shared/esm/BtIconPlayFill.esm-05fc0344.js';
-import '../_shared/esm/Icon-512f834f.js';
-import '../_shared/esm/suffix-modifier-1ce05abe.js';
-import '../_shared/esm/index-605031ca.js';
+import { C as Context } from '../_shared/esm/Surface-56d329b0.js';
+import { C as CardHeading } from '../_shared/esm/CardHeading-6d3dbfad.js';
+import { C as CardFooter } from '../_shared/esm/CardFooter-2902bd84.js';
+import '../_shared/esm/Heading-14df0c64.js';
+import '../_shared/esm/BtIconArrowRight.esm-8bcaa8ad.js';
+import '../_shared/esm/BtIconPlayFill.esm-ec2797a0.js';
+import '../_shared/esm/Icon-3e813b34.js';
+import '../_shared/esm/index-ce6dee84.js';
 
 /** Use `TypographyCard` for content that benefits from larger and energetic typography. */
 var TypographyCard = function (_a) {
@@ -24,8 +24,7 @@ var TypographyCard = function (_a) {
             "arc-TypographyCard--onDarkSurface": surface === "dark"
         }) }, filterDataAttrs(props)),
         React__default.createElement("div", { className: "arc-TypographyCard-contentContainer" },
-            label && (React__default.createElement("div", { className: "arc-TypographyCard-labelContainer" },
-                React__default.createElement(Heading, { size: "xxs" }, label.toUpperCase()))),
+            label && (React__default.createElement("div", { className: "arc-TypographyCard-label" }, label.toUpperCase())),
             React__default.createElement(CardHeading, { size: headingSize, linkData: linkData, heading: heading, headingLevel: headingLevel, href: url, onClick: onClick, onMouseEnter: handleShowHoverState(true), onMouseLeave: handleShowHoverState(false), onFocus: handleShowHoverState(true), onBlur: handleShowHoverState(false) })),
         React__default.createElement(CardFooter, { showButton: true, isDarkPathway: isDarkPathway, buttonIcon: buttonIcon, metaText: metaText, isHovered: showHoverState })));
 };

package/dist/TypographyCard/styles.css

@@ -0,0 +1 @@
+.arc .arc-TypographyCard{border-radius:var(--card-border-radius-s);box-shadow:0 0 1px var(--card-border-weight-s) var(--card-colors-light-border-default);color:var(--card-colors-light-text-default);display:flex;flex-direction:column;height:100%;outline:var(--focus-border-weight-s) solid transparent;outline-offset:2px;overflow:hidden;padding:var(--card-padding-s);position:relative;transition:outline 0.2s ease-in-out}.arc .arc-TypographyCard-contentContainer{display:flex;flex:1 1 auto;flex-direction:column;margin-bottom:24px}.arc .arc-TypographyCard-label{color:var(--card-colors-light-text-support);font:var(--sem-type-body-semi-s);margin-bottom:var(--card-gap-m)}.arc .arc-TypographyCard--outlined{box-shadow:0 0 0 2px var(--card-colors-light-border-hover)}.arc .arc-TypographyCard--outlined:not(.arc-TypographyCard--darkPathway) .arc-CardHeading-link{color:var(--card-colors-light-text-hover)}.arc .arc-TypographyCard--darkPathway.arc-TypographyCard--outlined .arc-CardHeading{color:var(--card-colors-dark-text-hover)}.arc .arc-TypographyCard--darkPathway.arc-TypographyCard--outlined{box-shadow:0 0 0 2px var(--card-colors-dark-border-hover)}.arc .arc-TypographyCard--darkPathway.arc-TypographyCard--outlined[focus-within]{box-shadow:0 0 0 2px transparent}.arc .arc-TypographyCard--darkPathway.arc-TypographyCard--outlined:focus-within{box-shadow:0 0 0 2px transparent}.arc .arc-TypographyCard--outlined[focus-within]{box-shadow:0 0 0 1px var(--card-colors-light-border-default);outline-color:var(--focus-colors-light-border-subtle)}.arc .arc-TypographyCard--outlined:focus-within{box-shadow:0 0 0 1px var(--card-colors-light-border-default);outline-color:var(--focus-colors-light-border-subtle)}.arc .arc-TypographyCard--lightPathway{background:var(--card-colors-light-bg-emphasis)}.arc .arc-TypographyCard--darkPathway{background:var(--card-colors-dark-bg-emphasis);box-shadow:0 0 0 1px transparent;color:var(--card-colors-dark-text-default)}.arc .arc-TypographyCard--darkPathway .arc-TypographyCard-label{color:var(--card-colors-dark-text-support)}.arc .arc-TypographyCard--onDarkSurface.arc-TypographyCard--outlined[focus-within]{box-shadow:0 0 0 1px transparent;outline-color:var(--focus-colors-dark-border-subtle)}.arc .arc-TypographyCard--onDarkSurface.arc-TypographyCard--outlined:focus-within{box-shadow:0 0 0 1px transparent;outline-color:var(--focus-colors-dark-border-subtle)}@media (min-width:636px){.arc .arc-TypographyCard{padding:var(--card-padding-m)}}

package/dist/UniversalHeader/UniversalHeader.cjs.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var UniversalHeader = require('../_shared/cjs/UniversalHeader-f6d9c63a.js');
-require('../_shared/cjs/index-df60851b.js');
+var UniversalHeader = require('../_shared/cjs/UniversalHeader-114ac8f5.js');
+require('../_shared/cjs/index.es-b404d2c5.js');
 require('react');
-require('../_shared/cjs/Surface-8599dbe4.js');
+require('../_shared/cjs/Surface-4bc47dcb.js');
 require('../_shared/cjs/index-9947ac13.js');
 
 

package/dist/UniversalHeader/UniversalHeader.esm.js

@@ -1,5 +1,5 @@
-export { U as UniversalHeader } from '../_shared/esm/UniversalHeader-456ad60c.js';
-import '../_shared/esm/index-288c66b5.js';
+export { U as UniversalHeader } from '../_shared/esm/UniversalHeader-370d7fa4.js';
+import '../_shared/esm/index.es-4921e8dd.js';
 import 'react';
-import '../_shared/esm/Surface-71d21a9e.js';
+import '../_shared/esm/Surface-56d329b0.js';
 import '../_shared/esm/index-2e73c2e9.js';

package/dist/UniversalHeader/styles.css

@@ -0,0 +1 @@
+.arc .arc-UniversalHeader{color:var(--universal-header-colors-light-text-default);position:relative}.arc .arc-UniversalHeader::after,.arc .arc-UniversalHeader::before{bottom:0;content:"";pointer-events:none;position:absolute;top:0}.arc .arc-UniversalHeader::after{background-image:linear-gradient(to right,rgba(240,240,240,0),rgba(240,240,240,1) 100%);right:0;width:24px}.arc .arc-UniversalHeader::before{background-image:linear-gradient(to left,rgba(240,240,240,0),rgba(240,240,240,1) 100%);left:0;width:16px}@media (min-width:636px){.arc .arc-UniversalHeader::before{width:24px}}.arc .arc-UniversalHeader-items{align-items:center;display:flex;list-style:none;margin:0 auto;max-width:620px;overflow-x:auto;padding-bottom:var(--universal-header-padding-s);padding-left:var(--universal-header-padding-m);padding-right:var(--universal-header-padding-m);padding-top:var(--universal-header-padding-s);width:100%}@media (min-width:636px){.arc .arc-UniversalHeader-items{max-width:1008px;padding-left:var(--universal-header-padding-l);padding-right:var(--universal-header-padding-l)}}@media (min-width:1024px){.arc .arc-UniversalHeader-items{max-width:1280px;padding-left:var(--universal-header-padding-xl);padding-right:var(--universal-header-padding-xl)}}.arc .arc-UniversalHeader-link{color:inherit;display:block;font:var(--sem-type-body-reg-xs);margin-right:var(--universal-header-gap-l);text-decoration:none;white-space:nowrap}.arc .arc-UniversalHeader-link: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 .arc-UniversalHeader-link:hover{color:var(--universal-header-colors-light-text-hover);text-decoration:underline}.arc .arc-UniversalHeader-contentSlot{margin-left:auto}

package/dist/VerticalSpace/VerticalSpace.cjs.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var VerticalSpace = require('../_shared/cjs/VerticalSpace-e128ec68.js');
-require('../_shared/cjs/index-df60851b.js');
+var VerticalSpace = require('../_shared/cjs/VerticalSpace-3908ae62.js');
+require('../_shared/cjs/index.es-b404d2c5.js');
 require('../_shared/cjs/index-9947ac13.js');
 require('react');
 

package/dist/VerticalSpace/VerticalSpace.esm.js

@@ -1,4 +1,4 @@
-export { V as VerticalSpace } from '../_shared/esm/VerticalSpace-b07cd8e6.js';
-import '../_shared/esm/index-288c66b5.js';
+export { V as VerticalSpace } from '../_shared/esm/VerticalSpace-549fbdc8.js';
+import '../_shared/esm/index.es-4921e8dd.js';
 import '../_shared/esm/index-2e73c2e9.js';
 import 'react';

package/dist/VerticalSpace/styles.css

@@ -0,0 +1 @@
+.arc .arc-VerticalSpace--size4{padding-bottom:var(--vertical-space-size-4)}.arc .arc-VerticalSpace--size4.arc-VerticalSpace--debugVisible::after{content:"Space 4";height:var(--vertical-space-size-4);top:calc((0px - var(--vertical-space-size-4)) * 1);top:calc(calc(0px - var(--vertical-space-size-4)) * 1)}.arc .arc-VerticalSpace--size8{padding-bottom:var(--vertical-space-size-8)}.arc .arc-VerticalSpace--size8.arc-VerticalSpace--debugVisible::after{content:"Space 8";height:var(--vertical-space-size-8);top:calc((0px - var(--vertical-space-size-8)) * 1px);top:calc(calc(0px - var(--vertical-space-size-8)) * 1px)}.arc .arc-VerticalSpace--size12{padding-bottom:var(--vertical-space-size-12)}.arc .arc-VerticalSpace--size12.arc-VerticalSpace--debugVisible::after{content:"Space 12";height:var(--vertical-space-size-12);top:calc((0px - var(--vertical-space-size-12)) * 1px);top:calc(calc(0px - var(--vertical-space-size-12)) * 1px)}.arc .arc-VerticalSpace--size16{padding-bottom:var(--vertical-space-size-16)}.arc .arc-VerticalSpace--size16.arc-VerticalSpace--debugVisible::after{content:"Space 16";height:var(--vertical-space-size-16);top:calc((0px - var(--vertical-space-size-16)) * 1px);top:calc(calc(0px - var(--vertical-space-size-16)) * 1px)}.arc .arc-VerticalSpace--size20{padding-bottom:var(--vertical-space-size-20)}.arc .arc-VerticalSpace--size20.arc-VerticalSpace--debugVisible::after{content:"Space 20";height:var(--vertical-space-size-20);top:calc((0px - var(--vertical-space-size-20)) * 1px);top:calc(calc(0px - var(--vertical-space-size-20)) * 1px)}.arc .arc-VerticalSpace--size24{padding-bottom:var(--vertical-space-size-24)}.arc .arc-VerticalSpace--size24.arc-VerticalSpace--debugVisible::after{content:"Space 24";height:var(--vertical-space-size-24);top:calc((0px - var(--vertical-space-size-24)) * 1px);top:calc(calc(0px - var(--vertical-space-size-24)) * 1px)}.arc .arc-VerticalSpace--size28{padding-bottom:var(--vertical-space-size-28)}.arc .arc-VerticalSpace--size28.arc-VerticalSpace--debugVisible::after{content:"Space 28";height:var(--vertical-space-size-28);top:calc((0px - var(--vertical-space-size-28)) * 1px);top:calc(calc(0px - var(--vertical-space-size-28)) * 1px)}.arc .arc-VerticalSpace--size32{padding-bottom:var(--vertical-space-size-32)}.arc .arc-VerticalSpace--size32.arc-VerticalSpace--debugVisible::after{content:"Space 32";height:var(--vertical-space-size-32);top:calc((0px - var(--vertical-space-size-32)) * 1px);top:calc(calc(0px - var(--vertical-space-size-32)) * 1px)}.arc .arc-VerticalSpace--size40{padding-bottom:var(--vertical-space-size-40)}.arc .arc-VerticalSpace--size40.arc-VerticalSpace--debugVisible::after{content:"Space 40";height:var(--vertical-space-size-40);top:calc((0px - var(--vertical-space-size-40)) * 1px);top:calc(calc(0px - var(--vertical-space-size-40)) * 1px)}.arc .arc-VerticalSpace--size48{padding-bottom:var(--vertical-space-size-48)}.arc .arc-VerticalSpace--size48.arc-VerticalSpace--debugVisible::after{content:"Space 48";height:var(--vertical-space-size-48);top:calc((0px - var(--vertical-space-size-48)) * 1px);top:calc(calc(0px - var(--vertical-space-size-48)) * 1px)}.arc .arc-VerticalSpace--size64{padding-bottom:var(--vertical-space-size-64)}.arc .arc-VerticalSpace--size64.arc-VerticalSpace--debugVisible::after{content:"Space 64";height:var(--vertical-space-size-64);top:calc((0px - var(--vertical-space-size-64)) * 1px);top:calc(calc(0px - var(--vertical-space-size-64)) * 1px)}.arc .arc-VerticalSpace--size96{padding-bottom:var(--vertical-space-size-96)}.arc .arc-VerticalSpace--size96.arc-VerticalSpace--debugVisible::after{content:"Space 96";height:var(--vertical-space-size-96);top:calc((0px - var(--vertical-space-size-96)) * 1px);top:calc(calc(0px - var(--vertical-space-size-96)) * 1px)}.arc .arc-VerticalSpace--size128{padding-bottom:var(--vertical-space-size-128)}.arc .arc-VerticalSpace--size128.arc-VerticalSpace--debugVisible::after{content:"Space 128";height:var(--vertical-space-size-128);top:calc((0px - var(--vertical-space-size-128)) * 1px);top:calc(calc(0px - var(--vertical-space-size-128)) * 1px)}@media (min-width:var(--sem-size-breakpoints-s)){.arc .arc-VerticalSpace--sizeS4{padding-bottom:var(--vertical-space-size-4)}.arc .arc-VerticalSpace--sizeS4.arc-VerticalSpace--debugVisible::after{content:"Space 4 S";height:var(--vertical-space-size-4);top:calc((0px - var(--vertical-space-size-4)) * 1px);top:calc(calc(0px - var(--vertical-space-size-4)) * 1px)}.arc .arc-VerticalSpace--sizeS8{padding-bottom:var(--vertical-space-size-8)}.arc .arc-VerticalSpace--sizeS8.arc-VerticalSpace--debugVisible::after{content:"Space 8 S";height:var(--vertical-space-size-8);top:calc((0px - var(--vertical-space-size-8)) * 1px);top:calc(calc(0px - var(--vertical-space-size-8)) * 1px)}.arc .arc-VerticalSpace--sizeS12{padding-bottom:var(--vertical-space-size-12)}.arc .arc-VerticalSpace--sizeS12.arc-VerticalSpace--debugVisible::after{content:"Space 12 S";height:var(--vertical-space-size-12);top:calc((0px - var(--vertical-space-size-12)) * 1px);top:calc(calc(0px - var(--vertical-space-size-12)) * 1px)}.arc .arc-VerticalSpace--sizeS16{padding-bottom:var(--vertical-space-size-16)}.arc .arc-VerticalSpace--sizeS16.arc-VerticalSpace--debugVisible::after{content:"Space 16 S";height:var(--vertical-space-size-16);top:calc((0px - var(--vertical-space-size-16)) * 1px);top:calc(calc(0px - var(--vertical-space-size-16)) * 1px)}.arc .arc-VerticalSpace--sizeS20{padding-bottom:var(--vertical-space-size-20)}.arc .arc-VerticalSpace--sizeS20.arc-VerticalSpace--debugVisible::after{content:"Space 20 S";height:var(--vertical-space-size-20);top:calc((0px - var(--vertical-space-size-20)) * 1px);top:calc(calc(0px - var(--vertical-space-size-20)) * 1px)}.arc .arc-VerticalSpace--sizeS24{padding-bottom:var(--vertical-space-size-24)}.arc .arc-VerticalSpace--sizeS24.arc-VerticalSpace--debugVisible::after{content:"Space 24 S";height:var(--vertical-space-size-24);top:calc((0px - var(--vertical-space-size-24)) * 1px);top:calc(calc(0px - var(--vertical-space-size-24)) * 1px)}.arc .arc-VerticalSpace--sizeS28{padding-bottom:var(--vertical-space-size-28)}.arc .arc-VerticalSpace--sizeS28.arc-VerticalSpace--debugVisible::after{content:"Space 28 S";height:var(--vertical-space-size-28);top:calc((0px - var(--vertical-space-size-28)) * 1px);top:calc(calc(0px - var(--vertical-space-size-28)) * 1px)}.arc .arc-VerticalSpace--sizeS32{padding-bottom:var(--vertical-space-size-32)}.arc .arc-VerticalSpace--sizeS32.arc-VerticalSpace--debugVisible::after{content:"Space 32 S";height:var(--vertical-space-size-32);top:calc((0px - var(--vertical-space-size-32)) * 1px);top:calc(calc(0px - var(--vertical-space-size-32)) * 1px)}.arc .arc-VerticalSpace--sizeS40{padding-bottom:var(--vertical-space-size-40)}.arc .arc-VerticalSpace--sizeS40.arc-VerticalSpace--debugVisible::after{content:"Space 40 S";height:var(--vertical-space-size-40);top:calc((0px - var(--vertical-space-size-40)) * 1px);top:calc(calc(0px - var(--vertical-space-size-40)) * 1px)}.arc .arc-VerticalSpace--sizeS48{padding-bottom:var(--vertical-space-size-48)}.arc .arc-VerticalSpace--sizeS48.arc-VerticalSpace--debugVisible::after{content:"Space 48 S";height:var(--vertical-space-size-48);top:calc((0px - var(--vertical-space-size-48)) * 1px);top:calc(calc(0px - var(--vertical-space-size-48)) * 1px)}.arc .arc-VerticalSpace--sizeS64{padding-bottom:var(--vertical-space-size-64)}.arc .arc-VerticalSpace--sizeS64.arc-VerticalSpace--debugVisible::after{content:"Space 64 S";height:var(--vertical-space-size-64);top:calc((0px - var(--vertical-space-size-64)) * 1px);top:calc(calc(0px - var(--vertical-space-size-64)) * 1px)}.arc .arc-VerticalSpace--sizeS96{padding-bottom:var(--vertical-space-size-96)}.arc .arc-VerticalSpace--sizeS96.arc-VerticalSpace--debugVisible::after{content:"Space 96 S";height:var(--vertical-space-size-96);top:calc((0px - var(--vertical-space-size-96)) * 1px);top:calc(calc(0px - var(--vertical-space-size-96)) * 1px)}.arc .arc-VerticalSpace--sizeS128{padding-bottom:var(--vertical-space-size-128)}.arc .arc-VerticalSpace--sizeS128.arc-VerticalSpace--debugVisible::after{content:"Space 128 S";height:var(--vertical-space-size-128);top:calc((0px - var(--vertical-space-size-128)) * 1px);top:calc(calc(0px - var(--vertical-space-size-128)) * 1px)}}@media (min-width:768px){.arc .arc-VerticalSpace--sizeM4{padding-bottom:var(--vertical-space-size-4)}.arc .arc-VerticalSpace--sizeM4.arc-VerticalSpace--debugVisible::after{content:"Space 4 M";height:var(--vertical-space-size-4);top:calc((0px - var(--vertical-space-size-4)) * 1px);top:calc(calc(0px - var(--vertical-space-size-4)) * 1px)}.arc .arc-VerticalSpace--sizeM8{padding-bottom:var(--vertical-space-size-8)}.arc .arc-VerticalSpace--sizeM8.arc-VerticalSpace--debugVisible::after{content:"Space 8 M";height:var(--vertical-space-size-8);top:calc((0px - var(--vertical-space-size-8)) * 1px);top:calc(calc(0px - var(--vertical-space-size-8)) * 1px)}.arc .arc-VerticalSpace--sizeM12{padding-bottom:var(--vertical-space-size-12)}.arc .arc-VerticalSpace--sizeM12.arc-VerticalSpace--debugVisible::after{content:"Space 12 M";height:var(--vertical-space-size-12);top:calc((0px - var(--vertical-space-size-12)) * 1px);top:calc(calc(0px - var(--vertical-space-size-12)) * 1px)}.arc .arc-VerticalSpace--sizeM16{padding-bottom:var(--vertical-space-size-16)}.arc .arc-VerticalSpace--sizeM16.arc-VerticalSpace--debugVisible::after{content:"Space 16 M";height:var(--vertical-space-size-16);top:calc((0px - var(--vertical-space-size-16)) * 1px);top:calc(calc(0px - var(--vertical-space-size-16)) * 1px)}.arc .arc-VerticalSpace--sizeM20{padding-bottom:var(--vertical-space-size-20)}.arc .arc-VerticalSpace--sizeM20.arc-VerticalSpace--debugVisible::after{content:"Space 20 M";height:var(--vertical-space-size-20);top:calc((0px - var(--vertical-space-size-20)) * 1px);top:calc(calc(0px - var(--vertical-space-size-20)) * 1px)}.arc .arc-VerticalSpace--sizeM24{padding-bottom:var(--vertical-space-size-24)}.arc .arc-VerticalSpace--sizeM24.arc-VerticalSpace--debugVisible::after{content:"Space 24 M";height:var(--vertical-space-size-24);top:calc((0px - var(--vertical-space-size-24)) * 1px);top:calc(calc(0px - var(--vertical-space-size-24)) * 1px)}.arc .arc-VerticalSpace--sizeM28{padding-bottom:var(--vertical-space-size-28)}.arc .arc-VerticalSpace--sizeM28.arc-VerticalSpace--debugVisible::after{content:"Space 28 M";height:var(--vertical-space-size-28);top:calc((0px - var(--vertical-space-size-28)) * 1px);top:calc(calc(0px - var(--vertical-space-size-28)) * 1px)}.arc .arc-VerticalSpace--sizeM32{padding-bottom:var(--vertical-space-size-32)}.arc .arc-VerticalSpace--sizeM32.arc-VerticalSpace--debugVisible::after{content:"Space 32 M";height:var(--vertical-space-size-32);top:calc((0px - var(--vertical-space-size-32)) * 1px);top:calc(calc(0px - var(--vertical-space-size-32)) * 1px)}.arc .arc-VerticalSpace--sizeM40{padding-bottom:var(--vertical-space-size-40)}.arc .arc-VerticalSpace--sizeM40.arc-VerticalSpace--debugVisible::after{content:"Space 40 M";height:var(--vertical-space-size-40);top:calc((0px - var(--vertical-space-size-40)) * 1px);top:calc(calc(0px - var(--vertical-space-size-40)) * 1px)}.arc .arc-VerticalSpace--sizeM48{padding-bottom:var(--vertical-space-size-48)}.arc .arc-VerticalSpace--sizeM48.arc-VerticalSpace--debugVisible::after{content:"Space 48 M";height:var(--vertical-space-size-48);top:calc((0px - var(--vertical-space-size-48)) * 1px);top:calc(calc(0px - var(--vertical-space-size-48)) * 1px)}.arc .arc-VerticalSpace--sizeM64{padding-bottom:var(--vertical-space-size-64)}.arc .arc-VerticalSpace--sizeM64.arc-VerticalSpace--debugVisible::after{content:"Space 64 M";height:var(--vertical-space-size-64);top:calc((0px - var(--vertical-space-size-64)) * 1px);top:calc(calc(0px - var(--vertical-space-size-64)) * 1px)}.arc .arc-VerticalSpace--sizeM96{padding-bottom:var(--vertical-space-size-96)}.arc .arc-VerticalSpace--sizeM96.arc-VerticalSpace--debugVisible::after{content:"Space 96 M";height:var(--vertical-space-size-96);top:calc((0px - var(--vertical-space-size-96)) * 1px);top:calc(calc(0px - var(--vertical-space-size-96)) * 1px)}.arc .arc-VerticalSpace--sizeM128{padding-bottom:var(--vertical-space-size-128)}.arc .arc-VerticalSpace--sizeM128.arc-VerticalSpace--debugVisible::after{content:"Space 128 M";height:var(--vertical-space-size-128);top:calc((0px - var(--vertical-space-size-128)) * 1px);top:calc(calc(0px - var(--vertical-space-size-128)) * 1px)}}@media (min-width:1024px){.arc .arc-VerticalSpace--sizeL4{padding-bottom:var(--vertical-space-size-4)}.arc .arc-VerticalSpace--sizeL4.arc-VerticalSpace--debugVisible::after{content:"Space 4 L";height:var(--vertical-space-size-4);top:calc((0px - var(--vertical-space-size-4)) * 1px);top:calc(calc(0px - var(--vertical-space-size-4)) * 1px)}.arc .arc-VerticalSpace--sizeL8{padding-bottom:var(--vertical-space-size-8)}.arc .arc-VerticalSpace--sizeL8.arc-VerticalSpace--debugVisible::after{content:"Space 8 L";height:var(--vertical-space-size-8);top:calc((0px - var(--vertical-space-size-8)) * 1px);top:calc(calc(0px - var(--vertical-space-size-8)) * 1px)}.arc .arc-VerticalSpace--sizeL12{padding-bottom:var(--vertical-space-size-12)}.arc .arc-VerticalSpace--sizeL12.arc-VerticalSpace--debugVisible::after{content:"Space 12 L";height:var(--vertical-space-size-12);top:calc((0px - var(--vertical-space-size-12)) * 1px);top:calc(calc(0px - var(--vertical-space-size-12)) * 1px)}.arc .arc-VerticalSpace--sizeL16{padding-bottom:var(--vertical-space-size-16)}.arc .arc-VerticalSpace--sizeL16.arc-VerticalSpace--debugVisible::after{content:"Space 16 L";height:var(--vertical-space-size-16);top:calc((0px - var(--vertical-space-size-16)) * 1px);top:calc(calc(0px - var(--vertical-space-size-16)) * 1px)}.arc .arc-VerticalSpace--sizeL20{padding-bottom:var(--vertical-space-size-20)}.arc .arc-VerticalSpace--sizeL20.arc-VerticalSpace--debugVisible::after{content:"Space 20 L";height:var(--vertical-space-size-20);top:calc((0px - var(--vertical-space-size-20)) * 1px);top:calc(calc(0px - var(--vertical-space-size-20)) * 1px)}.arc .arc-VerticalSpace--sizeL24{padding-bottom:var(--vertical-space-size-24)}.arc .arc-VerticalSpace--sizeL24.arc-VerticalSpace--debugVisible::after{content:"Space 24 L";height:var(--vertical-space-size-24);top:calc((0px - var(--vertical-space-size-24)) * 1px);top:calc(calc(0px - var(--vertical-space-size-24)) * 1px)}.arc .arc-VerticalSpace--sizeL28{padding-bottom:var(--vertical-space-size-28)}.arc .arc-VerticalSpace--sizeL28.arc-VerticalSpace--debugVisible::after{content:"Space 28 L";height:var(--vertical-space-size-28);top:calc((0px - var(--vertical-space-size-28)) * 1px);top:calc(calc(0px - var(--vertical-space-size-28)) * 1px)}.arc .arc-VerticalSpace--sizeL32{padding-bottom:var(--vertical-space-size-32)}.arc .arc-VerticalSpace--sizeL32.arc-VerticalSpace--debugVisible::after{content:"Space 32 L";height:var(--vertical-space-size-32);top:calc((0px - var(--vertical-space-size-32)) * 1px);top:calc(calc(0px - var(--vertical-space-size-32)) * 1px)}.arc .arc-VerticalSpace--sizeL40{padding-bottom:var(--vertical-space-size-40)}.arc .arc-VerticalSpace--sizeL40.arc-VerticalSpace--debugVisible::after{content:"Space 40 L";height:var(--vertical-space-size-40);top:calc((0px - var(--vertical-space-size-40)) * 1px);top:calc(calc(0px - var(--vertical-space-size-40)) * 1px)}.arc .arc-VerticalSpace--sizeL48{padding-bottom:var(--vertical-space-size-48)}.arc .arc-VerticalSpace--sizeL48.arc-VerticalSpace--debugVisible::after{content:"Space 48 L";height:var(--vertical-space-size-48);top:calc((0px - var(--vertical-space-size-48)) * 1px);top:calc(calc(0px - var(--vertical-space-size-48)) * 1px)}.arc .arc-VerticalSpace--sizeL64{padding-bottom:var(--vertical-space-size-64)}.arc .arc-VerticalSpace--sizeL64.arc-VerticalSpace--debugVisible::after{content:"Space 64 L";height:var(--vertical-space-size-64);top:calc((0px - var(--vertical-space-size-64)) * 1px);top:calc(calc(0px - var(--vertical-space-size-64)) * 1px)}.arc .arc-VerticalSpace--sizeL96{padding-bottom:var(--vertical-space-size-96)}.arc .arc-VerticalSpace--sizeL96.arc-VerticalSpace--debugVisible::after{content:"Space 96 L";height:var(--vertical-space-size-96);top:calc((0px - var(--vertical-space-size-96)) * 1px);top:calc(calc(0px - var(--vertical-space-size-96)) * 1px)}.arc .arc-VerticalSpace--sizeL128{padding-bottom:var(--vertical-space-size-128)}.arc .arc-VerticalSpace--sizeL128.arc-VerticalSpace--debugVisible::after{content:"Space 128 L";height:var(--vertical-space-size-128);top:calc((0px - var(--vertical-space-size-128)) * 1px);top:calc(calc(0px - var(--vertical-space-size-128)) * 1px)}}@media (min-width:1280px){.arc .arc-VerticalSpace--sizeXL4{padding-bottom:var(--vertical-space-size-4)}.arc .arc-VerticalSpace--sizeXL4.arc-VerticalSpace--debugVisible::after{content:"Space 4 XL";height:var(--vertical-space-size-4);top:calc((0px - var(--vertical-space-size-4)) * 1px);top:calc(calc(0px - var(--vertical-space-size-4)) * 1px)}.arc .arc-VerticalSpace--sizeXL8{padding-bottom:var(--vertical-space-size-8)}.arc .arc-VerticalSpace--sizeXL8.arc-VerticalSpace--debugVisible::after{content:"Space 8 XL";height:var(--vertical-space-size-8);top:calc((0px - var(--vertical-space-size-8)) * 1px);top:calc(calc(0px - var(--vertical-space-size-8)) * 1px)}.arc .arc-VerticalSpace--sizeXL12{padding-bottom:var(--vertical-space-size-12)}.arc .arc-VerticalSpace--sizeXL12.arc-VerticalSpace--debugVisible::after{content:"Space 12 XL";height:var(--vertical-space-size-12);top:calc((0px - var(--vertical-space-size-12)) * 1px);top:calc(calc(0px - var(--vertical-space-size-12)) * 1px)}.arc .arc-VerticalSpace--sizeXL16{padding-bottom:var(--vertical-space-size-16)}.arc .arc-VerticalSpace--sizeXL16.arc-VerticalSpace--debugVisible::after{content:"Space 16 XL";height:var(--vertical-space-size-16);top:calc((0px - var(--vertical-space-size-16)) * 1px);top:calc(calc(0px - var(--vertical-space-size-16)) * 1px)}.arc .arc-VerticalSpace--sizeXL20{padding-bottom:var(--vertical-space-size-20)}.arc .arc-VerticalSpace--sizeXL20.arc-VerticalSpace--debugVisible::after{content:"Space 20 XL";height:var(--vertical-space-size-20);top:calc((0px - var(--vertical-space-size-20)) * 1px);top:calc(calc(0px - var(--vertical-space-size-20)) * 1px)}.arc .arc-VerticalSpace--sizeXL24{padding-bottom:var(--vertical-space-size-24)}.arc .arc-VerticalSpace--sizeXL24.arc-VerticalSpace--debugVisible::after{content:"Space 24 XL";height:var(--vertical-space-size-24);top:calc((0px - var(--vertical-space-size-24)) * 1px);top:calc(calc(0px - var(--vertical-space-size-24)) * 1px)}.arc .arc-VerticalSpace--sizeXL28{padding-bottom:var(--vertical-space-size-28)}.arc .arc-VerticalSpace--sizeXL28.arc-VerticalSpace--debugVisible::after{content:"Space 28 XL";height:var(--vertical-space-size-28);top:calc((0px - var(--vertical-space-size-28)) * 1px);top:calc(calc(0px - var(--vertical-space-size-28)) * 1px)}.arc .arc-VerticalSpace--sizeXL32{padding-bottom:var(--vertical-space-size-32)}.arc .arc-VerticalSpace--sizeXL32.arc-VerticalSpace--debugVisible::after{content:"Space 32 XL";height:var(--vertical-space-size-32);top:calc((0px - var(--vertical-space-size-32)) * 1px);top:calc(calc(0px - var(--vertical-space-size-32)) * 1px)}.arc .arc-VerticalSpace--sizeXL40{padding-bottom:var(--vertical-space-size-40)}.arc .arc-VerticalSpace--sizeXL40.arc-VerticalSpace--debugVisible::after{content:"Space 40 XL";height:var(--vertical-space-size-40);top:calc((0px - var(--vertical-space-size-40)) * 1px);top:calc(calc(0px - var(--vertical-space-size-40)) * 1px)}.arc .arc-VerticalSpace--sizeXL48{padding-bottom:var(--vertical-space-size-48)}.arc .arc-VerticalSpace--sizeXL48.arc-VerticalSpace--debugVisible::after{content:"Space 48 XL";height:var(--vertical-space-size-48);top:calc((0px - var(--vertical-space-size-48)) * 1px);top:calc(calc(0px - var(--vertical-space-size-48)) * 1px)}.arc .arc-VerticalSpace--sizeXL64{padding-bottom:var(--vertical-space-size-64)}.arc .arc-VerticalSpace--sizeXL64.arc-VerticalSpace--debugVisible::after{content:"Space 64 XL";height:var(--vertical-space-size-64);top:calc((0px - var(--vertical-space-size-64)) * 1px);top:calc(calc(0px - var(--vertical-space-size-64)) * 1px)}.arc .arc-VerticalSpace--sizeXL96{padding-bottom:var(--vertical-space-size-96)}.arc .arc-VerticalSpace--sizeXL96.arc-VerticalSpace--debugVisible::after{content:"Space 96 XL";height:var(--vertical-space-size-96);top:calc((0px - var(--vertical-space-size-96)) * 1px);top:calc(calc(0px - var(--vertical-space-size-96)) * 1px)}.arc .arc-VerticalSpace--sizeXL128{padding-bottom:var(--vertical-space-size-128)}.arc .arc-VerticalSpace--sizeXL128.arc-VerticalSpace--debugVisible::after{content:"Space 128 XL";height:var(--vertical-space-size-128);top:calc((0px - var(--vertical-space-size-128)) * 1px);top:calc(calc(0px - var(--vertical-space-size-128)) * 1px)}}.arc .arc-VerticalSpace--debugVisible{position:relative}.arc .arc-VerticalSpace--debugVisible::after{align-items:center;background-color:rgba(var(--arc-debug-rgb),0.5);color:inherit;content:"Space";display:flex;height:var(--vertical-space-size-24);justify-content:center;left:0;outline:1px dashed rgba(var(--arc-debug-rgb),1);outline-offset:-1px;position:absolute;right:0;top:calc((0px - var(--vertical-space-size-24)) * 1px);top:calc(calc(0px - var(--vertical-space-size-24)) * 1px)}.arc *+.arc-VerticalSpace.arc-VerticalSpace--debugVisible::after{top:0}

package/dist/VideoPlayer/VideoPlayer.cjs.js

@@ -2,19 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('../_shared/cjs/index-df60851b.js');
+var index_es = require('../_shared/cjs/index.es-b404d2c5.js');
 var React = require('react');
 var _commonjsHelpers = require('../_shared/cjs/_commonjsHelpers-56412ec5.js');
-var BtIconPlayFill_esm = require('../_shared/cjs/BtIconPlayFill.esm-b8997cfc.js');
-var Icon = require('../_shared/cjs/Icon-0ec0c1fb.js');
-var VisuallyHidden = require('../_shared/cjs/VisuallyHidden-b0de4c7b.js');
-var VerticalSpace = require('../_shared/cjs/VerticalSpace-e128ec68.js');
-var Heading = require('../_shared/cjs/Heading-fb63844f.js');
-var Text = require('../_shared/cjs/Text-1c1110a4.js');
-var ThemeIcon = require('../_shared/cjs/ThemeIcon-ee814862.js');
-require('../_shared/cjs/index-9947ac13.js');
-require('../_shared/cjs/suffix-modifier-c8a34402.js');
-require('../_shared/cjs/Surface-8599dbe4.js');
+var BtIconPlayFill_esm = require('../_shared/cjs/BtIconPlayFill.esm-7e848bd9.js');
+var Icon = require('../_shared/cjs/Icon-859c6c00.js');
+var VisuallyHidden = require('../_shared/cjs/VisuallyHidden-821078c9.js');
+var VerticalSpace = require('../_shared/cjs/VerticalSpace-3908ae62.js');
+var Heading = require('../_shared/cjs/Heading-cb321adf.js');
+var Text = require('../_shared/cjs/Text-f6be8fdd.js');
+var Download = require('../_shared/cjs/Download-08d71049.js');
+var DisclosureMini = require('../_shared/cjs/DisclosureMini-09ee2d12.js');
+var index = require('../_shared/cjs/index-9947ac13.js');
+require('../_shared/cjs/Surface-4bc47dcb.js');
+require('../_shared/cjs/ThemeIcon-6b10d20a.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -2970,7 +2971,7 @@ var ReactPlayerVimeo = vimeo;
  * Use `VideoPlayer` to embed videos from YouTube or Vimeo.
  */
 var VideoPlayer = function (_a) {
-    var title = _a.title, description = _a.description, transcriptLink = _a.transcriptLink, light = _a.light, url = _a.url, onReady = _a.onReady, onPlay = _a.onPlay, onStart = _a.onStart, onPause = _a.onPause, onError = _a.onError, onEnded = _a.onEnded, _b = _a.isSupportingTextHidden, isSupportingTextHidden = _b === void 0 ? false : _b, props = index.__rest(_a, ["title", "description", "transcriptLink", "light", "url", "onReady", "onPlay", "onStart", "onPause", "onError", "onEnded", "isSupportingTextHidden"]);
+    var title = _a.title, description = _a.description, transcriptLink = _a.transcriptLink, transcriptContent = _a.transcriptContent, light = _a.light, url = _a.url, onReady = _a.onReady, onPlay = _a.onPlay, onStart = _a.onStart, onPause = _a.onPause, onError = _a.onError, onEnded = _a.onEnded, _b = _a.isBorderRadius, isBorderRadius = _b === void 0 ? false : _b, _c = _a.isSupportingTextHidden, isSupportingTextHidden = _c === void 0 ? false : _c, props = index_es.__rest(_a, ["title", "description", "transcriptLink", "transcriptContent", "light", "url", "onReady", "onPlay", "onStart", "onPause", "onError", "onEnded", "isBorderRadius", "isSupportingTextHidden"]);
     var TextWrapper = isSupportingTextHidden ? VisuallyHidden.VisuallyHidden : "div";
     var isVimeo = new URL(url).hostname.includes("vimeo");
     var playerProps = {
@@ -2990,24 +2991,35 @@ var VideoPlayer = function (_a) {
         width: "100%",
         height: "100%"
     };
-    return (React__default["default"].createElement("div", index.__assign({}, index.filterDataAttrs(props)),
-        React__default["default"].createElement("div", { className: "arc-VideoPlayer-wrapper" }, isVimeo ? (React__default["default"].createElement(ReactPlayerVimeo, index.__assign({}, playerProps))) : (React__default["default"].createElement(ReactPlayerYoutube, index.__assign({}, playerProps)))),
+    return (React__default["default"].createElement("div", index_es.__assign({}, index_es.filterDataAttrs(props)),
+        React__default["default"].createElement("div", { "data-testid": "arc-video-player", className: index.classNames("arc-VideoPlayer-wrapper", {
+                "arc-VideoPlayer-wrapper--borderRadius": isBorderRadius
+            }) }, isVimeo ? (React__default["default"].createElement(ReactPlayerVimeo, index_es.__assign({}, playerProps))) : (React__default["default"].createElement(ReactPlayerYoutube, index_es.__assign({}, playerProps)))),
         React__default["default"].createElement(TextWrapper, null,
-            React__default["default"].createElement(VerticalSpace.VerticalSpace, { size: "16", sizeXL: "32" }),
+            React__default["default"].createElement(VerticalSpace.VerticalSpace, { size: "24" }),
             React__default["default"].createElement(Heading.Heading, { level: "3", size: "s" }, title),
-            React__default["default"].createElement(VerticalSpace.VerticalSpace, { size: "16" }),
+            React__default["default"].createElement(VerticalSpace.VerticalSpace, { size: "8" }),
             React__default["default"].createElement(Text.Text, null, description)),
         transcriptLink && (React__default["default"].createElement(React__default["default"].Fragment, null,
-            React__default["default"].createElement(VerticalSpace.VerticalSpace, { size: "16" }),
-            React__default["default"].createElement("a", { download: true, "aria-label": transcriptLink.text, href: transcriptLink.url, className: "arc-VideoPlayer-transcriptLink" },
-                React__default["default"].createElement("div", { className: "arc-VideoPlayer-transcriptLinkContainer" },
-                    React__default["default"].createElement(ThemeIcon.ThemeIcon, { size: 64, icon: "videoPlayerTranscript" })),
-                React__default["default"].createElement("div", { className: "arc-VideoPlayer-transcriptLinkTextContainer" },
-                    React__default["default"].createElement(Heading.Heading, { level: "3", size: "xs" }, transcriptLink.text),
-                    React__default["default"].createElement(Text.Text, { size: "xs" },
-                        transcriptLink.format,
-                        " | ",
-                        transcriptLink.fileSize)))))));
+            React__default["default"].createElement(VerticalSpace.VerticalSpace, { size: "24" }),
+            React__default["default"].createElement(Download.Download, { isCompact: true, icon: "downloadAccessibility", href: transcriptLink.url, name: transcriptLink.text, type: transcriptLink.format, size: transcriptLink.fileSize }))),
+        transcriptContent && (React__default["default"].createElement(React__default["default"].Fragment, null,
+            React__default["default"].createElement(VerticalSpace.VerticalSpace, { size: "24" }),
+            React__default["default"].createElement(DisclosureMini.DisclosureMini, { summary: "Audio Described Transcript" },
+                React__default["default"].createElement(VerticalSpace.VerticalSpace, { size: "8" }),
+                React__default["default"].createElement(Heading.Heading, null, transcriptContent.heading.toUpperCase()),
+                React__default["default"].createElement(VerticalSpace.VerticalSpace, { size: "32" }),
+                React__default["default"].createElement(Text.Text, null, transcriptContent.description),
+                React__default["default"].createElement(VerticalSpace.VerticalSpace, { size: "24" }),
+                transcriptContent.content.map(function (_a) {
+                    var heading = _a.heading, text = _a.text;
+                    return (React__default["default"].createElement(React__default["default"].Fragment, null,
+                        React__default["default"].createElement(VerticalSpace.VerticalSpace, { size: "24" }),
+                        heading && (React__default["default"].createElement(React__default["default"].Fragment, null,
+                            React__default["default"].createElement(Heading.Heading, { isInline: true }, heading === null || heading === void 0 ? void 0 : heading.toUpperCase()),
+                            "\u00A0")),
+                        React__default["default"].createElement(Text.Text, { isInline: true }, text)));
+                }))))));
 };
 
 exports.VideoPlayer = VideoPlayer;