@arc-ui/components 12.0.0-beta7 → 12.0.0

package/dist/TextArea/TextArea.cjs.js

@@ -1,115 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var index_es = require('../_shared/cjs/index.es-c26e8978.js');
-var React = require('react');
-var index = require('../_shared/cjs/index-9947ac13.js');
-var Surface = require('../_shared/cjs/Surface-1b5c2ac8.js');
-var VisuallyHidden = require('../_shared/cjs/VisuallyHidden-25393f58.js');
-require('../_shared/cjs/Image-c8969ad9.js');
-require('../_shared/cjs/Heading-25d11688.js');
-require('../_shared/cjs/Breadcrumbs-ca30086e.js');
-require('../_shared/cjs/Button-a2150286.js');
-require('../_shared/cjs/ButtonV2-7c437d1a.js');
-require('../_shared/cjs/Calendar-9b4b01c8.js');
-var Text = require('../_shared/cjs/Text-c187d9ef.js');
-require('../_shared/cjs/Checkbox-f6712cc5.js');
-require('../_shared/cjs/Columns-5c6bab74.js');
-require('../_shared/cjs/ContentSwitcher-88b00e11.js');
-require('../_shared/cjs/ContentSwitcherDropdown-ba5330ed.js');
-require('../_shared/cjs/DatePicker-61d66a55.js');
-require('../_shared/cjs/Filter-b6ca2a39.js');
-var FormControl = require('../_shared/cjs/FormControl-0fba93b8.js');
-require('../_shared/cjs/Grid-69ed0e5c.js');
-require('../_shared/cjs/Group-7e6b78c9.js');
-require('../_shared/cjs/HeroButton-19814c26.js');
-require('../_shared/cjs/MediaCard-7bbe8aa0.js');
-require('../_shared/cjs/Poster-96aa286e.js');
-require('../_shared/cjs/ProgressStepper-c59ec56c.js');
-require('../_shared/cjs/RadioGroup-11f4b232.js');
-require('../_shared/cjs/debounce-a74c28cf.js');
-require('../_shared/cjs/SiteFooter-d839f66a.js');
-require('../_shared/cjs/SiteHeaderV2-3793453c.js');
-require('../_shared/cjs/Tabs-30a12f1a.js');
-require('../_shared/cjs/TextInput-d39f5a80.js');
-require('../_shared/cjs/Toast-35c83925.js');
-require('../_shared/cjs/UniversalHeader-f9ef793f.js');
-require('../_shared/cjs/ThemeIcon-7f537bd2.js');
-require('../_shared/cjs/handle-link-click-17a44cf4.js');
-require('../_shared/cjs/Icon-08447959.js');
-require('../_shared/cjs/Spinner-56122c43.js');
-require('../_shared/cjs/index-28fbfd5b.js');
-require('../_shared/cjs/index.es-f23456fa.js');
-require('../_shared/cjs/use-media-query-d34c83b9.js');
-require('../_shared/cjs/BtIconChevronRightMid.esm-3e8d18a9.js');
-require('../_shared/cjs/index-1e7a1fce.js');
-require('../_shared/cjs/index-76f7dd53.js');
-require('react-dom');
-require('../_shared/cjs/index-dbc843d3.js');
-require('../_shared/cjs/index-879e71ee.js');
-require('../_shared/cjs/index-527f962b.js');
-require('../_shared/cjs/index-89c323a4.js');
-require('../_shared/cjs/index-2bf59363.js');
-require('../_shared/cjs/floating-ui.react-dom-08b8b87c.js');
-require('../_shared/cjs/index-ba3141f5.js');
-require('../_shared/cjs/component-4e71e3d3.js');
-require('../_shared/cjs/Combination-854a36ce.js');
-require('react/jsx-runtime');
-require('../_shared/cjs/DisclosureMini-a46a4838.js');
-require('../_shared/cjs/VerticalSpace-973deefe.js');
-require('../_shared/cjs/CardHeading-88edadd4.js');
-require('../_shared/cjs/CardFooter-68235081.js');
-require('../_shared/cjs/BtIconArrowRight.esm-6053bb79.js');
-require('../_shared/cjs/BtIconPlayFill.esm-b8997cfc.js');
-require('../_shared/cjs/ConditionalWrapper-bf944594.js');
-require('../_shared/cjs/_commonjsHelpers-56412ec5.js');
-require('../_shared/cjs/BrandLogo-d4a6fd05.js');
-require('../_shared/cjs/Section-46646353.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-/** Use `TextArea` to allow custom user text entry via keyboard, for long-form and multi-line descriptions */
-var TextArea = React.forwardRef(function (_a, ref) {
-    var _b = _a.defaultValue, defaultValue = _b === void 0 ? "" : _b, errorMessage = _a.errorMessage, helper = _a.helper, hideLabel = _a.hideLabel, id = _a.id, _c = _a.resize, resize = _c === void 0 ? "manual" : _c, _d = _a.isDisabled, isDisabled = _d === void 0 ? false : _d, _e = _a.isReadOnly, isReadOnly = _e === void 0 ? false : _e, _f = _a.isRequired, isRequired = _f === void 0 ? false : _f, _g = _a.showCharacterCount, showCharacterCount = _g === void 0 ? true : _g, label = _a.label, _h = _a.labelSize, labelSize = _h === void 0 ? "l" : _h, maxLength = _a.maxLength, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onClickDisclosure = _a.onClickDisclosure, value = _a.value, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, width = _a.width, autoComplete = _a.autoComplete, _j = _a.minHeight, minHeight = _j === void 0 ? "116px" : _j, maxHeight = _a.maxHeight, props = index_es.__rest(_a, ["defaultValue", "errorMessage", "helper", "hideLabel", "id", "resize", "isDisabled", "isReadOnly", "isRequired", "showCharacterCount", "label", "labelSize", "maxLength", "name", "onBlur", "onChange", "onClickDisclosure", "value", "disclosureTitle", "disclosureText", "width", "autoComplete", "minHeight", "maxHeight"]);
-    var surface = React.useContext(Surface.Context).surface;
-    var ourRef = React.useRef(null);
-    var _k = React.useState((value && value.length) || (defaultValue && defaultValue.length) || 0), characterCount = _k[0], setCharacterCount = _k[1];
-    var setSmartHeight = function (el) {
-        el.style.height = "auto";
-        el.style.height = "".concat(parseInt(getComputedStyle(el).getPropertyValue("border-width")) * 2 +
-            el.scrollHeight, "px");
-    };
-    var getTextAreaRef = function (elementRef) {
-        ourRef.current = elementRef;
-        if (ref && typeof ref === "object") {
-            ref.current = elementRef;
-        }
-        if (ref && typeof ref === "function") {
-            ref(elementRef);
-        }
-    };
-    var handleOnChange = function (e) {
-        resize === "auto" && ourRef.current && setSmartHeight(ourRef.current);
-        onChange && onChange(e);
-        setCharacterCount(e.target.value.length);
-    };
-    return (React__default["default"].createElement(FormControl.FormControl, index_es.__assign({ errorMessage: errorMessage, helper: helper, htmlFor: id, isDisabled: isDisabled, label: label, hideLabel: hideLabel, labelSize: labelSize, requirementStatus: isRequired ? "required" : "optional", disclosureTitle: disclosureTitle, disclosureText: disclosureText, onClickDisclosure: onClickDisclosure, supplementaryInfo: maxLength &&
-            showCharacterCount && (React__default["default"].createElement(React__default["default"].Fragment, null,
-            React__default["default"].createElement(Text.Text, { tone: isDisabled ? "muted" : "default" },
-                React__default["default"].createElement("span", { className: "arc-TextArea-characterCount", "aria-live": "polite" },
-                    characterCount,
-                    " / ",
-                    maxLength,
-                    " characters",
-                    characterCount === maxLength && (React__default["default"].createElement(VisuallyHidden.VisuallyHidden, null, "Maximum characters reached")))))) }, index_es.filterDataAttrs(props)),
-        React__default["default"].createElement("textarea", index_es.__assign({ id: id, className: index.classNames("arc-TextArea", {
-                "arc-TextArea--noResize": resize !== "manual",
-                "arc-TextArea--onDarkSurface": surface === "dark",
-                "arc-TextArea--invalid": errorMessage
-            }), defaultValue: typeof value !== "undefined" ? undefined : defaultValue, disabled: isDisabled, value: value, readOnly: isReadOnly, maxLength: maxLength, name: name, onChange: handleOnChange, onBlur: onBlur, ref: getTextAreaRef, style: { width: width, maxHeight: maxHeight, minHeight: minHeight }, "aria-describedby": "".concat(id, "-helper"), autoComplete: autoComplete }, (helper && { "aria-describedby": "".concat(id, "-helper") })))));
-});
-
-exports.TextArea = TextArea;

package/dist/TextArea/TextArea.esm.js

@@ -1,107 +0,0 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index.es-5496ec12.js';
-import React__default, { forwardRef, useContext, useRef, useState } from 'react';
-import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
-import { C as Context } from '../_shared/esm/Surface-0af6a69a.js';
-import { V as VisuallyHidden } from '../_shared/esm/VisuallyHidden-cf45ac18.js';
-import '../_shared/esm/Image-c1dc10b5.js';
-import '../_shared/esm/Heading-0a8d3545.js';
-import '../_shared/esm/Breadcrumbs-bcf9ca79.js';
-import '../_shared/esm/Button-0506afa7.js';
-import '../_shared/esm/ButtonV2-c83db10c.js';
-import '../_shared/esm/Calendar-34b10bd5.js';
-import { T as Text } from '../_shared/esm/Text-df93be85.js';
-import '../_shared/esm/Checkbox-8195c42c.js';
-import '../_shared/esm/Columns-9aa5df4a.js';
-import '../_shared/esm/ContentSwitcher-bae1f0a7.js';
-import '../_shared/esm/ContentSwitcherDropdown-65291c09.js';
-import '../_shared/esm/DatePicker-aafbdea8.js';
-import '../_shared/esm/Filter-a5bf3fe3.js';
-import { F as FormControl } from '../_shared/esm/FormControl-ff671eb8.js';
-import '../_shared/esm/Grid-727d05d6.js';
-import '../_shared/esm/Group-c4f6c745.js';
-import '../_shared/esm/HeroButton-a98767b7.js';
-import '../_shared/esm/MediaCard-fdc76670.js';
-import '../_shared/esm/Poster-dc3d7ee8.js';
-import '../_shared/esm/ProgressStepper-427f24e3.js';
-import '../_shared/esm/RadioGroup-5b654bee.js';
-import '../_shared/esm/debounce-c8e41002.js';
-import '../_shared/esm/SiteFooter-1cdba967.js';
-import '../_shared/esm/SiteHeaderV2-743847f6.js';
-import '../_shared/esm/Tabs-d360207d.js';
-import '../_shared/esm/TextInput-7ab39a54.js';
-import '../_shared/esm/Toast-abd517c8.js';
-import '../_shared/esm/UniversalHeader-8ebc5322.js';
-import '../_shared/esm/ThemeIcon-e1e19266.js';
-import '../_shared/esm/handle-link-click-f64f55a2.js';
-import '../_shared/esm/Icon-a5cb17de.js';
-import '../_shared/esm/Spinner-6704017c.js';
-import '../_shared/esm/index-ce6dee84.js';
-import '../_shared/esm/index.es-932db59a.js';
-import '../_shared/esm/use-media-query-d3622da8.js';
-import '../_shared/esm/BtIconChevronRightMid.esm-4764708f.js';
-import '../_shared/esm/index-89a7c31c.js';
-import '../_shared/esm/index-57d4cb34.js';
-import 'react-dom';
-import '../_shared/esm/index-14c7f4da.js';
-import '../_shared/esm/index-b9923ee4.js';
-import '../_shared/esm/index-f2ddcbe2.js';
-import '../_shared/esm/index-afbf540d.js';
-import '../_shared/esm/index-e969452b.js';
-import '../_shared/esm/floating-ui.react-dom-1bb71aae.js';
-import '../_shared/esm/index-ac50b180.js';
-import '../_shared/esm/component-3e60a45e.js';
-import '../_shared/esm/Combination-2af75870.js';
-import 'react/jsx-runtime';
-import '../_shared/esm/DisclosureMini-f6d8c9bc.js';
-import '../_shared/esm/VerticalSpace-6a3533db.js';
-import '../_shared/esm/CardHeading-c65f9fb2.js';
-import '../_shared/esm/CardFooter-bf886438.js';
-import '../_shared/esm/BtIconArrowRight.esm-93da96bb.js';
-import '../_shared/esm/BtIconPlayFill.esm-05fc0344.js';
-import '../_shared/esm/ConditionalWrapper-b85979de.js';
-import '../_shared/esm/_commonjsHelpers-0109d574.js';
-import '../_shared/esm/BrandLogo-45d0d795.js';
-import '../_shared/esm/Section-c1dc6e37.js';
-
-/** Use `TextArea` to allow custom user text entry via keyboard, for long-form and multi-line descriptions */
-var TextArea = forwardRef(function (_a, ref) {
-    var _b = _a.defaultValue, defaultValue = _b === void 0 ? "" : _b, errorMessage = _a.errorMessage, helper = _a.helper, hideLabel = _a.hideLabel, id = _a.id, _c = _a.resize, resize = _c === void 0 ? "manual" : _c, _d = _a.isDisabled, isDisabled = _d === void 0 ? false : _d, _e = _a.isReadOnly, isReadOnly = _e === void 0 ? false : _e, _f = _a.isRequired, isRequired = _f === void 0 ? false : _f, _g = _a.showCharacterCount, showCharacterCount = _g === void 0 ? true : _g, label = _a.label, _h = _a.labelSize, labelSize = _h === void 0 ? "l" : _h, maxLength = _a.maxLength, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onClickDisclosure = _a.onClickDisclosure, value = _a.value, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, width = _a.width, autoComplete = _a.autoComplete, _j = _a.minHeight, minHeight = _j === void 0 ? "116px" : _j, maxHeight = _a.maxHeight, props = __rest(_a, ["defaultValue", "errorMessage", "helper", "hideLabel", "id", "resize", "isDisabled", "isReadOnly", "isRequired", "showCharacterCount", "label", "labelSize", "maxLength", "name", "onBlur", "onChange", "onClickDisclosure", "value", "disclosureTitle", "disclosureText", "width", "autoComplete", "minHeight", "maxHeight"]);
-    var surface = useContext(Context).surface;
-    var ourRef = useRef(null);
-    var _k = useState((value && value.length) || (defaultValue && defaultValue.length) || 0), characterCount = _k[0], setCharacterCount = _k[1];
-    var setSmartHeight = function (el) {
-        el.style.height = "auto";
-        el.style.height = "".concat(parseInt(getComputedStyle(el).getPropertyValue("border-width")) * 2 +
-            el.scrollHeight, "px");
-    };
-    var getTextAreaRef = function (elementRef) {
-        ourRef.current = elementRef;
-        if (ref && typeof ref === "object") {
-            ref.current = elementRef;
-        }
-        if (ref && typeof ref === "function") {
-            ref(elementRef);
-        }
-    };
-    var handleOnChange = function (e) {
-        resize === "auto" && ourRef.current && setSmartHeight(ourRef.current);
-        onChange && onChange(e);
-        setCharacterCount(e.target.value.length);
-    };
-    return (React__default.createElement(FormControl, __assign({ errorMessage: errorMessage, helper: helper, htmlFor: id, isDisabled: isDisabled, label: label, hideLabel: hideLabel, labelSize: labelSize, requirementStatus: isRequired ? "required" : "optional", disclosureTitle: disclosureTitle, disclosureText: disclosureText, onClickDisclosure: onClickDisclosure, supplementaryInfo: maxLength &&
-            showCharacterCount && (React__default.createElement(React__default.Fragment, null,
-            React__default.createElement(Text, { tone: isDisabled ? "muted" : "default" },
-                React__default.createElement("span", { className: "arc-TextArea-characterCount", "aria-live": "polite" },
-                    characterCount,
-                    " / ",
-                    maxLength,
-                    " characters",
-                    characterCount === maxLength && (React__default.createElement(VisuallyHidden, null, "Maximum characters reached")))))) }, filterDataAttrs(props)),
-        React__default.createElement("textarea", __assign({ id: id, className: classNames("arc-TextArea", {
-                "arc-TextArea--noResize": resize !== "manual",
-                "arc-TextArea--onDarkSurface": surface === "dark",
-                "arc-TextArea--invalid": errorMessage
-            }), defaultValue: typeof value !== "undefined" ? undefined : defaultValue, disabled: isDisabled, value: value, readOnly: isReadOnly, maxLength: maxLength, name: name, onChange: handleOnChange, onBlur: onBlur, ref: getTextAreaRef, style: { width: width, maxHeight: maxHeight, minHeight: minHeight }, "aria-describedby": "".concat(id, "-helper"), autoComplete: autoComplete }, (helper && { "aria-describedby": "".concat(id, "-helper") })))));
-});
-
-export { TextArea };

package/dist/TextArea/package.json

@@ -1,7 +0,0 @@
-{
-  "name": "@arc-ui/textarea",
-  "types": "../types/components/TextArea/index.d.ts",
-  "main": "./TextArea.cjs.js",
-  "module": "./TextArea.esm.js",
-  "private": true
-}

package/dist/TextArea/styles.css

@@ -1 +0,0 @@
-.arc .arc-TextArea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--textarea-colors-light-bg-default);border:var(--textarea-border-weight-s) solid var(--textarea-colors-light-border-default);border-radius:var(--textarea-border-radius-s);color:var(--textarea-colors-light-text-default);display:block;font:var(--sem-type-body-reg-m);margin-bottom:0;margin-top:var(--textarea-gap-m);padding:var(--textarea-padding-s) var(--textarea-padding-m);resize:vertical;width:100%}.arc .arc-TextArea--resizable{resize:"vertical"}.arc .arc-TextArea--noResize{resize:none}.arc .arc-TextArea--invalid{background-color:var(--textarea-colors-light-bg-error);border-color:var(--textarea-colors-light-border-error)}.arc .arc-TextArea-characterCount{white-space:nowrap}.arc .arc-TextArea:focus{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-light-border-subtle);outline:var(--focus-border-weight-s) solid transparent}.arc .arc-TextArea:disabled{background-color:var(--textarea-colors-light-bg-disabled);border-color:var(--textarea-colors-light-border-disabled);color:var(--textarea-colors-light-text-disabled)}.arc .arc-TextArea--onDarkSurface{background-color:var(--textarea-colors-dark-bg-default);border-color:var(--textarea-colors-dark-border-strong);color:var(--textarea-colors-dark-text-strong)}.arc .arc-TextArea--onDarkSurface.arc-TextArea--invalid{background-color:var(--textarea-colors-dark-bg-error);border-color:var(--textarea-colors-dark-border-error)}.arc .arc-TextArea--onDarkSurface:focus{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle)}.arc .arc-TextArea--onDarkSurface:disabled{background-color:var(--textarea-colors-dark-bg-disabled);border-color:var(--textarea-colors-dark-border-disabled);color:var(--textarea-colors-dark-text-disabled)}

