@easypost/easy-ui 1.0.0-alpha.112 → 1.0.0-alpha.114

package/FocusedProductLayout/index.js

@@ -31,16 +31,18 @@ var __objRest = (source, exclude) => {
   return target;
 };
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
+const jsxRuntime = require("react/jsx-runtime");
 const utilities_css = require("../utilities/css.js");
-const HelpMenu = require("../__chunks__/HelpMenu-nihaGEVy.js");
+const HelpMenu = require("../__chunks__/HelpMenu-C2t8KQuU.js");
 const ArrowBack = require("../__chunks__/ArrowBack-C_LSatif.js");
-const Icon = require("../__chunks__/Icon-W8F9w-jS.js");
-const Text = require("../__chunks__/Text-CSESKR_s.js");
-const Button = require("../__chunks__/Button-5AuHgwU3.js");
-const Stepper = require("../__chunks__/Stepper-CX0Mu37p.js");
+const Icon = require("../__chunks__/Icon-BRlbo3RF.js");
+const Text = require("../__chunks__/Text-DkzMEqky.js");
+const Button = require("../__chunks__/Button-CQdi4TMV.js");
+const Stepper = require("../__chunks__/Stepper-lhcjfVFY.js");
 function Content({ children }) {
-  return React.createElement("main", null, children);
+  return jsxRuntime.jsx("main", {
+    children
+  });
 }
 const BackArrow$1 = "_BackArrow_1hz2w_4";
 const styles$5 = {
@@ -48,15 +50,19 @@ const styles$5 = {
 };
 function BackArrow(props) {
   const { renderBackArrow } = props;
-  return React.createElement("span", {
-    className: styles$5.BackArrow
-  }, renderBackArrow({
-    children: React.createElement(React.Fragment, null, React.createElement(Icon.Icon, {
-      symbol: ArrowBack.ArrowBack
-    }), React.createElement(Text.Text, {
-      visuallyHidden: true
-    }, "Back"))
-  }));
+  return jsxRuntime.jsx("span", {
+    className: styles$5.BackArrow,
+    children: renderBackArrow({
+      children: jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [jsxRuntime.jsx(Icon.Icon, {
+          symbol: ArrowBack.ArrowBack
+        }), jsxRuntime.jsx(Text.Text, {
+          visuallyHidden: true,
+          children: "Back"
+        })]
+      })
+    })
+  });
 }
 const HeaderAtTopOfPage$1 = "_HeaderAtTopOfPage_75jd7_4";
 const logoBox = "_logoBox_75jd7_13";
@@ -66,16 +72,18 @@ const styles$4 = {
 };
 function HeaderAtTopOfPage(props) {
   const { helpMenuItems, onHelpMenuAction, renderBackArrow, renderLogo } = props;
-  return React.createElement("div", {
-    className: styles$4.HeaderAtTopOfPage
-  }, React.createElement("span", {
-    className: styles$4.logoBox
-  }, React.createElement(BackArrow, {
-    renderBackArrow
-  }), renderLogo()), React.createElement(HelpMenu.HelpMenu, {
-    items: helpMenuItems,
-    onAction: onHelpMenuAction
-  }));
+  return jsxRuntime.jsxs("div", {
+    className: styles$4.HeaderAtTopOfPage,
+    children: [jsxRuntime.jsxs("span", {
+      className: styles$4.logoBox,
+      children: [jsxRuntime.jsx(BackArrow, {
+        renderBackArrow
+      }), renderLogo()]
+    }), jsxRuntime.jsx(HelpMenu.HelpMenu, {
+      items: helpMenuItems,
+      onAction: onHelpMenuAction
+    })]
+  });
 }
 const HeaderInContentArea$1 = "_HeaderInContentArea_9myao_4";
 const logoBar = "_logoBar_9myao_11";
