@easypost/easy-ui 1.0.0-alpha.11 → 1.0.0-alpha.110

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): string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;
+//# 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,gGA+BhD"}

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,53 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const Icon = require("../__chunks__/Icon-W8F9w-jS.js");
+const Text = require("../__chunks__/Text-CSESKR_s.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 children;
+  }
+  return React.createElement("span", {
+    className: styles.container
+  }, children, React.createElement("span", {
+    className
+  }, React.createElement(Text.Text, {
+    visuallyHidden: true
+  }, accessibilityLabel), React.createElement("span", {
+    className: styles.badge,
+    role: "status"
+  }, icon && React.createElement(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,53 @@
+import React__default from "react";
+import { I as Icon } from "../__chunks__/Icon-0SN9dbwU.mjs";
+import { T as Text } from "../__chunks__/Text-YOL3isF4.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 children;
+  }
+  return React__default.createElement("span", {
+    className: styles.container
+  }, children, React__default.createElement("span", {
+    className
+  }, React__default.createElement(Text, {
+    visuallyHidden: true
+  }, accessibilityLabel), React__default.createElement("span", {
+    className: styles.badge,
+    role: "status"
+  }, icon && React__default.createElement(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 Icon = require("../__chunks__/Icon-W8F9w-jS.js");
+const Text = require("../__chunks__/Text-CSESKR_s.js");
 const utilities_css = require("../utilities/css.js");
-const root = "_root_y8b57_5";
-const primary = "_primary_y8b57_16";
-const secondary = "_secondary_y8b57_17";
-const text = "_text_y8b57_32";
-const variantPrimary = "_variantPrimary_y8b57_37";
-const variantSecondary = "_variantSecondary_y8b57_44";
-const variantBlack = "_variantBlack_y8b57_51";
-const variantInverse = "_variantInverse_y8b57_58";
-const variantGray = "_variantGray_y8b57_65";
-const variantSuccess = "_variantSuccess_y8b57_72";
-const variantWarning = "_variantWarning_y8b57_79";
-const variantDanger = "_variantDanger_y8b57_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");
   }
@@ -45,11 +49,11 @@ function Badge(props) {
   }
   return React.createElement("span", {
     className
-  }, accessibilityLabel && React.createElement(Text_index.Text, {
+  }, accessibilityLabel && React.createElement(Text.Text, {
     visuallyHidden: true
   }, accessibilityLabel), React.createElement("span", {
     className: styles.primary
-  }, icon ? React.createElement(Icon_index.Icon, {
+  }, icon ? React.createElement(Icon.Icon, {
     symbol: icon,
     size: "sm"
   }) : React.createElement("span", {

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 { I as Icon } from "../__chunks__/Icon-0SN9dbwU.mjs";
+import { T as Text } from "../__chunks__/Text-YOL3isF4.mjs";
 import { classNames, variationName } from "../utilities/css.mjs";
-const root = "_root_y8b57_5";
-const primary = "_primary_y8b57_16";
-const secondary = "_secondary_y8b57_17";
-const text = "_text_y8b57_32";
-const variantPrimary = "_variantPrimary_y8b57_37";
-const variantSecondary = "_variantSecondary_y8b57_44";
-const variantBlack = "_variantBlack_y8b57_51";
-const variantInverse = "_variantInverse_y8b57_58";
-const variantGray = "_variantGray_y8b57_65";
-const variantSuccess = "_variantSuccess_y8b57_72";
-const variantWarning = "_variantWarning_y8b57_79";
-const variantDanger = "_variantDanger_y8b57_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");
   }

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 Text = require("../__chunks__/Text-CSESKR_s.js");
 const utilities_css = require("../utilities/css.js");
-const colorSuccess = "_colorSuccess_yeemu_5";
-const colorPrimary = "_colorPrimary_yeemu_10";
-const colorNeutral = "_colorNeutral_yeemu_11";
-const Banner$1 = "_Banner_yeemu_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,
@@ -17,11 +17,11 @@ 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, {
+  }, emphasisText && React.createElement(Text.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, {
+  }, !children ? React.createElement(React.Fragment, null, emphasisText) : React.createElement(React.Fragment, null, emphasisText, ": ")), children && React.createElement(Text.Text, {
     variant: "body1",
     alignment: "center"
   }, children));

package/Banner/index.mjs

@@ -1,10 +1,10 @@
 import React__default from "react";
-import { Text } from "../Text/index.mjs";
+import { T as Text } from "../__chunks__/Text-YOL3isF4.mjs";
 import { classNames, variationName } from "../utilities/css.mjs";
-const colorSuccess = "_colorSuccess_yeemu_5";
-const colorPrimary = "_colorPrimary_yeemu_10";
-const colorNeutral = "_colorNeutral_yeemu_11";
-const Banner$1 = "_Banner_yeemu_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,

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"}

package/Button/Button.stories.d.ts

@@ -1,16 +1,18 @@
-import { Meta, StoryObj } from "@storybook/react";
+import { Meta, StoryObj } from "@storybook/react-vite";
 import { Button } from "./Button";
 type Story = StoryObj<typeof Button>;
 declare const meta: Meta<typeof Button>;
 export default meta;
-export declare const Controls: Story;
-export declare const FilledButtons: Story;
-export declare const OutlinedButtons: Story;
-export declare const LinkButtons: Story;
-export declare const InverseButtons: Story;
-export declare const WithHref: Story;
-export declare const WithIcons: Story;
-export declare const BlockButton: Story;
-export declare const DisabledButtons: Story;
+export declare const Filled: Story;
+export declare const Outlined: Story;
+export declare const Link: Story;
+export declare const Text: Story;
+export declare const Icons: Story;
+export declare const Href: Story;
+export declare const Small: Story;
+export declare const Inverse: Story;
+export declare const Block: Story;
+export declare const Disabled: Story;
 export declare const ClickEvent: Story;
+export declare const Controls: Story;
 //# sourceMappingURL=Button.stories.d.ts.map

package/Button/Button.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../src/Button/Button.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAOlD,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,CAgB7B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,QAAQ,EAAE,KAGtB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAgB3B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAY7B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAQ5B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAUvB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAGzB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAQ7B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAGxB,CAAC"}
+{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../src/Button/Button.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAWvD,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,CAsB7B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAC;AAMF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAMF,eAAO,MAAM,IAAI,EAAE,KAMlB,CAAC;AAMF,eAAO,MAAM,IAAI,EAAE,KAMlB,CAAC;AAMF,eAAO,MAAM,KAAK,EAAE,KAUnB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAQlB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAGnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAGxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAGtB,CAAC"}

package/Button/index.js

@@ -1,94 +1,4 @@
 "use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const UnstyledButton_index = require("../__chunks__/index-fd91868d.js");
-const Icon_index = require("../Icon/index.js");
-const utilities_css = require("../utilities/css.js");
-require("../__chunks__/import-109dab60.js");
-require("../__chunks__/omit-fca26542.js");
-require("../__chunks__/import-313d3d73.js");
-const Button$1 = "_Button_14ueq_5";
-const colorPrimary = "_colorPrimary_14ueq_20";
-const colorSecondary = "_colorSecondary_14ueq_28";
-const colorSuccess = "_colorSuccess_14ueq_36";
-const colorWarning = "_colorWarning_14ueq_44";
-const colorNeutral = "_colorNeutral_14ueq_52";
-const colorSupport = "_colorSupport_14ueq_60";
-const colorInverse = "_colorInverse_14ueq_66";
-const variantFilled = "_variantFilled_14ueq_72";
-const variantOutlined = "_variantOutlined_14ueq_100";
-const variantLink = "_variantLink_14ueq_128";
-const sizeMd = "_sizeMd_14ueq_154";
-const sizeSm = "_sizeSm_14ueq_162";
-const block = "_block_14ueq_181";
-const iconAtStart = "_iconAtStart_14ueq_186";
-const iconAtEnd = "_iconAtEnd_14ueq_190";
-const styles = {
-  Button: Button$1,
-  colorPrimary,
-  colorSecondary,
-  colorSuccess,
-  colorWarning,
-  colorNeutral,
-  colorSupport,
-  colorInverse,
-  variantFilled,
-  variantOutlined,
-  variantLink,
-  sizeMd,
-  sizeSm,
-  block,
-  iconAtStart,
-  iconAtEnd
-};
-const Button = React.forwardRef((props, inRef) => {
-  const _a = props, { color = "primary", variant = "filled", size = "md", isDisabled = false, isBlock = false, iconAtStart: iconAtStart2, iconAtEnd: iconAtEnd2, children = "Button", href = "" } = _a, restProps = __objRest(_a, ["color", "variant", "size", "isDisabled", "isBlock", "iconAtStart", "iconAtEnd", "children", "href"]);
-  const bothIconPropsDefined = iconAtEnd2 && iconAtStart2;
-  if (bothIconPropsDefined) {
-    console.warn("Cannot simultaneously define `iconAtEnd` and `iconAtStart`");
-  }
-  const canUseIcon = (iconAtEnd2 || iconAtStart2) && !bothIconPropsDefined && variant !== "link" && size !== "sm";
-  UnstyledButton_index.logWarningIfInvalidColorVariantCombination(color, variant);
-  return React.createElement(UnstyledButton_index.UnstyledButton, __spreadValues({
-    isDisabled,
-    ref: inRef,
-    className: utilities_css.classNames(styles.Button, styles[utilities_css.variationName("color", color)], styles[utilities_css.variationName("variant", variant)], styles[utilities_css.variationName("size", size)], isBlock && styles.block),
-    href
-  }, restProps), iconAtStart2 && canUseIcon && React.createElement(Icon_index.Icon, {
-    symbol: iconAtStart2
-  }), React.createElement("span", {
-    className: utilities_css.classNames(iconAtStart2 && canUseIcon && styles.iconAtStart, iconAtEnd2 && canUseIcon && styles.iconAtEnd)
-  }, children), iconAtEnd2 && canUseIcon && React.createElement(Icon_index.Icon, {
-    symbol: iconAtEnd2
-  }));
-});
-Button.displayName = "Button";
-exports.Button = Button;
+const Button = require("../__chunks__/Button-B51me5t6.js");
+exports.Button = Button.Button;