package/dist/TextInput/TextInput.cjs.js

@@ -1,19 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var TextInput = require('../_shared/cjs/TextInput-d39f5a80.js');
-require('../_shared/cjs/index.es-c26e8978.js');
-require('../_shared/cjs/index-9947ac13.js');
-require('react');
-require('../_shared/cjs/FormControl-0fba93b8.js');
-require('../_shared/cjs/Surface-1b5c2ac8.js');
-require('../_shared/cjs/DisclosureMini-a46a4838.js');
-require('../_shared/cjs/Text-c187d9ef.js');
-require('../_shared/cjs/ThemeIcon-7f537bd2.js');
-require('../_shared/cjs/VisuallyHidden-25393f58.js');
-require('../_shared/cjs/Icon-08447959.js');
-
-
-
-exports.TextInput = TextInput.TextInput;

package/dist/TextInput/TextInput.esm.js

@@ -1,11 +0,0 @@
-export { a as TextInput } from '../_shared/esm/TextInput-7ab39a54.js';
-import '../_shared/esm/index.es-5496ec12.js';
-import '../_shared/esm/index-2e73c2e9.js';
-import 'react';
-import '../_shared/esm/FormControl-ff671eb8.js';
-import '../_shared/esm/Surface-0af6a69a.js';
-import '../_shared/esm/DisclosureMini-f6d8c9bc.js';
-import '../_shared/esm/Text-df93be85.js';
-import '../_shared/esm/ThemeIcon-e1e19266.js';
-import '../_shared/esm/VisuallyHidden-cf45ac18.js';
-import '../_shared/esm/Icon-a5cb17de.js';

