@easypost/easy-ui 1.0.0-alpha.12 → 1.0.0-alpha.121

package/AlertBadge/AlertBadge.d.ts

@@ -0,0 +1,32 @@
+import React, { ReactNode } from "react";
+import { IconSymbol } from "../types";
+export declare const DEFAULT_VARIANT = "danger";
+export declare const DEFAULT_PLACEMENT = "top right";
+export type AlertBadgeVariant = "primary" | "secondary" | "success" | "danger";
+export type AlertBadgePlacement = "top right" | "bottom right";
+export type AlertBadgeProps = {
+    /** AlertBadge placement
+     * @default top right
+     */
+    placement?: AlertBadgePlacement;
+    /** AlertBadge icon (IconSymbol)
+     * @default undefined
+     */
+    icon?: IconSymbol;
+    /**
+     * Accessible label for the AlertBadge.
+     * @default Alert Badge
+     */
+    accessibilityLabel?: string;
+    /**
+     * AlertBadge variant.
+     * @default danger
+     */
+    variant?: AlertBadgeVariant;
+    /** AlertBadge attachment target. */
+    children: ReactNode;
+    /**  Show/hide AlertBadge. */
+    show: boolean;
+};
+export declare function AlertBadge(props: AlertBadgeProps): React.JSX.Element;
+//# sourceMappingURL=AlertBadge.d.ts.map

package/AlertBadge/AlertBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertBadge.d.ts","sourceRoot":"","sources":["../../src/AlertBadge/AlertBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAKtC,eAAO,MAAM,eAAe,WAAW,CAAC;AAExC,eAAO,MAAM,iBAAiB,cAAc,CAAC;AAE7C,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE/E,MAAM,MAAM,mBAAmB,GAAG,WAAW,GAAG,cAAc,CAAC;AAE/D,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAEhC;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;;OAGG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAE5B,oCAAoC;IACpC,QAAQ,EAAE,SAAS,CAAC;IAEpB,6BAA6B;IAC7B,IAAI,EAAE,OAAO,CAAC;CACf,CAAC;AAEF,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA+BpE"}

package/AlertBadge/AlertBadge.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from "@storybook/react-vite";
+import { AlertBadge } from "./AlertBadge";
+type Story = StoryObj<typeof AlertBadge>;
+declare const meta: Meta<typeof AlertBadge>;
+export default meta;
+export declare const Variants: Story;
+export declare const Placement: Story;
+export declare const Icon: Story;
+export declare const WithTooltip: Story;
+//# sourceMappingURL=AlertBadge.stories.d.ts.map

package/AlertBadge/AlertBadge.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertBadge.stories.d.ts","sourceRoot":"","sources":["../../src/AlertBadge/AlertBadge.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAMvD,OAAO,EAAE,UAAU,EAAmB,MAAM,cAAc,CAAC;AAK3D,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAQzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAiBjC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,QAAQ,EAAE,KAkBtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KA+BvB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAclB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAoBzB,CAAC"}

package/AlertBadge/AlertBadge.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=AlertBadge.test.d.ts.map

package/AlertBadge/AlertBadge.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertBadge.test.d.ts","sourceRoot":"","sources":["../../src/AlertBadge/AlertBadge.test.tsx"],"names":[],"mappings":""}

package/AlertBadge/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./AlertBadge";
+//# sourceMappingURL=index.d.ts.map

