@arc-ui/components 11.24.1 → 11.24.2

package/dist/Base/Base.cjs.js

@@ -2,9 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Base = require('../_shared/cjs/Base-f5a86eed.js');
+var Base = require('../_shared/cjs/Base-4676f12e.js');
 require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
 require('react');
+require('../_shared/cjs/index-9947ac13.js');
 
 
 

package/dist/Base/Base.esm.js

@@ -1,3 +1,4 @@
-export { B as Base } from '../_shared/esm/Base-f200653c.js';
+export { B as Base } from '../_shared/esm/Base-211ca3a4.js';
 import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
 import 'react';
+import '../_shared/esm/index-2e73c2e9.js';

package/dist/DatePicker/DatePicker.cjs.js

@@ -12,7 +12,7 @@ var Combination = require('../_shared/cjs/Combination-9974f2e2.js');
 var index$2 = require('../_shared/cjs/index-6eb396a3.js');
 var index$1 = require('../_shared/cjs/index-77ab5c6a.js');
 var index$3 = require('../_shared/cjs/index-d38f1bd0.js');
-var Base = require('../_shared/cjs/Base-f5a86eed.js');
+var Base = require('../_shared/cjs/Base-4676f12e.js');
 var TextInput = require('../_shared/cjs/TextInput-8d139489.js');
 require('../_shared/cjs/use-media-query-e61881d8.js');
 require('../_shared/cjs/Text-606ca3a2.js');

package/dist/DatePicker/DatePicker.esm.js