package/dist/TextInput/package.json

@@ -1,7 +0,0 @@
-{
-  "name": "@arc-ui/textinput",
-  "types": "../types/components/TextInput/index.d.ts",
-  "main": "./TextInput.cjs.js",
-  "module": "./TextInput.esm.js",
-  "private": true
-}

package/dist/TextInput/styles.css

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

package/dist/Theme/Theme.cjs.js

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

package/dist/Theme/Theme.esm.js

@@ -1,21 +0,0 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index.es-5496ec12.js';
-import React__default from 'react';
-import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
-
-/**
- * Use `Theme` component to apply a specific theme to its children.
- */
-var Theme = function (_a) {
-    var _b = _a.theme, theme = _b === void 0 ? "bt-enterprise" : _b, _c = _a.resetCssStyles, resetCssStyles = _c === void 0 ? true : _c, children = _a.children, props = __rest(_a, ["theme", "resetCssStyles", "children"]);
-    var iconClass = {
-        "bt-business": "arc-ds-sys-icons--bt",
-        "bt-enterprise": "arc-ds-sys-icons--bt",
-        ee: "arc-ds-sys-icons--ee"
-    };
-    return (React__default.createElement("div", __assign({ "data-theme": theme, className: classNames("arc arc-ds-sys-theme arc-ds-sys-theme--".concat(theme), iconClass[theme], {
-            "arc--reset": resetCssStyles
-        }) }, filterDataAttrs(props)), children));
-};
-var themes = ["bt-enterprise", "bt-business", "ee"];
-
-export { Theme, themes };

