@arc-ui/components 11.4.2 → 11.6.0

package/dist/Alert/Alert.cjs.d.ts

@@ -0,0 +1,57 @@
+import { FC } from "react";
+import { HeadingProps } from "../_shared/cjs/Heading-d45f6a7f";
+import { ArcIcon } from "../_shared/cjs/arc-icon-17594b2f";
+/** use `Alert` to display persistent messages, either permanent or dismissible. */
+declare const Alert: FC<AlertProps>;
+interface AlertProps {
+    /**
+     * Determine a heading for `<Alert />`
+     */
+    heading: string;
+    /**
+     * Determine a heading for `<Alert />`
+     */
+    headingLevel?: HeadingProps["level"];
+    /**
+     * Determine a description for `<Alert />`
+     */
+    description?: string;
+    /**
+     * Determine a link for `<Alert />`
+     */
+    link?: string;
+    /**
+     * Determine the text to link
+     */
+    linkText?: string;
+    /**
+     * Determine a icon to display within `<Alert />`. This overrides the default icons.
+     */
+    icon?: ArcIcon;
+    /**
+     * Determine the type of alert
+     */
+    type?: "primary" | "secondary";
+    /**
+     * Determine the type of alert
+     */
+    status?: "general" | "error" | "warning" | "success";
+    /**
+     * Determine showing a dismiss icon within `<Alert />`
+     */
+    isDismissable?: boolean;
+    /**
+     * Execute a function when dismiss is envoked
+     */
+    onDismiss?: () => void;
+    /**
+     * Execute a function when link is envoked. This prevents the default behaviour for `<a >` Tag
+     */
+    onLinkClick?: () => void;
+    /**
+     * Text to override `linkText` with additional, more precise information
+     * specifically for screen reader users.
+     */
+    linkAriaLabel?: string;
+}
+export { Alert };

package/dist/Alert/Alert.cjs.js

