@easypost/easy-ui 1.0.0-alpha.6 → 1.0.0-alpha.60

package/Tabs/TabsItem.d.ts

@@ -0,0 +1,13 @@
+import React, { ComponentProps, ElementType, MutableRefObject, ReactNode } from "react";
+export declare const SCROLL_PADDING = 32;
+type TabsItemProps<T extends ElementType = "span"> = ComponentProps<T> & {
+    containerComponent: "span" | "div" | "li";
+    tabComponent?: T;
+    tabRef?: MutableRefObject<null>;
+    children: ReactNode;
+    isSelected?: boolean;
+    isDisabled?: boolean;
+};
+export declare function TabsItem<T extends ElementType = "span">(props: TabsItemProps<T>): React.JSX.Element;
+export {};
+//# sourceMappingURL=TabsItem.d.ts.map

package/Tabs/TabsItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsItem.d.ts","sourceRoot":"","sources":["../../src/Tabs/TabsItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,cAAc,EACd,WAAW,EACX,gBAAgB,EAChB,SAAS,EAEV,MAAM,OAAO,CAAC;AASf,eAAO,MAAM,cAAc,KAAK,CAAC;AAEjC,KAAK,aAAa,CAAC,CAAC,SAAS,WAAW,GAAG,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC,GAAG;IACvE,kBAAkB,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,CAAC;IAC1C,YAAY,CAAC,EAAE,CAAC,CAAC;IACjB,MAAM,CAAC,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,wBAAgB,QAAQ,CAAC,CAAC,SAAS,WAAW,GAAG,MAAM,EACrD,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,qBA+CxB"}

package/Tabs/context.d.ts

@@ -0,0 +1,7 @@
+export type TabsContextType = {
+    setIndicatorPosition: (value: number) => void;
+    setIndicatorWidth: (value: number) => void;
+};
+export declare const TabsContext: import("react").Context<TabsContextType | null>;
+export declare const useTabs: () => TabsContextType;
+//# sourceMappingURL=context.d.ts.map

package/Tabs/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/Tabs/context.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,eAAe,GAAG;IAC5B,oBAAoB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,WAAW,iDAA8C,CAAC;AAEvE,eAAO,MAAM,OAAO,uBAMnB,CAAC"}

package/Tabs/index.d.ts

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

package/Tabs/index.d.ts.map

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

package/Tabs/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Tabs = require("../__chunks__/Tabs-9dihRp0n.js");
+exports.Tabs = Tabs.Tabs;

package/Tabs/index.mjs

@@ -0,0 +1,4 @@
+import { T } from "../__chunks__/Tabs-C-D794Gi.mjs";
+export {
+  T as Tabs
+};

package/Tabs/useIndicatorSizing.d.ts

@@ -0,0 +1,11 @@
+import { MutableRefObject } from "react";
+import { TabsContextType } from "./context";
+/**
+ * Sets the width and position for the indicator (underline) based on the size
+ * of the currently selected tab.
+ */
+export declare function useIndicatorSizing({ isSelected, itemRef, setIndicatorPosition, setIndicatorWidth, }: TabsContextType & {
+    isSelected: boolean;
+    itemRef: MutableRefObject<HTMLElement | null>;
+}): void;
+//# sourceMappingURL=useIndicatorSizing.d.ts.map

package/Tabs/useIndicatorSizing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIndicatorSizing.d.ts","sourceRoot":"","sources":["../../src/Tabs/useIndicatorSizing.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAA0B,MAAM,OAAO,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAG5C;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,UAAU,EACV,OAAO,EACP,oBAAoB,EACpB,iBAAiB,GAClB,EAAE,eAAe,GAAG;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CAC/C,QAmBA"}

package/Tabs/useScrollIntoViewIfNeeded.d.ts