package/dist/Theme/package.json

@@ -1,7 +0,0 @@
-{
-  "name": "@arc-ui/theme",
-  "types": "../types/components/Theme/index.d.ts",
-  "main": "./Theme.cjs.js",
-  "module": "./Theme.esm.js",
-  "private": true
-}

package/dist/Theme/styles.css

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

package/dist/ThemeIcon/ThemeIcon.cjs.js

@@ -1,13 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var ThemeIcon = require('../_shared/cjs/ThemeIcon-7f537bd2.js');
-require('../_shared/cjs/index.es-c26e8978.js');
-require('../_shared/cjs/index-9947ac13.js');
-require('react');
-require('../_shared/cjs/Surface-1b5c2ac8.js');
-
-
-
-exports.ThemeIcon = ThemeIcon.ThemeIcon;

package/dist/ThemeIcon/ThemeIcon.esm.js

@@ -1,5 +0,0 @@
-export { T as ThemeIcon } from '../_shared/esm/ThemeIcon-e1e19266.js';
-import '../_shared/esm/index.es-5496ec12.js';
-import '../_shared/esm/index-2e73c2e9.js';
-import 'react';
-import '../_shared/esm/Surface-0af6a69a.js';

package/dist/ThemeIcon/package.json

@@ -1,7 +0,0 @@
-{
-  "name": "@arc-ui/themeicon",
-  "types": "../types/components/ThemeIcon/index.d.ts",
-  "main": "./ThemeIcon.cjs.js",
-  "module": "./ThemeIcon.esm.js",
-  "private": true
-}