@@ -0,0 +1,142 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
+var React$3 = require('react');
+var index = require('../_shared/cjs/index-45bfb67b.js');
+var Surface = require('../_shared/cjs/Surface-6da0a78e.js');
+var Icon = require('../_shared/cjs/Icon-9ae8dbe1.js');
+var Heading = require('../_shared/cjs/Heading-d45f6a7f.js');
+var Text = require('../_shared/cjs/Text-6f2827e6.js');
+var BtIconCrossAlt2Px = require('../_shared/cjs/BtIconCrossAlt2Px-30dc2688.js');
+var BtIconAlert = require('../_shared/cjs/BtIconAlert-637db790.js');
+require('../_shared/cjs/suffix-modifier-1ee2da04.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React$3);
+
+const React$2 = React__default["default"];
+const BtIconNotification = props =>
+  /*#__PURE__*/ React$2.createElement(
+    "svg",
+    Object.assign(
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 32 32"
+      },
+      props
+    ),
+    /*#__PURE__*/ React$2.createElement("defs", null),
+    /*#__PURE__*/ React$2.createElement("path", {
+      d:
+        "M24.50977,21.98867,24,21.99014,23.99414,13.975a7.98466,7.98466,0,0,0-6.66046-7.86011,1.46733,1.46733,0,0,0,.15655-.65063,1.48633,1.48633,0,1,0-2.97265,0,1.46732,1.46732,0,0,0,.15826.65369,7.9849,7.9849,0,0,0-6.63971,7.857v8.0166l-.50781-.00293a1.50464,1.50464,0,1,0,0,3.00928h3.45679a1.997,1.997,0,0,0,3.99365,0h9.532a1.50464,1.50464,0,1,0-.001-3.00928ZM16.00391,4.97793a.48633.48633,0,1,1-.48633.48633A.48668.48668,0,0,1,16.00391,4.97793ZM12.98242,25.97158a.998.998,0,0,1-.99469-.97363h1.98841A.99785.99785,0,0,1,12.98242,25.97158ZM24.51074,23.998H7.52832a.50465.50465,0,0,1-.00488-1.00928l1.51269.00293V13.975a6.979,6.979,0,0,1,13.958.00049L23,22.99209l1.51074-.00342a.50464.50464,0,1,1,0,1.00928Z",
+      fill: "currentColor"
+    })
+  );
+var BtIconNotification_2 = BtIconNotification;
+
+const React$1 = React__default["default"];
+const BtIconAlertTriangle = props =>
+  /*#__PURE__*/ React$1.createElement(
+    "svg",
+    Object.assign(
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 32 32"
+      },
+      props
+    ),
+    /*#__PURE__*/ React$1.createElement("defs", null),
+    /*#__PURE__*/ React$1.createElement("path", {
+      fill: "currentColor",
+      d: "M16 21.99335A1 1 0 1 0 16 23.99335 1 1 0 1 0 16 21.99335z"
+    }),
+    /*#__PURE__*/ React$1.createElement("path", {
+      d:
+        "M16.00488,20.00977a.49972.49972,0,0,0,.5-.5l.002-9.00977a.5.5,0,0,0-1,0l-.002,9.00977A.5.5,0,0,0,16.00488,20.00977Z",
+      fill: "currentColor"
+    }),
+    /*#__PURE__*/ React$1.createElement("path", {
+      d:
+        "M29.83691,26.21,17.041,4.5332A1.15617,1.15617,0,0,0,16.03711,3.959h-.001a1.159,1.159,0,0,0-1.00586.57373L2.23535,26.21045a1.16676,1.16676,0,0,0,1.00488,1.76074H28.83105A1.16843,1.16843,0,0,0,29.83691,26.21Zm-.86035.67725a.164.164,0,0,1-.14551.084H3.24023a.16737.16737,0,0,1-.14355-.25244L15.8916,5.0415a.167.167,0,0,1,.28809,0l12.7959,21.67627A.16531.16531,0,0,1,28.97656,26.88721Z",
+      fill: "currentColor"
+    })
+  );
+var BtIconAlertTriangle_2 = BtIconAlertTriangle;
+
+const React = React__default["default"];
+const BtIconTick = props =>
+  /*#__PURE__*/ React.createElement(
+    "svg",
+    Object.assign(
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 32 32"
+      },
+      props
+    ),
+    /*#__PURE__*/ React.createElement("defs", null),
+    /*#__PURE__*/ React.createElement(
+      "g",
+      {
+        "data-name": "Icons"
+      },
+      /*#__PURE__*/ React.createElement("path", {
+        d:
+          "M16,3A13,13,0,1,1,3,16,12.9741,12.9741,0,0,1,16,3m0-1A14,14,0,1,0,30,16,14.04116,14.04116,0,0,0,16,2Z",
+        fill: "currentColor"
+      }),
+      /*#__PURE__*/ React.createElement("path", {
+        d:
+          "M13.5,21.2,9.1,16.8a.495.495,0,1,1,.7-.7l3.6,3.6L22,11.1a.495.495,0,1,1,.7.7Z",
+        fill: "currentColor"
+      })
+    )
+  );
+var BtIconTick_2 = BtIconTick;
+
+/** use `Alert` to display persistent messages, either permanent or dismissible. */
+var Alert = function (_a) {
+    var _b;
+    var heading = _a.heading, description = _a.description, link = _a.link, linkText = _a.linkText, linkAriaLabel = _a.linkAriaLabel, type = _a.type, _c = _a.status, status = _c === void 0 ? "general" : _c, isDismissable = _a.isDismissable, headingLevel = _a.headingLevel, onDismiss = _a.onDismiss, onLinkClick = _a.onLinkClick, icon = _a.icon, props = filterDataAttrs.__rest(_a, ["heading", "description", "link", "linkText", "linkAriaLabel", "type", "status", "isDismissable", "headingLevel", "onDismiss", "onLinkClick", "icon"]);
+    var surface = React$3.useContext(Surface.Context).surface;
+    var _d = React$3.useState(false), isDismissed = _d[0], setIsDismissed = _d[1];
+    var onDismissHandler = function () {
+        setIsDismissed(true);
+        onDismiss && onDismiss();
+    };
+    var statusIcons = {
+        general: BtIconNotification_2,
+        error: BtIconAlert.BtIconAlert_2,
+        warning: BtIconAlertTriangle_2,
+        success: BtIconTick_2
+    };
+    var handleLinkClick = function (event) {
+        event.preventDefault();
+        onLinkClick && onLinkClick();
+    };
+    if (isDismissed) {
+        return null;
+    }
+    return (React__default["default"].createElement("div", filterDataAttrs.__assign({ className: index.classNames("arc-Alert", (_b = {
+                "arc-Alert--onDarkSurface": surface === "dark",
+                "arc-Alert--secondary": type === "secondary"
+            },
+            _b["arc-Alert--".concat(status)] = status !== "general",
+            _b)), role: "alert" }, (status === "warning" && { "aria-live": "assertive" }), filterDataAttrs.filterDataAttrs(props)),
+        React__default["default"].createElement("div", { className: "arc-Alert-icon" }, icon ? (React__default["default"].createElement(Icon.Icon, { size: 24, icon: icon })) : (React__default["default"].createElement(Icon.Icon, { size: 24, icon: statusIcons[status] }))),
+        React__default["default"].createElement("div", { className: "arc-Alert-content" },
+            React__default["default"].createElement("div", { className: "arc-Alert-heading" },
+                React__default["default"].createElement(Heading.Heading, { size: "xs", level: headingLevel }, heading)),
+            description && React__default["default"].createElement(Text.Text, { size: "s" }, description),
+            link && (React__default["default"].createElement("div", { className: "arc-Alert-link" },
+                React__default["default"].createElement(Text.Text, { size: "s" },
+                    React__default["default"].createElement("a", filterDataAttrs.__assign({ href: link, "aria-label": linkAriaLabel }, (onLinkClick && { onClick: handleLinkClick })), linkText))))),
+        isDismissable && (React__default["default"].createElement(React__default["default"].Fragment, null,
+            React__default["default"].createElement("button", { "aria-label": "dismiss alert", className: "arc-Alert-dismiss", onClick: onDismissHandler },
+                React__default["default"].createElement(Icon.Icon, { icon: BtIconCrossAlt2Px.BtIconCrossAlt2Px_2, size: 24 }))))));
+};
+
+exports.Alert = Alert;

