@arc-ui/components 11.24.1 → 11.25.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (23) hide show
  1. package/dist/Base/Base.cjs.js +2 -1
  2. package/dist/Base/Base.esm.js +2 -1
  3. package/dist/DatePicker/DatePicker.cjs.js +1 -1
  4. package/dist/DatePicker/DatePicker.esm.js +1 -1
  5. package/dist/Modal/Modal.cjs.js +1 -1
  6. package/dist/Modal/Modal.esm.js +1 -1
  7. package/dist/PaginationSimple/PaginationSimple.cjs.js +23 -2
  8. package/dist/PaginationSimple/PaginationSimple.esm.js +23 -2
  9. package/dist/Select/Select.cjs.js +1 -1
  10. package/dist/Select/Select.esm.js +1 -1
  11. package/dist/TextArea/TextArea.cjs.js +1 -1
  12. package/dist/TextArea/TextArea.esm.js +1 -1
  13. package/dist/_shared/cjs/{Base-f5a86eed.js → Base-4676f12e.js} +6 -3
  14. package/dist/_shared/esm/Base-211ca3a4.js +18 -0
  15. package/dist/index.es.js +28 -5
  16. package/dist/index.es.js.map +1 -1
  17. package/dist/index.js +28 -5
  18. package/dist/index.js.map +1 -1
  19. package/dist/styles.css +2 -2
  20. package/dist/types/components/Base/Base.d.ts +4 -0
  21. package/dist/types/components/PaginationSimple/PaginationSimple.d.ts +28 -0
  22. package/package.json +1 -1
  23. package/dist/_shared/esm/Base-f200653c.js +0 -15
package/dist/Base/Base.cjs.js CHANGED
@@ -2,9 +2,10 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var Base = require('../_shared/cjs/Base-f5a86eed.js');
5
+ var Base = require('../_shared/cjs/Base-4676f12e.js');
6
6
  require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
7
7
  require('react');
8
+ require('../_shared/cjs/index-9947ac13.js');
8
9
 
9
10
 
10
11
 
package/dist/Base/Base.esm.js CHANGED
@@ -1,3 +1,4 @@
1
- export { B as Base } from '../_shared/esm/Base-f200653c.js';
1
+ export { B as Base } from '../_shared/esm/Base-211ca3a4.js';
2
2
  import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
3
3
  import 'react';
4
+ import '../_shared/esm/index-2e73c2e9.js';
package/dist/DatePicker/DatePicker.cjs.js CHANGED
@@ -12,7 +12,7 @@ var Combination = require('../_shared/cjs/Combination-9974f2e2.js');
12
12
  var index$2 = require('../_shared/cjs/index-6eb396a3.js');
13
13
  var index$1 = require('../_shared/cjs/index-77ab5c6a.js');
14
14
  var index$3 = require('../_shared/cjs/index-d38f1bd0.js');
15
- var Base = require('../_shared/cjs/Base-f5a86eed.js');
15
+ var Base = require('../_shared/cjs/Base-4676f12e.js');
16
16
  var TextInput = require('../_shared/cjs/TextInput-8d139489.js');
17
17
  require('../_shared/cjs/use-media-query-e61881d8.js');
18
18
  require('../_shared/cjs/Text-606ca3a2.js');