package/dist/ThemeIcon/styles.css

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

package/dist/Toast/Toast.cjs.js

@@ -1,19 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Toast = require('../_shared/cjs/Toast-35c83925.js');
-require('../_shared/cjs/index.es-c26e8978.js');
-require('react');
-require('../_shared/cjs/index-76f7dd53.js');
-require('react-dom');
-require('../_shared/cjs/index-dbc843d3.js');
-require('../_shared/cjs/index-2bf59363.js');
-require('../_shared/cjs/index-527f962b.js');
-require('../_shared/cjs/index-9947ac13.js');
-require('../_shared/cjs/ThemeIcon-7f537bd2.js');
-require('../_shared/cjs/Surface-1b5c2ac8.js');
-
-
-
-exports.Toast = Toast.Toast;

package/dist/Toast/Toast.esm.js

@@ -1,11 +0,0 @@
-export { T as Toast } from '../_shared/esm/Toast-abd517c8.js';
-import '../_shared/esm/index.es-5496ec12.js';
-import 'react';
-import '../_shared/esm/index-57d4cb34.js';
-import 'react-dom';
-import '../_shared/esm/index-14c7f4da.js';
-import '../_shared/esm/index-e969452b.js';
-import '../_shared/esm/index-f2ddcbe2.js';
-import '../_shared/esm/index-2e73c2e9.js';
-import '../_shared/esm/ThemeIcon-e1e19266.js';
-import '../_shared/esm/Surface-0af6a69a.js';