package/AlertBadge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/AlertBadge/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/AlertBadge/index.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const Icon = require("../__chunks__/Icon-BRlbo3RF.js");
+const Text = require("../__chunks__/Text-DkzMEqky.js");
+const utilities_css = require("../utilities/css.js");
+const container = "_container_7b7g9_4";
+const root = "_root_7b7g9_9";
+const badge = "_badge_7b7g9_13";
+const bottom = "_bottom_7b7g9_24";
+const top = "_top_7b7g9_28";
+const right = "_right_7b7g9_32";
+const variantPrimary = "_variantPrimary_7b7g9_36";
+const variantSecondary = "_variantSecondary_7b7g9_41";
+const variantSuccess = "_variantSuccess_7b7g9_46";
+const variantDanger = "_variantDanger_7b7g9_51";
+const styles = {
+  container,
+  root,
+  badge,
+  bottom,
+  top,
+  right,
+  variantPrimary,
+  variantSecondary,
+  variantSuccess,
+  variantDanger
+};
+const DEFAULT_VARIANT = "danger";
+const DEFAULT_PLACEMENT = "top right";
+function AlertBadge(props) {
+  const { accessibilityLabel = "Alert Badge", placement = DEFAULT_PLACEMENT, variant = DEFAULT_VARIANT, icon, show, children } = props;
+  const className = utilities_css.classNames(styles.root, styles[utilities_css.variationName("variant", variant)], ...placement.split(" ").map((position) => styles[position]));
+  if (!show) {
+    return jsxRuntime.jsx(jsxRuntime.Fragment, {
+      children
+    });
+  }
+  return jsxRuntime.jsxs("span", {
+    className: styles.container,
+    children: [children, jsxRuntime.jsxs("span", {
+      className,
+      children: [jsxRuntime.jsx(Text.Text, {
+        visuallyHidden: true,
+        children: accessibilityLabel
+      }), jsxRuntime.jsx("span", {
+        className: styles.badge,
+        role: "status",
+        children: icon && jsxRuntime.jsx(Icon.Icon, {
+          symbol: icon,
+          size: "2xs"
+        })
+      })]
+    })]
+  });
+}
+exports.AlertBadge = AlertBadge;
+exports.DEFAULT_PLACEMENT = DEFAULT_PLACEMENT;
+exports.DEFAULT_VARIANT = DEFAULT_VARIANT;

package/AlertBadge/index.mjs

@@ -0,0 +1,59 @@
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { I as Icon } from "../__chunks__/Icon-BIpaQJ_I.mjs";
+import { T as Text } from "../__chunks__/Text-D6oT5WJQ.mjs";
+import { classNames, variationName } from "../utilities/css.mjs";
+const container = "_container_7b7g9_4";
+const root = "_root_7b7g9_9";
+const badge = "_badge_7b7g9_13";
+const bottom = "_bottom_7b7g9_24";
+const top = "_top_7b7g9_28";
+const right = "_right_7b7g9_32";
+const variantPrimary = "_variantPrimary_7b7g9_36";
+const variantSecondary = "_variantSecondary_7b7g9_41";
+const variantSuccess = "_variantSuccess_7b7g9_46";
+const variantDanger = "_variantDanger_7b7g9_51";
+const styles = {
+  container,
+  root,
+  badge,
+  bottom,
+  top,
+  right,
+  variantPrimary,
+  variantSecondary,
+  variantSuccess,
+  variantDanger
+};
+const DEFAULT_VARIANT = "danger";
+const DEFAULT_PLACEMENT = "top right";
+function AlertBadge(props) {
+  const { accessibilityLabel = "Alert Badge", placement = DEFAULT_PLACEMENT, variant = DEFAULT_VARIANT, icon, show, children } = props;
+  const className = classNames(styles.root, styles[variationName("variant", variant)], ...placement.split(" ").map((position) => styles[position]));
+  if (!show) {
+    return jsx(Fragment, {
+      children
+    });
+  }
+  return jsxs("span", {
+    className: styles.container,
+    children: [children, jsxs("span", {
+      className,
+      children: [jsx(Text, {
+        visuallyHidden: true,
+        children: accessibilityLabel
+      }), jsx("span", {
+        className: styles.badge,
+        role: "status",
+        children: icon && jsx(Icon, {
+          symbol: icon,
+          size: "2xs"
+        })
+      })]
+    })]
+  });
+}
+export {
+  AlertBadge,
+  DEFAULT_PLACEMENT,
+  DEFAULT_VARIANT
+};

package/Badge/Badge.d.ts