@@ -0,0 +1,11 @@
+import { MutableRefObject } from "react";
+export declare const SCROLL_PADDING = 24;
+/**
+ * Manages scrolling the tab into view if it's scrolled out of the horizontal
+ * line of sight.
+ */
+export declare function useScrollIntoViewIfNeeded({ isSelected, itemRef, }: {
+    isSelected: boolean;
+    itemRef: MutableRefObject<HTMLElement | null>;
+}): void;
+//# sourceMappingURL=useScrollIntoViewIfNeeded.d.ts.map

package/Tabs/useScrollIntoViewIfNeeded.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollIntoViewIfNeeded.d.ts","sourceRoot":"","sources":["../../src/Tabs/useScrollIntoViewIfNeeded.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAA0B,MAAM,OAAO,CAAC;AAGjE,eAAO,MAAM,cAAc,KAAK,CAAC;AAEjC;;;GAGG;AACH,wBAAgB,yBAAyB,CAAC,EACxC,UAAU,EACV,OAAO,GACR,EAAE;IACD,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CAC/C,QAmCA"}

package/Tabs/useScrollbar.d.ts

@@ -0,0 +1,6 @@
+import { MutableRefObject } from "react";
+export declare function useScrollbar({ navRef, containerRef, }: {
+    navRef: MutableRefObject<HTMLElement | null>;
+    containerRef: MutableRefObject<HTMLElement | null>;
+}): void;
+//# sourceMappingURL=useScrollbar.d.ts.map

package/Tabs/useScrollbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollbar.d.ts","sourceRoot":"","sources":["../../src/Tabs/useScrollbar.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAmB,MAAM,OAAO,CAAC;AAE1D,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,YAAY,GACb,EAAE;IACD,MAAM,EAAE,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC7C,YAAY,EAAE,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CACpD,QAiBA"}

package/Tabs/util.d.ts

@@ -0,0 +1,9 @@
+export declare function getSharedMeasurementsForTabNavItem($item: HTMLElement): {
+    $nav: Element;
+    itemRect: DOMRect;
+    navRect: DOMRect;
+    navScrollLeft: number;
+    itemWidth: number;
+    itemPosition: number;
+};
+//# sourceMappingURL=util.d.ts.map

package/Tabs/util.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../src/Tabs/util.ts"],"names":[],"mappings":"AAAA,wBAAgB,kCAAkC,CAAC,KAAK,EAAE,WAAW;;;;;;;EAqBpE"}

package/Text/Text.d.ts

@@ -1,9 +1,10 @@
-import React, { ReactNode } from "react";
-import { ThemeTokenNamespace, DesignTokenNamespace } from "../types";
+import React, { HTMLAttributes, ReactNode } from "react";
+import { DesignTokenNamespace, ThemeColorAliases } from "../types";
 export type TextAs = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "legend" | "p" | "span" | "strong";
-export type TextColor = ThemeTokenNamespace<"color.text">;
+export type TextColor = ThemeColorAliases | "action" | "danger" | "disabled" | "gray.bold" | "gray.resting" | "inverse" | "primary" | "subdued";
 export type TextVariant = DesignTokenNamespace<"font.style", "family">;
 export type TextWeight = "normal" | "medium" | "semibold" | "bold";