package/dist/Toast/package.json

@@ -1,7 +0,0 @@
-{
-  "name": "@arc-ui/toast",
-  "types": "../types/components/Toast/index.d.ts",
-  "main": "./Toast.cjs.js",
-  "module": "./Toast.esm.js",
-  "private": true
-}

package/dist/Toast/styles.css

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

package/dist/Truncate/Truncate.cjs.js

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

package/dist/Truncate/Truncate.esm.js

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

package/dist/Truncate/package.json

@@ -1,7 +0,0 @@
-{
-  "name": "@arc-ui/truncate",
-  "types": "../types/components/Truncate/index.d.ts",
-  "main": "./Truncate.cjs.js",
-  "module": "./Truncate.esm.js",
-  "private": true
-}

package/dist/Truncate/styles.css

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

package/dist/TypographyCard/TypographyCard.cjs.js

@@ -1,40 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var index_es = require('../_shared/cjs/index.es-c26e8978.js');
-var React = require('react');
-var index = require('../_shared/cjs/index-9947ac13.js');
-var Surface = require('../_shared/cjs/Surface-1b5c2ac8.js');
-var CardHeading = require('../_shared/cjs/CardHeading-88edadd4.js');
-var CardFooter = require('../_shared/cjs/CardFooter-68235081.js');
-require('../_shared/cjs/Heading-25d11688.js');
-require('../_shared/cjs/BtIconArrowRight.esm-6053bb79.js');
-require('../_shared/cjs/BtIconPlayFill.esm-b8997cfc.js');
-require('../_shared/cjs/Icon-08447959.js');
-require('../_shared/cjs/index-28fbfd5b.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-/** Use `TypographyCard` for content that benefits from larger and energetic typography. */
-var TypographyCard = function (_a) {
-    var url = _a.url, onClick = _a.onClick, heading = _a.heading, metaText = _a.metaText, label = _a.label, minHeight = _a.minHeight, _b = _a.headingSize, headingSize = _b === void 0 ? "m" : _b, _c = _a.linkData, linkData = _c === void 0 ? {} : _c, _d = _a.pathway, pathway = _d === void 0 ? "light" : _d, _e = _a.buttonIcon, buttonIcon = _e === void 0 ? "arrow" : _e, _f = _a.headingLevel, headingLevel = _f === void 0 ? "2" : _f, props = index_es.__rest(_a, ["url", "onClick", "heading", "metaText", "label", "minHeight", "headingSize", "linkData", "pathway", "buttonIcon", "headingLevel"]);
-    var surface = React.useContext(Surface.Context).surface;
-    var _g = React.useState(false), showHoverState = _g[0], setShowHoverState = _g[1];
-    var handleShowHoverState = function (show) { return function () { return setShowHoverState(show); }; };
-    var isDarkPathway = pathway === "dark";
-    return (React__default["default"].createElement("div", index_es.__assign({ style: { minHeight: minHeight }, className: index.classNames("arc-TypographyCard", {
-            "arc-TypographyCard--outlined": showHoverState,
-            "arc-TypographyCard--darkPathway": isDarkPathway,
-            "arc-TypographyCard--lightPathway": !isDarkPathway,
-            "arc-TypographyCard--onDarkSurface": surface === "dark"
-        }) }, index_es.filterDataAttrs(props)),
-        React__default["default"].createElement("div", { className: "arc-TypographyCard-contentContainer" },
-            label && (React__default["default"].createElement("div", { className: "arc-TypographyCard-label" }, label.toUpperCase())),
-            React__default["default"].createElement(CardHeading.CardHeading, { size: headingSize, linkData: linkData, heading: heading, headingLevel: headingLevel, href: url, onClick: onClick, onMouseEnter: handleShowHoverState(true), onMouseLeave: handleShowHoverState(false), onFocus: handleShowHoverState(true), onBlur: handleShowHoverState(false) })),
-        React__default["default"].createElement(CardFooter.CardFooter, { showButton: true, isDarkPathway: isDarkPathway, buttonIcon: buttonIcon, metaText: metaText, isHovered: showHoverState })));
-};
-
-exports.TypographyCard = TypographyCard;

package/dist/TypographyCard/TypographyCard.esm.js

@@ -1,32 +0,0 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index.es-5496ec12.js';
-import React__default, { useContext, useState } from 'react';
-import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
-import { C as Context } from '../_shared/esm/Surface-0af6a69a.js';
-import { C as CardHeading } from '../_shared/esm/CardHeading-c65f9fb2.js';
-import { C as CardFooter } from '../_shared/esm/CardFooter-bf886438.js';
-import '../_shared/esm/Heading-0a8d3545.js';
-import '../_shared/esm/BtIconArrowRight.esm-93da96bb.js';
-import '../_shared/esm/BtIconPlayFill.esm-05fc0344.js';
-import '../_shared/esm/Icon-a5cb17de.js';
-import '../_shared/esm/index-ce6dee84.js';
-
-/** Use `TypographyCard` for content that benefits from larger and energetic typography. */
-var TypographyCard = function (_a) {
-    var url = _a.url, onClick = _a.onClick, heading = _a.heading, metaText = _a.metaText, label = _a.label, minHeight = _a.minHeight, _b = _a.headingSize, headingSize = _b === void 0 ? "m" : _b, _c = _a.linkData, linkData = _c === void 0 ? {} : _c, _d = _a.pathway, pathway = _d === void 0 ? "light" : _d, _e = _a.buttonIcon, buttonIcon = _e === void 0 ? "arrow" : _e, _f = _a.headingLevel, headingLevel = _f === void 0 ? "2" : _f, props = __rest(_a, ["url", "onClick", "heading", "metaText", "label", "minHeight", "headingSize", "linkData", "pathway", "buttonIcon", "headingLevel"]);
-    var surface = useContext(Context).surface;
-    var _g = useState(false), showHoverState = _g[0], setShowHoverState = _g[1];
-    var handleShowHoverState = function (show) { return function () { return setShowHoverState(show); }; };
-    var isDarkPathway = pathway === "dark";
-    return (React__default.createElement("div", __assign({ style: { minHeight: minHeight }, className: classNames("arc-TypographyCard", {
-            "arc-TypographyCard--outlined": showHoverState,
-            "arc-TypographyCard--darkPathway": isDarkPathway,
-            "arc-TypographyCard--lightPathway": !isDarkPathway,
-            "arc-TypographyCard--onDarkSurface": surface === "dark"
-        }) }, filterDataAttrs(props)),
-        React__default.createElement("div", { className: "arc-TypographyCard-contentContainer" },
-            label && (React__default.createElement("div", { className: "arc-TypographyCard-label" }, label.toUpperCase())),
-            React__default.createElement(CardHeading, { size: headingSize, linkData: linkData, heading: heading, headingLevel: headingLevel, href: url, onClick: onClick, onMouseEnter: handleShowHoverState(true), onMouseLeave: handleShowHoverState(false), onFocus: handleShowHoverState(true), onBlur: handleShowHoverState(false) })),
-        React__default.createElement(CardFooter, { showButton: true, isDarkPathway: isDarkPathway, buttonIcon: buttonIcon, metaText: metaText, isHovered: showHoverState })));
-};
-
-export { TypographyCard };

package/dist/TypographyCard/package.json

@@ -1,7 +0,0 @@
-{
-  "name": "@arc-ui/typographycard",
-  "types": "../types/components/TypographyCard/index.d.ts",
-  "main": "./TypographyCard.cjs.js",
-  "module": "./TypographyCard.esm.js",
-  "private": true
-}