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

package/Icon/Icon.d.ts

@@ -1,10 +1,15 @@
 import React from "react";
-import { IconSymbol, ThemeTokenNamespace, DesignTokenNamespace } from "../types";
+import { DesignTokenNamespace, IconSymbol, ThemeColorAliases } from "../types";
 import { ResponsiveProp } from "../utilities/css";
 export type IconSize = DesignTokenNamespace<"size.icon">;
-export type IconColor = ThemeTokenNamespace<"color.text">;
+export type IconColor = ThemeColorAliases | "action" | "code.selector" | "danger" | "disabled" | "gray.resting" | "inverse" | "primary" | "primary-inverse";
 export type IconProps = {
-    /** Icon symbol SVG source from @easypost/easy-ui-icons */
+    /**
+     * Icon symbol.
+     *
+     * This can be an SVG source from @easypost/easy-ui-icons or a React
+     * element that renders to an img.
+     */
     symbol: IconSymbol;
     /** Size of the icon */
     size?: ResponsiveProp<IconSize>;
@@ -50,7 +55,7 @@ export type IconProps = {
  * import AddIcon from "@easypost/easy-ui-icons/Add";
  *
  * export function Component() {
- *  return <Icon symbol={AddIcon} color="success.inverse" size="sm" />;
+ *  return <Icon symbol={AddIcon} color="positive.600" size="sm" />;
  * }
  * ```
  * @example
@@ -63,6 +68,16 @@ export type IconProps = {
  *  return <Icon symbol={AddIcon} size={{ sm: "sm", md: "md", lg: "lg" }} />;
  * }
  * ```
+ * @example
+ * _With image symbol:_
+ * ```tsx
+ * import { Icon } from "@easypost/easy-ui/Icon";
+ *
+ * export function Component() {
+ *   const CarrierLogo = (props) => <img src="/carrier-logo.png" {...props} />;
+ *   return <Icon symbol={CarrierLogo} />;
+ * }
+ * ```
  */
 export declare function Icon({ symbol: Symbol, size, color, accessibilityLabel, }: IconProps): React.JSX.Element;
 //# sourceMappingURL=Icon.d.ts.map

package/Icon/Icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../src/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,UAAU,EACV,mBAAmB,EACnB,oBAAoB,EACrB,MAAM,UAAU,CAAC;AAClB,OAAO,EAGL,cAAc,EACf,MAAM,kBAAkB,CAAC;AAI1B,MAAM,MAAM,QAAQ,GAAG,oBAAoB,CAAC,WAAW,CAAC,CAAC;AACzD,MAAM,MAAM,SAAS,GAAG,mBAAmB,CAAC,YAAY,CAAC,CAAC;AAE1D,MAAM,MAAM,SAAS,GAAG;IACtB,0DAA0D;IAC1D,MAAM,EAAE,UAAU,CAAC;IACnB,uBAAuB;IACvB,IAAI,CAAC,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC;IAChC,wBAAwB;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,kDAAkD;IAClD,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkDG;AACH,wBAAgB,IAAI,CAAC,EACnB,MAAM,EAAE,MAAM,EACd,IAAW,EACX,KAAK,EACL,kBAAkB,GACnB,EAAE,SAAS,qBAgBX"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../src/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,oBAAoB,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC/E,OAAO,EACL,cAAc,EAIf,MAAM,kBAAkB,CAAC;AAI1B,MAAM,MAAM,QAAQ,GAAG,oBAAoB,CAAC,WAAW,CAAC,CAAC;AACzD,MAAM,MAAM,SAAS,GACjB,iBAAiB,GACjB,QAAQ,GACR,eAAe,GACf,QAAQ,GACR,UAAU,GACV,cAAc,GACd,SAAS,GACT,SAAS,GACT,iBAAiB,CAAC;AAEtB,MAAM,MAAM,SAAS,GAAG;IACtB;;;;;OAKG;IACH,MAAM,EAAE,UAAU,CAAC;IACnB,uBAAuB;IACvB,IAAI,CAAC,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC;IAChC,wBAAwB;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,kDAAkD;IAClD,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4DG;AACH,wBAAgB,IAAI,CAAC,EACnB,MAAM,EAAE,MAAM,EACd,IAAW,EACX,KAAK,EACL,kBAAkB,GACnB,EAAE,SAAS,qBAqBX"}

package/Icon/Icon.stories.d.ts

@@ -1,7 +1,8 @@
-import { Meta, StoryObj } from "@storybook/react";
+import { Meta, StoryObj } from "@storybook/react-vite";
 import { Icon } from "./Icon";
 type Story = StoryObj<typeof Icon>;
 declare const meta: Meta<typeof Icon>;
 export default meta;
 export declare const Controls: Story;
+export declare const Gallery: Story;
 //# sourceMappingURL=Icon.stories.d.ts.map

package/Icon/Icon.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.stories.d.ts","sourceRoot":"","sources":["../../src/Icon/Icon.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMlD,OAAO,EAAE,IAAI,EAAa,MAAM,QAAQ,CAAC;AAEzC,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAInC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAyB3B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC"}
+{"version":3,"file":"Icon.stories.d.ts","sourceRoot":"","sources":["../../src/Icon/Icon.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAUvD,OAAO,EAAE,IAAI,EAAa,MAAM,QAAQ,CAAC;AAwBzC,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAInC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CA8B3B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAC"}

package/Icon/index.js

@@ -1,40 +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;
-};
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const utilities_css = require("../utilities/css.js");
-const Icon$1 = "_Icon_dkpub_5";
-const Svg = "_Svg_dkpub_55";
-const styles = {
-  Icon: Icon$1,
-  Svg
-};
-function Icon({ symbol: Symbol2, size = "md", color, accessibilityLabel }) {
-  const style = __spreadValues(__spreadValues({}, utilities_css.getComponentThemeToken("icon", "color", "color.text", color)), utilities_css.getResponsiveDesignToken("icon", "size", "size.icon", size));
-  return React.createElement("span", {
-    className: styles.Icon,
-    style
-  }, React.createElement(Symbol2, {
-    className: styles.Svg,
-    focusable: "false",
-    role: "img",
-    title: accessibilityLabel,
-    "aria-hidden": !accessibilityLabel ? "true" : void 0
-  }));
-}
-exports.Icon = Icon;
+const Icon = require("../__chunks__/Icon-BRlbo3RF.js");
+exports.Icon = Icon.Icon;

package/Icon/index.mjs

@@ -1,40 +1,4 @@
-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;
-};
-import React__default from "react";
-import { getComponentThemeToken, getResponsiveDesignToken } from "../utilities/css.mjs";
-const Icon$1 = "_Icon_dkpub_5";
-const Svg = "_Svg_dkpub_55";
-const styles = {
-  Icon: Icon$1,
-  Svg
-};
-function Icon({ symbol: Symbol2, size = "md", color, accessibilityLabel }) {
-  const style = __spreadValues(__spreadValues({}, getComponentThemeToken("icon", "color", "color.text", color)), getResponsiveDesignToken("icon", "size", "size.icon", size));
-  return React__default.createElement("span", {
-    className: styles.Icon,
-    style
-  }, React__default.createElement(Symbol2, {
-    className: styles.Svg,
-    focusable: "false",
-    role: "img",
-    title: accessibilityLabel,
-    "aria-hidden": !accessibilityLabel ? "true" : void 0
-  }));
-}
+import { I } from "../__chunks__/Icon-BIpaQJ_I.mjs";
 export {
-  Icon
+  I as Icon
 };

