@arc-ui/components 12.0.0-beta.21 → 12.0.0-beta.22

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arc-ui/components",
-  "version": "12.0.0-beta.21",
+  "version": "12.0.0-beta.22",
   "homepage": "https://ui.digital-ent-int.bt.com",
   "author": "BT Business Digital UI Team <ui-digital-ent-int@bt.com>",
   "main": "./lib/index.cjs",
@@ -95,13 +95,13 @@
     "ts-jest": "^29.2.5",
     "tslib": "^2.8.1",
     "typescript": "5.6.3",
-    "@arc-ui/css-config": "^12.0.0-beta.21",
-    "@arc-ui/eslint-config": "^12.0.0-beta.21",
-    "@arc-ui/helpers": "^12.0.0-beta.21",
-    "@arc-ui/tokens-arc": "^12.0.0-beta.21",
-    "@arc-ui/tokens-bt-enterprise": "^12.0.0-beta.21",
-    "@arc-ui/icons": "^12.0.0-beta.21",
-    "@arc-ui/typescript-config": "^12.0.0-beta.21"
+    "@arc-ui/css-config": "^12.0.0-beta.22",
+    "@arc-ui/eslint-config": "^12.0.0-beta.22",
+    "@arc-ui/helpers": "^12.0.0-beta.22",
+    "@arc-ui/icons": "^12.0.0-beta.22",
+    "@arc-ui/tokens-arc": "^12.0.0-beta.22",
+    "@arc-ui/typescript-config": "^12.0.0-beta.22",
+    "@arc-ui/tokens-bt-enterprise": "^12.0.0-beta.22"
   },
   "browserslist": [
     "defaults",

package/lib/_shared/cjs/DrawerContent-DifTc6g9.cjs

@@ -1,62 +0,0 @@
-'use strict';
-
-var filterAttrs = require('./filter-attrs-eK6E_34o.cjs');
-var React = require('react');
-var index$2 = require('./index-CTlXMLug.cjs');
-var index$1 = require('./index-DAr_oO4-.cjs');
-var index = require('./index-DXNM3D1d.cjs');
-var ThemeIcon = require('./ThemeIcon-BoxbjTaQ.cjs');
-var Rule = require('./Rule-DMQsi2L6.cjs');
-
-var Drawer = function (_a) {
-    var isOpen = _a.isOpen, children = _a.children, onRequestClose = _a.onRequestClose, _b = _a.noOverlay, noOverlay = _b === void 0 ? false : _b, _c = _a.shouldReturnFocus, shouldReturnFocus = _c === void 0 ? true : _c, _d = _a.size, size = _d === void 0 ? "m" : _d, height = _a.height, width = _a.width, _e = _a.position, position = _e === void 0 ? "right" : _e, props = filterAttrs.__rest(_a, ["isOpen", "children", "onRequestClose", "noOverlay", "shouldReturnFocus", "size", "height", "width", "position"]);
-    var _f = index.useThemeElement(), themeElement = _f[0], setThemeElement = _f[1];
-    var triggerRef = React.useRef(null);
-    var setTriggerElement = function () {
-        return shouldReturnFocus &&
-            (triggerRef.current = document.activeElement);
-    };
-    var focusTriggerElement = function () {
-        if (triggerRef.current) {
-            triggerRef.current.focus();
-        }
-    };
-    var sizingProperties = filterAttrs.__assign(filterAttrs.__assign({}, (position !== "bottom" && { width: width })), (position === "bottom" && { height: height }));
-    return (React.createElement("div", { ref: setThemeElement },
-        React.createElement(index$1.Root, { open: isOpen },
-            React.createElement(index$1.Portal, { container: themeElement },
-                React.createElement(index$1.Overlay, { className: index$2.classNames("arc-Drawer-overlay", {
-                        "arc-Drawer-overlay--visible": !noOverlay,
-                    }) },
-                    React.createElement(index$1.Content, filterAttrs.__assign({ className: index$2.classNames("arc-Drawer-slider", "arc-Drawer-slider--".concat(size), "arc-Drawer-slider--".concat(position)), style: filterAttrs.__assign({}, sizingProperties), onOpenAutoFocus: setTriggerElement, onCloseAutoFocus: focusTriggerElement, onEscapeKeyDown: onRequestClose, onInteractOutside: onRequestClose, "aria-modal": "true" }, filterAttrs.filterAttrs(props)),
-                        children,
-                        React.createElement("div", { className: "arc-Drawer-closeButtonContainer" },
-                            React.createElement("button", { "aria-label": "close", onClick: onRequestClose, className: "arc-Drawer-closeButton" },
-                                React.createElement(ThemeIcon.ThemeIcon, { size: 32, icon: "drawerClose" })))))))));
-};
-
-var DrawerHeader = function (_a) {
-    var title = _a.title, _b = _a.isFixed, isFixed = _b === void 0 ? false : _b, props = filterAttrs.__rest(_a, ["title", "isFixed"]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", filterAttrs.__assign({ className: index$2.classNames("arc-DrawerHeader", {
-                "arc-DrawerHeader--isFixed": isFixed,
-            }) }, filterAttrs.filterAttrs(props)),
-            React.createElement("div", { className: "arc-DrawerHeader-content" },
-                React.createElement("div", { className: "arc-DrawerHeader-titleContainer" },
-                    React.createElement(index$1.Title, { asChild: true },
-                        React.createElement("h1", { className: "arc-DrawerHeader-title" }, title)))),
-            isFixed && (React.createElement("div", { className: "arc-DrawerHeader-divider" },
-                React.createElement(Rule.Rule, null))))));
-};
-
-var DrawerContent = function (_a) {
-    var isFullBleed = _a.isFullBleed, children = _a.children;
-    return (React.createElement("div", { className: index$2.classNames("arc-DrawerContent", {
-            "arc-DrawerContent--isFullBleed": isFullBleed,
-        }) },
-        React.createElement("div", { className: "arc-Drawer-section" }, children)));
-};
-
-exports.Drawer = Drawer;
-exports.DrawerContent = DrawerContent;
-exports.DrawerHeader = DrawerHeader;