@@ -89,23 +97,30 @@ const styles$3 = {
 };
 function HeaderInContentArea(props) {
   const { helpMenuItems, onHelpMenuAction, renderBackArrow, renderLogo, title } = props;
-  return React.createElement("div", {
-    className: styles$3.HeaderInContentArea
-  }, React.createElement("div", {
-    className: styles$3.logoBar
-  }, renderLogo(), React.createElement(HelpMenu.HelpMenu, {
-    items: helpMenuItems,
-    onAction: onHelpMenuAction
-  })), React.createElement("header", null, React.createElement("div", {
-    className: styles$3.titleBox
-  }, React.createElement("span", {
-    className: styles$3.backArrowBox
-  }, React.createElement(BackArrow, {
-    renderBackArrow
-  })), React.createElement(Text.Text, {
-    as: "h2",
-    variant: "heading3"
-  }, title))));
+  return jsxRuntime.jsxs("div", {
+    className: styles$3.HeaderInContentArea,
+    children: [jsxRuntime.jsxs("div", {
+      className: styles$3.logoBar,
+      children: [renderLogo(), jsxRuntime.jsx(HelpMenu.HelpMenu, {
+        items: helpMenuItems,
+        onAction: onHelpMenuAction
+      })]
+    }), jsxRuntime.jsx("header", {
+      children: jsxRuntime.jsxs("div", {
+        className: styles$3.titleBox,
+        children: [jsxRuntime.jsx("span", {
+          className: styles$3.backArrowBox,
+          children: jsxRuntime.jsx(BackArrow, {
+            renderBackArrow
+          })
+        }), jsxRuntime.jsx(Text.Text, {
+          as: "h2",
+          variant: "heading3",
+          children: title
+        })]
+      })
+    })]
+  });
 }
 const SidePanel$1 = "_SidePanel_h0l1q_4";
 const styles$2 = {
@@ -114,10 +129,11 @@ const styles$2 = {
 function SidePanel(props) {
   const { children, width = "auto" } = props;
   const style = __spreadValues({}, utilities_css.getComponentToken("focused-product-layout-side-panel", "flex-basis", width));
-  return React.createElement("aside", {
+  return jsxRuntime.jsx("aside", {
     className: styles$2.SidePanel,
-    style
-  }, children);
+    style,
+    children
+  });
 }
 const WizardContent$1 = "_WizardContent_bmnre_4";
 const main = "_main_bmnre_11";
@@ -133,25 +149,33 @@ const styles$1 = {
 };
 function WizardContent(props) {
   const { activeStepIndex, steps, previousAction, nextAction, children } = props;
-  return React.createElement("div", {
-    className: styles$1.WizardContent
-  }, React.createElement("div", {
-    className: styles$1.stepperContainer
-  }, React.createElement("div", {
-    className: styles$1.stepper
-  }, React.createElement(Stepper.Stepper, {
-    activeStepIndex
-  }, steps))), React.createElement("main", {
-    className: styles$1.main
-  }, children), React.createElement("div", {
-    className: styles$1.footer
-  }, React.createElement(Button.Button, {
-    variant: "outlined",
-    color: "support",
-    onPress: previousAction.onAction
-  }, previousAction.content), React.createElement(Button.Button, {
-    onPress: nextAction.onAction
-  }, nextAction.content)));
+  return jsxRuntime.jsxs("div", {
+    className: styles$1.WizardContent,
+    children: [jsxRuntime.jsx("div", {
+      className: styles$1.stepperContainer,
+      children: jsxRuntime.jsx("div", {
+        className: styles$1.stepper,
+        children: jsxRuntime.jsx(Stepper.Stepper, {
+          activeStepIndex,
+          children: steps
+        })
+      })
+    }), jsxRuntime.jsx("main", {
+      className: styles$1.main,
+      children
+    }), jsxRuntime.jsxs("div", {
+      className: styles$1.footer,
+      children: [jsxRuntime.jsx(Button.Button, {
+        variant: "outlined",
+        color: "support",
+        onPress: previousAction.onAction,
+        children: previousAction.content
+      }), jsxRuntime.jsx(Button.Button, {
+        onPress: nextAction.onAction,
+        children: nextAction.content
+      })]
+    })]
+  });
 }
 const FocusedProductLayout$1 = "_FocusedProductLayout_q2le8_4";
 const innerContainer = "_innerContainer_q2le8_17";
@@ -168,17 +192,21 @@ const styles = {
 function FocusedProductLayout(props) {
   const _a = props, { content, sidePanel, sidePanelPosition, title } = _a, headerProps = __objRest(_a, ["content", "sidePanel", "sidePanelPosition", "title"]);
   const className = utilities_css.classNames(styles.FocusedProductLayout, sidePanelPosition && styles[utilities_css.variationName("sidePanelPosition", sidePanelPosition)]);
-  return React.createElement("div", {
-    className
-  }, React.createElement("div", {
-    className: styles.innerContainer
-  }, React.createElement("div", {
-    className: styles.topBar
-  }, React.createElement(HeaderAtTopOfPage, __spreadValues({}, headerProps))), React.createElement("div", {
-    className: styles.contentContainer
-  }, React.createElement(HeaderInContentArea, __spreadProps(__spreadValues({}, headerProps), {
-    title
-  })), content), sidePanel));
+  return jsxRuntime.jsx("div", {
+    className,
+    children: jsxRuntime.jsxs("div", {
+      className: styles.innerContainer,
+      children: [jsxRuntime.jsx("div", {
+        className: styles.topBar,
+        children: jsxRuntime.jsx(HeaderAtTopOfPage, __spreadValues({}, headerProps))
+      }), jsxRuntime.jsxs("div", {
+        className: styles.contentContainer,
+        children: [jsxRuntime.jsx(HeaderInContentArea, __spreadProps(__spreadValues({}, headerProps), {
+          title
+        })), content]
+      }), sidePanel]
+    })
+  });
 }
 FocusedProductLayout.SidePanel = SidePanel;
 FocusedProductLayout.Content = Content;

package/FocusedProductLayout/index.mjs

@@ -29,16 +29,18 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-import React__default from "react";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { getComponentToken, classNames, variationName } from "../utilities/css.mjs";
-import { H as HelpMenu } from "../__chunks__/HelpMenu-CO6kYktc.mjs";
+import { H as HelpMenu } from "../__chunks__/HelpMenu-BZRV42ab.mjs";
 import { A as ArrowBack } from "../__chunks__/ArrowBack-BFS-tCpV.mjs";
-import { I as Icon } from "../__chunks__/Icon-0SN9dbwU.mjs";
-import { T as Text } from "../__chunks__/Text-YOL3isF4.mjs";
-import { B as Button } from "../__chunks__/Button-BsGH6vGC.mjs";
-import { S as Stepper } from "../__chunks__/Stepper-BEyDIPNJ.mjs";
+import { I as Icon } from "../__chunks__/Icon-BIpaQJ_I.mjs";
+import { T as Text } from "../__chunks__/Text-D6oT5WJQ.mjs";
+import { B as Button } from "../__chunks__/Button-JL1YQxJ5.mjs";
+import { S as Stepper } from "../__chunks__/Stepper-DlI-16t-.mjs";
 function Content({ children }) {
-  return React__default.createElement("main", null, children);
+  return jsx("main", {
+    children
+  });
 }
 const BackArrow$1 = "_BackArrow_1hz2w_4";
 const styles$5 = {
@@ -46,15 +48,19 @@ const styles$5 = {
 };
 function BackArrow(props) {
   const { renderBackArrow } = props;
-  return React__default.createElement("span", {
-    className: styles$5.BackArrow
-  }, renderBackArrow({
-    children: React__default.createElement(React__default.Fragment, null, React__default.createElement(Icon, {
-      symbol: ArrowBack
-    }), React__default.createElement(Text, {
-      visuallyHidden: true
-    }, "Back"))
-  }));
+  return jsx("span", {
+    className: styles$5.BackArrow,
+    children: renderBackArrow({
+      children: jsxs(Fragment, {
+        children: [jsx(Icon, {
+          symbol: ArrowBack
+        }), jsx(Text, {
+          visuallyHidden: true,
+          children: "Back"
+        })]
+      })
+    })
+  });
 }
 const HeaderAtTopOfPage$1 = "_HeaderAtTopOfPage_75jd7_4";
 const logoBox = "_logoBox_75jd7_13";
@@ -64,16 +70,18 @@ const styles$4 = {
 };
 function HeaderAtTopOfPage(props) {
   const { helpMenuItems, onHelpMenuAction, renderBackArrow, renderLogo } = props;
-  return React__default.createElement("div", {
-    className: styles$4.HeaderAtTopOfPage
-  }, React__default.createElement("span", {
-    className: styles$4.logoBox
-  }, React__default.createElement(BackArrow, {
-    renderBackArrow
-  }), renderLogo()), React__default.createElement(HelpMenu, {
-    items: helpMenuItems,
-    onAction: onHelpMenuAction
-  }));
+  return jsxs("div", {
+    className: styles$4.HeaderAtTopOfPage,
+    children: [jsxs("span", {
+      className: styles$4.logoBox,
+      children: [jsx(BackArrow, {
+        renderBackArrow
+      }), renderLogo()]
+    }), jsx(HelpMenu, {
+      items: helpMenuItems,
+      onAction: onHelpMenuAction
+    })]
+  });
 }
 const HeaderInContentArea$1 = "_HeaderInContentArea_9myao_4";
 const logoBar = "_logoBar_9myao_11";
@@ -87,23 +95,30 @@ const styles$3 = {
 };
 function HeaderInContentArea(props) {
   const { helpMenuItems, onHelpMenuAction, renderBackArrow, renderLogo, title } = props;
-  return React__default.createElement("div", {
-    className: styles$3.HeaderInContentArea
-  }, React__default.createElement("div", {
-    className: styles$3.logoBar
-  }, renderLogo(), React__default.createElement(HelpMenu, {
-    items: helpMenuItems,
-    onAction: onHelpMenuAction
-  })), React__default.createElement("header", null, React__default.createElement("div", {
-    className: styles$3.titleBox
-  }, React__default.createElement("span", {
-    className: styles$3.backArrowBox
-  }, React__default.createElement(BackArrow, {
-    renderBackArrow
-  })), React__default.createElement(Text, {
-    as: "h2",
-    variant: "heading3"
-  }, title))));
+  return jsxs("div", {
+    className: styles$3.HeaderInContentArea,
+    children: [jsxs("div", {
+      className: styles$3.logoBar,
+      children: [renderLogo(), jsx(HelpMenu, {
+        items: helpMenuItems,
+        onAction: onHelpMenuAction
+      })]
+    }), jsx("header", {
+      children: jsxs("div", {
+        className: styles$3.titleBox,
+        children: [jsx("span", {
+          className: styles$3.backArrowBox,
+          children: jsx(BackArrow, {
+            renderBackArrow
+          })
+        }), jsx(Text, {
+          as: "h2",
+          variant: "heading3",
+          children: title
+        })]
+      })
+    })]
+  });
 }
 const SidePanel$1 = "_SidePanel_h0l1q_4";
 const styles$2 = {
@@ -112,10 +127,11 @@ const styles$2 = {
 function SidePanel(props) {
   const { children, width = "auto" } = props;
   const style = __spreadValues({}, getComponentToken("focused-product-layout-side-panel", "flex-basis", width));
-  return React__default.createElement("aside", {
+  return jsx("aside", {
     className: styles$2.SidePanel,
-    style
-  }, children);
+    style,
+    children
+  });
 }
 const WizardContent$1 = "_WizardContent_bmnre_4";
 const main = "_main_bmnre_11";
@@ -131,25 +147,33 @@ const styles$1 = {
 };
 function WizardContent(props) {
   const { activeStepIndex, steps, previousAction, nextAction, children } = props;
-  return React__default.createElement("div", {
-    className: styles$1.WizardContent
-  }, React__default.createElement("div", {
-    className: styles$1.stepperContainer
-  }, React__default.createElement("div", {
-    className: styles$1.stepper
-  }, React__default.createElement(Stepper, {
-    activeStepIndex
-  }, steps))), React__default.createElement("main", {
-    className: styles$1.main
-  }, children), React__default.createElement("div", {
-    className: styles$1.footer
-  }, React__default.createElement(Button, {
-    variant: "outlined",
-    color: "support",
-    onPress: previousAction.onAction
-  }, previousAction.content), React__default.createElement(Button, {
-    onPress: nextAction.onAction
-  }, nextAction.content)));
+  return jsxs("div", {
+    className: styles$1.WizardContent,
+    children: [jsx("div", {
+      className: styles$1.stepperContainer,
+      children: jsx("div", {
+        className: styles$1.stepper,
+        children: jsx(Stepper, {
+          activeStepIndex,
+          children: steps
+        })
+      })
+    }), jsx("main", {
+      className: styles$1.main,
+      children
+    }), jsxs("div", {
+      className: styles$1.footer,
+      children: [jsx(Button, {
+        variant: "outlined",
+        color: "support",
+        onPress: previousAction.onAction,
+        children: previousAction.content
+      }), jsx(Button, {
+        onPress: nextAction.onAction,
+        children: nextAction.content
+      })]
+    })]
+  });
 }
 const FocusedProductLayout$1 = "_FocusedProductLayout_q2le8_4";
 const innerContainer = "_innerContainer_q2le8_17";
@@ -166,17 +190,21 @@ const styles = {
 function FocusedProductLayout(props) {
   const _a = props, { content, sidePanel, sidePanelPosition, title } = _a, headerProps = __objRest(_a, ["content", "sidePanel", "sidePanelPosition", "title"]);
   const className = classNames(styles.FocusedProductLayout, sidePanelPosition && styles[variationName("sidePanelPosition", sidePanelPosition)]);
-  return React__default.createElement("div", {
-    className
-  }, React__default.createElement("div", {
-    className: styles.innerContainer
-  }, React__default.createElement("div", {
-    className: styles.topBar
-  }, React__default.createElement(HeaderAtTopOfPage, __spreadValues({}, headerProps))), React__default.createElement("div", {
-    className: styles.contentContainer
-  }, React__default.createElement(HeaderInContentArea, __spreadProps(__spreadValues({}, headerProps), {
-    title
-  })), content), sidePanel));
+  return jsx("div", {
+    className,
+    children: jsxs("div", {
+      className: styles.innerContainer,
+      children: [jsx("div", {
+        className: styles.topBar,
+        children: jsx(HeaderAtTopOfPage, __spreadValues({}, headerProps))
+      }), jsxs("div", {
+        className: styles.contentContainer,
+        children: [jsx(HeaderInContentArea, __spreadProps(__spreadValues({}, headerProps), {
+          title
+        })), content]
+      }), sidePanel]
+    })
+  });
 }
 FocusedProductLayout.SidePanel = SidePanel;
 FocusedProductLayout.Content = Content;