package/dist/Alert/Alert.esm.d.ts

@@ -0,0 +1,57 @@
+import { FC } from "react";
+import { HeadingProps } from "../_shared/esm/Heading-b61432fb";
+import { ArcIcon } from "../_shared/esm/arc-icon-17594b2f";
+/** use `Alert` to display persistent messages, either permanent or dismissible. */
+declare const Alert: FC<AlertProps>;
+interface AlertProps {
+    /**
+     * Determine a heading for `<Alert />`
+     */
+    heading: string;
+    /**
+     * Determine a heading for `<Alert />`
+     */
+    headingLevel?: HeadingProps["level"];
+    /**
+     * Determine a description for `<Alert />`
+     */
+    description?: string;
+    /**
+     * Determine a link for `<Alert />`
+     */
+    link?: string;
+    /**
+     * Determine the text to link
+     */
+    linkText?: string;
+    /**
+     * Determine a icon to display within `<Alert />`. This overrides the default icons.
+     */
+    icon?: ArcIcon;
+    /**
+     * Determine the type of alert
+     */
+    type?: "primary" | "secondary";
+    /**
+     * Determine the type of alert
+     */
+    status?: "general" | "error" | "warning" | "success";
+    /**
+     * Determine showing a dismiss icon within `<Alert />`
+     */
+    isDismissable?: boolean;
+    /**
+     * Execute a function when dismiss is envoked
+     */
+    onDismiss?: () => void;
+    /**
+     * Execute a function when link is envoked. This prevents the default behaviour for `<a >` Tag
+     */
+    onLinkClick?: () => void;
+    /**
+     * Text to override `linkText` with additional, more precise information
+     * specifically for screen reader users.
+     */
+    linkAriaLabel?: string;
+}
+export { Alert };