package/dist/DatePicker/DatePicker.esm.js CHANGED
@@ -8,7 +8,7 @@ import { $ as $f1701beae083dbae$export$602eac185826482c, h as hideOthers, a as $
8
8
  import { $ as $1746a345f3d73bb7$export$f680877a34711e37 } from '../_shared/esm/index-efa9be1a.js';
9
9
  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';
10
10
  import { $ as $921a889cee6df7e8$export$99c2b779aa4e8b8b } from '../_shared/esm/index-ca72c9d5.js';
11
- import { A as ArcRootElementContext } from '../_shared/esm/Base-f200653c.js';
11
+ import { A as ArcRootElementContext } from '../_shared/esm/Base-211ca3a4.js';
12
12
  import { T as TextInputWithPlaceHolder } from '../_shared/esm/TextInput-c0388103.js';
13
13
  import '../_shared/esm/use-media-query-4c807227.js';
14
14
  import '../_shared/esm/Text-14f586ac.js';
package/dist/Modal/Modal.cjs.js CHANGED
@@ -12,7 +12,7 @@ var index$1 = require('../_shared/cjs/index-6eb396a3.js');
12
12
  var Combination = require('../_shared/cjs/Combination-9974f2e2.js');
13
13
  var index$2 = require('../_shared/cjs/index-d38f1bd0.js');
14
14
  var Icon = require('../_shared/cjs/Icon-b46897a3.js');
15
- var Base = require('../_shared/cjs/Base-f5a86eed.js');
15
+ var Base = require('../_shared/cjs/Base-4676f12e.js');
16
16
  var Heading = require('../_shared/cjs/Heading-27cba320.js');
17
17
  var Button = require('../_shared/cjs/Button-6ba21d3b.js');
18
18
  var Text = require('../_shared/cjs/Text-606ca3a2.js');
package/dist/Modal/Modal.esm.js CHANGED
@@ -8,7 +8,7 @@ import { $ as $1746a345f3d73bb7$export$f680877a34711e37 } from '../_shared/esm/i
8
8
  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';
9
9
  import { $ as $921a889cee6df7e8$export$99c2b779aa4e8b8b } from '../_shared/esm/index-ca72c9d5.js';
10
10
  import { I as Icon } from '../_shared/esm/Icon-15799695.js';
11
- import { A as ArcRootElementContext } from '../_shared/esm/Base-f200653c.js';
11
+ import { A as ArcRootElementContext } from '../_shared/esm/Base-211ca3a4.js';
12
12
  import { H as Heading } from '../_shared/esm/Heading-d16e0e53.js';
13
13
  import { B as Button } from '../_shared/esm/Button-a7d134c6.js';
14
14
  import { T as Text } from '../_shared/esm/Text-14f586ac.js';
package/dist/PaginationSimple/PaginationSimple.cjs.js CHANGED
@@ -19,7 +19,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
19
19
  * Use `PaginationSimple` to navigate through multiple pages of content.
20
20
  */
21
21
  var PaginationSimple = function (_a) {
22
- var hidePrev = _a.hidePrev, hideNext = _a.hideNext, prevHref = _a.prevHref, nextHref = _a.nextHref, onPrevPage = _a.onPrevPage, onNextPage = _a.onNextPage, isFluid = _a.isFluid, props = filterDataAttrs.__rest(_a, ["hidePrev", "hideNext", "prevHref", "nextHref", "onPrevPage", "onNextPage", "isFluid"]);
22
+ var hidePrev = _a.hidePrev, hideNext = _a.hideNext, hideFirst = _a.hideFirst, hideLast = _a.hideLast, prevHref = _a.prevHref, nextHref = _a.nextHref, firstHref = _a.firstHref, lastHref = _a.lastHref, onPrevPage = _a.onPrevPage, onNextPage = _a.onNextPage, onLastPage = _a.onLastPage, onFirstPage = _a.onFirstPage, isFluid = _a.isFluid, _b = _a.showEllipsis, showEllipsis = _b === void 0 ? false : _b, props = filterDataAttrs.__rest(_a, ["hidePrev", "hideNext", "hideFirst", "hideLast", "prevHref", "nextHref", "firstHref", "lastHref", "onPrevPage", "onNextPage", "onLastPage", "onFirstPage", "isFluid", "showEllipsis"]);
23
23
  var surface = React.useContext(Surface.Context).surface;
24
24
  return (React__default["default"].createElement("nav", filterDataAttrs.__assign({ className: index.classNames("arc-PaginationSimple", {
25
25
  "arc-PaginationSimple--onDarkSurface": surface === "dark",
@@ -28,19 +28,40 @@ var PaginationSimple = function (_a) {
28
28
  }) }, filterDataAttrs.filterDataAttrs(props)),
29
29
  React__default["default"].createElement("ul", { className: "arc-PaginationSimple-list" },
30
30
  React__default["default"].createElement("li", { className: "arc-PaginationSimple-listItem" },
31
+ React__default["default"].createElement("a", { tabIndex: 0, href: firstHref, role: !firstHref ? "button" : undefined, className: index.classNames("arc-PaginationSimple-navigationButton", {
32
+ "arc-PaginationSimple-navigationButton--hidden": hideFirst
33
+ }), onClick: onFirstPage },
34
+ React__default["default"].createElement("div", { className: "arc-PaginationSimple-iconContainer" },
35
+ React__default["default"].createElement("svg", { width: "32", height: "32", style: { marginBottom: "-2px" }, fill: "none", xmlns: "http://www.w3.org/2000/svg" },
36
+ React__default["default"].createElement("g", { transform: "translate(8.5, 8)" },
37
+ React__default["default"].createElement("path", { d: "M2 0.282227L2 13.7177", stroke: "currentColor", "stroke-width": "3", "stroke-linecap": "round" }),
38
+ React__default["default"].createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9.24117 7.00009L14.9385 12.7041C15.1905 12.9566 15.332 13.2987 15.332 13.6554C15.332 14.0121 15.1905 14.3543 14.9385 14.6068C14.8139 14.7316 14.6659 14.8306 14.503 14.8982C14.3401 14.9657 14.1655 15.0005 13.9892 15.0005C13.8128 15.0005 13.6382 14.9657 13.4753 14.8981C13.3124 14.8306 13.1644 14.7316 13.0398 14.6068L6.39184 7.95075C6.14025 7.69833 5.99898 7.35647 5.99898 7.00009C5.99898 6.6437 6.14025 6.30184 6.39184 6.04942L13.0398 -0.606583C13.1644 -0.731391 13.3124 -0.830411 13.4753 -0.897974C13.6382 -0.965536 13.8128 -1.00031 13.9892 -1.00031C14.1655 -1.00031 14.3401 -0.965536 14.503 -0.897974C14.6659 -0.830411 14.8139 -0.731391 14.9385 -0.606583C15.1905 -0.354107 15.332 0.288038 15.332 0.64475C15.332 1.00147 15.1905 1.34361 14.9385 1.59609L9.24117 7.00009Z", fill: "currentColor" })))),
39
+ React__default["default"].createElement("span", { className: "arc-PaginationSimple-prevText" }, "First")),
31
40
  React__default["default"].createElement("a", { tabIndex: 0, href: prevHref, role: !prevHref ? "button" : undefined, className: index.classNames("arc-PaginationSimple-navigationButton", {
32
41
  "arc-PaginationSimple-navigationButton--hidden": hidePrev
33
42
  }), onClick: onPrevPage },
34
43
  React__default["default"].createElement("div", { className: "arc-PaginationSimple-iconContainer arc-PaginationSimple-iconContainer--left" },
35
44
  React__default["default"].createElement(Icon.Icon, { color: "brand", size: 32, icon: BtIconChevronLeftMid_esm.BtIconChevronLeftMid })),
36
45
  React__default["default"].createElement("span", { className: "arc-PaginationSimple-prevText" }, "Prev"))),
46
+ React__default["default"].createElement("li", { className: index.classNames("arc-PaginationSimple-listItem arc-PaginationSimple-listItemEllipsis", {
47
+ "arc-PaginationSimple-listItemEllipsis--hidden": !showEllipsis
48
+ }) }, "..."),
37
49
  React__default["default"].createElement("li", { className: "arc-PaginationSimple-listItem" },
38
50
  React__default["default"].createElement("a", { tabIndex: 0, href: nextHref, role: !nextHref ? "button" : undefined, className: index.classNames("arc-PaginationSimple-navigationButton", {
39
51
  "arc-PaginationSimple-navigationButton--hidden": hideNext
40
52
  }), onClick: onNextPage },
41
53
  React__default["default"].createElement("span", { className: "arc-PaginationSimple-nextText" }, "Next"),
42
54
  React__default["default"].createElement("div", { className: "arc-PaginationSimple-iconContainer arc-PaginationSimple-iconContainer--right" },
43
- React__default["default"].createElement(Icon.Icon, { color: "brand", size: 32, icon: BtIconChevronRightMid_esm.BtIconChevronRightMid })))))));
55
+ React__default["default"].createElement(Icon.Icon, { color: "brand", size: 32, icon: BtIconChevronRightMid_esm.BtIconChevronRightMid }))),
56
+ React__default["default"].createElement("a", { tabIndex: 0, href: lastHref, role: !lastHref ? "button" : undefined, className: index.classNames("arc-PaginationSimple-navigationButton", {
57
+ "arc-PaginationSimple-navigationButton--hidden": hideLast
58
+ }), onClick: onLastPage },
59
+ React__default["default"].createElement("span", { className: "arc-PaginationSimple-nextText" }, "Last"),
60
+ React__default["default"].createElement("div", { className: "arc-PaginationSimple-iconContainer" },
61
+ React__default["default"].createElement("svg", { width: "32", height: "32", style: { marginBottom: "-2px" }, fill: "none", xmlns: "http://www.w3.org/2000/svg" },
62
+ React__default["default"].createElement("g", { transform: "translate(8.5, 8)" },
63
+ React__default["default"].createElement("path", { d: "M13 0.282227L13 13.7177", stroke: "currentColor", "stroke-width": "3", "stroke-linecap": "round" }),
64
+ React__default["default"].createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M5.75883 7.00009L0.0614906 12.7041C-0.190495 12.9566 -0.332031 13.2987 -0.332031 13.6554C-0.332031 14.0121 -0.190495 14.3543 0.0614906 14.6068C0.186083 14.7316 0.334064 14.8306 0.496956 14.8982C0.659847 14.9657 0.834467 15.0005 1.01083 15.0005C1.18718 15.0005 1.3618 14.9657 1.52469 14.8981C1.68759 14.8306 1.83557 14.7316 1.96016 14.6068L8.60816 7.95075C8.85975 7.69833 9.00102 7.35647 9.00102 7.00009C9.00102 6.6437 8.85975 6.30184 8.60816 6.04942L1.96016 -0.606583C1.83557 -0.731391 1.68759 -0.830411 1.52469 -0.897974C1.3618 -0.965536 1.18718 -1.00031 1.01083 -1.00031C0.834467 -1.00031 0.659847 -0.965536 0.496956 -0.897974C0.334064 -0.830411 0.186083 -0.731391 0.0614906 -0.606583C-0.190495 -0.354107 -0.332031 0.288038 -0.332031 0.64475C-0.332031 1.00147 -0.190495 1.34361 0.0614906 1.59609L5.75883 7.00009Z", fill: "currentColor" })))))))));
44
65
  };
45
66
 
46
67
  exports.PaginationSimple = PaginationSimple;
package/dist/PaginationSimple/PaginationSimple.esm.js CHANGED
@@ -11,7 +11,7 @@ import '../_shared/esm/suffix-modifier-3d548e45.js';
11
11
  * Use `PaginationSimple` to navigate through multiple pages of content.
12
12
  */
13
13
  var PaginationSimple = function (_a) {
14
- var hidePrev = _a.hidePrev, hideNext = _a.hideNext, prevHref = _a.prevHref, nextHref = _a.nextHref, onPrevPage = _a.onPrevPage, onNextPage = _a.onNextPage, isFluid = _a.isFluid, props = __rest(_a, ["hidePrev", "hideNext", "prevHref", "nextHref", "onPrevPage", "onNextPage", "isFluid"]);
14
+ var hidePrev = _a.hidePrev, hideNext = _a.hideNext, hideFirst = _a.hideFirst, hideLast = _a.hideLast, prevHref = _a.prevHref, nextHref = _a.nextHref, firstHref = _a.firstHref, lastHref = _a.lastHref, onPrevPage = _a.onPrevPage, onNextPage = _a.onNextPage, onLastPage = _a.onLastPage, onFirstPage = _a.onFirstPage, isFluid = _a.isFluid, _b = _a.showEllipsis, showEllipsis = _b === void 0 ? false : _b, props = __rest(_a, ["hidePrev", "hideNext", "hideFirst", "hideLast", "prevHref", "nextHref", "firstHref", "lastHref", "onPrevPage", "onNextPage", "onLastPage", "onFirstPage", "isFluid", "showEllipsis"]);
15
15
  var surface = useContext(Context).surface;
16
16
  return (React__default.createElement("nav", __assign({ className: classNames("arc-PaginationSimple", {
17
17
  "arc-PaginationSimple--onDarkSurface": surface === "dark",
@@ -20,19 +20,40 @@ var PaginationSimple = function (_a) {
20
20
  }) }, filterDataAttrs(props)),
21
21
  React__default.createElement("ul", { className: "arc-PaginationSimple-list" },
22
22
  React__default.createElement("li", { className: "arc-PaginationSimple-listItem" },
23
+ React__default.createElement("a", { tabIndex: 0, href: firstHref, role: !firstHref ? "button" : undefined, className: classNames("arc-PaginationSimple-navigationButton", {
24
+ "arc-PaginationSimple-navigationButton--hidden": hideFirst
25
+ }), onClick: onFirstPage },
26
+ React__default.createElement("div", { className: "arc-PaginationSimple-iconContainer" },
27
+ React__default.createElement("svg", { width: "32", height: "32", style: { marginBottom: "-2px" }, fill: "none", xmlns: "http://www.w3.org/2000/svg" },
28
+ React__default.createElement("g", { transform: "translate(8.5, 8)" },
29
+ React__default.createElement("path", { d: "M2 0.282227L2 13.7177", stroke: "currentColor", "stroke-width": "3", "stroke-linecap": "round" }),
30
+ React__default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9.24117 7.00009L14.9385 12.7041C15.1905 12.9566 15.332 13.2987 15.332 13.6554C15.332 14.0121 15.1905 14.3543 14.9385 14.6068C14.8139 14.7316 14.6659 14.8306 14.503 14.8982C14.3401 14.9657 14.1655 15.0005 13.9892 15.0005C13.8128 15.0005 13.6382 14.9657 13.4753 14.8981C13.3124 14.8306 13.1644 14.7316 13.0398 14.6068L6.39184 7.95075C6.14025 7.69833 5.99898 7.35647 5.99898 7.00009C5.99898 6.6437 6.14025 6.30184 6.39184 6.04942L13.0398 -0.606583C13.1644 -0.731391 13.3124 -0.830411 13.4753 -0.897974C13.6382 -0.965536 13.8128 -1.00031 13.9892 -1.00031C14.1655 -1.00031 14.3401 -0.965536 14.503 -0.897974C14.6659 -0.830411 14.8139 -0.731391 14.9385 -0.606583C15.1905 -0.354107 15.332 0.288038 15.332 0.64475C15.332 1.00147 15.1905 1.34361 14.9385 1.59609L9.24117 7.00009Z", fill: "currentColor" })))),
31
+ React__default.createElement("span", { className: "arc-PaginationSimple-prevText" }, "First")),
23
32
  React__default.createElement("a", { tabIndex: 0, href: prevHref, role: !prevHref ? "button" : undefined, className: classNames("arc-PaginationSimple-navigationButton", {
24
33
  "arc-PaginationSimple-navigationButton--hidden": hidePrev
25
34
  }), onClick: onPrevPage },
26
35
  React__default.createElement("div", { className: "arc-PaginationSimple-iconContainer arc-PaginationSimple-iconContainer--left" },
27
36
  React__default.createElement(Icon, { color: "brand", size: 32, icon: BtIconChevronLeftMid })),
28
37
  React__default.createElement("span", { className: "arc-PaginationSimple-prevText" }, "Prev"))),
38
+ React__default.createElement("li", { className: classNames("arc-PaginationSimple-listItem arc-PaginationSimple-listItemEllipsis", {
39
+ "arc-PaginationSimple-listItemEllipsis--hidden": !showEllipsis
40
+ }) }, "..."),
29
41
  React__default.createElement("li", { className: "arc-PaginationSimple-listItem" },
30
42
  React__default.createElement("a", { tabIndex: 0, href: nextHref, role: !nextHref ? "button" : undefined, className: classNames("arc-PaginationSimple-navigationButton", {
31
43
  "arc-PaginationSimple-navigationButton--hidden": hideNext
32
44
  }), onClick: onNextPage },
33
45
  React__default.createElement("span", { className: "arc-PaginationSimple-nextText" }, "Next"),
34
46
  React__default.createElement("div", { className: "arc-PaginationSimple-iconContainer arc-PaginationSimple-iconContainer--right" },
35
- React__default.createElement(Icon, { color: "brand", size: 32, icon: BtIconChevronRightMid })))))));
47
+ React__default.createElement(Icon, { color: "brand", size: 32, icon: BtIconChevronRightMid }))),
48
+ React__default.createElement("a", { tabIndex: 0, href: lastHref, role: !lastHref ? "button" : undefined, className: classNames("arc-PaginationSimple-navigationButton", {
49
+ "arc-PaginationSimple-navigationButton--hidden": hideLast
50
+ }), onClick: onLastPage },
51
+ React__default.createElement("span", { className: "arc-PaginationSimple-nextText" }, "Last"),
52
+ React__default.createElement("div", { className: "arc-PaginationSimple-iconContainer" },
53
+ React__default.createElement("svg", { width: "32", height: "32", style: { marginBottom: "-2px" }, fill: "none", xmlns: "http://www.w3.org/2000/svg" },
54
+ React__default.createElement("g", { transform: "translate(8.5, 8)" },
55
+ React__default.createElement("path", { d: "M13 0.282227L13 13.7177", stroke: "currentColor", "stroke-width": "3", "stroke-linecap": "round" }),
56
+ React__default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M5.75883 7.00009L0.0614906 12.7041C-0.190495 12.9566 -0.332031 13.2987 -0.332031 13.6554C-0.332031 14.0121 -0.190495 14.3543 0.0614906 14.6068C0.186083 14.7316 0.334064 14.8306 0.496956 14.8982C0.659847 14.9657 0.834467 15.0005 1.01083 15.0005C1.18718 15.0005 1.3618 14.9657 1.52469 14.8981C1.68759 14.8306 1.83557 14.7316 1.96016 14.6068L8.60816 7.95075C8.85975 7.69833 9.00102 7.35647 9.00102 7.00009C9.00102 6.6437 8.85975 6.30184 8.60816 6.04942L1.96016 -0.606583C1.83557 -0.731391 1.68759 -0.830411 1.52469 -0.897974C1.3618 -0.965536 1.18718 -1.00031 1.01083 -1.00031C0.834467 -1.00031 0.659847 -0.965536 0.496956 -0.897974C0.334064 -0.830411 0.186083 -0.731391 0.0614906 -0.606583C-0.190495 -0.354107 -0.332031 0.288038 -0.332031 0.64475C-0.332031 1.00147 -0.190495 1.34361 0.0614906 1.59609L5.75883 7.00009Z", fill: "currentColor" })))))))));
36
57
  };
37
58
 
38
59
  export { PaginationSimple };
package/dist/Select/Select.cjs.js CHANGED
@@ -19,7 +19,7 @@ var BtIconTickAlt2Px_esm = require('../_shared/cjs/BtIconTickAlt2Px.esm-57c89acc
19
19
  var Icon = require('../_shared/cjs/Icon-b46897a3.js');
20
20
  var FormControl = require('../_shared/cjs/FormControl-68258ce1.js');
21
21
  var Surface = require('../_shared/cjs/Surface-038db6e1.js');
22
- var Base = require('../_shared/cjs/Base-f5a86eed.js');
22
+ var Base = require('../_shared/cjs/Base-4676f12e.js');
23
23
  require('../_shared/cjs/index-74004a9c.js');
24
24
  require('../_shared/cjs/suffix-modifier-64dcd338.js');
25
25
  require('../_shared/cjs/BtIconAlert.esm-1a0ff9f0.js');
package/dist/Select/Select.esm.js CHANGED
@@ -15,7 +15,7 @@ import { B as BtIconTickAlt2Px } from '../_shared/esm/BtIconTickAlt2Px.esm-0bc2d
15
15
  import { I as Icon } from '../_shared/esm/Icon-15799695.js';
16
16
  import { F as FormControl } from '../_shared/esm/FormControl-8e836656.js';
17
17
  import { C as Context } from '../_shared/esm/Surface-0ca6817d.js';
18
- import { A as ArcRootElementContext } from '../_shared/esm/Base-f200653c.js';
18
+ import { A as ArcRootElementContext } from '../_shared/esm/Base-211ca3a4.js';
19
19
  import '../_shared/esm/index-2cfab9f2.js';
20
20
  import '../_shared/esm/suffix-modifier-3d548e45.js';
21
21
  import '../_shared/esm/BtIconAlert.esm-a4608d47.js';
package/dist/TextArea/TextArea.cjs.js CHANGED
@@ -9,7 +9,7 @@ var Surface = require('../_shared/cjs/Surface-038db6e1.js');
9
9
  require('../_shared/cjs/Heading-27cba320.js');
10
10
  var Text = require('../_shared/cjs/Text-606ca3a2.js');
11
11
  require('../_shared/cjs/Image-e873b8fc.js');
12
- require('../_shared/cjs/Base-f5a86eed.js');
12
+ require('../_shared/cjs/Base-4676f12e.js');
13
13
  require('../_shared/cjs/Breadcrumbs-c6eaf5c4.js');
14
14
  require('../_shared/cjs/Button-6ba21d3b.js');
15
15
  require('../_shared/cjs/Card-78a70e63.js');
package/dist/TextArea/TextArea.esm.js CHANGED
@@ -5,7 +5,7 @@ import { C as Context } from '../_shared/esm/Surface-0ca6817d.js';
5
5
  import '../_shared/esm/Heading-d16e0e53.js';
6
6
  import { T as Text } from '../_shared/esm/Text-14f586ac.js';
7
7
  import '../_shared/esm/Image-12fbd327.js';
8
- import '../_shared/esm/Base-f200653c.js';
8
+ import '../_shared/esm/Base-211ca3a4.js';
9
9
  import '../_shared/esm/Breadcrumbs-7d55e1a6.js';
10
10
  import '../_shared/esm/Button-a7d134c6.js';
11
11
  import '../_shared/esm/Card-a4b78406.js';
package/dist/_shared/cjs/{Base-f5a86eed.js → Base-4676f12e.js} RENAMED
@@ -2,6 +2,7 @@
2
2
 
3
3
  var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
4
4
  var React = require('react');
5
+ var index = require('./index-9947ac13.js');
5
6
 
6
7
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
7
8
 
@@ -12,9 +13,11 @@ var ArcRootElementContext = React.createContext(null);
12
13
  * Use `Base` as the root component of the arc system.
13
14
  */
14
15
  var Base = function (_a) {
15
- var _b = _a.brand, brand = _b === void 0 ? "bt" : _b, children = _a.children, props = filterDataAttrs.__rest(_a, ["brand", "children"]);
16
- var _c = React__default["default"].useState(null), arcRoot = _c[0], setArcRoot = _c[1];
17
- return (React__default["default"].createElement("div", filterDataAttrs.__assign({ id: "arc-root", ref: setArcRoot, className: "arc".concat(brand ? " arc-".concat(brand) : "") }, filterDataAttrs.filterDataAttrs(props)),
16
+ 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"]);
17
+ var _d = React__default["default"].useState(null), arcRoot = _d[0], setArcRoot = _d[1];
18
+ return (React__default["default"].createElement("div", filterDataAttrs.__assign({ id: "arc-root", ref: setArcRoot, className: index.classNames("arc".concat(brand ? " arc-".concat(brand) : ""), {
19
+ "arc--reset": resetCssStyles
20
+ }) }, filterDataAttrs.filterDataAttrs(props)),
18
21
  React__default["default"].createElement(ArcRootElementContext.Provider, { value: arcRoot }, children)));
19
22
  };
20
23
 
package/dist/_shared/esm/Base-211ca3a4.js ADDED
@@ -0,0 +1,18 @@
1
+ import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-attrs-ea8f4ed4.js';
2
+ import React__default, { createContext } from 'react';
3
+ import { c as classNames } from './index-2e73c2e9.js';
4
+
5
+ var ArcRootElementContext = createContext(null);
6
+ /**
7
+ * Use `Base` as the root component of the arc system.
8
+ */
9
+ var Base = function (_a) {
10
+ 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"]);
11
+ var _d = React__default.useState(null), arcRoot = _d[0], setArcRoot = _d[1];
12
+ return (React__default.createElement("div", __assign({ id: "arc-root", ref: setArcRoot, className: classNames("arc".concat(brand ? " arc-".concat(brand) : ""), {
13
+ "arc--reset": resetCssStyles
14
+ }) }, filterDataAttrs(props)),
15
+ React__default.createElement(ArcRootElementContext.Provider, { value: arcRoot }, children)));
16
+ };
17
+
18
+ export { ArcRootElementContext as A, Base as B };
package/dist/index.es.js CHANGED
@@ -856,9 +856,11 @@ var ArcRootElementContext = createContext(null);
856
856
  * Use `Base` as the root component of the arc system.
857
857
  */
858
858
  var Base = function (_a) {
859
- var _b = _a.brand, brand = _b === void 0 ? "bt" : _b, children = _a.children, props = __rest(_a, ["brand", "children"]);
860
- var _c = React__default.useState(null), arcRoot = _c[0], setArcRoot = _c[1];
861
- return (React__default.createElement("div", __assign({ id: "arc-root", ref: setArcRoot, className: "arc".concat(brand ? " arc-".concat(brand) : "") }, filterDataAttrs(props)),
859
+ 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"]);
860
+ var _d = React__default.useState(null), arcRoot = _d[0], setArcRoot = _d[1];
861
+ return (React__default.createElement("div", __assign({ id: "arc-root", ref: setArcRoot, className: classNames("arc".concat(brand ? " arc-".concat(brand) : ""), {
862
+ "arc--reset": resetCssStyles
863
+ }) }, filterDataAttrs(props)),
862
864
  React__default.createElement(ArcRootElementContext.Provider, { value: arcRoot }, children)));
863
865
  };
864
866
 
@@ -35587,7 +35589,7 @@ var Pagination = function (_a) {
35587
35589
  * Use `PaginationSimple` to navigate through multiple pages of content.
35588
35590
  */
35589
35591
  var PaginationSimple = function (_a) {
35590
- var hidePrev = _a.hidePrev, hideNext = _a.hideNext, prevHref = _a.prevHref, nextHref = _a.nextHref, onPrevPage = _a.onPrevPage, onNextPage = _a.onNextPage, isFluid = _a.isFluid, props = __rest(_a, ["hidePrev", "hideNext", "prevHref", "nextHref", "onPrevPage", "onNextPage", "isFluid"]);
35592
+ var hidePrev = _a.hidePrev, hideNext = _a.hideNext, hideFirst = _a.hideFirst, hideLast = _a.hideLast, prevHref = _a.prevHref, nextHref = _a.nextHref, firstHref = _a.firstHref, lastHref = _a.lastHref, onPrevPage = _a.onPrevPage, onNextPage = _a.onNextPage, onLastPage = _a.onLastPage, onFirstPage = _a.onFirstPage, isFluid = _a.isFluid, _b = _a.showEllipsis, showEllipsis = _b === void 0 ? false : _b, props = __rest(_a, ["hidePrev", "hideNext", "hideFirst", "hideLast", "prevHref", "nextHref", "firstHref", "lastHref", "onPrevPage", "onNextPage", "onLastPage", "onFirstPage", "isFluid", "showEllipsis"]);
35591
35593
  var surface = useContext(Context$5).surface;
35592
35594
  return (React__default.createElement("nav", __assign({ className: classNames("arc-PaginationSimple", {
35593
35595
  "arc-PaginationSimple--onDarkSurface": surface === "dark",
@@ -35596,19 +35598,40 @@ var PaginationSimple = function (_a) {
35596
35598
  }) }, filterDataAttrs(props)),
35597
35599
  React__default.createElement("ul", { className: "arc-PaginationSimple-list" },
35598
35600
  React__default.createElement("li", { className: "arc-PaginationSimple-listItem" },
35601
+ React__default.createElement("a", { tabIndex: 0, href: firstHref, role: !firstHref ? "button" : undefined, className: classNames("arc-PaginationSimple-navigationButton", {
35602
+ "arc-PaginationSimple-navigationButton--hidden": hideFirst
35603
+ }), onClick: onFirstPage },
35604
+ React__default.createElement("div", { className: "arc-PaginationSimple-iconContainer" },
35605
+ React__default.createElement("svg", { width: "32", height: "32", style: { marginBottom: "-2px" }, fill: "none", xmlns: "http://www.w3.org/2000/svg" },
35606
+ React__default.createElement("g", { transform: "translate(8.5, 8)" },
35607
+ React__default.createElement("path", { d: "M2 0.282227L2 13.7177", stroke: "currentColor", "stroke-width": "3", "stroke-linecap": "round" }),
35608
+ React__default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9.24117 7.00009L14.9385 12.7041C15.1905 12.9566 15.332 13.2987 15.332 13.6554C15.332 14.0121 15.1905 14.3543 14.9385 14.6068C14.8139 14.7316 14.6659 14.8306 14.503 14.8982C14.3401 14.9657 14.1655 15.0005 13.9892 15.0005C13.8128 15.0005 13.6382 14.9657 13.4753 14.8981C13.3124 14.8306 13.1644 14.7316 13.0398 14.6068L6.39184 7.95075C6.14025 7.69833 5.99898 7.35647 5.99898 7.00009C5.99898 6.6437 6.14025 6.30184 6.39184 6.04942L13.0398 -0.606583C13.1644 -0.731391 13.3124 -0.830411 13.4753 -0.897974C13.6382 -0.965536 13.8128 -1.00031 13.9892 -1.00031C14.1655 -1.00031 14.3401 -0.965536 14.503 -0.897974C14.6659 -0.830411 14.8139 -0.731391 14.9385 -0.606583C15.1905 -0.354107 15.332 0.288038 15.332 0.64475C15.332 1.00147 15.1905 1.34361 14.9385 1.59609L9.24117 7.00009Z", fill: "currentColor" })))),
35609
+ React__default.createElement("span", { className: "arc-PaginationSimple-prevText" }, "First")),
35599
35610
  React__default.createElement("a", { tabIndex: 0, href: prevHref, role: !prevHref ? "button" : undefined, className: classNames("arc-PaginationSimple-navigationButton", {
35600
35611
  "arc-PaginationSimple-navigationButton--hidden": hidePrev
35601
35612
  }), onClick: onPrevPage },
35602
35613
  React__default.createElement("div", { className: "arc-PaginationSimple-iconContainer arc-PaginationSimple-iconContainer--left" },
35603
35614
  React__default.createElement(Icon, { color: "brand", size: 32, icon: BtIconChevronLeftMid })),
35604
35615
  React__default.createElement("span", { className: "arc-PaginationSimple-prevText" }, "Prev"))),
35616
+ React__default.createElement("li", { className: classNames("arc-PaginationSimple-listItem arc-PaginationSimple-listItemEllipsis", {
35617
+ "arc-PaginationSimple-listItemEllipsis--hidden": !showEllipsis
35618
+ }) }, "..."),
35605
35619
  React__default.createElement("li", { className: "arc-PaginationSimple-listItem" },
35606
35620
  React__default.createElement("a", { tabIndex: 0, href: nextHref, role: !nextHref ? "button" : undefined, className: classNames("arc-PaginationSimple-navigationButton", {
35607
35621
  "arc-PaginationSimple-navigationButton--hidden": hideNext
35608
35622
  }), onClick: onNextPage },
35609
35623
  React__default.createElement("span", { className: "arc-PaginationSimple-nextText" }, "Next"),
35610
35624
  React__default.createElement("div", { className: "arc-PaginationSimple-iconContainer arc-PaginationSimple-iconContainer--right" },
35611
- React__default.createElement(Icon, { color: "brand", size: 32, icon: BtIconChevronRightMid })))))));
35625
+ React__default.createElement(Icon, { color: "brand", size: 32, icon: BtIconChevronRightMid }))),
35626
+ React__default.createElement("a", { tabIndex: 0, href: lastHref, role: !lastHref ? "button" : undefined, className: classNames("arc-PaginationSimple-navigationButton", {
35627
+ "arc-PaginationSimple-navigationButton--hidden": hideLast
35628
+ }), onClick: onLastPage },
35629
+ React__default.createElement("span", { className: "arc-PaginationSimple-nextText" }, "Last"),
35630
+ React__default.createElement("div", { className: "arc-PaginationSimple-iconContainer" },
35631
+ React__default.createElement("svg", { width: "32", height: "32", style: { marginBottom: "-2px" }, fill: "none", xmlns: "http://www.w3.org/2000/svg" },
35632
+ React__default.createElement("g", { transform: "translate(8.5, 8)" },
35633
+ React__default.createElement("path", { d: "M13 0.282227L13 13.7177", stroke: "currentColor", "stroke-width": "3", "stroke-linecap": "round" }),
35634
+ React__default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M5.75883 7.00009L0.0614906 12.7041C-0.190495 12.9566 -0.332031 13.2987 -0.332031 13.6554C-0.332031 14.0121 -0.190495 14.3543 0.0614906 14.6068C0.186083 14.7316 0.334064 14.8306 0.496956 14.8982C0.659847 14.9657 0.834467 15.0005 1.01083 15.0005C1.18718 15.0005 1.3618 14.9657 1.52469 14.8981C1.68759 14.8306 1.83557 14.7316 1.96016 14.6068L8.60816 7.95075C8.85975 7.69833 9.00102 7.35647 9.00102 7.00009C9.00102 6.6437 8.85975 6.30184 8.60816 6.04942L1.96016 -0.606583C1.83557 -0.731391 1.68759 -0.830411 1.52469 -0.897974C1.3618 -0.965536 1.18718 -1.00031 1.01083 -1.00031C0.834467 -1.00031 0.659847 -0.965536 0.496956 -0.897974C0.334064 -0.830411 0.186083 -0.731391 0.0614906 -0.606583C-0.190495 -0.354107 -0.332031 0.288038 -0.332031 0.64475C-0.332031 1.00147 -0.190495 1.34361 0.0614906 1.59609L5.75883 7.00009Z", fill: "currentColor" })))))))));
35612
35635
  };
35613
35636
 
35614
35637
  var PosterImage = function (_a) {