+export type TextTransform = "none" | "capitalize" | "uppercase" | "lowercase";
 export type TextProps = {
     /** Adjusts horizontal alignment of text */
     alignment?: "start" | "center" | "end" | "justify";
@@ -16,6 +17,10 @@ export type TextProps = {
     color?: TextColor;
     /** HTML id attribute */
     id?: string;
+    /** HTML role attribute */
+    role?: HTMLAttributes<"span">["role"];
+    /** Transform text */
+    transform?: TextTransform;
     /** Truncate text overflow with ellipsis */
     truncate?: boolean;
     /** Adjusts the style of text that's rendered */
@@ -45,7 +50,7 @@ export type TextProps = {
  * @example
  * Working with alignment and color:
  * ```tsx
- * <Text variant="body1" alignment="center" color="blue-500">
+ * <Text variant="body1" alignment="center" color="primary.800">
  *   Standard body text rendered as a span, centered, and colored blue 500
  * </Text>
  * ```
@@ -66,5 +71,5 @@ export type TextProps = {
  * </Text>
  * ```
  */
-export declare function Text({ alignment, as: Component, breakWord, children, color, id, truncate, variant, visuallyHidden, weight, }: TextProps): React.JSX.Element;
+export declare function Text({ alignment, as: Component, breakWord, children, color, id, transform, truncate, variant, visuallyHidden, weight, }: TextProps): React.JSX.Element;
 //# sourceMappingURL=Text.d.ts.map

package/Text/Text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAKrE,MAAM,MAAM,MAAM,GACd,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,QAAQ,GACR,GAAG,GACH,MAAM,GACN,QAAQ,CAAC;AACb,MAAM,MAAM,SAAS,GAAG,mBAAmB,CAAC,YAAY,CAAC,CAAC;AAC1D,MAAM,MAAM,WAAW,GAAG,oBAAoB,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;AACvE,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;AAEnE,MAAM,MAAM,SAAS,GAAG;IACtB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;IAEnD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,qDAAqD;IACrD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sBAAsB;IACtB,QAAQ,EAAE,SAAS,CAAC;IACpB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,wBAAwB;IACxB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gDAAgD;IAChD,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,oDAAoD;IACpD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,4BAA4B;IAC5B,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,wBAAgB,IAAI,CAAC,EACnB,SAAS,EACT,EAAE,EAAE,SAAkB,EACtB,SAAiB,EACjB,QAAQ,EACR,KAAK,EACL,EAAE,EACF,QAAgB,EAChB,OAAO,EACP,cAAsB,EACtB,MAAM,GACP,EAAE,SAAS,qBAqBX"}
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAUnE,MAAM,MAAM,MAAM,GACd,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,QAAQ,GACR,GAAG,GACH,MAAM,GACN,QAAQ,CAAC;AACb,MAAM,MAAM,SAAS,GACjB,iBAAiB,GACjB,QAAQ,GACR,QAAQ,GACR,UAAU,GACV,WAAW,GACX,cAAc,GACd,SAAS,GACT,SAAS,GACT,SAAS,CAAC;AACd,MAAM,MAAM,WAAW,GAAG,oBAAoB,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;AACvE,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;AACnE,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,YAAY,GAAG,WAAW,GAAG,WAAW,CAAC;AAE9E,MAAM,MAAM,SAAS,GAAG;IACtB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;IAEnD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,qDAAqD;IACrD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sBAAsB;IACtB,QAAQ,EAAE,SAAS,CAAC;IACpB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,wBAAwB;IACxB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,0BAA0B;IAC1B,IAAI,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;IACtC,qBAAqB;IACrB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gDAAgD;IAChD,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,oDAAoD;IACpD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,4BAA4B;IAC5B,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,wBAAgB,IAAI,CAAC,EACnB,SAAS,EACT,EAAE,EAAE,SAAkB,EACtB,SAAiB,EACjB,QAAQ,EACR,KAAK,EACL,EAAE,EACF,SAAkB,EAClB,QAAgB,EAChB,OAAO,EACP,cAAsB,EACtB,MAAM,GACP,EAAE,SAAS,qBA2BX"}

package/Text/Text.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Text.stories.d.ts","sourceRoot":"","sources":["../../src/Text/Text.stories.tsx"],"names":[],"mappings":"AAAA,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,CAO3B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAmBtB,CAAC"}
+{"version":3,"file":"Text.stories.d.ts","sourceRoot":"","sources":["../../src/Text/Text.stories.tsx"],"names":[],"mappings":"AAAA,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,CAY3B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAmBtB,CAAC"}

package/Text/index.js

@@ -1,87 +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 Text$1 = "_Text_wcfiy_5";
-const heading1 = "_heading1_wcfiy_13";
-const heading2 = "_heading2_wcfiy_30";
-const heading3 = "_heading3_wcfiy_47";
-const heading4 = "_heading4_wcfiy_64";
-const heading5 = "_heading5_wcfiy_72";
-const subtitle1 = "_subtitle1_wcfiy_80";
-const subtitle2 = "_subtitle2_wcfiy_88";
-const body1 = "_body1_wcfiy_96";
-const body2 = "_body2_wcfiy_104";
-const caption = "_caption_wcfiy_112";
-const overline = "_overline_wcfiy_120";
-const button = "_button_wcfiy_128";
-const normal = "_normal_wcfiy_144";
-const medium = "_medium_wcfiy_148";
-const semibold = "_semibold_wcfiy_152";
-const bold = "_bold_wcfiy_156";
-const truncate = "_truncate_wcfiy_160";
-const block = "_block_wcfiy_166";
-const visuallyHidden = "_visuallyHidden_wcfiy_170";
-const start = "_start_wcfiy_183";
-const center = "_center_wcfiy_187";
-const end = "_end_wcfiy_191";
-const justify = "_justify_wcfiy_195";
-const numeric = "_numeric_wcfiy_203";
-const styles = {
-  Text: Text$1,
-  heading1,
-  heading2,
-  heading3,
-  heading4,
-  heading5,
-  subtitle1,
-  subtitle2,
-  body1,
-  body2,
-  caption,
-  overline,
-  button,
-  "small-button": "_small-button_wcfiy_136",
-  normal,
-  medium,
-  semibold,
-  bold,
-  truncate,
-  block,
-  visuallyHidden,
-  start,
-  center,
-  end,
-  justify,
-  "break": "_break_wcfiy_199",
-  numeric
-};
-function Text({ alignment, as: Component = "span", breakWord = false, children, color, id, truncate: truncate2 = false, variant, visuallyHidden: visuallyHidden2 = false, weight }) {
-  const className = utilities_css.classNames(styles.Text, variant && styles[cleanVariant(variant)], weight && styles[weight], (alignment || truncate2) && styles.block, alignment && styles[alignment], breakWord && styles.break, truncate2 && styles.truncate, visuallyHidden2 && styles.visuallyHidden);
-  const style = __spreadValues({}, utilities_css.getComponentThemeToken("text", "color", "color.text", color));
-  return React.createElement(Component, {
-    className,
-    style,
-    id: id ? id : void 0
-  }, children);
-}
-function cleanVariant(variant) {
-  return variant.replace(/_/, "-");
-}
-exports.Text = Text;
+const Text = require("../__chunks__/Text-CEI17LPu.js");
+exports.Text = Text.Text;

package/Text/index.mjs

@@ -1,87 +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 { classNames, getComponentThemeToken } from "../utilities/css.mjs";
-const Text$1 = "_Text_wcfiy_5";
-const heading1 = "_heading1_wcfiy_13";
-const heading2 = "_heading2_wcfiy_30";
-const heading3 = "_heading3_wcfiy_47";
-const heading4 = "_heading4_wcfiy_64";
-const heading5 = "_heading5_wcfiy_72";
-const subtitle1 = "_subtitle1_wcfiy_80";
-const subtitle2 = "_subtitle2_wcfiy_88";
-const body1 = "_body1_wcfiy_96";
-const body2 = "_body2_wcfiy_104";
-const caption = "_caption_wcfiy_112";
-const overline = "_overline_wcfiy_120";
-const button = "_button_wcfiy_128";
-const normal = "_normal_wcfiy_144";
-const medium = "_medium_wcfiy_148";
-const semibold = "_semibold_wcfiy_152";
-const bold = "_bold_wcfiy_156";
-const truncate = "_truncate_wcfiy_160";
-const block = "_block_wcfiy_166";
-const visuallyHidden = "_visuallyHidden_wcfiy_170";
-const start = "_start_wcfiy_183";
-const center = "_center_wcfiy_187";
-const end = "_end_wcfiy_191";
-const justify = "_justify_wcfiy_195";
-const numeric = "_numeric_wcfiy_203";
-const styles = {
-  Text: Text$1,
-  heading1,
-  heading2,
-  heading3,
-  heading4,
-  heading5,
-  subtitle1,
-  subtitle2,
-  body1,
-  body2,
-  caption,
-  overline,
-  button,
-  "small-button": "_small-button_wcfiy_136",
-  normal,
-  medium,
-  semibold,
-  bold,
-  truncate,
-  block,
-  visuallyHidden,
-  start,
-  center,
-  end,
-  justify,
-  "break": "_break_wcfiy_199",
-  numeric
-};
-function Text({ alignment, as: Component = "span", breakWord = false, children, color, id, truncate: truncate2 = false, variant, visuallyHidden: visuallyHidden2 = false, weight }) {
-  const className = classNames(styles.Text, variant && styles[cleanVariant(variant)], weight && styles[weight], (alignment || truncate2) && styles.block, alignment && styles[alignment], breakWord && styles.break, truncate2 && styles.truncate, visuallyHidden2 && styles.visuallyHidden);
-  const style = __spreadValues({}, getComponentThemeToken("text", "color", "color.text", color));
-  return React__default.createElement(Component, {
-    className,
-    style,
-    id: id ? id : void 0
-  }, children);
-}
-function cleanVariant(variant) {
-  return variant.replace(/_/, "-");
-}
+import { T } from "../__chunks__/Text-D8wg72pq.mjs";
 export {
-  Text
+  T as Text
 };

package/TextField/TextField.d.ts

@@ -15,7 +15,8 @@ export type TextFieldProps = Omit<InputFieldProps, "isMultiline" | "rows">;
  * When `errorText` is supplied with `validationState="invalid"`, `helperText` is overriden.
  *
  * Labels should be included on all text fields as they describe the purpose of the form control.
- * In situations when you may want the label to be visually hidden, use the `isLabelVisuallyHidden` prop.
+ * In situations when you may want the label to be visually hidden, omit the label and provide an
+ * `aria-label`.
  *
  * @example
  * _Email with autoFocus:_
@@ -71,8 +72,7 @@ export type TextFieldProps = Omit<InputFieldProps, "isMultiline" | "rows">;
  *    <>
  *      <TextField
  *        type="search"
- *        label="Search for carriers" // visually hidden but still accessible via isLabelVisuallyHidden prop
- *        isLabelVisuallyHidden
+ *        aria-label="Search for carriers"
  *        iconAtStart={SearchIcon}
  *        value={searchedValue}
  *        onChange={(inputValue) => setSearchedValue(inputValue)} // value is returned automatically via react-aria

package/TextField/TextField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../src/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAE5D,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,eAAe,EAAE,aAAa,GAAG,MAAM,CAAC,CAAC;AAE3E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwGG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,qBAwC9C"}
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../src/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAE5D,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,eAAe,EAAE,aAAa,GAAG,MAAM,CAAC,CAAC;AAE3E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwGG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,qBAuB9C"}

package/TextField/TextField.stories.d.ts

@@ -6,6 +6,7 @@ export default meta;
 export declare const Standard: Story;
 export declare const Password: Story;
 export declare const Icon: Story;
+export declare const PrefixAndSuffix: Story;
 export declare const SmallTextFields: Story;
 export declare const LargeTextFields: Story;
 export declare const LabelWithEmphasis: Story;

package/TextField/TextField.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.stories.d.ts","sourceRoot":"","sources":["../../src/TextField/TextField.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAQlD,OAAO,EAAE,SAAS,EAAkB,MAAM,aAAa,CAAC;AAExD,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAIxC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAIhC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAQlB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAyB7B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAyB7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAO/B,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAMjC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAsEtB,CAAC"}
+{"version":3,"file":"TextField.stories.d.ts","sourceRoot":"","sources":["../../src/TextField/TextField.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAQlD,OAAO,EAAE,SAAS,EAAkB,MAAM,aAAa,CAAC;AAExD,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAIxC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAIhC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAQlB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAS7B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAiC7B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAiC7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAO/B,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAKjC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAqEtB,CAAC"}

package/TextField/index.js

@@ -1,35 +1,45 @@
 "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 InputField_index = require("../InputField/index.js");
-require("../utilities/css.js");
-require("../__chunks__/InputIcon-d3963cf8.js");
-require("../Text/index.js");
-require("../Icon/index.js");
-require("../__chunks__/index-3985350a.js");
-require("../__chunks__/import-a1e0f814.js");
-require("../__chunks__/omit-fca26542.js");
-require("../__chunks__/import-2b302763.js");
-require("../__chunks__/import-24a482e1.js");
+const InputField = require("../__chunks__/InputField-BGBRvVMR.js");
 function TextField(props) {
-  const { type = "text", size = "md", isLabelVisuallyHidden = false, isDisabled = false, isRequired = false, validationState = "valid", isLabelEmphasized = false, autoFocus = false, label, errorText, helperText, placeholder, value, defaultValue, iconAtStart, iconAtEnd } = props;
-  return React.createElement(InputField_index.InputField, {
+  const _a = props, { type = "text", size = "md", isDisabled = false, isRequired = false, validationState = "valid", isLabelEmphasized = false, autoFocus = false } = _a, restProps = __objRest(_a, ["type", "size", "isDisabled", "isRequired", "validationState", "isLabelEmphasized", "autoFocus"]);
+  return React.createElement(InputField.InputField, __spreadValues({
     type,
     size,
-    isLabelVisuallyHidden,
     isDisabled,
     isRequired,
     validationState,
     isLabelEmphasized,
-    autoFocus,
-    label,
-    errorText,
-    helperText,
-    placeholder,
-    value,
-    defaultValue,
-    iconAtStart,
-    iconAtEnd
-  });
+    autoFocus
+  }, restProps));
 }
 exports.TextField = TextField;

package/TextField/index.mjs

@@ -1,34 +1,44 @@
+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;
+};
 import React__default from "react";
-import { InputField } from "../InputField/index.mjs";
-import "../utilities/css.mjs";
-import "../__chunks__/InputIcon-2317befd.mjs";
-import "../Text/index.mjs";
-import "../Icon/index.mjs";
-import "../__chunks__/index-29d7bca9.mjs";
-import "../__chunks__/import-19bc38ac.mjs";
-import "../__chunks__/omit-f17deb8f.mjs";
-import "../__chunks__/import-3d962a94.mjs";
-import "../__chunks__/import-29af6941.mjs";
+import { I as InputField } from "../__chunks__/InputField-BI73lSp6.mjs";
 function TextField(props) {
-  const { type = "text", size = "md", isLabelVisuallyHidden = false, isDisabled = false, isRequired = false, validationState = "valid", isLabelEmphasized = false, autoFocus = false, label, errorText, helperText, placeholder, value, defaultValue, iconAtStart, iconAtEnd } = props;
-  return React__default.createElement(InputField, {
+  const _a = props, { type = "text", size = "md", isDisabled = false, isRequired = false, validationState = "valid", isLabelEmphasized = false, autoFocus = false } = _a, restProps = __objRest(_a, ["type", "size", "isDisabled", "isRequired", "validationState", "isLabelEmphasized", "autoFocus"]);
+  return React__default.createElement(InputField, __spreadValues({
     type,
     size,
-    isLabelVisuallyHidden,
     isDisabled,
     isRequired,
     validationState,
     isLabelEmphasized,
-    autoFocus,
-    label,
-    errorText,
-    helperText,
-    placeholder,
-    value,
-    defaultValue,
-    iconAtStart,
-    iconAtEnd
-  });
+    autoFocus
+  }, restProps));
 }
 export {
   TextField

package/Textarea/Textarea.d.ts

@@ -15,7 +15,8 @@ export type TextareaProps = Omit<InputFieldProps, "type" | "iconAtStart" | "icon
  * Use this component when you want to allow users to enter a sizeable amount of free-form text.
  *
  * Labels should always be included as they describe the purpose of the textarea.
- * In situations when you may want the label to be visually hidden, use the `isLabelVisuallyHidden` prop.
+ * In situations when you may want the label to be visually hidden, omit the label and provide an
+ * `aria-label`.
  *
  * @example
  * _Description with helper text:_
@@ -48,8 +49,7 @@ export type TextareaProps = Omit<InputFieldProps, "type" | "iconAtStart" | "icon
  *  return (
  *    <>
  *      <Textarea
- *        label="Label" // visually hidden but still accessible via isLabelVisuallyHidden prop
- *        isLabelVisuallyHidden
+ *        aria-label="Label"
  *        value={description}
  *        onChange={(inputValue) => setDescription(inputValue)} // value is returned automatically via react-aria
  *        placeholder="Enter free-form text"

package/Textarea/Textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../src/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAE5D,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,CAAC;AAEvC,MAAM,MAAM,aAAa,GAAG,IAAI,CAC9B,eAAe,EACf,MAAM,GAAG,aAAa,GAAG,WAAW,CACrC,GAAG;IACF;;;OAGG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0EG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,qBAoC5C"}
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../src/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAE5D,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,CAAC;AAEvC,MAAM,MAAM,aAAa,GAAG,IAAI,CAC9B,eAAe,EACf,MAAM,GAAG,aAAa,GAAG,WAAW,CACrC,GAAG;IACF;;;OAGG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0EG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,qBAwB5C"}

package/Textarea/Textarea.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.stories.d.ts","sourceRoot":"","sources":["../../src/Textarea/Textarea.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGlD,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAC;AAErD,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAIvC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAS/B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAQ7B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAO/B,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAMjC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAuDtB,CAAC"}
+{"version":3,"file":"Textarea.stories.d.ts","sourceRoot":"","sources":["../../src/Textarea/Textarea.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGlD,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAC;AAErD,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAIvC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAS/B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAQ7B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAO/B,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAKjC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAsDtB,CAAC"}

package/Textarea/index.js

@@ -1,34 +1,46 @@
 "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 InputField_index = require("../InputField/index.js");
-require("../utilities/css.js");
-require("../__chunks__/InputIcon-d3963cf8.js");
-require("../Text/index.js");
-require("../Icon/index.js");
-require("../__chunks__/index-3985350a.js");
-require("../__chunks__/import-a1e0f814.js");
-require("../__chunks__/omit-fca26542.js");
-require("../__chunks__/import-2b302763.js");
-require("../__chunks__/import-24a482e1.js");
+const InputField = require("../__chunks__/InputField-BGBRvVMR.js");
 function Textarea(props) {
-  const { size = "md", isLabelVisuallyHidden = false, isDisabled = false, isRequired = false, validationState = "valid", isLabelEmphasized = false, autoFocus = false, label, errorText, helperText, placeholder, value, defaultValue, rows = 1 } = props;
-  return React.createElement(InputField_index.InputField, {
+  const _a = props, { size = "md", isDisabled = false, isRequired = false, validationState = "valid", isLabelEmphasized = false, autoFocus = false, rows = 1 } = _a, restProps = __objRest(_a, ["size", "isDisabled", "isRequired", "validationState", "isLabelEmphasized", "autoFocus", "rows"]);
+  return React.createElement(InputField.InputField, __spreadValues({
     isMultiline: true,
     size,
-    isLabelVisuallyHidden,
     isDisabled,
     isRequired,
     validationState,
     isLabelEmphasized,
     autoFocus,
-    label,
-    errorText,
-    helperText,
-    placeholder,
-    value,
-    defaultValue,
     rows
-  });
+  }, restProps));
 }
 exports.Textarea = Textarea;