package/dist/Alert/Alert.esm.js

@@ -0,0 +1,134 @@
+import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-afdb7d32.js';
+import React__default, { useContext, useState } from 'react';
+import { c as classNames } from '../_shared/esm/index-2ae58626.js';
+import { C as Context } from '../_shared/esm/Surface-bb100ef8.js';
+import { I as Icon } from '../_shared/esm/Icon-fd247973.js';
+import { H as Heading } from '../_shared/esm/Heading-b61432fb.js';
+import { T as Text } from '../_shared/esm/Text-00e9743b.js';
+import { B as BtIconCrossAlt2Px_2 } from '../_shared/esm/BtIconCrossAlt2Px-a6a9f431.js';
+import { B as BtIconAlert_2 } from '../_shared/esm/BtIconAlert-55a6ed5c.js';
+import '../_shared/esm/suffix-modifier-7e640670.js';
+
+const React$2 = React__default;
+const BtIconNotification = props =>
+  /*#__PURE__*/ React$2.createElement(
+    "svg",
+    Object.assign(
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 32 32"
+      },
+      props
+    ),
+    /*#__PURE__*/ React$2.createElement("defs", null),
+    /*#__PURE__*/ React$2.createElement("path", {
+      d:
+        "M24.50977,21.98867,24,21.99014,23.99414,13.975a7.98466,7.98466,0,0,0-6.66046-7.86011,1.46733,1.46733,0,0,0,.15655-.65063,1.48633,1.48633,0,1,0-2.97265,0,1.46732,1.46732,0,0,0,.15826.65369,7.9849,7.9849,0,0,0-6.63971,7.857v8.0166l-.50781-.00293a1.50464,1.50464,0,1,0,0,3.00928h3.45679a1.997,1.997,0,0,0,3.99365,0h9.532a1.50464,1.50464,0,1,0-.001-3.00928ZM16.00391,4.97793a.48633.48633,0,1,1-.48633.48633A.48668.48668,0,0,1,16.00391,4.97793ZM12.98242,25.97158a.998.998,0,0,1-.99469-.97363h1.98841A.99785.99785,0,0,1,12.98242,25.97158ZM24.51074,23.998H7.52832a.50465.50465,0,0,1-.00488-1.00928l1.51269.00293V13.975a6.979,6.979,0,0,1,13.958.00049L23,22.99209l1.51074-.00342a.50464.50464,0,1,1,0,1.00928Z",
+      fill: "currentColor"
+    })
+  );
+var BtIconNotification_2 = BtIconNotification;
+
+const React$1 = React__default;
+const BtIconAlertTriangle = props =>
+  /*#__PURE__*/ React$1.createElement(
+    "svg",
+    Object.assign(
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 32 32"
+      },
+      props
+    ),
+    /*#__PURE__*/ React$1.createElement("defs", null),
+    /*#__PURE__*/ React$1.createElement("path", {
+      fill: "currentColor",
+      d: "M16 21.99335A1 1 0 1 0 16 23.99335 1 1 0 1 0 16 21.99335z"
+    }),
+    /*#__PURE__*/ React$1.createElement("path", {
+      d:
+        "M16.00488,20.00977a.49972.49972,0,0,0,.5-.5l.002-9.00977a.5.5,0,0,0-1,0l-.002,9.00977A.5.5,0,0,0,16.00488,20.00977Z",
+      fill: "currentColor"
+    }),
+    /*#__PURE__*/ React$1.createElement("path", {
+      d:
+        "M29.83691,26.21,17.041,4.5332A1.15617,1.15617,0,0,0,16.03711,3.959h-.001a1.159,1.159,0,0,0-1.00586.57373L2.23535,26.21045a1.16676,1.16676,0,0,0,1.00488,1.76074H28.83105A1.16843,1.16843,0,0,0,29.83691,26.21Zm-.86035.67725a.164.164,0,0,1-.14551.084H3.24023a.16737.16737,0,0,1-.14355-.25244L15.8916,5.0415a.167.167,0,0,1,.28809,0l12.7959,21.67627A.16531.16531,0,0,1,28.97656,26.88721Z",
+      fill: "currentColor"
+    })
+  );
+var BtIconAlertTriangle_2 = BtIconAlertTriangle;
+
+const React = React__default;
+const BtIconTick = props =>
+  /*#__PURE__*/ React.createElement(
+    "svg",
+    Object.assign(
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 32 32"
+      },
+      props
+    ),
+    /*#__PURE__*/ React.createElement("defs", null),
+    /*#__PURE__*/ React.createElement(
+      "g",
+      {
+        "data-name": "Icons"
+      },
+      /*#__PURE__*/ React.createElement("path", {
+        d:
+          "M16,3A13,13,0,1,1,3,16,12.9741,12.9741,0,0,1,16,3m0-1A14,14,0,1,0,30,16,14.04116,14.04116,0,0,0,16,2Z",
+        fill: "currentColor"
+      }),
+      /*#__PURE__*/ React.createElement("path", {
+        d:
+          "M13.5,21.2,9.1,16.8a.495.495,0,1,1,.7-.7l3.6,3.6L22,11.1a.495.495,0,1,1,.7.7Z",
+        fill: "currentColor"
+      })
+    )
+  );
+var BtIconTick_2 = BtIconTick;
+
+/** use `Alert` to display persistent messages, either permanent or dismissible. */
+var Alert = function (_a) {
+    var _b;
+    var heading = _a.heading, description = _a.description, link = _a.link, linkText = _a.linkText, linkAriaLabel = _a.linkAriaLabel, type = _a.type, _c = _a.status, status = _c === void 0 ? "general" : _c, isDismissable = _a.isDismissable, headingLevel = _a.headingLevel, onDismiss = _a.onDismiss, onLinkClick = _a.onLinkClick, icon = _a.icon, props = __rest(_a, ["heading", "description", "link", "linkText", "linkAriaLabel", "type", "status", "isDismissable", "headingLevel", "onDismiss", "onLinkClick", "icon"]);
+    var surface = useContext(Context).surface;
+    var _d = useState(false), isDismissed = _d[0], setIsDismissed = _d[1];
+    var onDismissHandler = function () {
+        setIsDismissed(true);
+        onDismiss && onDismiss();
+    };
+    var statusIcons = {
+        general: BtIconNotification_2,
+        error: BtIconAlert_2,
+        warning: BtIconAlertTriangle_2,
+        success: BtIconTick_2
+    };
+    var handleLinkClick = function (event) {
+        event.preventDefault();
+        onLinkClick && onLinkClick();
+    };
+    if (isDismissed) {
+        return null;
+    }
+    return (React__default.createElement("div", __assign({ className: classNames("arc-Alert", (_b = {
+                "arc-Alert--onDarkSurface": surface === "dark",
+                "arc-Alert--secondary": type === "secondary"
+            },
+            _b["arc-Alert--".concat(status)] = status !== "general",
+            _b)), role: "alert" }, (status === "warning" && { "aria-live": "assertive" }), filterDataAttrs(props)),
+        React__default.createElement("div", { className: "arc-Alert-icon" }, icon ? (React__default.createElement(Icon, { size: 24, icon: icon })) : (React__default.createElement(Icon, { size: 24, icon: statusIcons[status] }))),
+        React__default.createElement("div", { className: "arc-Alert-content" },
+            React__default.createElement("div", { className: "arc-Alert-heading" },
+                React__default.createElement(Heading, { size: "xs", level: headingLevel }, heading)),
+            description && React__default.createElement(Text, { size: "s" }, description),
+            link && (React__default.createElement("div", { className: "arc-Alert-link" },
+                React__default.createElement(Text, { size: "s" },
+                    React__default.createElement("a", __assign({ href: link, "aria-label": linkAriaLabel }, (onLinkClick && { onClick: handleLinkClick })), linkText))))),
+        isDismissable && (React__default.createElement(React__default.Fragment, null,
+            React__default.createElement("button", { "aria-label": "dismiss alert", className: "arc-Alert-dismiss", onClick: onDismissHandler },
+                React__default.createElement(Icon, { icon: BtIconCrossAlt2Px_2, size: 24 }))))));
+};
+
+export { Alert };