package/lib/_shared/esm/DrawerContent-D6bAU8EQ.mjs

@@ -1,58 +0,0 @@
-import { _ as __rest, a as __assign, f as filterAttrs } from './filter-attrs-B6CM-NUr.mjs';
-import React__default, { useRef } from 'react';
-import { c as classNames } from './index-5C0-U8cc.mjs';
-import { R as Root, P as Portal, O as Overlay, C as Content, T as Title } from './index-J5IHetgg.mjs';
-import { e as useThemeElement } from './index-Bz2JQq34.mjs';
-import { T as ThemeIcon } from './ThemeIcon-CN_Ed5b1.mjs';
-import { R as Rule } from './Rule-3gdMHH-R.mjs';
-
-var Drawer = function (_a) {
-    var isOpen = _a.isOpen, children = _a.children, onRequestClose = _a.onRequestClose, _b = _a.noOverlay, noOverlay = _b === void 0 ? false : _b, _c = _a.shouldReturnFocus, shouldReturnFocus = _c === void 0 ? true : _c, _d = _a.size, size = _d === void 0 ? "m" : _d, height = _a.height, width = _a.width, _e = _a.position, position = _e === void 0 ? "right" : _e, props = __rest(_a, ["isOpen", "children", "onRequestClose", "noOverlay", "shouldReturnFocus", "size", "height", "width", "position"]);
-    var _f = useThemeElement(), themeElement = _f[0], setThemeElement = _f[1];
-    var triggerRef = useRef(null);
-    var setTriggerElement = function () {
-        return shouldReturnFocus &&
-            (triggerRef.current = document.activeElement);
-    };
-    var focusTriggerElement = function () {
-        if (triggerRef.current) {
-            triggerRef.current.focus();
-        }
-    };
-    var sizingProperties = __assign(__assign({}, (position !== "bottom" && { width: width })), (position === "bottom" && { height: height }));
-    return (React__default.createElement("div", { ref: setThemeElement },
-        React__default.createElement(Root, { open: isOpen },
-            React__default.createElement(Portal, { container: themeElement },
-                React__default.createElement(Overlay, { className: classNames("arc-Drawer-overlay", {
-                        "arc-Drawer-overlay--visible": !noOverlay,
-                    }) },
-                    React__default.createElement(Content, __assign({ className: classNames("arc-Drawer-slider", "arc-Drawer-slider--".concat(size), "arc-Drawer-slider--".concat(position)), style: __assign({}, sizingProperties), onOpenAutoFocus: setTriggerElement, onCloseAutoFocus: focusTriggerElement, onEscapeKeyDown: onRequestClose, onInteractOutside: onRequestClose, "aria-modal": "true" }, filterAttrs(props)),
-                        children,
-                        React__default.createElement("div", { className: "arc-Drawer-closeButtonContainer" },
-                            React__default.createElement("button", { "aria-label": "close", onClick: onRequestClose, className: "arc-Drawer-closeButton" },
-                                React__default.createElement(ThemeIcon, { size: 32, icon: "drawerClose" })))))))));
-};
-
-var DrawerHeader = function (_a) {
-    var title = _a.title, _b = _a.isFixed, isFixed = _b === void 0 ? false : _b, props = __rest(_a, ["title", "isFixed"]);
-    return (React__default.createElement(React__default.Fragment, null,
-        React__default.createElement("div", __assign({ className: classNames("arc-DrawerHeader", {
-                "arc-DrawerHeader--isFixed": isFixed,
-            }) }, filterAttrs(props)),
-            React__default.createElement("div", { className: "arc-DrawerHeader-content" },
-                React__default.createElement("div", { className: "arc-DrawerHeader-titleContainer" },
-                    React__default.createElement(Title, { asChild: true },
-                        React__default.createElement("h1", { className: "arc-DrawerHeader-title" }, title)))),
-            isFixed && (React__default.createElement("div", { className: "arc-DrawerHeader-divider" },
-                React__default.createElement(Rule, null))))));
-};
-
-var DrawerContent = function (_a) {
-    var isFullBleed = _a.isFullBleed, children = _a.children;
-    return (React__default.createElement("div", { className: classNames("arc-DrawerContent", {
-            "arc-DrawerContent--isFullBleed": isFullBleed,
-        }) },
-        React__default.createElement("div", { className: "arc-Drawer-section" }, children)));
-};
-
-export { Drawer as D, DrawerHeader as a, DrawerContent as b };