package/IconButton/IconButton.d.ts

@@ -3,6 +3,7 @@ import { AriaButtonProps } from "react-aria";
 import { ButtonColor } from "../Button";
 import { IconSymbol } from "../types";
 export type IconButtonVariant = "filled" | "outlined";
+export type IconButtonSize = "sm" | "md";
 export type IconButtonProps = AriaButtonProps & {
     /** Button color */
     color?: ButtonColor;
@@ -10,6 +11,8 @@ export type IconButtonProps = AriaButtonProps & {
     variant?: IconButtonVariant;
     /** Icon symbol */
     icon: IconSymbol;
+    /** Button size */
+    size?: IconButtonSize;
     /** Description of icon */
     accessibilityLabel: string;
     /** Disables button */
@@ -79,14 +82,16 @@ export type IconButtonProps = AriaButtonProps & {
  */
 export declare const IconButton: React.ForwardRefExoticComponent<AriaButtonProps<"button"> & {
     /** Button color */
-    color?: ButtonColor | undefined;
+    color?: ButtonColor;
     /** Button variant */
-    variant?: IconButtonVariant | undefined;
+    variant?: IconButtonVariant;
     /** Icon symbol */
     icon: IconSymbol;
+    /** Button size */
+    size?: IconButtonSize;
     /** Description of icon */
     accessibilityLabel: string;
     /** Disables button */
-    isDisabled?: boolean | undefined;
+    isDisabled?: boolean;
 } & React.RefAttributes<null>>;
 //# sourceMappingURL=IconButton.d.ts.map

package/IconButton/IconButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../src/IconButton/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAIxC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAKtC,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG,UAAU,CAAC;AAEtD,MAAM,MAAM,eAAe,GAAG,eAAe,GAAG;IAC9C,mBAAmB;IACnB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,qBAAqB;IACrB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,kBAAkB;IAClB,IAAI,EAAE,UAAU,CAAC;IACjB,0BAA0B;IAC1B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,sBAAsB;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6DG;AACH,eAAO,MAAM,UAAU;IA1ErB,mBAAmB;;IAEnB,qBAAqB;;IAErB,kBAAkB;UACZ,UAAU;IAChB,0BAA0B;wBACN,MAAM;IAC1B,sBAAsB;;8BA6FtB,CAAC"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../src/IconButton/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAIxC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAKtC,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG,UAAU,CAAC;AACtD,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,CAAC;AAEzC,MAAM,MAAM,eAAe,GAAG,eAAe,GAAG;IAC9C,mBAAmB;IACnB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,qBAAqB;IACrB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,kBAAkB;IAClB,IAAI,EAAE,UAAU,CAAC;IACjB,kBAAkB;IAClB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,0BAA0B;IAC1B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,sBAAsB;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6DG;AACH,eAAO,MAAM,UAAU;IA5ErB,mBAAmB;YACX,WAAW;IACnB,qBAAqB;cACX,iBAAiB;IAC3B,kBAAkB;UACZ,UAAU;IAChB,kBAAkB;WACX,cAAc;IACrB,0BAA0B;wBACN,MAAM;IAC1B,sBAAsB;iBACT,OAAO;8BAiGpB,CAAC"}

package/IconButton/IconButton.stories.d.ts

@@ -1,12 +1,13 @@
-import { Meta, StoryObj } from "@storybook/react";
+import { Meta, StoryObj } from "@storybook/react-vite";
 import { IconButton } from "./IconButton";
 type Story = StoryObj<typeof IconButton>;
 declare const meta: Meta<typeof IconButton>;
 export default meta;
-export declare const Controls: Story;
-export declare const FilledButtons: Story;
-export declare const OutlinedButtons: Story;
-export declare const InverseButton: Story;
-export declare const DisabledButtons: Story;
+export declare const Filled: Story;
+export declare const Outlined: Story;
+export declare const Inverse: Story;
+export declare const Small: Story;
+export declare const Disabled: Story;
 export declare const ClickEvent: Story;
+export declare const Controls: Story;
 //# sourceMappingURL=IconButton.stories.d.ts.map

package/IconButton/IconButton.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.stories.d.ts","sourceRoot":"","sources":["../../src/IconButton/IconButton.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAOlD,OAAO,EAAE,UAAU,EAAmB,MAAM,cAAc,CAAC;AAE3D,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AASzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CASjC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAW3B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAiB7B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAQ7B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC"}
+{"version":3,"file":"IconButton.stories.d.ts","sourceRoot":"","sources":["../../src/IconButton/IconButton.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AASvD,OAAO,EAAE,UAAU,EAAmB,MAAM,cAAc,CAAC;AAE3D,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AASzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CASjC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC;AAMF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAMF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAGnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC"}

package/IconButton/index.js

@@ -1,5 +1,7 @@
 "use strict";
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -15,6 +17,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -28,24 +31,24 @@ var __objRest = (source, exclude) => {
   return target;
 };
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const UnstyledButton_index = require("../__chunks__/index-fd91868d.js");
-const Icon_index = require("../Icon/index.js");
-const Text_index = require("../Text/index.js");
+const UnstyledButton = require("../__chunks__/UnstyledButton-DW8CjaXN.js");
+const Icon = require("../__chunks__/Icon-BRlbo3RF.js");
+const Text = require("../__chunks__/Text-DkzMEqky.js");
 const utilities_css = require("../utilities/css.js");
-require("../__chunks__/import-109dab60.js");
-require("../__chunks__/omit-fca26542.js");
-require("../__chunks__/import-313d3d73.js");
-const IconButton$1 = "_IconButton_4m9f3_5";
-const colorPrimary = "_colorPrimary_4m9f3_20";
-const colorSecondary = "_colorSecondary_4m9f3_28";
-const colorSuccess = "_colorSuccess_4m9f3_36";
-const colorWarning = "_colorWarning_4m9f3_44";
-const colorNeutral = "_colorNeutral_4m9f3_52";
-const colorSupport = "_colorSupport_4m9f3_60";
-const colorInverse = "_colorInverse_4m9f3_66";
-const variantOutlined = "_variantOutlined_4m9f3_72";
-const variantFilled = "_variantFilled_4m9f3_103";
+const IconButton$1 = "_IconButton_11xhv_4";
+const colorPrimary = "_colorPrimary_11xhv_19";
+const colorSecondary = "_colorSecondary_11xhv_27";
+const colorSuccess = "_colorSuccess_11xhv_35";
+const colorWarning = "_colorWarning_11xhv_43";
+const colorNeutral = "_colorNeutral_11xhv_51";
+const colorSupport = "_colorSupport_11xhv_59";
+const colorInverse = "_colorInverse_11xhv_65";
+const variantOutlined = "_variantOutlined_11xhv_73";
+const variantFilled = "_variantFilled_11xhv_102";
+const sizeMd = "_sizeMd_11xhv_129";
+const sizeSm = "_sizeSm_11xhv_136";
 const styles = {
   IconButton: IconButton$1,
   colorPrimary,
@@ -56,19 +59,26 @@ const styles = {
   colorSupport,
   colorInverse,
   variantOutlined,
-  variantFilled
+  variantFilled,
+  sizeMd,
+  sizeSm
 };
 const IconButton = React.forwardRef((props, inRef) => {
-  const _a = props, { color = "primary", variant = "filled", icon, accessibilityLabel, isDisabled = false } = _a, restProps = __objRest(_a, ["color", "variant", "icon", "accessibilityLabel", "isDisabled"]);
-  UnstyledButton_index.logWarningIfInvalidColorVariantCombination(color, variant);
-  return React.createElement(UnstyledButton_index.UnstyledButton, __spreadValues({
+  const _a = props, { color = "primary", variant = "filled", icon, size = "md", accessibilityLabel, isDisabled = false } = _a, restProps = __objRest(_a, ["color", "variant", "icon", "size", "accessibilityLabel", "isDisabled"]);
+  UnstyledButton.logWarningIfInvalidColorVariantCombination(color, variant);
+  const iconSize = size === "sm" ? "xs" : "md";
+  return jsxRuntime.jsxs(UnstyledButton.UnstyledButton, __spreadProps(__spreadValues({
     isDisabled,
     ref: inRef,
-    className: utilities_css.classNames(styles.IconButton, styles[utilities_css.variationName("variant", variant)], styles[utilities_css.variationName("color", color)])
-  }, restProps), React.createElement(Text_index.Text, {
-    visuallyHidden: true
-  }, accessibilityLabel), React.createElement(Icon_index.Icon, {
-    symbol: icon
+    className: utilities_css.classNames(styles.IconButton, styles[utilities_css.variationName("variant", variant)], styles[utilities_css.variationName("color", color)], styles[utilities_css.variationName("size", size)])
+  }, restProps), {
+    children: [jsxRuntime.jsx(Text.Text, {
+      visuallyHidden: true,
+      children: accessibilityLabel
+    }), jsxRuntime.jsx(Icon.Icon, {
+      symbol: icon,
+      size: iconSize
+    })]
   }));
 });
 IconButton.displayName = "IconButton";

package/IconButton/index.mjs

@@ -1,4 +1,6 @@
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -14,6 +16,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -26,24 +29,24 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-import React__default, { forwardRef } from "react";
-import { l as logWarningIfInvalidColorVariantCombination, U as UnstyledButton } from "../__chunks__/index-307aca2b.mjs";
-import { Icon } from "../Icon/index.mjs";
-import { Text } from "../Text/index.mjs";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { l as logWarningIfInvalidColorVariantCombination, U as UnstyledButton } from "../__chunks__/UnstyledButton-DxJLvL-G.mjs";
+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";
-import "../__chunks__/import-1f82f104.mjs";
-import "../__chunks__/omit-f17deb8f.mjs";
-import "../__chunks__/import-3306af6d.mjs";
-const IconButton$1 = "_IconButton_4m9f3_5";
-const colorPrimary = "_colorPrimary_4m9f3_20";
-const colorSecondary = "_colorSecondary_4m9f3_28";
-const colorSuccess = "_colorSuccess_4m9f3_36";
-const colorWarning = "_colorWarning_4m9f3_44";
-const colorNeutral = "_colorNeutral_4m9f3_52";
-const colorSupport = "_colorSupport_4m9f3_60";
-const colorInverse = "_colorInverse_4m9f3_66";
-const variantOutlined = "_variantOutlined_4m9f3_72";
-const variantFilled = "_variantFilled_4m9f3_103";
+const IconButton$1 = "_IconButton_11xhv_4";
+const colorPrimary = "_colorPrimary_11xhv_19";
+const colorSecondary = "_colorSecondary_11xhv_27";
+const colorSuccess = "_colorSuccess_11xhv_35";
+const colorWarning = "_colorWarning_11xhv_43";
+const colorNeutral = "_colorNeutral_11xhv_51";
+const colorSupport = "_colorSupport_11xhv_59";
+const colorInverse = "_colorInverse_11xhv_65";
+const variantOutlined = "_variantOutlined_11xhv_73";
+const variantFilled = "_variantFilled_11xhv_102";
+const sizeMd = "_sizeMd_11xhv_129";
+const sizeSm = "_sizeSm_11xhv_136";
 const styles = {
   IconButton: IconButton$1,
   colorPrimary,
@@ -54,19 +57,26 @@ const styles = {
   colorSupport,
   colorInverse,
   variantOutlined,
-  variantFilled
+  variantFilled,
+  sizeMd,
+  sizeSm
 };
 const IconButton = forwardRef((props, inRef) => {
-  const _a = props, { color = "primary", variant = "filled", icon, accessibilityLabel, isDisabled = false } = _a, restProps = __objRest(_a, ["color", "variant", "icon", "accessibilityLabel", "isDisabled"]);
+  const _a = props, { color = "primary", variant = "filled", icon, size = "md", accessibilityLabel, isDisabled = false } = _a, restProps = __objRest(_a, ["color", "variant", "icon", "size", "accessibilityLabel", "isDisabled"]);
   logWarningIfInvalidColorVariantCombination(color, variant);
-  return React__default.createElement(UnstyledButton, __spreadValues({
+  const iconSize = size === "sm" ? "xs" : "md";
+  return jsxs(UnstyledButton, __spreadProps(__spreadValues({
     isDisabled,
     ref: inRef,
-    className: classNames(styles.IconButton, styles[variationName("variant", variant)], styles[variationName("color", color)])
-  }, restProps), React__default.createElement(Text, {
-    visuallyHidden: true
-  }, accessibilityLabel), React__default.createElement(Icon, {
-    symbol: icon
+    className: classNames(styles.IconButton, styles[variationName("variant", variant)], styles[variationName("color", color)], styles[variationName("size", size)])
+  }, restProps), {
+    children: [jsx(Text, {
+      visuallyHidden: true,
+      children: accessibilityLabel
+    }), jsx(Icon, {
+      symbol: icon,
+      size: iconSize
+    })]
   }));
 });
 IconButton.displayName = "IconButton";

package/InputField/InputField.d.ts

@@ -12,10 +12,9 @@ export type InputFieldProps = AriaTextFieldProps & {
      */
     type?: InputType;
     /**
-     * Visually hides the label, but keeps it accessible.
-     * @default false
+     * Accessibility label for input field.
      */
-    isLabelVisuallyHidden?: boolean;
+    "aria-label"?: string;
     /**
      * Whether the input is disabled.
      * @default false
@@ -53,7 +52,7 @@ export type InputFieldProps = AriaTextFieldProps & {
      */
     isMultiline?: boolean;
     /** The content to display as the label. */
-    label: ReactNode;
+    label?: ReactNode;
     /** Error text that appears below input. */
     errorText?: ReactNode;
     /** Helper text that appears below input. */
@@ -70,6 +69,10 @@ export type InputFieldProps = AriaTextFieldProps & {
     iconAtStart?: IconSymbol;
     /** Right aligned icon on input. */
     iconAtEnd?: IconSymbol;
+    /** Left aligned text on input */
+    textAtStart?: ReactNode;
+    /** Right aligned text on input */
+    textAtEnd?: ReactNode;
 };
 /**
  * @privateRemarks

package/InputField/InputField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputField.d.ts","sourceRoot":"","sources":["../../src/InputField/InputField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAY,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAatC,MAAM,MAAM,SAAS,GACjB,MAAM,GACN,OAAO,GACP,UAAU,GACV,KAAK,GACL,QAAQ,GACR,SAAS,CAAC;AACd,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,MAAM,MAAM,eAAe,GAAG,kBAAkB,GAAG;IACjD;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2CAA2C;IAC3C,KAAK,EAAE,SAAS,CAAC;IACjB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,oEAAoE;IACpE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,6DAA6D;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB,mCAAmC;IACnC,SAAS,CAAC,EAAE,UAAU,CAAC;CACxB,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,qBAyIhD"}
+{"version":3,"file":"InputField.d.ts","sourceRoot":"","sources":["../../src/InputField/InputField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAY,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAetC,MAAM,MAAM,SAAS,GACjB,MAAM,GACN,OAAO,GACP,UAAU,GACV,KAAK,GACL,QAAQ,GACR,SAAS,CAAC;AACd,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,MAAM,MAAM,eAAe,GAAG,kBAAkB,GAAG;IACjD;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,oEAAoE;IACpE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,6DAA6D;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB,mCAAmC;IACnC,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,iCAAiC;IACjC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,kCAAkC;IAClC,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AACF;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,qBA8JhD"}

package/InputField/InputField.test.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputField.test.d.ts","sourceRoot":"","sources":["../../src/InputField/InputField.test.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,oDAAoD,CAAC;AAyG/E,wBAAsB,IAAI,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,iBAK1E"}
+{"version":3,"file":"InputField.test.d.ts","sourceRoot":"","sources":["../../src/InputField/InputField.test.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,oDAAoD,CAAC;AAwG/E,wBAAsB,IAAI,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,iBAE1E"}

package/InputField/Label.d.ts

@@ -1,11 +1,6 @@
 import React, { ReactNode } from "react";
 import { InputSize } from "./InputField";
 export type LabelProps = {
-    /**
-     * Visually hides the label, but keeps it accessible.
-     * @default false
-     */
-    isLabelVisuallyHidden?: boolean;
     /**
      * Label text displays with emphasis.
      * @default false

package/InputField/Label.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../src/InputField/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIzC,MAAM,MAAM,UAAU,GAAG;IACvB;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,qBAmCtC"}
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../src/InputField/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAKzC,MAAM,MAAM,UAAU,GAAG;IACvB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,qBAuBtC"}