package/dist/Alert/package.json

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

package/dist/Align/Align.cjs.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('../_shared/cjs/index-78b35bc1.js');
-var index$1 = require('../_shared/cjs/index-45bfb67b.js');
+var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
+var index = require('../_shared/cjs/index-45bfb67b.js');
 var React = require('react');
-var suffixModifier = require('../_shared/cjs/suffix-modifier-edf7851e.js');
+var suffixModifier = require('../_shared/cjs/suffix-modifier-1ee2da04.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -16,14 +16,14 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  */
 var Align = function (_a) {
     var _b;
-    var children = _a.children, _c = _a.horizontal, horizontal = _c === void 0 ? "left" : _c, _d = _a.isDebugVisible, isDebugVisible = _d === void 0 ? false : _d, _e = _a.vertical, vertical = _e === void 0 ? "top" : _e, props = index.__rest(_a, ["children", "horizontal", "isDebugVisible", "vertical"]);
+    var children = _a.children, _c = _a.horizontal, horizontal = _c === void 0 ? "left" : _c, _d = _a.isDebugVisible, isDebugVisible = _d === void 0 ? false : _d, _e = _a.vertical, vertical = _e === void 0 ? "top" : _e, props = filterDataAttrs.__rest(_a, ["children", "horizontal", "isDebugVisible", "vertical"]);
     var wrappedChildren = React__default["default"].Children.map(children, function (child, i) { return (React__default["default"].createElement(AlignItem, { key: i }, child)); });
-    return (React__default["default"].createElement("div", index.__assign({ className: index$1.classNames((_b = {},
+    return (React__default["default"].createElement("div", filterDataAttrs.__assign({ className: index.classNames((_b = {},
             _b["arc-Align"] = true,
             _b[suffixModifier.suffixModifier("arc-Align--horizontal", horizontal)] = horizontal !== "left",
             _b["arc-Align--debugVisible"] = isDebugVisible,
             _b[suffixModifier.suffixModifier("arc-Align--vertical", vertical)] = vertical !== "top",
-            _b)) }, index.filterDataAttrs(props)), wrappedChildren));
+            _b)) }, filterDataAttrs.filterDataAttrs(props)), wrappedChildren));
 };
 var AlignItem = function (_a) {
     var children = _a.children;

package/dist/Align/Align.esm.js

@@ -1,7 +1,7 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index-229fc864.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-afdb7d32.js';
 import { c as classNames } from '../_shared/esm/index-2ae58626.js';
 import React__default from 'react';
-import { s as suffixModifier } from '../_shared/esm/suffix-modifier-f5e28822.js';
+import { s as suffixModifier } from '../_shared/esm/suffix-modifier-7e640670.js';
 
 /**
  * Use `Align` to align items horizontally or vertically.

package/dist/Badge/Badge.cjs.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('../_shared/cjs/index-78b35bc1.js');
+var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
 var React = require('react');
-var index$1 = require('../_shared/cjs/index-45bfb67b.js');
-var Surface = require('../_shared/cjs/Surface-d6b8010e.js');
-var suffixModifier = require('../_shared/cjs/suffix-modifier-edf7851e.js');
-var Text = require('../_shared/cjs/Text-1d3844be.js');
+var index = require('../_shared/cjs/index-45bfb67b.js');
+var Surface = require('../_shared/cjs/Surface-6da0a78e.js');
+var suffixModifier = require('../_shared/cjs/suffix-modifier-1ee2da04.js');
+var Text = require('../_shared/cjs/Text-6f2827e6.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -18,7 +18,7 @@ var Badge = function (_a) {
     var _b, _c;
     var children = _a.children, _d = _a.state, state = _d === void 0 ? "default" : _d, _e = _a.size, size = _e === void 0 ? "default" : _e, _f = _a.fill, fill = _f === void 0 ? "solid" : _f, ariaLabel = _a.ariaLabel;
     var surface = React.useContext(Surface.Context).surface;
-    return (React__default["default"].createElement("div", index.__assign({}, (ariaLabel && { "aria-label": ariaLabel }), { className: index$1.classNames((_b = {
+    return (React__default["default"].createElement("div", filterDataAttrs.__assign({}, (ariaLabel && { "aria-label": ariaLabel }), { className: index.classNames((_b = {
                 "arc-Badge": true,
                 "arc-Badge--onDarkSurface": surface === "dark",
                 "arc-Badge--large": size === "large",
@@ -26,7 +26,7 @@ var Badge = function (_a) {
             },
             _b[suffixModifier.suffixModifier("arc-Badge--state", state)] = state !== "default",
             _b)), role: state === "error" ? "alert" : "status", "data-testid": "badge" }),
-        React__default["default"].createElement("div", { className: index$1.classNames((_c = {
+        React__default["default"].createElement("div", { className: index.classNames((_c = {
                     "arc-Badge-text": true
                 },
                 _c[suffixModifier.suffixModifier("arc-Badge--text", state)] = state !== "default",

package/dist/Badge/Badge.esm.js

@@ -1,9 +1,9 @@
-import { a as __assign } from '../_shared/esm/index-229fc864.js';
+import { a as __assign } from '../_shared/esm/filter-data-attrs-afdb7d32.js';
 import React__default, { useContext } from 'react';
 import { c as classNames } from '../_shared/esm/index-2ae58626.js';
-import { C as Context } from '../_shared/esm/Surface-bf201530.js';
-import { s as suffixModifier } from '../_shared/esm/suffix-modifier-f5e28822.js';
-import { T as Text } from '../_shared/esm/Text-6b958ad8.js';
+import { C as Context } from '../_shared/esm/Surface-bb100ef8.js';
+import { s as suffixModifier } from '../_shared/esm/suffix-modifier-7e640670.js';
+import { T as Text } from '../_shared/esm/Text-00e9743b.js';
 
 /** Use `Badge` component to visually display a small amount of information, such as notification counts or status indicators. */
 var Badge = function (_a) {

package/dist/Base/Base.cjs.d.ts

@@ -1 +1 @@
-export { Base } from "../_shared/cjs/Base-e2b846fe";
+export { Base } from "../_shared/cjs/Base-569e4334";

package/dist/Base/Base.cjs.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Base = require('../_shared/cjs/Base-e2b846fe.js');
-require('../_shared/cjs/index-78b35bc1.js');
+var Base = require('../_shared/cjs/Base-569e4334.js');
+require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
 require('react');
 
 

package/dist/Base/Base.esm.d.ts

@@ -1 +1 @@
-export { Base } from "../_shared/esm/Base-c235dc45";
+export { Base } from "../_shared/esm/Base-6c01e0ec";

package/dist/Base/Base.esm.js

@@ -1,3 +1,3 @@
-export { B as Base } from '../_shared/esm/Base-c235dc45.js';
-import '../_shared/esm/index-229fc864.js';
+export { B as Base } from '../_shared/esm/Base-6c01e0ec.js';
+import '../_shared/esm/filter-data-attrs-afdb7d32.js';
 import 'react';

package/dist/BrandLogo/BrandLogo.cjs.d.ts

@@ -1 +1 @@
-export { BrandLogo } from "../_shared/cjs/BrandLogo-3c6102ef";
+export { BrandLogo } from "../_shared/cjs/BrandLogo-8008f0c4";

package/dist/BrandLogo/BrandLogo.cjs.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var BrandLogo = require('../_shared/cjs/BrandLogo-3c6102ef.js');
-require('../_shared/cjs/index-78b35bc1.js');
+var BrandLogo = require('../_shared/cjs/BrandLogo-8008f0c4.js');
+require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
 require('../_shared/cjs/index-45bfb67b.js');
 require('react');
-require('../_shared/cjs/suffix-modifier-edf7851e.js');
-require('../_shared/cjs/Surface-d6b8010e.js');
+require('../_shared/cjs/suffix-modifier-1ee2da04.js');
+require('../_shared/cjs/Surface-6da0a78e.js');
 
 
 

package/dist/BrandLogo/BrandLogo.esm.d.ts

@@ -1 +1 @@
-export { BrandLogo } from "../_shared/esm/BrandLogo-4f13fe85";
+export { BrandLogo } from "../_shared/esm/BrandLogo-56699561";

package/dist/BrandLogo/BrandLogo.esm.js

@@ -1,6 +1,6 @@
-export { B as BrandLogo } from '../_shared/esm/BrandLogo-4f13fe85.js';
-import '../_shared/esm/index-229fc864.js';
+export { B as BrandLogo } from '../_shared/esm/BrandLogo-56699561.js';
+import '../_shared/esm/filter-data-attrs-afdb7d32.js';
 import '../_shared/esm/index-2ae58626.js';
 import 'react';
-import '../_shared/esm/suffix-modifier-f5e28822.js';
-import '../_shared/esm/Surface-bf201530.js';
+import '../_shared/esm/suffix-modifier-7e640670.js';
+import '../_shared/esm/Surface-bb100ef8.js';

package/dist/Breadcrumbs/Breadcrumbs.cjs.d.ts

@@ -1,61 +1 @@
-/// <reference types="react" />
-import React from "react";
-import { FC, ReactNode } from "react";
-declare const BreadcrumbsItem: FC<ItemProps>;
-interface ItemProps {
-    /**
-     * Render child elements within `Breadcrumbs.Item`
-     */
-    children?: ReactNode;
-    /**
-     * Use icon as a spacer that will be positioned after `Breadcrumbs.Item`.
-     */
-    spacerIconAfter?: boolean;
-    /**
-     * Use icon as a spacer that will be positioned before `Breadcrumbs.Item`.
-     */
-    spacerIconBefore?: boolean;
-}
-declare const BreadcrumbsLink: FC<LinkProps>;
-interface LinkProps {
-    /**
-     * Render children of `breadcrumbs.link`
-     */
-    children?: ReactNode;
-    /**
-     * Where breadcrumb linkshould lead too
-     */
-    href?: string;
-    /**
-     * Pass a function to the breadcrumb item
-     */
-    onClick?: () => void;
-    /**
-     * Highlights item in breadcrumb (This also removes the a tag and any links)
-     */
-    isActive?: boolean;
-    /**
-     * Ref to `<a>` tag
-     */
-    ref?: React.Ref<HTMLAnchorElement>;
-    /**
-     * React router property
-     */
-    navigate?: () => void;
-}
-/** Use `Breadcrumbs` to add a secondary navigation scheme that reveals the user’s location. Each item should be wrapped with `Breadcrumbs.Item` */
-declare const Breadcrumbs: FC<BreadcrumbsProps> & {
-    Item: typeof BreadcrumbsItem;
-    Link: typeof BreadcrumbsLink;
-};
-interface BreadcrumbsProps {
-    /**
-     * Contents of the Breadcrumbs. Should only contain `Breadcrumb.Item`.
-     */
-    children: ReactNode;
-    /**
-     * Select if you want the Nav items to be Light
-     */
-    isLight?: boolean;
-}
-export { Breadcrumbs };
+export { Breadcrumbs } from "../_shared/cjs/Breadcrumbs-8b554370";