@@ -8,6 +8,11 @@ export type BadgeProps = {
      * for icon badges.
      */
     accessibilityLabel?: string;
+    /**
+     * Whether the badge should be displayed as a block element.
+     * @default false
+     */
+    block?: boolean;
     /** Primary badge label. */
     children?: ReactNode;
     /** Badge icon */
@@ -54,6 +59,12 @@ export type BadgeProps = {
  * ```tsx
  * <Badge icon={IconSymbol}>Badge text</Badge>
  * ```
+ *
+ * @example
+ * _Block:_
+ * ```tsx
+ * <Badge block>Badge text</Badge>
+ * ```
  */
 export declare function Badge(props: BadgeProps): React.JSX.Element;
 //# sourceMappingURL=Badge.d.ts.map

package/Badge/Badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../src/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAKtC,eAAO,MAAM,eAAe,YAAY,CAAC;AAEzC,MAAM,MAAM,YAAY,GACpB,SAAS,GACT,WAAW,GACX,OAAO,GACP,SAAS,GACT,MAAM,GACN,SAAS,GACT,SAAS,GACT,QAAQ,CAAC;AAEb,MAAM,MAAM,UAAU,GAAG;IACvB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,iBAAiB;IACjB,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;OAEG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAE3B;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,qBAiDtC"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../src/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAKtC,eAAO,MAAM,eAAe,YAAY,CAAC;AAEzC,MAAM,MAAM,YAAY,GACpB,SAAS,GACT,WAAW,GACX,OAAO,GACP,SAAS,GACT,MAAM,GACN,SAAS,GACT,SAAS,GACT,QAAQ,CAAC;AAEb,MAAM,MAAM,UAAU,GAAG;IACvB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,iBAAiB;IACjB,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;OAEG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAE3B;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,qBAoDtC"}

package/Badge/Badge.stories.d.ts

@@ -1,4 +1,4 @@
-import { Meta, StoryObj } from "@storybook/react";
+import { Meta, StoryObj } from "@storybook/react-vite";
 import { Badge } from "./Badge";
 type Story = StoryObj<typeof Badge>;
 declare const meta: Meta<typeof Badge>;

package/Badge/Badge.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.stories.d.ts","sourceRoot":"","sources":["../../src/Badge/Badge.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMlD,OAAO,EAAE,KAAK,EAAc,MAAM,SAAS,CAAC;AAG5C,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAIpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAiB5B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,UAAU,EAAE,KAUxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAWxB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAW1B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAW1B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAuB3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAWzB,CAAC"}
+{"version":3,"file":"Badge.stories.d.ts","sourceRoot":"","sources":["../../src/Badge/Badge.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAMvD,OAAO,EAAE,KAAK,EAAc,MAAM,SAAS,CAAC;AAG5C,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAIpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAiB5B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,UAAU,EAAE,KAUxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAWxB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAW1B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAW1B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAuB3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAWzB,CAAC"}

package/Badge/index.js

@@ -1,25 +1,29 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const Icon_index = require("../Icon/index.js");
-const Text_index = require("../Text/index.js");
+const jsxRuntime = require("react/jsx-runtime");
+const Icon = require("../__chunks__/Icon-BRlbo3RF.js");
+const Text = require("../__chunks__/Text-DkzMEqky.js");
 const utilities_css = require("../utilities/css.js");
-const root = "_root_12ac6_5";
-const primary = "_primary_12ac6_16";
-const secondary = "_secondary_12ac6_17";
-const text = "_text_12ac6_32";
-const variantPrimary = "_variantPrimary_12ac6_37";
-const variantSecondary = "_variantSecondary_12ac6_44";
-const variantBlack = "_variantBlack_12ac6_51";
-const variantInverse = "_variantInverse_12ac6_58";
-const variantGray = "_variantGray_12ac6_65";
-const variantSuccess = "_variantSuccess_12ac6_72";
-const variantWarning = "_variantWarning_12ac6_79";
-const variantDanger = "_variantDanger_12ac6_86";
+const root = "_root_fwo7a_4";
+const block = "_block_fwo7a_14";
+const primary = "_primary_fwo7a_18";
+const secondary = "_secondary_fwo7a_19";
+const hasSecondary = "_hasSecondary_fwo7a_34";
+const text = "_text_fwo7a_40";
+const variantPrimary = "_variantPrimary_fwo7a_45";
+const variantSecondary = "_variantSecondary_fwo7a_52";
+const variantBlack = "_variantBlack_fwo7a_59";
+const variantInverse = "_variantInverse_fwo7a_66";
+const variantGray = "_variantGray_fwo7a_73";
+const variantSuccess = "_variantSuccess_fwo7a_80";
+const variantWarning = "_variantWarning_fwo7a_87";
+const variantDanger = "_variantDanger_fwo7a_94";
 const styles = {
   root,
+  block,
   primary,
   secondary,
+  hasSecondary,
   text,
   variantPrimary,
   variantSecondary,
@@ -32,8 +36,8 @@ const styles = {
 };
 const DEFAULT_VARIANT = "primary";
 function Badge(props) {
-  const { accessibilityLabel, children, secondaryLabel, icon, variant = DEFAULT_VARIANT } = props;
-  const className = utilities_css.classNames(styles.root, styles[utilities_css.variationName("variant", variant)]);
+  const { accessibilityLabel, block: block2 = false, children, secondaryLabel, icon, variant = DEFAULT_VARIANT } = props;
+  const className = utilities_css.classNames(styles.root, styles[utilities_css.variationName("variant", variant)], block2 && styles.block, (icon || secondaryLabel) && styles.hasSecondary);
   if (!icon && !children) {
     console.warn("Badge requires one of children or icon");
   }
@@ -43,22 +47,32 @@ function Badge(props) {
   if (icon && !children && !accessibilityLabel) {
     console.warn("Badge with only icon must have accessibilityLabel");
   }
-  return React.createElement("span", {
-    className
-  }, accessibilityLabel && React.createElement(Text_index.Text, {
-    visuallyHidden: true
-  }, accessibilityLabel), React.createElement("span", {
-    className: styles.primary
-  }, icon ? React.createElement(Icon_index.Icon, {
-    symbol: icon,
-    size: "sm"
-  }) : React.createElement("span", {
-    className: styles.text
-  }, children)), children && (icon || secondaryLabel) && React.createElement("span", {
-    className: styles.secondary
-  }, React.createElement("span", {
-    className: styles.text
-  }, icon ? React.createElement(React.Fragment, null, children) : React.createElement(React.Fragment, null, secondaryLabel))));
+  return jsxRuntime.jsxs("span", {
+    className,
+    children: [accessibilityLabel && jsxRuntime.jsx(Text.Text, {
+      visuallyHidden: true,
+      children: accessibilityLabel
+    }), jsxRuntime.jsx("span", {
+      className: styles.primary,
+      children: icon ? jsxRuntime.jsx(Icon.Icon, {
+        symbol: icon,
+        size: "sm"
+      }) : jsxRuntime.jsx("span", {
+        className: styles.text,
+        children
+      })
+    }), children && (icon || secondaryLabel) && jsxRuntime.jsx("span", {
+      className: styles.secondary,
+      children: jsxRuntime.jsx("span", {
+        className: styles.text,
+        children: icon ? jsxRuntime.jsx(jsxRuntime.Fragment, {
+          children
+        }) : jsxRuntime.jsx(jsxRuntime.Fragment, {
+          children: secondaryLabel
+        })
+      })
+    })]
+  });
 }
 exports.Badge = Badge;
 exports.DEFAULT_VARIANT = DEFAULT_VARIANT;

package/Badge/index.mjs

@@ -1,23 +1,27 @@
-import React__default from "react";
-import { Icon } from "../Icon/index.mjs";
-import { Text } from "../Text/index.mjs";
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { I as Icon } from "../__chunks__/Icon-BIpaQJ_I.mjs";
+import { T as Text } from "../__chunks__/Text-D6oT5WJQ.mjs";
 import { classNames, variationName } from "../utilities/css.mjs";
-const root = "_root_12ac6_5";
-const primary = "_primary_12ac6_16";
-const secondary = "_secondary_12ac6_17";
-const text = "_text_12ac6_32";
-const variantPrimary = "_variantPrimary_12ac6_37";
-const variantSecondary = "_variantSecondary_12ac6_44";
-const variantBlack = "_variantBlack_12ac6_51";
-const variantInverse = "_variantInverse_12ac6_58";
-const variantGray = "_variantGray_12ac6_65";
-const variantSuccess = "_variantSuccess_12ac6_72";
-const variantWarning = "_variantWarning_12ac6_79";
-const variantDanger = "_variantDanger_12ac6_86";
+const root = "_root_fwo7a_4";
+const block = "_block_fwo7a_14";
+const primary = "_primary_fwo7a_18";
+const secondary = "_secondary_fwo7a_19";
+const hasSecondary = "_hasSecondary_fwo7a_34";
+const text = "_text_fwo7a_40";
+const variantPrimary = "_variantPrimary_fwo7a_45";
+const variantSecondary = "_variantSecondary_fwo7a_52";
+const variantBlack = "_variantBlack_fwo7a_59";
+const variantInverse = "_variantInverse_fwo7a_66";
+const variantGray = "_variantGray_fwo7a_73";
+const variantSuccess = "_variantSuccess_fwo7a_80";
+const variantWarning = "_variantWarning_fwo7a_87";
+const variantDanger = "_variantDanger_fwo7a_94";
 const styles = {
   root,
+  block,
   primary,
   secondary,
+  hasSecondary,
   text,
   variantPrimary,
   variantSecondary,
@@ -30,8 +34,8 @@ const styles = {
 };
 const DEFAULT_VARIANT = "primary";
 function Badge(props) {
-  const { accessibilityLabel, children, secondaryLabel, icon, variant = DEFAULT_VARIANT } = props;
-  const className = classNames(styles.root, styles[variationName("variant", variant)]);
+  const { accessibilityLabel, block: block2 = false, children, secondaryLabel, icon, variant = DEFAULT_VARIANT } = props;
+  const className = classNames(styles.root, styles[variationName("variant", variant)], block2 && styles.block, (icon || secondaryLabel) && styles.hasSecondary);
   if (!icon && !children) {
     console.warn("Badge requires one of children or icon");
   }
@@ -41,22 +45,32 @@ function Badge(props) {
   if (icon && !children && !accessibilityLabel) {
     console.warn("Badge with only icon must have accessibilityLabel");
   }
-  return React__default.createElement("span", {
-    className
-  }, accessibilityLabel && React__default.createElement(Text, {
-    visuallyHidden: true
-  }, accessibilityLabel), React__default.createElement("span", {
-    className: styles.primary
-  }, icon ? React__default.createElement(Icon, {
-    symbol: icon,
-    size: "sm"
-  }) : React__default.createElement("span", {
-    className: styles.text
-  }, children)), children && (icon || secondaryLabel) && React__default.createElement("span", {
-    className: styles.secondary
-  }, React__default.createElement("span", {
-    className: styles.text
-  }, icon ? React__default.createElement(React__default.Fragment, null, children) : React__default.createElement(React__default.Fragment, null, secondaryLabel))));
+  return jsxs("span", {
+    className,
+    children: [accessibilityLabel && jsx(Text, {
+      visuallyHidden: true,
+      children: accessibilityLabel
+    }), jsx("span", {
+      className: styles.primary,
+      children: icon ? jsx(Icon, {
+        symbol: icon,
+        size: "sm"
+      }) : jsx("span", {
+        className: styles.text,
+        children
+      })
+    }), children && (icon || secondaryLabel) && jsx("span", {
+      className: styles.secondary,
+      children: jsx("span", {
+        className: styles.text,
+        children: icon ? jsx(Fragment, {
+          children
+        }) : jsx(Fragment, {
+          children: secondaryLabel
+        })
+      })
+    })]
+  });
 }
 export {
   Badge,

package/Banner/Banner.stories.d.ts

@@ -1,4 +1,4 @@
-import { Meta, StoryObj } from "@storybook/react";
+import { Meta, StoryObj } from "@storybook/react-vite";
 import { Banner } from "./Banner";
 type Story = StoryObj<typeof Banner>;
 declare const meta: Meta<typeof Banner>;

package/Banner/Banner.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.stories.d.ts","sourceRoot":"","sources":["../../src/Banner/Banner.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAC;AAE/C,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAIrC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAW7B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAKjC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAK9B,CAAC"}
+{"version":3,"file":"Banner.stories.d.ts","sourceRoot":"","sources":["../../src/Banner/Banner.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAC;AAE/C,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAIrC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAW7B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAKjC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAK9B,CAAC"}

package/Banner/index.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const Text_index = require("../Text/index.js");
+const jsxRuntime = require("react/jsx-runtime");
+const Text = require("../__chunks__/Text-DkzMEqky.js");
 const utilities_css = require("../utilities/css.js");
-const colorSuccess = "_colorSuccess_10687_5";
-const colorPrimary = "_colorPrimary_10687_10";
-const colorNeutral = "_colorNeutral_10687_11";
-const Banner$1 = "_Banner_10687_23";
+const colorSuccess = "_colorSuccess_1w4t9_4";
+const colorPrimary = "_colorPrimary_1w4t9_9";
+const colorNeutral = "_colorNeutral_1w4t9_10";
+const Banner$1 = "_Banner_1w4t9_22";
 const styles = {
   colorSuccess,
   colorPrimary,
@@ -15,15 +15,22 @@ const styles = {
 };
 function Banner(props) {
   const { color = "success", emphasisText, children } = props;
-  return React.createElement("div", {
-    className: utilities_css.classNames(styles.Banner, styles[utilities_css.variationName("color", color)])
-  }, emphasisText && React.createElement(Text_index.Text, {
-    as: "strong",
-    variant: "subtitle1",
-    alignment: "center"
-  }, !children ? React.createElement(React.Fragment, null, emphasisText) : React.createElement(React.Fragment, null, emphasisText, ": ")), children && React.createElement(Text_index.Text, {
-    variant: "body1",
-    alignment: "center"
-  }, children));
+  return jsxRuntime.jsxs("div", {
+    className: utilities_css.classNames(styles.Banner, styles[utilities_css.variationName("color", color)]),
+    children: [emphasisText && jsxRuntime.jsx(Text.Text, {
+      as: "strong",
+      variant: "subtitle1",
+      alignment: "center",
+      children: !children ? jsxRuntime.jsx(jsxRuntime.Fragment, {
+        children: emphasisText
+      }) : jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [emphasisText, ": "]
+      })
+    }), children && jsxRuntime.jsx(Text.Text, {
+      variant: "body1",
+      alignment: "center",
+      children
+    })]
+  });
 }
 exports.Banner = Banner;

package/Banner/index.mjs

@@ -1,10 +1,10 @@
-import React__default from "react";
-import { Text } from "../Text/index.mjs";
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { T as Text } from "../__chunks__/Text-D6oT5WJQ.mjs";
 import { classNames, variationName } from "../utilities/css.mjs";
-const colorSuccess = "_colorSuccess_10687_5";
-const colorPrimary = "_colorPrimary_10687_10";
-const colorNeutral = "_colorNeutral_10687_11";
-const Banner$1 = "_Banner_10687_23";
+const colorSuccess = "_colorSuccess_1w4t9_4";
+const colorPrimary = "_colorPrimary_1w4t9_9";
+const colorNeutral = "_colorNeutral_1w4t9_10";
+const Banner$1 = "_Banner_1w4t9_22";
 const styles = {
   colorSuccess,
   colorPrimary,
@@ -13,16 +13,23 @@ const styles = {
 };
 function Banner(props) {
   const { color = "success", emphasisText, children } = props;
-  return React__default.createElement("div", {
-    className: classNames(styles.Banner, styles[variationName("color", color)])
-  }, emphasisText && React__default.createElement(Text, {
-    as: "strong",
-    variant: "subtitle1",
-    alignment: "center"
-  }, !children ? React__default.createElement(React__default.Fragment, null, emphasisText) : React__default.createElement(React__default.Fragment, null, emphasisText, ": ")), children && React__default.createElement(Text, {
-    variant: "body1",
-    alignment: "center"
-  }, children));
+  return jsxs("div", {
+    className: classNames(styles.Banner, styles[variationName("color", color)]),
+    children: [emphasisText && jsx(Text, {
+      as: "strong",
+      variant: "subtitle1",
+      alignment: "center",
+      children: !children ? jsx(Fragment, {
+        children: emphasisText
+      }) : jsxs(Fragment, {
+        children: [emphasisText, ": "]
+      })
+    }), children && jsx(Text, {
+      variant: "body1",
+      alignment: "center",
+      children
+    })]
+  });
 }
 export {
   Banner

package/Button/Button.d.ts

@@ -2,7 +2,7 @@ import React, { ReactNode } from "react";
 import { IconSymbol } from "../types";
 import { AriaButtonProps } from "react-aria";
 export type ButtonColor = "primary" | "secondary" | "success" | "warning" | "neutral" | "support" | "inverse";
-export type ButtonVariant = "filled" | "outlined" | "link";
+export type ButtonVariant = "filled" | "outlined" | "link" | "text";
 export type ButtonSize = "sm" | "md";
 export type ButtonProps = AriaButtonProps & {
     /** Button color */
@@ -25,7 +25,9 @@ export type ButtonProps = AriaButtonProps & {
     href?: string;
 };
 /**
- * Allow users to perform an action or to navigate to another page.
+ * A `<Button />` enables users to take an action or transition to other pages.
+ * They are designed with multiple styles to address various needs, and they are
+ * ideal for highlighting an action for the user to take in order to move forward in a flow.
  *
  * @remarks
  * Use to communicate an action the user can take in order to continue
@@ -87,22 +89,22 @@ export type ButtonProps = AriaButtonProps & {
  */
 export declare const Button: React.ForwardRefExoticComponent<AriaButtonProps<"button"> & {
     /** Button color */
-    color?: ButtonColor | undefined;
+    color?: ButtonColor;
     /** Button variant */
-    variant?: ButtonVariant | undefined;
+    variant?: ButtonVariant;
     /** Button size */
-    size?: ButtonSize | undefined;
+    size?: ButtonSize;
     /** Disables button */
-    isDisabled?: boolean | undefined;
+    isDisabled?: boolean;
     /** Button will grow to width of container */
-    isBlock?: boolean | undefined;
+    isBlock?: boolean;
     /** Positions icon symbol before children */
-    iconAtStart?: IconSymbol | undefined;
+    iconAtStart?: IconSymbol;
     /** Positions icon symbol after children */
-    iconAtEnd?: IconSymbol | undefined;
+    iconAtEnd?: IconSymbol;
     /** Content inside button  */
     children?: ReactNode;
     /** Link's destination */
-    href?: string | undefined;
+    href?: string;
 } & React.RefAttributes<null>>;
 //# sourceMappingURL=Button.d.ts.map

package/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAGrD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAK7C,MAAM,MAAM,WAAW,GACnB,SAAS,GACT,WAAW,GACX,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,CAAC;AAEd,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;AAC3D,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,CAAC;AAErC,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG;IAC1C,mBAAmB;IACnB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,qBAAqB;IACrB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,kBAAkB;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,sBAAsB;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4CAA4C;IAC5C,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4DG;AACH,eAAO,MAAM,MAAM;IAjFjB,mBAAmB;;IAEnB,qBAAqB;;IAErB,kBAAkB;;IAElB,sBAAsB;;IAEtB,6CAA6C;;IAE7C,4CAA4C;;IAE5C,2CAA2C;;IAE3C,6BAA6B;eAClB,SAAS;IACpB,yBAAyB;;8BAuHzB,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAGrD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAK7C,MAAM,MAAM,WAAW,GACnB,SAAS,GACT,WAAW,GACX,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,CAAC;AAEd,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,CAAC;AACpE,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,CAAC;AAErC,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG;IAC1C,mBAAmB;IACnB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,qBAAqB;IACrB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,kBAAkB;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,sBAAsB;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4CAA4C;IAC5C,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8DG;AACH,eAAO,MAAM,MAAM;IAnFjB,mBAAmB;YACX,WAAW;IACnB,qBAAqB;cACX,aAAa;IACvB,kBAAkB;WACX,UAAU;IACjB,sBAAsB;iBACT,OAAO;IACpB,6CAA6C;cACnC,OAAO;IACjB,4CAA4C;kBAC9B,UAAU;IACxB,2CAA2C;gBAC/B,UAAU;IACtB,6BAA6B;eAClB,SAAS;IACpB,yBAAyB;WAClB,MAAM;8BAyHb,CAAC"}