@easypost/easy-ui 1.0.0-alpha.0

package/Button/Button.d.ts

@@ -0,0 +1,27 @@
+import { ReactElement, ReactNode } from "react";
+import { IconProps } from "../Icon";
+export type ButtonColor = "primary" | "secondary" | "success" | "warning" | "neutral" | "support" | "inverse";
+export type ButtonVariant = "filled" | "outlined" | "link";
+export type ButtonSize = "sm" | "md";
+export type ButtonProps = {
+    /** Button color */
+    color?: ButtonColor;
+    /** Button variant */
+    variant?: ButtonVariant;
+    /** Button size */
+    size?: ButtonSize;
+    /** Disables button */
+    isDisabled?: boolean;
+    /** Button will grow to width of container */
+    isBlock?: boolean;
+    /** Positions icon before children */
+    iconAtStart?: ReactElement<IconProps>;
+    /** Positions icon after children */
+    iconAtEnd?: ReactElement<IconProps>;
+    /** Content inside button  */
+    children?: ReactNode;
+    /** Link's destination */
+    href?: string;
+};
+export declare function Button(props: ButtonProps): JSX.Element;
+//# sourceMappingURL=Button.d.ts.map

package/Button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,YAAY,EAAE,SAAS,EAAU,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAMpC,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;IACxB,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,qCAAqC;IACrC,WAAW,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IACtC,oCAAoC;IACpC,SAAS,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IACpC,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,eAiDxC"}

package/Button/Button.test.d.ts

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

package/Button/Button.test.d.ts.map

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

package/Button/index.d.ts

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

package/Button/index.d.ts.map

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

package/Button/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),n=require("../utilities/css.js"),t=require("../Button.module-1fb91980.js");function f(c){const{color:i="primary",variant:s="filled",size:m="md",isDisabled:d=!1,isBlock:B=!1,iconAtStart:o=null,iconAtEnd:a=null,children:y="Button",href:S=""}=c,r=e.useRef(null),u=S?"a":"button",{buttonProps:b}=t.$701a24aa0da5b062$export$ea18c227d4417cc3({...c,elementType:u},r),l=(a||o)&&s!=="link"&&m!=="sm";return t.logWarningIfInvalidColorVariantCombination(i,s),e.createElement(u,{disabled:d,ref:r,className:n.classNames(t.commonButtonStyles.Button,t.commonButtonStyles[n.variationName("color",i)],t.commonButtonStyles[n.variationName("variant",s)],t.commonButtonStyles[n.variationName("size",m)],B&&t.commonButtonStyles.block),...b},o&&l&&e.cloneElement(o),e.createElement("span",{className:n.classNames(o&&l&&t.commonButtonStyles.iconAtStart,a&&l&&t.commonButtonStyles.iconAtEnd)},y),a&&l&&e.cloneElement(a))}exports.Button=f;

package/Button/index.mjs

@@ -0,0 +1,49 @@
+import a, { useRef as B } from "react";
+import { classNames as d, variationName as c } from "../utilities/css.mjs";
+import { $ as v, l as N, c as t } from "../Button.module-5ce97013.mjs";
+function I(s) {
+  const {
+    color: r = "primary",
+    variant: l = "filled",
+    size: i = "md",
+    isDisabled: f = !1,
+    isBlock: p = !1,
+    iconAtStart: n = null,
+    iconAtEnd: e = null,
+    children: b = "Button",
+    href: E = ""
+  } = s, m = B(null), u = E ? "a" : "button", { buttonProps: A } = v(
+    { ...s, elementType: u },
+    m
+  ), o = (e || n) && l !== "link" && i !== "sm";
+  return N(r, l), /* @__PURE__ */ a.createElement(
+    u,
+    {
+      disabled: f,
+      ref: m,
+      className: d(
+        t.Button,
+        t[c("color", r)],
+        t[c("variant", l)],
+        t[c("size", i)],
+        p && t.block
+      ),
+      ...A
+    },
+    n && o && a.cloneElement(n),
+    /* @__PURE__ */ a.createElement(
+      "span",
+      {
+        className: d(
+          n && o && t.iconAtStart,
+          e && o && t.iconAtEnd
+        )
+      },
+      b
+    ),
+    e && o && a.cloneElement(e)
+  );
+}
+export {
+  I as Button
+};

package/Button/utilities.d.ts

@@ -0,0 +1,5 @@
+import { ButtonColor } from "./Button";
+import { ButtonVariant } from "./Button";
+import { DropdownButtonVariant } from "../DropdownButton";
+export declare function logWarningIfInvalidColorVariantCombination(color: ButtonColor, variant: ButtonVariant | DropdownButtonVariant): void;
+//# sourceMappingURL=utilities.d.ts.map

package/Button/utilities.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utilities.d.ts","sourceRoot":"","sources":["../../src/Button/utilities.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAE1D,wBAAgB,0CAA0C,CACxD,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE,aAAa,GAAG,qBAAqB,GAC7C,IAAI,CAmBN"}