@@ -8,7 +8,7 @@ import { $ as $f1701beae083dbae$export$602eac185826482c, h as hideOthers, a as $
 import { $ as $1746a345f3d73bb7$export$f680877a34711e37 } from '../_shared/esm/index-efa9be1a.js';
 import { $ as $cf1ac5d9fe0e8206$export$722aac194ae923, a as $cf1ac5d9fe0e8206$export$be92b6f5f03c0fe9, b as $cf1ac5d9fe0e8206$export$b688253958b8dfe7, c as $cf1ac5d9fe0e8206$export$7c6e2c02157bb7d2 } from '../_shared/esm/index-b84a20c6.js';
 import { $ as $921a889cee6df7e8$export$99c2b779aa4e8b8b } from '../_shared/esm/index-ca72c9d5.js';
-import { A as ArcRootElementContext } from '../_shared/esm/Base-f200653c.js';
+import { A as ArcRootElementContext } from '../_shared/esm/Base-211ca3a4.js';
 import { T as TextInputWithPlaceHolder } from '../_shared/esm/TextInput-c0388103.js';
 import '../_shared/esm/use-media-query-4c807227.js';
 import '../_shared/esm/Text-14f586ac.js';

package/dist/Modal/Modal.cjs.js

@@ -12,7 +12,7 @@ var index$1 = require('../_shared/cjs/index-6eb396a3.js');
 var Combination = require('../_shared/cjs/Combination-9974f2e2.js');
 var index$2 = require('../_shared/cjs/index-d38f1bd0.js');
 var Icon = require('../_shared/cjs/Icon-b46897a3.js');
-var Base = require('../_shared/cjs/Base-f5a86eed.js');
+var Base = require('../_shared/cjs/Base-4676f12e.js');
 var Heading = require('../_shared/cjs/Heading-27cba320.js');
 var Button = require('../_shared/cjs/Button-6ba21d3b.js');
 var Text = require('../_shared/cjs/Text-606ca3a2.js');

package/dist/Modal/Modal.esm.js

@@ -8,7 +8,7 @@ import { $ as $1746a345f3d73bb7$export$f680877a34711e37 } from '../_shared/esm/i
 import { $ as $f1701beae083dbae$export$602eac185826482c, a as $01b9c$RemoveScroll, h as hideOthers, b as $3db38b7d1fb3fe6a$export$b7ece24a22aeda8c, c as $d3863c46a17e8a28$export$20e40289641fbbb6, d as $5cb92bef7577960e$export$177fb62ff3ec1f22 } from '../_shared/esm/Combination-e9f7e64e.js';
 import { $ as $921a889cee6df7e8$export$99c2b779aa4e8b8b } from '../_shared/esm/index-ca72c9d5.js';
 import { I as Icon } from '../_shared/esm/Icon-15799695.js';
-import { A as ArcRootElementContext } from '../_shared/esm/Base-f200653c.js';
+import { A as ArcRootElementContext } from '../_shared/esm/Base-211ca3a4.js';
 import { H as Heading } from '../_shared/esm/Heading-d16e0e53.js';
 import { B as Button } from '../_shared/esm/Button-a7d134c6.js';
 import { T as Text } from '../_shared/esm/Text-14f586ac.js';

package/dist/Select/Select.cjs.js

@@ -19,7 +19,7 @@ var BtIconTickAlt2Px_esm = require('../_shared/cjs/BtIconTickAlt2Px.esm-57c89acc
 var Icon = require('../_shared/cjs/Icon-b46897a3.js');
 var FormControl = require('../_shared/cjs/FormControl-68258ce1.js');
 var Surface = require('../_shared/cjs/Surface-038db6e1.js');
-var Base = require('../_shared/cjs/Base-f5a86eed.js');
+var Base = require('../_shared/cjs/Base-4676f12e.js');
 require('../_shared/cjs/index-74004a9c.js');
 require('../_shared/cjs/suffix-modifier-64dcd338.js');
 require('../_shared/cjs/BtIconAlert.esm-1a0ff9f0.js');

package/dist/Select/Select.esm.js

@@ -15,7 +15,7 @@ import { B as BtIconTickAlt2Px } from '../_shared/esm/BtIconTickAlt2Px.esm-0bc2d
 import { I as Icon } from '../_shared/esm/Icon-15799695.js';
 import { F as FormControl } from '../_shared/esm/FormControl-8e836656.js';
 import { C as Context } from '../_shared/esm/Surface-0ca6817d.js';
-import { A as ArcRootElementContext } from '../_shared/esm/Base-f200653c.js';
+import { A as ArcRootElementContext } from '../_shared/esm/Base-211ca3a4.js';
 import '../_shared/esm/index-2cfab9f2.js';
 import '../_shared/esm/suffix-modifier-3d548e45.js';
 import '../_shared/esm/BtIconAlert.esm-a4608d47.js';

package/dist/TextArea/TextArea.cjs.js

@@ -9,7 +9,7 @@ var Surface = require('../_shared/cjs/Surface-038db6e1.js');
 require('../_shared/cjs/Heading-27cba320.js');
 var Text = require('../_shared/cjs/Text-606ca3a2.js');
 require('../_shared/cjs/Image-e873b8fc.js');
-require('../_shared/cjs/Base-f5a86eed.js');
+require('../_shared/cjs/Base-4676f12e.js');
 require('../_shared/cjs/Breadcrumbs-c6eaf5c4.js');
 require('../_shared/cjs/Button-6ba21d3b.js');
 require('../_shared/cjs/Card-78a70e63.js');

package/dist/TextArea/TextArea.esm.js

@@ -5,7 +5,7 @@ import { C as Context } from '../_shared/esm/Surface-0ca6817d.js';
 import '../_shared/esm/Heading-d16e0e53.js';
 import { T as Text } from '../_shared/esm/Text-14f586ac.js';
 import '../_shared/esm/Image-12fbd327.js';
-import '../_shared/esm/Base-f200653c.js';
+import '../_shared/esm/Base-211ca3a4.js';
 import '../_shared/esm/Breadcrumbs-7d55e1a6.js';
 import '../_shared/esm/Button-a7d134c6.js';
 import '../_shared/esm/Card-a4b78406.js';

package/dist/_shared/cjs/{Base-f5a86eed.js → Base-4676f12e.js}

@@ -2,6 +2,7 @@
 
 var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
 var React = require('react');
+var index = require('./index-9947ac13.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -12,9 +13,11 @@ var ArcRootElementContext = React.createContext(null);
  * Use `Base` as the root component of the arc system.
  */
 var Base = function (_a) {
-    var _b = _a.brand, brand = _b === void 0 ? "bt" : _b, children = _a.children, props = filterDataAttrs.__rest(_a, ["brand", "children"]);
-    var _c = React__default["default"].useState(null), arcRoot = _c[0], setArcRoot = _c[1];
-    return (React__default["default"].createElement("div", filterDataAttrs.__assign({ id: "arc-root", ref: setArcRoot, className: "arc".concat(brand ? " arc-".concat(brand) : "") }, filterDataAttrs.filterDataAttrs(props)),
+    var _b = _a.brand, brand = _b === void 0 ? "bt" : _b, _c = _a.resetCssStyles, resetCssStyles = _c === void 0 ? true : _c, children = _a.children, props = filterDataAttrs.__rest(_a, ["brand", "resetCssStyles", "children"]);
+    var _d = React__default["default"].useState(null), arcRoot = _d[0], setArcRoot = _d[1];
+    return (React__default["default"].createElement("div", filterDataAttrs.__assign({ id: "arc-root", ref: setArcRoot, className: index.classNames("arc".concat(brand ? " arc-".concat(brand) : ""), {
+            "arc--reset": resetCssStyles
+        }) }, filterDataAttrs.filterDataAttrs(props)),
         React__default["default"].createElement(ArcRootElementContext.Provider, { value: arcRoot }, children)));
 };
 

package/dist/_shared/esm/Base-211ca3a4.js

@@ -0,0 +1,18 @@
+import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-attrs-ea8f4ed4.js';
+import React__default, { createContext } from 'react';
+import { c as classNames } from './index-2e73c2e9.js';
+
+var ArcRootElementContext = createContext(null);
+/**
+ * Use `Base` as the root component of the arc system.
+ */
+var Base = function (_a) {
+    var _b = _a.brand, brand = _b === void 0 ? "bt" : _b, _c = _a.resetCssStyles, resetCssStyles = _c === void 0 ? true : _c, children = _a.children, props = __rest(_a, ["brand", "resetCssStyles", "children"]);
+    var _d = React__default.useState(null), arcRoot = _d[0], setArcRoot = _d[1];
+    return (React__default.createElement("div", __assign({ id: "arc-root", ref: setArcRoot, className: classNames("arc".concat(brand ? " arc-".concat(brand) : ""), {
+            "arc--reset": resetCssStyles
+        }) }, filterDataAttrs(props)),
+        React__default.createElement(ArcRootElementContext.Provider, { value: arcRoot }, children)));
+};
+
+export { ArcRootElementContext as A, Base as B };

package/dist/index.es.js

@@ -856,9 +856,11 @@ var ArcRootElementContext = createContext(null);
  * Use `Base` as the root component of the arc system.
  */
 var Base = function (_a) {
-    var _b = _a.brand, brand = _b === void 0 ? "bt" : _b, children = _a.children, props = __rest(_a, ["brand", "children"]);
-    var _c = React__default.useState(null), arcRoot = _c[0], setArcRoot = _c[1];
-    return (React__default.createElement("div", __assign({ id: "arc-root", ref: setArcRoot, className: "arc".concat(brand ? " arc-".concat(brand) : "") }, filterDataAttrs(props)),
+    var _b = _a.brand, brand = _b === void 0 ? "bt" : _b, _c = _a.resetCssStyles, resetCssStyles = _c === void 0 ? true : _c, children = _a.children, props = __rest(_a, ["brand", "resetCssStyles", "children"]);
+    var _d = React__default.useState(null), arcRoot = _d[0], setArcRoot = _d[1];
+    return (React__default.createElement("div", __assign({ id: "arc-root", ref: setArcRoot, className: classNames("arc".concat(brand ? " arc-".concat(brand) : ""), {
+            "arc--reset": resetCssStyles
+        }) }, filterDataAttrs(props)),
         React__default.createElement(ArcRootElementContext.Provider, { value: arcRoot }, children)));
 };