@arc-ui/components 12.0.0-beta.18 → 12.0.0-beta.20

package/lib/TextInput/TextInput.mjs

@@ -1,9 +1,9 @@
 'use client';
-export { T as TextInput } from '../_shared/esm/TextInput-Vp_cBbpQ.mjs';
+export { T as TextInput } from '../_shared/esm/TextInput-Dk7qNGoh.mjs';
 import '../_shared/esm/filter-attrs-B6CM-NUr.mjs';
 import 'react';
 import '../_shared/esm/index-5C0-U8cc.mjs';
-import '../_shared/esm/FormControl-B9fp1ilz.mjs';
+import '../_shared/esm/FormControl-CWyrVi1u.mjs';
 import '../_shared/esm/Surface-Colbp3Zx.mjs';
 import '../_shared/esm/index-Spae4j7j.mjs';
 import '../_shared/esm/DisclosureMini-B9LzsQC2.mjs';

package/lib/TextInput/styles.css

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

package/lib/Theme/Theme.cjs

@@ -8,7 +8,7 @@ var index = require('../_shared/cjs/index-CTlXMLug.cjs');
 var package_default = {
   name: "@arc-ui/helpers",
   private: true,
-  version: "12.0.0-beta.18",
+  version: "12.0.0-beta.20",
   type: "module",
   homepage: "https://ui.digital-ent-int.bt.com",
   author: "BT Enterprise Digital UI Team <ui-digital-ent-int@bt.com>",

package/lib/Theme/Theme.mjs

@@ -6,7 +6,7 @@ import { c as classNames } from '../_shared/esm/index-5C0-U8cc.mjs';
 var package_default = {
   name: "@arc-ui/helpers",
   private: true,
-  version: "12.0.0-beta.18",
+  version: "12.0.0-beta.20",
   type: "module",
   homepage: "https://ui.digital-ent-int.bt.com",
   author: "BT Enterprise Digital UI Team <ui-digital-ent-int@bt.com>",

package/lib/Theme/styles.css

@@ -1 +1 @@
-.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc--reset ::after,.arc--reset ::before{all:revert;-webkit-text-fill-color:initial}.arc-v12-0-0-beta-18 .arc *{box-sizing:border-box}.arc-v12-0-0-beta-18 .arc a{color:var(--textlink-colors-light-text-default)}.arc-v12-0-0-beta-18 .arc a:hover{color:var(--textlink-colors-light-text-hover)}.arc-v12-0-0-beta-18 .arc a:focus,.arc-v12-0-0-beta-18 .arc a:focus-visible{border-radius:var(--focus-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc-v12-0-0-beta-18 .arc a:active{color:var(--textlink-colors-light-text-hover)}.arc-v12-0-0-beta-18 .arc a:focus:not(:focus-visible){outline:0}
+.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc--reset ::after,.arc--reset ::before{all:revert;-webkit-text-fill-color:initial}.arc-v12-0-0-beta-20 .arc *{box-sizing:border-box}.arc-v12-0-0-beta-20 .arc a{color:var(--textlink-colors-light-text-default)}.arc-v12-0-0-beta-20 .arc a:hover{color:var(--textlink-colors-light-text-hover)}.arc-v12-0-0-beta-20 .arc a:focus,.arc-v12-0-0-beta-20 .arc a:focus-visible{border-radius:var(--focus-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc-v12-0-0-beta-20 .arc a:active{color:var(--textlink-colors-light-text-hover)}.arc-v12-0-0-beta-20 .arc a:focus:not(:focus-visible){outline:0}

package/lib/ThemeIcon/styles.css

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

@@ -1,29 +1,26 @@
+'use client';
 'use strict';
 
 var filterAttrs = require('../_shared/cjs/filter-attrs-eK6E_34o.cjs');
 var React = require('react');
-var index_es = require('../_shared/cjs/index.es-sqSQUWYg.cjs');
 var BtIconArrowRight = require('../_shared/cjs/BtIconArrowRight-Bm5PIn_6.cjs');
-var useMediaQuery = require('../_shared/cjs/use-media-query-BsUfHjPZ.cjs');
-var Heading = require('../_shared/cjs/Heading-BEMSkLYR.cjs');
-var ButtonV2 = require('../_shared/cjs/ButtonV2-CRNNZ_nd.cjs');
+var ButtonV2 = require('../_shared/cjs/ButtonV2-Bta5SVVY.cjs');
 var Image = require('../_shared/cjs/Image-C1pcrfnN.cjs');
 var VerticalSpace = require('../_shared/cjs/VerticalSpace-BJvST6WP.cjs');
 require('../_shared/cjs/index-CTlXMLug.cjs');
-require('../_shared/cjs/index-DR8Rkav9.cjs');
+require('../_shared/cjs/Icon-CzhyKqMd.cjs');
 require('../_shared/cjs/suffix-modifier-DLUGR-yG.cjs');
+require('../_shared/cjs/index-DR8Rkav9.cjs');
 require('../_shared/cjs/Surface-BFx1yNsq.cjs');
-require('../_shared/cjs/Icon-KMACQ1i3.cjs');
 require('../_shared/cjs/Spinner-bbrOwxv2.cjs');
 
 var ThumbnailSignpost = function (_a) {
     var text = _a.text, title = _a.title, img = _a.img, button = _a.button, props = filterAttrs.__rest(_a, ["text", "title", "img", "button"]);
-    var isMinWidthArcBreakpointS = useMediaQuery.useMediaQuery("(min-width: ".concat(index_es.ArcSizeBreakpointsS, ")"));
     return (React.createElement("div", filterAttrs.__assign({ className: "arc-ThumbnailSignpost" }, filterAttrs.filterAttrs(props)),
         (img === null || img === void 0 ? void 0 : img.src) && (React.createElement("div", { className: "arc-ThumbnailSignpost-image" },
             React.createElement(Image.Image, filterAttrs.__assign({}, img)))),
         React.createElement("div", { className: "arc-ThumbnailSignpost-content" },
-            React.createElement(Heading.Heading, { size: isMinWidthArcBreakpointS ? "s" : "xs" }, title),
+            React.createElement("span", { className: "arc-ThumbnailSignpost-heading" }, title),
             React.createElement(VerticalSpace.VerticalSpace, { size: "8" }),
             text,
             React.createElement(ButtonV2.ButtonV2, filterAttrs.__assign({ buttonStyle: "compact", icon: BtIconArrowRight.BtIconArrowRight }, button)))));

package/lib/ThumbnailSignpost/ThumbnailSignpost.mjs

@@ -1,27 +1,24 @@
+'use client';
 import { _ as __rest, a as __assign, f as filterAttrs } from '../_shared/esm/filter-attrs-B6CM-NUr.mjs';
 import React__default from 'react';
-import { a as ArcSizeBreakpointsS } from '../_shared/esm/index.es-C3WGtwrW.mjs';
 import { B as BtIconArrowRight } from '../_shared/esm/BtIconArrowRight-DpUmY3g3.mjs';
-import { u as useMediaQuery } from '../_shared/esm/use-media-query-DmKuIDEM.mjs';
-import { H as Heading } from '../_shared/esm/Heading-CxHWefi7.mjs';
-import { B as ButtonV2 } from '../_shared/esm/ButtonV2-2U4PvnpS.mjs';
+import { B as ButtonV2 } from '../_shared/esm/ButtonV2-DwYBAojW.mjs';
 import { I as Image } from '../_shared/esm/Image-Dl8oH1Rn.mjs';
 import { V as VerticalSpace } from '../_shared/esm/VerticalSpace-Duhm0zXP.mjs';
 import '../_shared/esm/index-5C0-U8cc.mjs';
-import '../_shared/esm/index-Spae4j7j.mjs';
+import '../_shared/esm/Icon-CcPOJcQm.mjs';
 import '../_shared/esm/suffix-modifier-B_pO0UkF.mjs';
+import '../_shared/esm/index-Spae4j7j.mjs';
 import '../_shared/esm/Surface-Colbp3Zx.mjs';
-import '../_shared/esm/Icon-MZfaoOo9.mjs';
 import '../_shared/esm/Spinner-Cd7LiPTy.mjs';
 
 var ThumbnailSignpost = function (_a) {
     var text = _a.text, title = _a.title, img = _a.img, button = _a.button, props = __rest(_a, ["text", "title", "img", "button"]);
-    var isMinWidthArcBreakpointS = useMediaQuery("(min-width: ".concat(ArcSizeBreakpointsS, ")"));
     return (React__default.createElement("div", __assign({ className: "arc-ThumbnailSignpost" }, filterAttrs(props)),
         (img === null || img === void 0 ? void 0 : img.src) && (React__default.createElement("div", { className: "arc-ThumbnailSignpost-image" },
             React__default.createElement(Image, __assign({}, img)))),
         React__default.createElement("div", { className: "arc-ThumbnailSignpost-content" },
-            React__default.createElement(Heading, { size: isMinWidthArcBreakpointS ? "s" : "xs" }, title),
+            React__default.createElement("span", { className: "arc-ThumbnailSignpost-heading" }, title),
             React__default.createElement(VerticalSpace, { size: "8" }),
             text,
             React__default.createElement(ButtonV2, __assign({ buttonStyle: "compact", icon: BtIconArrowRight }, button)))));

package/lib/ThumbnailSignpost/styles.css

@@ -1 +1 @@
-.arc-v12-0-0-beta-18 .arc .arc-ThumbnailSignpost{display:flex;flex-direction:row;gap:var(--thumbnail-signpost-gap)}.arc-v12-0-0-beta-18 .arc .arc-ThumbnailSignpost-image{flex-shrink:0;width:var(--thumbnail-signpost-width-xxs)}.arc-v12-0-0-beta-18 .arc .arc-ThumbnailSignpost-image img{border-radius:var(--thumbnail-signpost-border-radius-s)}@media (min-width:636px){.arc-v12-0-0-beta-18 .arc .arc-ThumbnailSignpost-image{width:var(--thumbnail-signpost-width-xs)}}@media (min-width:768px){.arc-v12-0-0-beta-18 .arc .arc-ThumbnailSignpost-image{width:var(--thumbnail-signpost-width-s)}}
+.arc-v12-0-0-beta-20 .arc .arc-ThumbnailSignpost{display:flex;flex-direction:row;gap:var(--thumbnail-signpost-gap)}.arc-v12-0-0-beta-20 .arc .arc-ThumbnailSignpost-heading{display:block;font:var(--sem-type-mobile-semi-xs);font-family:var(--sem-font-family-heading);font-size:1em;font-weight:var(--sem-font-weight-semi-bold);margin:0}.arc-v12-0-0-beta-20 .arc .arc-ThumbnailSignpost-image{flex-shrink:0;width:var(--thumbnail-signpost-width-xxs)}.arc-v12-0-0-beta-20 .arc .arc-ThumbnailSignpost-image img{border-radius:var(--thumbnail-signpost-border-radius-s)}@media (min-width:636px){.arc-v12-0-0-beta-20 .arc .arc-ThumbnailSignpost-image{width:var(--thumbnail-signpost-width-xs)}.arc-v12-0-0-beta-20 .arc .arc-ThumbnailSignpost-heading{font:var(--sem-type-mobile-semi-s)}}@media (min-width:768px){.arc-v12-0-0-beta-20 .arc .arc-ThumbnailSignpost-image{width:var(--thumbnail-signpost-width-s)}}

package/lib/Toast/styles.css

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

package/lib/Tooltip/Tooltip.cjs

@@ -8,7 +8,7 @@ var ReactDOM = require('react-dom');
 var jsxRuntime = require('react/jsx-runtime');
 var index$1 = require('../_shared/cjs/index-B11wQrRa.cjs');
 var Surface = require('../_shared/cjs/Surface-BFx1yNsq.cjs');
-var Icon = require('../_shared/cjs/Icon-KMACQ1i3.cjs');
+var Icon = require('../_shared/cjs/Icon-CzhyKqMd.cjs');
 var Text = require('../_shared/cjs/Text-Cr5nmYmx.cjs');
 require('../_shared/cjs/index-CTlXMLug.cjs');
 require('../_shared/cjs/index-DR8Rkav9.cjs');

package/lib/Tooltip/Tooltip.mjs

@@ -8,7 +8,7 @@ import ReactDOM__default from 'react-dom';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { u as useSize, a as useFloating, b as autoUpdate, o as offset, s as shift, l as limitShift, f as flip, c as size, d as arrow, h as hide } from '../_shared/esm/index-CWHcEz3_.mjs';
 import { S as Surface } from '../_shared/esm/Surface-Colbp3Zx.mjs';
-import { I as Icon } from '../_shared/esm/Icon-MZfaoOo9.mjs';
+import { I as Icon } from '../_shared/esm/Icon-CcPOJcQm.mjs';
 import { T as Text } from '../_shared/esm/Text-CBlnm5CT.mjs';
 import '../_shared/esm/index-5C0-U8cc.mjs';
 import '../_shared/esm/index-Spae4j7j.mjs';

package/lib/Tooltip/styles.css

@@ -1 +1 @@
-.arc-v12-0-0-beta-18 .arc .arc-Tooltip-arrow{background:#434343;border-bottom:1px solid #2a2a2a;border-bottom-right-radius:1px;border-right:1px solid #2a2a2a;fill:none;height:10px;position:relative;transform:translate(0,-52%) rotate(45deg);width:10px}.arc-v12-0-0-beta-18 .arc .arc-Tooltip-trigger{all:unset;cursor:pointer}.arc-v12-0-0-beta-18 .arc .arc-Tooltip-content{background:#434343;border:1px solid #2a2a2a;border-radius:5px;box-shadow:var(--elevation-02);padding:4px 8px;text-align:center}.arc-v12-0-0-beta-18 .arc .arc-Tooltip-trigger:focus{border-radius:var(--focus-border-radius-s);outline:var(--focus-border-weight-s) solid transparent;outline-offset:2px}.arc-v12-0-0-beta-18 .arc .arc-Tooltip-trigger:focus-visible{outline-color:var(--focus-colors-light-border-subtle)}
+.arc-v12-0-0-beta-20 .arc .arc-Tooltip-arrow{background:#434343;border-bottom:1px solid #2a2a2a;border-bottom-right-radius:1px;border-right:1px solid #2a2a2a;fill:none;height:10px;position:relative;transform:translate(0,-52%) rotate(45deg);width:10px}.arc-v12-0-0-beta-20 .arc .arc-Tooltip-trigger{all:unset;cursor:pointer}.arc-v12-0-0-beta-20 .arc .arc-Tooltip-content{background:#434343;border:1px solid #2a2a2a;border-radius:5px;box-shadow:var(--elevation-02);padding:4px 8px;text-align:center}.arc-v12-0-0-beta-20 .arc .arc-Tooltip-trigger:focus{border-radius:var(--focus-border-radius-s);outline:var(--focus-border-weight-s) solid transparent;outline-offset:2px}.arc-v12-0-0-beta-20 .arc .arc-Tooltip-trigger:focus-visible{outline-color:var(--focus-colors-light-border-subtle)}

package/lib/Truncate/styles.css

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

package/lib/TypographyCard/TypographyCard.cjs

@@ -4,13 +4,14 @@
 var filterAttrs = require('../_shared/cjs/filter-attrs-eK6E_34o.cjs');
 var React = require('react');
 var index = require('../_shared/cjs/index-CTlXMLug.cjs');
+var Heading = require('../_shared/cjs/Heading-BEMSkLYR.cjs');
 var Surface = require('../_shared/cjs/Surface-BFx1yNsq.cjs');
 var CardHeading = require('../_shared/cjs/CardHeading-Cl0D1Khp.cjs');
-var CardFooter = require('../_shared/cjs/CardFooter-DwE-u0Om.cjs');
+var CardFooter = require('../_shared/cjs/CardFooter-ChphRFHe.cjs');
+var VerticalSpace = require('../_shared/cjs/VerticalSpace-BJvST6WP.cjs');
 require('../_shared/cjs/index-DR8Rkav9.cjs');
-require('../_shared/cjs/Heading-BEMSkLYR.cjs');
 require('../_shared/cjs/suffix-modifier-DLUGR-yG.cjs');
-require('../_shared/cjs/Icon-KMACQ1i3.cjs');
+require('../_shared/cjs/Icon-CzhyKqMd.cjs');
 require('../_shared/cjs/index-BLRjGROQ.cjs');
 
 /** Use `TypographyCard` for content that benefits from larger and energetic typography. */
@@ -27,7 +28,9 @@ var TypographyCard = function (_a) {
             "arc-TypographyCard--onDarkSurface": surface === "dark",
         }) }, filterAttrs.filterAttrs(props)),
         React.createElement("div", { className: "arc-TypographyCard-contentContainer" },
-            label && (React.createElement("div", { className: "arc-TypographyCard-label" }, label.toUpperCase())),
+            label && (React.createElement("div", { className: "arc-TypographyCard-label" },
+                React.createElement(Heading.Heading, { level: "3", fontStyle: "overline" }, label),
+                React.createElement(VerticalSpace.VerticalSpace, { size: "16" }))),
             React.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.createElement(CardFooter.CardFooter, { showButton: true, isDarkPathway: isDarkPathway, buttonIcon: buttonIcon, metaText: metaText, isHovered: showHoverState })));
 };

package/lib/TypographyCard/TypographyCard.mjs

@@ -2,13 +2,14 @@
 import { _ as __rest, a as __assign, f as filterAttrs } from '../_shared/esm/filter-attrs-B6CM-NUr.mjs';
 import React__default, { useContext, useState } from 'react';
 import { c as classNames } from '../_shared/esm/index-5C0-U8cc.mjs';
+import { H as Heading } from '../_shared/esm/Heading-CxHWefi7.mjs';
 import { C as Context } from '../_shared/esm/Surface-Colbp3Zx.mjs';
 import { C as CardHeading } from '../_shared/esm/CardHeading-_setRRjq.mjs';
-import { C as CardFooter } from '../_shared/esm/CardFooter-CgDDDI7Z.mjs';
+import { C as CardFooter } from '../_shared/esm/CardFooter-fsAY4cc6.mjs';
+import { V as VerticalSpace } from '../_shared/esm/VerticalSpace-Duhm0zXP.mjs';
 import '../_shared/esm/index-Spae4j7j.mjs';
-import '../_shared/esm/Heading-CxHWefi7.mjs';
 import '../_shared/esm/suffix-modifier-B_pO0UkF.mjs';
-import '../_shared/esm/Icon-MZfaoOo9.mjs';
+import '../_shared/esm/Icon-CcPOJcQm.mjs';
 import '../_shared/esm/index-Cr6KeQLU.mjs';
 
 /** Use `TypographyCard` for content that benefits from larger and energetic typography. */
@@ -25,7 +26,9 @@ var TypographyCard = function (_a) {
             "arc-TypographyCard--onDarkSurface": surface === "dark",
         }) }, filterAttrs(props)),
         React__default.createElement("div", { className: "arc-TypographyCard-contentContainer" },
-            label && (React__default.createElement("div", { className: "arc-TypographyCard-label" }, label.toUpperCase())),
+            label && (React__default.createElement("div", { className: "arc-TypographyCard-label" },
+                React__default.createElement(Heading, { level: "3", fontStyle: "overline" }, label),
+                React__default.createElement(VerticalSpace, { size: "16" }))),
             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/lib/TypographyCard/styles.css

@@ -1 +1 @@
-.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-TypographyCard-contentContainer{display:flex;flex:1 1 auto;flex-direction:column;margin-bottom:24px}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-TypographyCard--outlined{box-shadow:0 0 0 2px var(--card-colors-light-border-hover)}.arc-v12-0-0-beta-18 .arc .arc-TypographyCard--outlined:not(.arc-TypographyCard--darkPathway) .arc-CardHeading-link{color:var(--card-colors-light-text-hover)}.arc-v12-0-0-beta-18 .arc .arc-TypographyCard--darkPathway.arc-TypographyCard--outlined .arc-CardHeading{color:var(--card-colors-dark-text-hover)}.arc-v12-0-0-beta-18 .arc .arc-TypographyCard--darkPathway.arc-TypographyCard--outlined{box-shadow:0 0 0 2px var(--card-colors-dark-border-hover)}.arc-v12-0-0-beta-18 .arc .arc-TypographyCard--darkPathway.arc-TypographyCard--outlined[focus-within]{box-shadow:0 0 0 2px transparent}.arc-v12-0-0-beta-18 .arc .arc-TypographyCard--darkPathway.arc-TypographyCard--outlined:focus-within{box-shadow:0 0 0 2px transparent}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-TypographyCard--lightPathway{background:var(--card-colors-light-bg-emphasis)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-TypographyCard--darkPathway .arc-TypographyCard-label{color:var(--card-colors-dark-text-support)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-TypographyCard{padding:var(--card-padding-m)}}
+.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-TypographyCard-contentContainer{display:flex;flex:1 1 auto;flex-direction:column;margin-bottom:24px}.arc-v12-0-0-beta-20 .arc .arc-TypographyCard-label{color:var(--card-colors-light-text-support)}.arc-v12-0-0-beta-20 .arc .arc-TypographyCard--outlined{box-shadow:0 0 0 2px var(--card-colors-light-border-hover)}.arc-v12-0-0-beta-20 .arc .arc-TypographyCard--outlined:not(.arc-TypographyCard--darkPathway) .arc-CardHeading-link{color:var(--card-colors-light-text-hover)}.arc-v12-0-0-beta-20 .arc .arc-TypographyCard--darkPathway.arc-TypographyCard--outlined .arc-CardHeading{color:var(--card-colors-dark-text-hover)}.arc-v12-0-0-beta-20 .arc .arc-TypographyCard--darkPathway.arc-TypographyCard--outlined{box-shadow:0 0 0 2px var(--card-colors-dark-border-hover)}.arc-v12-0-0-beta-20 .arc .arc-TypographyCard--darkPathway.arc-TypographyCard--outlined[focus-within]{box-shadow:0 0 0 2px transparent}.arc-v12-0-0-beta-20 .arc .arc-TypographyCard--darkPathway.arc-TypographyCard--outlined:focus-within{box-shadow:0 0 0 2px transparent}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-TypographyCard--lightPathway{background:var(--card-colors-light-bg-emphasis)}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-TypographyCard--darkPathway .arc-TypographyCard-label{color:var(--card-colors-dark-text-support)}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-TypographyCard{padding:var(--card-padding-m)}}

package/lib/UniversalHeader/styles.css

@@ -1 +1 @@
-.arc-v12-0-0-beta-18 .arc .arc-UniversalHeader{color:var(--universal-header-colors-light-text-default);position:relative}.arc-v12-0-0-beta-18 .arc .arc-UniversalHeader::after,.arc-v12-0-0-beta-18 .arc .arc-UniversalHeader::before{bottom:0;content:"";pointer-events:none;position:absolute;top:0}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-UniversalHeader::before{width:24px}}.arc-v12-0-0-beta-18 .arc .arc-UniversalHeader-items{align-items:center;display:flex;list-style:none;margin:0 auto;max-width:620px;overflow-x:auto;padding-left:0;padding-right:var(--universal-header-padding-m)}@media (min-width:636px){.arc-v12-0-0-beta-18 .arc .arc-UniversalHeader-items{max-width:1008px;padding-left:var(--universal-header-padding-m);padding-right:var(--universal-header-padding-m)}}@media (min-width:1024px){.arc-v12-0-0-beta-18 .arc .arc-UniversalHeader-items{max-width:1280px;padding-left:var(--universal-header-padding-xl);padding-right:var(--universal-header-padding-xl)}}.arc-v12-0-0-beta-18 .arc .arc-UniversalHeader-link{color:inherit;display:block;font:var(--sem-type-body-reg-xs);padding-top:calc(4px * 2);padding-bottom:calc(4px * 2);padding-left:calc(4px * 4);padding-right:calc(4px * 4);text-decoration:none;white-space:nowrap}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-UniversalHeader-link:hover{color:var(--universal-header-colors-light-text-hover);text-decoration:underline}.arc-v12-0-0-beta-18 .arc .arc-UniversalHeader-link--isActive{background-color:var(--header-menu-colors-light-fg-default);color:var(--header-menu-colors-light-text-default-alt)}.arc-v12-0-0-beta-18 .arc .arc-UniversalHeader-link--isActive:hover{color:var(--header-menu-colors-light-text-default-alt)}.arc-v12-0-0-beta-18 .arc .arc-UniversalHeader-contentSlot{margin-left:auto}
+.arc-v12-0-0-beta-20 .arc .arc-UniversalHeader{color:var(--universal-header-colors-light-text-default);position:relative}.arc-v12-0-0-beta-20 .arc .arc-UniversalHeader::after,.arc-v12-0-0-beta-20 .arc .arc-UniversalHeader::before{bottom:0;content:"";pointer-events:none;position:absolute;top:0}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-UniversalHeader::before{width:24px}}.arc-v12-0-0-beta-20 .arc .arc-UniversalHeader-items{align-items:center;display:flex;list-style:none;margin:0 auto;max-width:620px;overflow-x:auto;padding-left:0;padding-right:var(--universal-header-padding-m)}@media (min-width:636px){.arc-v12-0-0-beta-20 .arc .arc-UniversalHeader-items{max-width:1008px;padding-left:var(--universal-header-padding-m);padding-right:var(--universal-header-padding-m)}}@media (min-width:1024px){.arc-v12-0-0-beta-20 .arc .arc-UniversalHeader-items{max-width:1280px;padding-left:var(--universal-header-padding-xl);padding-right:var(--universal-header-padding-xl)}}.arc-v12-0-0-beta-20 .arc .arc-UniversalHeader-link{color:inherit;display:block;font:var(--sem-type-body-reg-xs);padding-top:calc(4px * 2);padding-bottom:calc(4px * 2);padding-left:calc(4px * 4);padding-right:calc(4px * 4);text-decoration:none;white-space:nowrap}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-UniversalHeader-link:hover{color:var(--universal-header-colors-light-text-hover);text-decoration:underline}.arc-v12-0-0-beta-20 .arc .arc-UniversalHeader-link--isActive{background-color:var(--header-menu-colors-light-fg-default);color:var(--header-menu-colors-light-text-default-alt)}.arc-v12-0-0-beta-20 .arc .arc-UniversalHeader-link--isActive:hover{color:var(--header-menu-colors-light-text-default-alt)}.arc-v12-0-0-beta-20 .arc .arc-UniversalHeader-contentSlot{margin-left:auto}

package/lib/VerticalSpace/styles.css

@@ -1 +1 @@
-.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--size4{padding-bottom:var(--vertical-space-size-4)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--size8{padding-bottom:var(--vertical-space-size-8)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--size12{padding-bottom:var(--vertical-space-size-12)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--size16{padding-bottom:var(--vertical-space-size-16)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--size20{padding-bottom:var(--vertical-space-size-20)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--size24{padding-bottom:var(--vertical-space-size-24)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--size28{padding-bottom:var(--vertical-space-size-28)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--size32{padding-bottom:var(--vertical-space-size-32)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--size40{padding-bottom:var(--vertical-space-size-40)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--size48{padding-bottom:var(--vertical-space-size-48)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--size64{padding-bottom:var(--vertical-space-size-64)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--size96{padding-bottom:var(--vertical-space-size-96)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--size128{padding-bottom:var(--vertical-space-size-128)}.arc-v12-0-0-beta-18 .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:636px){.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeS4{padding-bottom:var(--vertical-space-size-4)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeS8{padding-bottom:var(--vertical-space-size-8)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeS12{padding-bottom:var(--vertical-space-size-12)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeS16{padding-bottom:var(--vertical-space-size-16)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeS20{padding-bottom:var(--vertical-space-size-20)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeS24{padding-bottom:var(--vertical-space-size-24)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeS28{padding-bottom:var(--vertical-space-size-28)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeS32{padding-bottom:var(--vertical-space-size-32)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeS40{padding-bottom:var(--vertical-space-size-40)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeS48{padding-bottom:var(--vertical-space-size-48)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeS64{padding-bottom:var(--vertical-space-size-64)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeS96{padding-bottom:var(--vertical-space-size-96)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeS128{padding-bottom:var(--vertical-space-size-128)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeM4{padding-bottom:var(--vertical-space-size-4)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeM8{padding-bottom:var(--vertical-space-size-8)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeM12{padding-bottom:var(--vertical-space-size-12)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeM16{padding-bottom:var(--vertical-space-size-16)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeM20{padding-bottom:var(--vertical-space-size-20)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeM24{padding-bottom:var(--vertical-space-size-24)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeM28{padding-bottom:var(--vertical-space-size-28)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeM32{padding-bottom:var(--vertical-space-size-32)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeM40{padding-bottom:var(--vertical-space-size-40)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeM48{padding-bottom:var(--vertical-space-size-48)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeM64{padding-bottom:var(--vertical-space-size-64)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeM96{padding-bottom:var(--vertical-space-size-96)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeM128{padding-bottom:var(--vertical-space-size-128)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeL4{padding-bottom:var(--vertical-space-size-4)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeL8{padding-bottom:var(--vertical-space-size-8)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeL12{padding-bottom:var(--vertical-space-size-12)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeL16{padding-bottom:var(--vertical-space-size-16)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeL20{padding-bottom:var(--vertical-space-size-20)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeL24{padding-bottom:var(--vertical-space-size-24)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeL28{padding-bottom:var(--vertical-space-size-28)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeL32{padding-bottom:var(--vertical-space-size-32)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeL40{padding-bottom:var(--vertical-space-size-40)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeL48{padding-bottom:var(--vertical-space-size-48)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeL64{padding-bottom:var(--vertical-space-size-64)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeL96{padding-bottom:var(--vertical-space-size-96)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeL128{padding-bottom:var(--vertical-space-size-128)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeXL4{padding-bottom:var(--vertical-space-size-4)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeXL8{padding-bottom:var(--vertical-space-size-8)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeXL12{padding-bottom:var(--vertical-space-size-12)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeXL16{padding-bottom:var(--vertical-space-size-16)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeXL20{padding-bottom:var(--vertical-space-size-20)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeXL24{padding-bottom:var(--vertical-space-size-24)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeXL28{padding-bottom:var(--vertical-space-size-28)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeXL32{padding-bottom:var(--vertical-space-size-32)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeXL40{padding-bottom:var(--vertical-space-size-40)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeXL48{padding-bottom:var(--vertical-space-size-48)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeXL64{padding-bottom:var(--vertical-space-size-64)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeXL96{padding-bottom:var(--vertical-space-size-96)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeXL128{padding-bottom:var(--vertical-space-size-128)}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc .arc-VerticalSpace--debugVisible{position:relative}.arc-v12-0-0-beta-18 .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-v12-0-0-beta-18 .arc *+.arc-VerticalSpace.arc-VerticalSpace--debugVisible::after{top:0}
+.arc-v12-0-0-beta-20 .arc .arc-VerticalSpace--size4{padding-bottom:var(--vertical-space-size-4)}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-VerticalSpace--size8{padding-bottom:var(--vertical-space-size-8)}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-VerticalSpace--size12{padding-bottom:var(--vertical-space-size-12)}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-VerticalSpace--size16{padding-bottom:var(--vertical-space-size-16)}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-VerticalSpace--size20{padding-bottom:var(--vertical-space-size-20)}.arc-v12-0-0-beta-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-v12-0-0-beta-20 .arc .arc-VerticalSpace--size24{padding-bottom:var(--vertical-space-size-24)}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-VerticalSpace--size28{padding-bottom:var(--vertical-space-size-28)}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-VerticalSpace--size32{padding-bottom:var(--vertical-space-size-32)}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-VerticalSpace--size40{padding-bottom:var(--vertical-space-size-40)}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-VerticalSpace--size48{padding-bottom:var(--vertical-space-size-48)}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-VerticalSpace--size64{padding-bottom:var(--vertical-space-size-64)}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-VerticalSpace--size96{padding-bottom:var(--vertical-space-size-96)}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-VerticalSpace--size128{padding-bottom:var(--vertical-space-size-128)}.arc-v12-0-0-beta-20 .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:636px){.arc-v12-0-0-beta-20 .arc .arc-VerticalSpace--sizeS4{padding-bottom:var(--vertical-space-size-4)}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-VerticalSpace--sizeS8{padding-bottom:var(--vertical-space-size-8)}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-VerticalSpace--sizeS12{padding-bottom:var(--vertical-space-size-12)}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-VerticalSpace--sizeS16{padding-bottom:var(--vertical-space-size-16)}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-VerticalSpace--sizeS20{padding-bottom:var(--vertical-space-size-20)}.arc-v12-0-0-beta-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-v12-0-0-beta-20 .arc .arc-VerticalSpace--sizeS24{padding-bottom:var(--vertical-space-size-24)}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-VerticalSpace--sizeS28{padding-bottom:var(--vertical-space-size-28)}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-VerticalSpace--sizeS32{padding-bottom:var(--vertical-space-size-32)}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-VerticalSpace--sizeS40{padding-bottom:var(--vertical-space-size-40)}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-VerticalSpace--sizeS48{padding-bottom:var(--vertical-space-size-48)}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-VerticalSpace--sizeS64{padding-bottom:var(--vertical-space-size-64)}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-VerticalSpace--sizeS96{padding-bottom:var(--vertical-space-size-96)}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-VerticalSpace--sizeS128{padding-bottom:var(--vertical-space-size-128)}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-VerticalSpace--sizeM4{padding-bottom:var(--vertical-space-size-4)}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-VerticalSpace--sizeM8{padding-bottom:var(--vertical-space-size-8)}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-VerticalSpace--sizeM12{padding-bottom:var(--vertical-space-size-12)}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-VerticalSpace--sizeM16{padding-bottom:var(--vertical-space-size-16)}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-VerticalSpace--sizeM20{padding-bottom:var(--vertical-space-size-20)}.arc-v12-0-0-beta-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-v12-0-0-beta-20 .arc .arc-VerticalSpace--sizeM24{padding-bottom:var(--vertical-space-size-24)}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-VerticalSpace--sizeM28{padding-bottom:var(--vertical-space-size-28)}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-VerticalSpace--sizeM32{padding-bottom:var(--vertical-space-size-32)}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-VerticalSpace--sizeM40{padding-bottom:var(--vertical-space-size-40)}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-VerticalSpace--sizeM48{padding-bottom:var(--vertical-space-size-48)}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-VerticalSpace--sizeM64{padding-bottom:var(--vertical-space-size-64)}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-VerticalSpace--sizeM96{padding-bottom:var(--vertical-space-size-96)}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-VerticalSpace--sizeM128{padding-bottom:var(--vertical-space-size-128)}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-VerticalSpace--sizeL4{padding-bottom:var(--vertical-space-size-4)}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-VerticalSpace--sizeL8{padding-bottom:var(--vertical-space-size-8)}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-VerticalSpace--sizeL12{padding-bottom:var(--vertical-space-size-12)}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-VerticalSpace--sizeL16{padding-bottom:var(--vertical-space-size-16)}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-VerticalSpace--sizeL20{padding-bottom:var(--vertical-space-size-20)}.arc-v12-0-0-beta-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-v12-0-0-beta-20 .arc .arc-VerticalSpace--sizeL24{padding-bottom:var(--vertical-space-size-24)}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-VerticalSpace--sizeL28{padding-bottom:var(--vertical-space-size-28)}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-VerticalSpace--sizeL32{padding-bottom:var(--vertical-space-size-32)}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-VerticalSpace--sizeL40{padding-bottom:var(--vertical-space-size-40)}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-VerticalSpace--sizeL48{padding-bottom:var(--vertical-space-size-48)}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-VerticalSpace--sizeL64{padding-bottom:var(--vertical-space-size-64)}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-VerticalSpace--sizeL96{padding-bottom:var(--vertical-space-size-96)}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-VerticalSpace--sizeL128{padding-bottom:var(--vertical-space-size-128)}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-VerticalSpace--sizeXL4{padding-bottom:var(--vertical-space-size-4)}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-VerticalSpace--sizeXL8{padding-bottom:var(--vertical-space-size-8)}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-VerticalSpace--sizeXL12{padding-bottom:var(--vertical-space-size-12)}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-VerticalSpace--sizeXL16{padding-bottom:var(--vertical-space-size-16)}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-VerticalSpace--sizeXL20{padding-bottom:var(--vertical-space-size-20)}.arc-v12-0-0-beta-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-v12-0-0-beta-20 .arc .arc-VerticalSpace--sizeXL24{padding-bottom:var(--vertical-space-size-24)}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-VerticalSpace--sizeXL28{padding-bottom:var(--vertical-space-size-28)}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-VerticalSpace--sizeXL32{padding-bottom:var(--vertical-space-size-32)}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-VerticalSpace--sizeXL40{padding-bottom:var(--vertical-space-size-40)}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-VerticalSpace--sizeXL48{padding-bottom:var(--vertical-space-size-48)}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-VerticalSpace--sizeXL64{padding-bottom:var(--vertical-space-size-64)}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-VerticalSpace--sizeXL96{padding-bottom:var(--vertical-space-size-96)}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-VerticalSpace--sizeXL128{padding-bottom:var(--vertical-space-size-128)}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc .arc-VerticalSpace--debugVisible{position:relative}.arc-v12-0-0-beta-20 .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-v12-0-0-beta-20 .arc *+.arc-VerticalSpace.arc-VerticalSpace--debugVisible::after{top:0}

package/lib/VideoPlayer/VideoPlayer.cjs

@@ -4,7 +4,7 @@
 var filterAttrs = require('../_shared/cjs/filter-attrs-eK6E_34o.cjs');
 var React = require('react');
 var index = require('../_shared/cjs/index-CTlXMLug.cjs');
-var Icon = require('../_shared/cjs/Icon-KMACQ1i3.cjs');
+var Icon = require('../_shared/cjs/Icon-CzhyKqMd.cjs');
 var VisuallyHidden = require('../_shared/cjs/VisuallyHidden-B4XCvPYP.cjs');
 var VerticalSpace = require('../_shared/cjs/VerticalSpace-BJvST6WP.cjs');
 var Heading = require('../_shared/cjs/Heading-BEMSkLYR.cjs');

package/lib/VideoPlayer/VideoPlayer.mjs

@@ -2,7 +2,7 @@
 import { _ as __rest, a as __assign, f as filterAttrs } from '../_shared/esm/filter-attrs-B6CM-NUr.mjs';
 import React__default from 'react';
 import { b as getAugmentedNamespace, a as commonjsGlobal, g as getDefaultExportFromCjs, c as classNames } from '../_shared/esm/index-5C0-U8cc.mjs';
-import { I as Icon } from '../_shared/esm/Icon-MZfaoOo9.mjs';
+import { I as Icon } from '../_shared/esm/Icon-CcPOJcQm.mjs';
 import { V as VisuallyHidden } from '../_shared/esm/VisuallyHidden-DqAgoqJo.mjs';
 import { V as VerticalSpace } from '../_shared/esm/VerticalSpace-Duhm0zXP.mjs';
 import { H as Heading } from '../_shared/esm/Heading-CxHWefi7.mjs';

package/lib/VideoPlayer/styles.css

@@ -1 +1 @@
-.arc-v12-0-0-beta-18 .arc .arc-VideoPlayer{height:100%;width:100%}.arc-v12-0-0-beta-18 .arc .arc-VideoPlayer-wrapper{aspect-ratio:16/9;overflow:hidden;width:100%}.arc-v12-0-0-beta-18 .arc .arc-VideoPlayer-wrapper--borderRadius{border-radius:var(--sem-border-radius-s)}.arc-v12-0-0-beta-18 .arc .arc-VideoPlayer iframe{border:none;height:100%;width:100%}.arc-v12-0-0-beta-18 .arc .arc-VideoPlayer-icon{color:var(--sem-color-bg-secondary-light-minimal);height:80px;opacity:0.8;transition:0.4s ease opacity;width:80px}.arc-v12-0-0-beta-18 .arc .arc-VideoPlayer-icon:hover{opacity:1}.arc-v12-0-0-beta-18 .arc .arc-VideoPlayer-transcriptSectionHeading{display:inline}
+.arc-v12-0-0-beta-20 .arc .arc-VideoPlayer{height:100%;width:100%}.arc-v12-0-0-beta-20 .arc .arc-VideoPlayer-wrapper{aspect-ratio:16/9;overflow:hidden;width:100%}.arc-v12-0-0-beta-20 .arc .arc-VideoPlayer-wrapper--borderRadius{border-radius:var(--sem-border-radius-s)}.arc-v12-0-0-beta-20 .arc .arc-VideoPlayer iframe{border:none;height:100%;width:100%}.arc-v12-0-0-beta-20 .arc .arc-VideoPlayer-icon{color:var(--sem-color-bg-secondary-light-minimal);height:80px;opacity:0.8;transition:0.4s ease opacity;width:80px}.arc-v12-0-0-beta-20 .arc .arc-VideoPlayer-icon:hover{opacity:1}.arc-v12-0-0-beta-20 .arc .arc-VideoPlayer-transcriptSectionHeading{display:inline}

package/lib/Visible/Visible.cjs

@@ -1,18 +1,10 @@
 'use strict';
 
-var filterAttrs = require('../_shared/cjs/filter-attrs-eK6E_34o.cjs');
-var React = require('react');
-var index = require('../_shared/cjs/index-CTlXMLug.cjs');
+var Visible = require('../_shared/cjs/Visible-Dx__9oZG.cjs');
+require('../_shared/cjs/filter-attrs-eK6E_34o.cjs');
+require('react');
+require('../_shared/cjs/index-CTlXMLug.cjs');
 
-var Visible = function (_a) {
-    var children = _a.children, xs = _a.xs, s = _a.s, m = _a.m, l = _a.l, xl = _a.xl, props = filterAttrs.__rest(_a, ["children", "xs", "s", "m", "l", "xl"]);
-    return (React.createElement("div", filterAttrs.__assign({ className: index.classNames("arc-Visible", {
-            "arc-Visible--xs": xs,
-            "arc-Visible--s": s,
-            "arc-Visible--m": m,
-            "arc-Visible--l": l,
-            "arc-Visible--xl": xl,
-        }) }, filterAttrs.filterAttrs(props)), children));
-};
 
-exports.Visible = Visible;
+
+exports.Visible = Visible.Visible;

package/lib/Visible/Visible.mjs

@@ -1,16 +1,4 @@
-import { _ as __rest, a as __assign, f as filterAttrs } from '../_shared/esm/filter-attrs-B6CM-NUr.mjs';
-import React__default from 'react';
-import { c as classNames } from '../_shared/esm/index-5C0-U8cc.mjs';
-
-var Visible = function (_a) {
-    var children = _a.children, xs = _a.xs, s = _a.s, m = _a.m, l = _a.l, xl = _a.xl, props = __rest(_a, ["children", "xs", "s", "m", "l", "xl"]);
-    return (React__default.createElement("div", __assign({ className: classNames("arc-Visible", {
-            "arc-Visible--xs": xs,
-            "arc-Visible--s": s,
-            "arc-Visible--m": m,
-            "arc-Visible--l": l,
-            "arc-Visible--xl": xl,
-        }) }, filterAttrs(props)), children));
-};
-
-export { Visible };
+export { V as Visible } from '../_shared/esm/Visible-C-jVXUWp.mjs';
+import '../_shared/esm/filter-attrs-B6CM-NUr.mjs';
+import 'react';
+import '../_shared/esm/index-5C0-U8cc.mjs';

package/lib/Visible/styles.css

@@ -1 +1 @@
-.arc-v12-0-0-beta-18 .arc .arc-Visible{display:none}.arc-v12-0-0-beta-18 .arc .arc-Visible--xs{display:block}@media (min-width:636px){.arc-v12-0-0-beta-18 .arc .arc-Visible--xs{display:none}.arc-v12-0-0-beta-18 .arc .arc-Visible--s{display:block}}@media (min-width:768px){.arc-v12-0-0-beta-18 .arc .arc-Visible--s{display:none}.arc-v12-0-0-beta-18 .arc .arc-Visible--m{display:block}}@media (min-width:1024px){.arc-v12-0-0-beta-18 .arc .arc-Visible--m{display:none}.arc-v12-0-0-beta-18 .arc .arc-Visible--l{display:block}}@media (min-width:1280px){.arc-v12-0-0-beta-18 .arc .arc-Visible--l{display:none}.arc-v12-0-0-beta-18 .arc .arc-Visible--xl{display:block}}
+.arc-v12-0-0-beta-20 .arc .arc-Visible{display:none}.arc-v12-0-0-beta-20 .arc .arc-Visible--xs{display:block}@media (min-width:636px){.arc-v12-0-0-beta-20 .arc .arc-Visible--xs{display:none}.arc-v12-0-0-beta-20 .arc .arc-Visible--s{display:block}}@media (min-width:768px){.arc-v12-0-0-beta-20 .arc .arc-Visible--s{display:none}.arc-v12-0-0-beta-20 .arc .arc-Visible--m{display:block}}@media (min-width:1024px){.arc-v12-0-0-beta-20 .arc .arc-Visible--m{display:none}.arc-v12-0-0-beta-20 .arc .arc-Visible--l{display:block}}@media (min-width:1280px){.arc-v12-0-0-beta-20 .arc .arc-Visible--l{display:none}.arc-v12-0-0-beta-20 .arc .arc-Visible--xl{display:block}}

package/lib/VisuallyHidden/styles.css

@@ -1 +1 @@
-.arc-v12-0-0-beta-18 .arc .arc-VisuallyHidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px;word-wrap:"normal"}
+.arc-v12-0-0-beta-20 .arc .arc-VisuallyHidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px;word-wrap:"normal"}