@easypost/easy-ui 1.0.0-alpha.87 → 1.0.0-alpha.89

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (159) hide show
  1. package/Badge/index.js +1 -1
  2. package/Badge/index.mjs +1 -1
  3. package/Banner/index.js +1 -1
  4. package/Banner/index.mjs +1 -1
  5. package/CHANGELOG.md +16 -0
  6. package/Calendar/index.js +1 -1
  7. package/Calendar/index.mjs +1 -1
  8. package/CheckableCard/index.js +2 -2
  9. package/CheckableCard/index.mjs +2 -2
  10. package/Checkbox/index.js +1 -1
  11. package/Checkbox/index.mjs +1 -1
  12. package/CodeBlock/index.js +3 -3
  13. package/CodeBlock/index.mjs +3 -3
  14. package/CustomerPortalLayout/CustomerPortalLayout.d.ts +97 -0
  15. package/CustomerPortalLayout/CustomerPortalLayout.d.ts.map +1 -0
  16. package/{HostedUILayout/HostedUILayout.stories.d.ts → CustomerPortalLayout/CustomerPortalLayout.stories.d.ts} +4 -4
  17. package/CustomerPortalLayout/CustomerPortalLayout.stories.d.ts.map +1 -0
  18. package/CustomerPortalLayout/CustomerPortalLayout.test.d.ts +2 -0
  19. package/CustomerPortalLayout/CustomerPortalLayout.test.d.ts.map +1 -0
  20. package/{HostedUILayout/HostedUILayoutActions.d.ts → CustomerPortalLayout/CustomerPortalLayoutActions.d.ts} +11 -11
  21. package/CustomerPortalLayout/CustomerPortalLayoutActions.d.ts.map +1 -0
  22. package/CustomerPortalLayout/index.d.ts +2 -0
  23. package/CustomerPortalLayout/index.d.ts.map +1 -0
  24. package/{HostedUILayout → CustomerPortalLayout}/index.js +39 -39
  25. package/{HostedUILayout → CustomerPortalLayout}/index.mjs +39 -39
  26. package/DataGrid/index.js +5 -5
  27. package/DataGrid/index.mjs +5 -5
  28. package/DatePicker/index.js +3 -3
  29. package/DatePicker/index.mjs +3 -3
  30. package/DateRangePicker/index.js +3 -3
  31. package/DateRangePicker/index.mjs +3 -3
  32. package/Drawer/index.js +1 -1
  33. package/Drawer/index.mjs +1 -1
  34. package/EmptyStateCard/index.js +1 -1
  35. package/EmptyStateCard/index.mjs +1 -1
  36. package/FocusedProductLayout/index.js +2 -2
  37. package/FocusedProductLayout/index.mjs +2 -2
  38. package/ForgeLayout/index.js +4 -4
  39. package/ForgeLayout/index.mjs +4 -4
  40. package/FormLayout/index.js +1 -1
  41. package/FormLayout/index.mjs +1 -1
  42. package/IconButton/index.js +1 -1
  43. package/IconButton/index.mjs +1 -1
  44. package/InputField/index.js +1 -1
  45. package/InputField/index.mjs +1 -1
  46. package/KebabButton/index.js +1 -1
  47. package/KebabButton/index.mjs +1 -1
  48. package/Menu/index.js +1 -1
  49. package/Menu/index.mjs +1 -1
  50. package/Modal/index.js +1 -1
  51. package/Modal/index.mjs +1 -1
  52. package/MultiSelect/index.js +3 -3
  53. package/MultiSelect/index.mjs +4 -4
  54. package/MultipageSection/index.js +1 -1
  55. package/MultipageSection/index.mjs +1 -1
  56. package/NexusLayout/index.js +2 -2
  57. package/NexusLayout/index.mjs +2 -2
  58. package/Notification/index.js +1 -1
  59. package/Notification/index.mjs +1 -1
  60. package/Pagination/index.js +2 -2
  61. package/Pagination/index.mjs +2 -2
  62. package/PillGroup/index.js +1 -1
  63. package/PillGroup/index.mjs +1 -1
  64. package/PlanCard/index.js +1 -1
  65. package/PlanCard/index.mjs +1 -1
  66. package/ProductLayout/index.js +2 -2
  67. package/ProductLayout/index.mjs +2 -2
  68. package/Provider/index.js +1 -1
  69. package/Provider/index.mjs +1 -1
  70. package/RadioButtonGroup/index.js +1 -1
  71. package/RadioButtonGroup/index.mjs +1 -1
  72. package/RadioGroup/RadioGroup.d.ts +6 -6
  73. package/RadioGroup/RadioGroup.d.ts.map +1 -1
  74. package/RadioGroup/index.js +1 -1
  75. package/RadioGroup/index.mjs +1 -1
  76. package/RangeCalendar/index.js +1 -1
  77. package/RangeCalendar/index.mjs +1 -1
  78. package/SearchNav/index.js +3 -3
  79. package/SearchNav/index.mjs +3 -3
  80. package/SectionCard/index.js +1 -1
  81. package/SectionCard/index.mjs +1 -1
  82. package/Select/Select.d.ts +7 -7
  83. package/Select/Select.d.ts.map +1 -1
  84. package/Select/index.js +6 -5
  85. package/Select/index.mjs +6 -5
  86. package/SelectorErrorTooltip/index.js +1 -1
  87. package/SelectorErrorTooltip/index.mjs +1 -1
  88. package/Spinner/index.js +1 -1
  89. package/Spinner/index.mjs +1 -1
  90. package/SplitToggleCard/index.js +1 -1
  91. package/SplitToggleCard/index.mjs +1 -1
  92. package/Text/Text.d.ts +4 -1
  93. package/Text/Text.d.ts.map +1 -1
  94. package/Text/Text.stories.d.ts +1 -0
  95. package/Text/Text.stories.d.ts.map +1 -1
  96. package/Text/index.js +1 -1
  97. package/Text/index.mjs +1 -1
  98. package/TextField/index.js +1 -1
  99. package/TextField/index.mjs +1 -1
  100. package/Textarea/index.js +1 -1
  101. package/Textarea/index.mjs +1 -1
  102. package/Toggle/index.js +1 -1
  103. package/Toggle/index.mjs +1 -1
  104. package/Tooltip/index.js +1 -1
  105. package/Tooltip/index.mjs +1 -1
  106. package/VerticalNav/index.js +1 -1
  107. package/VerticalNav/index.mjs +1 -1
  108. package/__chunks__/{Calendar-joo_8vqm.js → Calendar-B5vygFsi.js} +1 -1
  109. package/__chunks__/{Calendar-B8v6TkXp.mjs → Calendar-gsUZ4Ouw.mjs} +1 -1
  110. package/__chunks__/{CalendarBase-adL7KcVi.mjs → CalendarBase-DdQhuGNt.mjs} +1 -1
  111. package/__chunks__/{CalendarBase-B1T_Rybe.js → CalendarBase-uhGc8AVV.js} +1 -1
  112. package/__chunks__/{Checkbox-DwkJKuPC.js → Checkbox-DRiYZLsh.js} +2 -2
  113. package/__chunks__/{Checkbox-DJAFG_mm.mjs → Checkbox-qpqqY9LH.mjs} +2 -2
  114. package/__chunks__/{DatePickerBase-DRR0aOm4.js → DatePickerBase-CNWUovPI.js} +2 -2
  115. package/__chunks__/{DatePickerBase-Bg4YQMAj.mjs → DatePickerBase-ybPQnjX-.mjs} +2 -2
  116. package/__chunks__/{HelpMenu-LZ_ky28u.js → HelpMenu-B2V5jMQp.js} +2 -2
  117. package/__chunks__/{HelpMenu-DHNd3X_S.mjs → HelpMenu-wJ8eKahi.mjs} +2 -2
  118. package/__chunks__/{InputCaption-G9D1cPnP.js → InputCaption-DXmr8j5G.js} +1 -1
  119. package/__chunks__/{InputCaption-aU5qZQlo.mjs → InputCaption-DcmpIrex.mjs} +1 -1
  120. package/__chunks__/{InputField-CH28zjUK.js → InputField-Bs95nClb.js} +2 -2
  121. package/__chunks__/{InputField-D4Arfzdz.mjs → InputField-CVYymiyI.mjs} +2 -2
  122. package/__chunks__/{KebabButton-BF8hfPrB.js → KebabButton-C1m6nOIu.js} +1 -1
  123. package/__chunks__/{KebabButton-D5KhH0qQ.mjs → KebabButton-DBFzY1Rq.mjs} +1 -1
  124. package/__chunks__/{Menu-CfHK_0Sr.mjs → Menu-O33j8u7r.mjs} +2 -2
  125. package/__chunks__/{Menu-CivAepFq.js → Menu-y5owPz-O.js} +2 -2
  126. package/__chunks__/{Notification-D7ceWiZq.js → Notification-CLnVLOaw.js} +1 -1
  127. package/__chunks__/{Notification-CRi-0D3f.mjs → Notification-DbzTJzSE.mjs} +1 -1
  128. package/__chunks__/{PillGroup-BWNzHd3P.js → PillGroup-D5gTBzKy.js} +1 -1
  129. package/__chunks__/{PillGroup-D0TUV_Qh.mjs → PillGroup-QTB5sJER.mjs} +1 -1
  130. package/__chunks__/{RadioGroup-B5o5aPT-.mjs → RadioGroup-DqooAc9M.mjs} +5 -4
  131. package/__chunks__/{RadioGroup-yg8Gtbol.js → RadioGroup-K565r4-w.js} +5 -4
  132. package/__chunks__/{RangeCalendar-CNLF6YQu.mjs → RangeCalendar-Ce46gNnr.mjs} +1 -1
  133. package/__chunks__/{RangeCalendar-BgB6xU9q.js → RangeCalendar-DPThKM4W.js} +1 -1
  134. package/__chunks__/{SelectOverlay-BaATkSsw.js → SelectOverlay-CwRhbg9F.js} +1 -1
  135. package/__chunks__/{SelectOverlay-DkEL-0O_.mjs → SelectOverlay-DT4LOSDh.mjs} +1 -1
  136. package/__chunks__/{SelectorErrorTooltip-b5pE6hY-.js → SelectorErrorTooltip-BT5gU6Pn.js} +2 -2
  137. package/__chunks__/{SelectorErrorTooltip-BPLk3N_Q.mjs → SelectorErrorTooltip-DlXOZjmQ.mjs} +2 -2
  138. package/__chunks__/{Spinner-CNAJknx9.mjs → Spinner-CVdzIrmm.mjs} +1 -1
  139. package/__chunks__/{Spinner-CipzStjn.js → Spinner-Cyc2JsYB.js} +1 -1
  140. package/__chunks__/Text-BWjD7__Y.mjs +123 -0
  141. package/__chunks__/Text-BXsuDbqc.js +122 -0
  142. package/__chunks__/{TextField-C6qMiNmy.js → TextField-BPZ6niGw.js} +1 -1
  143. package/__chunks__/{TextField-CUOz6ZUe.mjs → TextField-BVpSTQw-.mjs} +1 -1
  144. package/__chunks__/{Toggle-BQqjvn6Z.mjs → Toggle-Cr_Myw_x.mjs} +1 -1
  145. package/__chunks__/{Toggle-CTUk7LSy.js → Toggle-O9F7R6RR.js} +1 -1
  146. package/__chunks__/{Tooltip-BIfmWjfP.js → Tooltip-CNKZl6De.js} +1 -1
  147. package/__chunks__/{Tooltip-BcHfMDtC.mjs → Tooltip-DMBtRdkk.mjs} +1 -1
  148. package/package.json +1 -1
  149. package/style.css +73 -53
  150. package/HostedUILayout/HostedUILayout.d.ts +0 -97
  151. package/HostedUILayout/HostedUILayout.d.ts.map +0 -1
  152. package/HostedUILayout/HostedUILayout.stories.d.ts.map +0 -1
  153. package/HostedUILayout/HostedUILayout.test.d.ts +0 -2
  154. package/HostedUILayout/HostedUILayout.test.d.ts.map +0 -1
  155. package/HostedUILayout/HostedUILayoutActions.d.ts.map +0 -1
  156. package/HostedUILayout/index.d.ts +0 -2
  157. package/HostedUILayout/index.d.ts.map +0 -1
  158. package/__chunks__/Text-B1xglKFU.js +0 -112
  159. package/__chunks__/Text-CX5GoBTS.mjs +0 -113
@@ -0,0 +1,122 @@
1
+ "use strict";
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
4
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
5
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
6
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
7
+ var __spreadValues = (a, b) => {
8
+ for (var prop in b || (b = {}))
9
+ if (__hasOwnProp.call(b, prop))
10
+ __defNormalProp(a, prop, b[prop]);
11
+ if (__getOwnPropSymbols)
12
+ for (var prop of __getOwnPropSymbols(b)) {
13
+ if (__propIsEnum.call(b, prop))
14
+ __defNormalProp(a, prop, b[prop]);
15
+ }
16
+ return a;
17
+ };
18
+ const React = require("react");
19
+ const utilities_css = require("../utilities/css.js");
20
+ const Text$1 = "_Text_ljnz4_4";
21
+ const heading1 = "_heading1_ljnz4_12";
22
+ const heading2 = "_heading2_ljnz4_29";
23
+ const heading3 = "_heading3_ljnz4_46";
24
+ const heading4 = "_heading4_ljnz4_63";
25
+ const heading5 = "_heading5_ljnz4_71";
26
+ const subtitle1 = "_subtitle1_ljnz4_79";
27
+ const subtitle2 = "_subtitle2_ljnz4_87";
28
+ const body1 = "_body1_ljnz4_95";
29
+ const body2 = "_body2_ljnz4_103";
30
+ const caption = "_caption_ljnz4_111";
31
+ const caption2 = "_caption2_ljnz4_119";
32
+ const caption3 = "_caption3_ljnz4_127";
33
+ const overline = "_overline_ljnz4_135";
34
+ const overline2 = "_overline2_ljnz4_143";
35
+ const button = "_button_ljnz4_151";
36
+ const normal = "_normal_ljnz4_167";
37
+ const medium = "_medium_ljnz4_171";
38
+ const semibold = "_semibold_ljnz4_175";
39
+ const bold = "_bold_ljnz4_179";
40
+ const truncate = "_truncate_ljnz4_183";
41
+ const block = "_block_ljnz4_189";
42
+ const visuallyHidden = "_visuallyHidden_ljnz4_193";
43
+ const start = "_start_ljnz4_206";
44
+ const center = "_center_ljnz4_210";
45
+ const end = "_end_ljnz4_214";
46
+ const justify = "_justify_ljnz4_218";
47
+ const numeric = "_numeric_ljnz4_226";
48
+ const transformNone = "_transformNone_ljnz4_230";
49
+ const transformCapitalize = "_transformCapitalize_ljnz4_234";
50
+ const transformUppercase = "_transformUppercase_ljnz4_238";
51
+ const transformLowercase = "_transformLowercase_ljnz4_242";
52
+ const whiteSpaceNormal = "_whiteSpaceNormal_ljnz4_246";
53
+ const whiteSpacePre = "_whiteSpacePre_ljnz4_250";
54
+ const whiteSpaceNowrap = "_whiteSpaceNowrap_ljnz4_254";
55
+ const fontVariantNumericNormal = "_fontVariantNumericNormal_ljnz4_270";
56
+ const textWrapWrap = "_textWrapWrap_ljnz4_278";
57
+ const textWrapNoWrap = "_textWrapNoWrap_ljnz4_282";
58
+ const textWrapBalance = "_textWrapBalance_ljnz4_286";
59
+ const textWrapPretty = "_textWrapPretty_ljnz4_290";
60
+ const textWrapStable = "_textWrapStable_ljnz4_294";
61
+ const styles = {
62
+ Text: Text$1,
63
+ heading1,
64
+ heading2,
65
+ heading3,
66
+ heading4,
67
+ heading5,
68
+ subtitle1,
69
+ subtitle2,
70
+ body1,
71
+ body2,
72
+ caption,
73
+ caption2,
74
+ caption3,
75
+ overline,
76
+ overline2,
77
+ button,
78
+ "small-button": "_small-button_ljnz4_159",
79
+ normal,
80
+ medium,
81
+ semibold,
82
+ bold,
83
+ truncate,
84
+ block,
85
+ visuallyHidden,
86
+ start,
87
+ center,
88
+ end,
89
+ justify,
90
+ "break": "_break_ljnz4_222",
91
+ numeric,
92
+ transformNone,
93
+ transformCapitalize,
94
+ transformUppercase,
95
+ transformLowercase,
96
+ whiteSpaceNormal,
97
+ whiteSpacePre,
98
+ whiteSpaceNowrap,
99
+ "whiteSpacePre-wrap": "_whiteSpacePre-wrap_ljnz4_258",
100
+ "whiteSpaceBreak-spaces": "_whiteSpaceBreak-spaces_ljnz4_262",
101
+ "whiteSpacePre-line": "_whiteSpacePre-line_ljnz4_266",
102
+ fontVariantNumericNormal,
103
+ "fontVariantNumericTabular-nums": "_fontVariantNumericTabular-nums_ljnz4_274",
104
+ textWrapWrap,
105
+ textWrapNoWrap,
106
+ textWrapBalance,
107
+ textWrapPretty,
108
+ textWrapStable
109
+ };
110
+ function Text({ alignment, as: Component = "span", breakWord = false, children, color, fontVariantNumeric, id, textWrap, transform = "none", truncate: truncate2 = false, variant, visuallyHidden: visuallyHidden2 = false, weight, whiteSpace }) {
111
+ 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, textWrap && styles[utilities_css.variationName("textWrap", textWrap)], transform && styles[utilities_css.variationName("transform", transform)], whiteSpace && styles[utilities_css.variationName("whiteSpace", whiteSpace)], fontVariantNumeric && styles[utilities_css.variationName("fontVariantNumeric", fontVariantNumeric)]);
112
+ const style = __spreadValues({}, utilities_css.getComponentThemeToken("text", "color", "color", utilities_css.backwardsCompatibleColorToken(color)));
113
+ return React.createElement(Component, {
114
+ className,
115
+ style,
116
+ id: id ? id : void 0
117
+ }, children);
118
+ }
119
+ function cleanVariant(variant) {
120
+ return variant.replace(/_/, "-");
121
+ }
122
+ exports.Text = Text;
@@ -28,7 +28,7 @@ var __objRest = (source, exclude) => {
28
28
  return target;
29
29
  };
30
30
  const React = require("react");
31
- const InputField = require("./InputField-CH28zjUK.js");
31
+ const InputField = require("./InputField-Bs95nClb.js");
32
32
  function TextField(props) {
33
33
  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"]);
34
34
  return React.createElement(InputField.InputField, __spreadValues({
@@ -27,7 +27,7 @@ var __objRest = (source, exclude) => {
27
27
  return target;
28
28
  };
29
29
  import React__default from "react";
30
- import { I as InputField } from "./InputField-D4Arfzdz.mjs";
30
+ import { I as InputField } from "./InputField-CVYymiyI.mjs";
31
31
  function TextField(props) {
32
32
  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"]);
33
33
  return React__default.createElement(InputField, __spreadValues({
@@ -32,7 +32,7 @@ var __objRest = (source, exclude) => {
32
32
  import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./mergeProps-CORsYhTp.mjs";
33
33
  import { $ as $5dc95899b306f630$export$c9058316764c140e } from "./mergeRefs-CCV6itCY.mjs";
34
34
  import React__default, { forwardRef } from "react";
35
- import { T as Text } from "./Text-CX5GoBTS.mjs";
35
+ import { T as Text } from "./Text-BWjD7__Y.mjs";
36
36
  import { classNames } from "../utilities/css.mjs";
37
37
  import { $ as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "./useToggleState-1Mo_p5l0.mjs";
38
38
  import { $ as $d2c8e2b0480f3f34$export$cbe85ee05b554577 } from "./useToggle-Dvy3oMSz.mjs";
@@ -33,7 +33,7 @@ var __objRest = (source, exclude) => {
33
33
  const mergeProps = require("./mergeProps-d7wJkv71.js");
34
34
  const mergeRefs = require("./mergeRefs-CQsNYO0P.js");
35
35
  const React = require("react");
36
- const Text = require("./Text-B1xglKFU.js");
36
+ const Text = require("./Text-BXsuDbqc.js");
37
37
  const utilities_css = require("../utilities/css.js");
38
38
  const useToggleState = require("./useToggleState-8QqTgvTU.js");
39
39
  const useToggle = require("./useToggle-nWML_sp8.js");
@@ -19,7 +19,7 @@ var __spreadValues = (a, b) => {
19
19
  };
20
20
  var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
21
21
  const React = require("react");
22
- const Text = require("./Text-B1xglKFU.js");
22
+ const Text = require("./Text-BXsuDbqc.js");
23
23
  const utilities_css = require("../utilities/css.js");
24
24
  const Overlay = require("./Overlay-88Ee_QUh.js");
25
25
  const useFocusVisible = require("./useFocusVisible-7ks2C0sQ.js");
@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
18
18
  };
19
19
  var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
20
20
  import React__default, { useMemo, useRef, useEffect, useLayoutEffect } from "react";
21
- import { T as Text } from "./Text-CX5GoBTS.mjs";
21
+ import { T as Text } from "./Text-BWjD7__Y.mjs";
22
22
  import { getComponentToken, pxToRem, classNames } from "../utilities/css.mjs";
23
23
  import { a as $fc909762b330b746$export$61c6a8c84e605fb6, d as $337b884510726a0d$export$c6fdb837b070b4ff } from "./Overlay-Cj4W5w8m.mjs";
24
24
  import { r as $507fabe10e71c6fb$export$630ff653c5ada6a9, f as $507fabe10e71c6fb$export$b9b3dfddab17db27 } from "./useFocusVisible-DWC9qGtP.mjs";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@easypost/easy-ui",
3
- "version": "1.0.0-alpha.87",
3
+ "version": "1.0.0-alpha.89",
4
4
  "sideEffects": [
5
5
  "**/*.css"
6
6
  ],
package/style.css CHANGED
@@ -77,7 +77,7 @@
77
77
  }/**
78
78
  * Do not edit directly, this file was auto-generated.
79
79
  */
80
- ._Text_hj77l_4 {
80
+ ._Text_ljnz4_4 {
81
81
  --ezui-c-text-color: inherit;
82
82
  margin: 0;
83
83
  padding: 0;
@@ -85,7 +85,7 @@
85
85
  color: var(--ezui-c-text-color);
86
86
  }
87
87
 
88
- ._heading1_hj77l_12 {
88
+ ._heading1_ljnz4_12 {
89
89
  font-family: Poppins, "Poppins Fallback";
90
90
  font-weight: 500;
91
91
  font-size: 2.875rem;
@@ -93,7 +93,7 @@
93
93
  line-height: 3.5rem;
94
94
  }
95
95
  @media (min-width: 30em) {
96
- ._heading1_hj77l_12 {
96
+ ._heading1_ljnz4_12 {
97
97
  font-family: Poppins, "Poppins Fallback";
98
98
  font-weight: 500;
99
99
  font-size: 3.625rem;
@@ -102,7 +102,7 @@
102
102
  }
103
103
  }
104
104
 
105
- ._heading2_hj77l_29 {
105
+ ._heading2_ljnz4_29 {
106
106
  font-family: Poppins, "Poppins Fallback";
107
107
  font-weight: 500;
108
108
  font-size: 2.0625rem;
@@ -110,7 +110,7 @@
110
110
  line-height: 2.5rem;
111
111
  }
112
112
  @media (min-width: 30em) {
113
- ._heading2_hj77l_29 {
113
+ ._heading2_ljnz4_29 {
114
114
  font-family: Poppins, "Poppins Fallback";
115
115
  font-weight: 500;
116
116
  font-size: 2.875rem;
@@ -119,7 +119,7 @@
119
119
  }
120
120
  }
121
121
 
122
- ._heading3_hj77l_46 {
122
+ ._heading3_ljnz4_46 {
123
123
  font-family: Poppins, "Poppins Fallback";
124
124
  font-weight: 600;
125
125
  font-size: 1.4375rem;
@@ -127,7 +127,7 @@
127
127
  line-height: 2rem;
128
128
  }
129
129
  @media (min-width: 30em) {
130
- ._heading3_hj77l_46 {
130
+ ._heading3_ljnz4_46 {
131
131
  font-family: Poppins, "Poppins Fallback";
132
132
  font-weight: 500;
133
133
  font-size: 2.0625rem;
@@ -136,7 +136,7 @@
136
136
  }
137
137
  }
138
138
 
139
- ._heading4_hj77l_63 {
139
+ ._heading4_ljnz4_63 {
140
140
  font-family: Poppins, "Poppins Fallback";
141
141
  font-weight: 600;
142
142
  font-size: 1.4375rem;
@@ -144,7 +144,7 @@
144
144
  line-height: 2rem;
145
145
  }
146
146
 
147
- ._heading5_hj77l_71 {
147
+ ._heading5_ljnz4_71 {
148
148
  font-family: Poppins, "Poppins Fallback";
149
149
  font-weight: 600;
150
150
  font-size: 1.1875rem;
@@ -152,7 +152,7 @@
152
152
  line-height: 1.5rem;
153
153
  }
154
154
 
155
- ._subtitle1_hj77l_79 {
155
+ ._subtitle1_ljnz4_79 {
156
156
  font-family: Poppins, "Poppins Fallback";
157
157
  font-weight: 600;
158
158
  font-size: 0.9375rem;
@@ -160,7 +160,7 @@
160
160
  line-height: 1.5rem;
161
161
  }
162
162
 
163
- ._subtitle2_hj77l_87 {
163
+ ._subtitle2_ljnz4_87 {
164
164
  font-family: Poppins, "Poppins Fallback";
165
165
  font-weight: 500;
166
166
  font-size: 0.8125rem;
@@ -168,7 +168,7 @@
168
168
  line-height: 1rem;
169
169
  }
170
170
 
171
- ._body1_hj77l_95 {
171
+ ._body1_ljnz4_95 {
172
172
  font-family: Poppins, "Poppins Fallback";
173
173
  font-weight: 400;
174
174
  font-size: 0.9375rem;
@@ -176,7 +176,7 @@
176
176
  line-height: 1.5rem;
177
177
  }
178
178
 
179
- ._body2_hj77l_103 {
179
+ ._body2_ljnz4_103 {
180
180
  font-family: Poppins, "Poppins Fallback";
181
181
  font-weight: 400;
182
182
  font-size: 0.8125rem;
@@ -184,7 +184,7 @@
184
184
  line-height: 1rem;
185
185
  }
186
186
 
187
- ._caption_hj77l_111 {
187
+ ._caption_ljnz4_111 {
188
188
  font-family: Poppins, "Poppins Fallback";
189
189
  font-weight: 300;
190
190
  font-size: 0.75rem;
@@ -192,7 +192,7 @@
192
192
  line-height: 1rem;
193
193
  }
194
194
 
195
- ._caption2_hj77l_119 {
195
+ ._caption2_ljnz4_119 {
196
196
  font-family: Poppins, "Poppins Fallback";
197
197
  font-weight: 300;
198
198
  font-size: 0.6875rem;
@@ -200,7 +200,7 @@
200
200
  line-height: 1rem;
201
201
  }
202
202
 
203
- ._caption3_hj77l_127 {
203
+ ._caption3_ljnz4_127 {
204
204
  font-family: Poppins, "Poppins Fallback";
205
205
  font-weight: 300;
206
206
  font-size: 0.5625rem;
@@ -208,7 +208,7 @@
208
208
  line-height: 1rem;
209
209
  }
210
210
 
211
- ._overline_hj77l_135 {
211
+ ._overline_ljnz4_135 {
212
212
  font-family: Poppins, "Poppins Fallback";
213
213
  font-weight: 400;
214
214
  font-size: 0.75rem;
@@ -216,7 +216,7 @@
216
216
  line-height: 1rem;
217
217
  }
218
218
 
219
- ._overline2_hj77l_143 {
219
+ ._overline2_ljnz4_143 {
220
220
  font-family: Poppins, "Poppins Fallback";
221
221
  font-weight: 400;
222
222
  font-size: 0.625rem;
@@ -224,7 +224,7 @@
224
224
  line-height: 1rem;
225
225
  }
226
226
 
227
- ._button_hj77l_151 {
227
+ ._button_ljnz4_151 {
228
228
  font-family: Poppins, "Poppins Fallback";
229
229
  font-weight: 500;
230
230
  font-size: 0.9375rem;
@@ -232,7 +232,7 @@
232
232
  line-height: 1.5rem;
233
233
  }
234
234
 
235
- ._small-button_hj77l_159 {
235
+ ._small-button_ljnz4_159 {
236
236
  font-family: Poppins, "Poppins Fallback";
237
237
  font-weight: 500;
238
238
  font-size: 0.75rem;
@@ -240,33 +240,33 @@
240
240
  line-height: 1rem;
241
241
  }
242
242
 
243
- ._normal_hj77l_167 {
243
+ ._normal_ljnz4_167 {
244
244
  font-weight: var(--ezui-font-weight-normal);
245
245
  }
246
246
 
247
- ._medium_hj77l_171 {
247
+ ._medium_ljnz4_171 {
248
248
  font-weight: var(--ezui-font-weight-medium);
249
249
  }
250
250
 
251
- ._semibold_hj77l_175 {
251
+ ._semibold_ljnz4_175 {
252
252
  font-weight: var(--ezui-font-weight-semibold);
253
253
  }
254
254
 
255
- ._bold_hj77l_179 {
255
+ ._bold_ljnz4_179 {
256
256
  font-weight: var(--ezui-font-weight-bold);
257
257
  }
258
258
 
259
- ._truncate_hj77l_183 {
259
+ ._truncate_ljnz4_183 {
260
260
  overflow: hidden;
261
261
  white-space: nowrap;
262
262
  text-overflow: ellipsis;
263
263
  }
264
264
 
265
- ._block_hj77l_189 {
265
+ ._block_ljnz4_189 {
266
266
  display: block;
267
267
  }
268
268
 
269
- ._visuallyHidden_hj77l_193 {
269
+ ._visuallyHidden_ljnz4_193 {
270
270
  position: absolute !important;
271
271
  top: 0;
272
272
  width: 1px !important;
@@ -279,76 +279,96 @@
279
279
  white-space: nowrap !important;
280
280
  }
281
281
 
282
- ._start_hj77l_206 {
282
+ ._start_ljnz4_206 {
283
283
  text-align: start;
284
284
  }
285
285
 
286
- ._center_hj77l_210 {
286
+ ._center_ljnz4_210 {
287
287
  text-align: center;
288
288
  }
289
289
 
290
- ._end_hj77l_214 {
290
+ ._end_ljnz4_214 {
291
291
  text-align: end;
292
292
  }
293
293
 
294
- ._justify_hj77l_218 {
294
+ ._justify_ljnz4_218 {
295
295
  text-align: justify;
296
296
  }
297
297
 
298
- ._break_hj77l_222 {
298
+ ._break_ljnz4_222 {
299
299
  overflow-wrap: break-word;
300
300
  }
301
301
 
302
- ._numeric_hj77l_226 {
302
+ ._numeric_ljnz4_226 {
303
303
  font-variant-numeric: tabular-nums lining-nums;
304
304
  }
305
305
 
306
- ._transformNone_hj77l_230 {
306
+ ._transformNone_ljnz4_230 {
307
307
  text-transform: none;
308
308
  }
309
309
 
310
- ._transformCapitalize_hj77l_234 {
310
+ ._transformCapitalize_ljnz4_234 {
311
311
  text-transform: capitalize;
312
312
  }
313
313
 
314
- ._transformUppercase_hj77l_238 {
314
+ ._transformUppercase_ljnz4_238 {
315
315
  text-transform: uppercase;
316
316
  }
317
317
 
318
- ._transformLowercase_hj77l_242 {
318
+ ._transformLowercase_ljnz4_242 {
319
319
  text-transform: lowercase;
320
320
  }
321
321
 
322
- ._whiteSpaceNormal_hj77l_246 {
322
+ ._whiteSpaceNormal_ljnz4_246 {
323
323
  white-space: normal;
324
324
  }
325
325
 
326
- ._whiteSpacePre_hj77l_250 {
326
+ ._whiteSpacePre_ljnz4_250 {
327
327
  white-space: pre;
328
328
  }
329
329
 
330
- ._whiteSpaceNowrap_hj77l_254 {
330
+ ._whiteSpaceNowrap_ljnz4_254 {
331
331
  white-space: nowrap;
332
332
  }
333
333
 
334
- ._whiteSpacePre-wrap_hj77l_258 {
334
+ ._whiteSpacePre-wrap_ljnz4_258 {
335
335
  white-space: pre-wrap;
336
336
  }
337
337
 
338
- ._whiteSpaceBreak-spaces_hj77l_262 {
338
+ ._whiteSpaceBreak-spaces_ljnz4_262 {
339
339
  white-space: break-spaces;
340
340
  }
341
341
 
342
- ._whiteSpacePre-line_hj77l_266 {
342
+ ._whiteSpacePre-line_ljnz4_266 {
343
343
  white-space: pre-line;
344
344
  }
345
345
 
346
- ._fontVariantNumericNormal_hj77l_270 {
346
+ ._fontVariantNumericNormal_ljnz4_270 {
347
347
  font-variant-numeric: normal;
348
348
  }
349
349
 
350
- ._fontVariantNumericTabular-nums_hj77l_274 {
350
+ ._fontVariantNumericTabular-nums_ljnz4_274 {
351
351
  font-variant-numeric: tabular-nums;
352
+ }
353
+
354
+ ._textWrapWrap_ljnz4_278 {
355
+ text-wrap: wrap;
356
+ }
357
+
358
+ ._textWrapNoWrap_ljnz4_282 {
359
+ text-wrap: nowrap;
360
+ }
361
+
362
+ ._textWrapBalance_ljnz4_286 {
363
+ text-wrap: balance;
364
+ }
365
+
366
+ ._textWrapPretty_ljnz4_290 {
367
+ text-wrap: pretty;
368
+ }
369
+
370
+ ._textWrapStable_ljnz4_294 {
371
+ text-wrap: stable;
352
372
  }/**
353
373
  * Do not edit directly, this file was auto-generated.
354
374
  */
@@ -4844,8 +4864,8 @@ textarea {
4844
4864
  }/**
4845
4865
  * Do not edit directly, this file was auto-generated.
4846
4866
  */
4847
- ._HostedUILayout_ikal9_4 {
4848
- --ezui-c-hostedui-layout-max-width: 1369px;
4867
+ ._CustomerPortalLayout_h0niy_4 {
4868
+ --ezui-c-customerportal-layout-max-width: 1369px;
4849
4869
  display: flex;
4850
4870
  flex-direction: column;
4851
4871
  min-height: 100svh;
@@ -4855,11 +4875,11 @@ textarea {
4855
4875
  background-position: -40px -90px, calc(100% + 24px) calc(100% + 24px);
4856
4876
  }
4857
4877
 
4858
- ._logo_ikal9_15 {
4878
+ ._logo_h0niy_15 {
4859
4879
  display: inline-flex;
4860
4880
  }
4861
4881
 
4862
- ._testModeBanner_ikal9_19 {
4882
+ ._testModeBanner_h0niy_19 {
4863
4883
  width: 100%;
4864
4884
  background: var(--ezui-color-warning-100);
4865
4885
  padding: var(--ezui-space-1) var(--ezui-space-2) var(--ezui-space-1) var(--ezui-space-1);
@@ -4867,7 +4887,7 @@ textarea {
4867
4887
  box-shadow: var(--ezui-shadow-level-1);
4868
4888
  }
4869
4889
 
4870
- ._header_ikal9_27 {
4890
+ ._header_h0niy_27 {
4871
4891
  z-index: var(--ezui-z-index-nav);
4872
4892
  position: sticky;
4873
4893
  top: 0;
@@ -4877,7 +4897,7 @@ textarea {
4877
4897
  padding: 0 var(--ezui-space-3);
4878
4898
  }
4879
4899
 
4880
- ._logoAndActions_ikal9_37 {
4900
+ ._logoAndActions_h0niy_37 {
4881
4901
  display: flex;
4882
4902
  flex-wrap: nowrap;
4883
4903
  align-items: center;
@@ -4885,9 +4905,9 @@ textarea {
4885
4905
  height: var(--ezui-space-7);
4886
4906
  }
4887
4907
 
4888
- ._content_ikal9_45 {
4908
+ ._content_h0niy_45 {
4889
4909
  padding: var(--ezui-space-3);
4890
- max-width: var(--ezui-c-hostedui-layout-max-width);
4910
+ max-width: var(--ezui-c-customerportal-layout-max-width);
4891
4911
  width: 100%;
4892
4912
  margin: 0 auto;
4893
4913
  }/**
@@ -1,97 +0,0 @@
1
- import React, { ReactNode } from "react";
2
- import { HostedUILayoutActionBadge, HostedUILayoutActions, HostedUILayoutButtonAction, HostedUILayoutLinkAction, HostedUILayoutMenuAction } from "./HostedUILayoutActions";
3
- export type Mode = "test" | "production";
4
- export type HostedUILayoutProps = {
5
- /**
6
- * Displays a prominent message with an icon when in test mode.
7
- *
8
- * @default production
9
- */
10
- mode?: Mode;
11
- /**
12
- * Controls whether the EasyPost logo displays.
13
- *
14
- * @default true
15
- */
16
- shouldDisplayEasyPostLogo?: boolean;
17
- /** Layout children. */
18
- children: ReactNode;
19
- };
20
- export type HostedUILayoutHeaderProps = {
21
- /** Header children. */
22
- children: ReactNode;
23
- };
24
- export type HostedUILayoutLogoContainerProps = {
25
- /** Logo container children */
26
- children: ReactNode;
27
- };
28
- export type HostedUILayoutLogoProps = {
29
- /** Logo children. */
30
- children: ReactNode;
31
- };
32
- export type HostedUILayoutContentProps = {
33
- /** Content children. */
34
- children: ReactNode;
35
- };
36
- export type HostedUILayoutContextType = {
37
- shouldDisplayEasyPostLogo?: boolean;
38
- mode?: Mode;
39
- };
40
- export declare const useHostedUILayout: () => HostedUILayoutContextType;
41
- /**
42
- * `HostedUILayout` defines a header and main content area for a HostedUI product page.
43
- *
44
- * @remarks
45
- * `HostedUILayout` can be combined with `MultipageSection` to render a multipage navigational container.
46
- *
47
- * @example
48
- * ```tsx
49
- * <HostedUILayout mode="test">
50
- * <HostedUILayout.Header>
51
- * <HostedUILayout.LogoContainer>
52
- * <HostedUILayout.Logo>
53
- * <SomeLogo />
54
- * </HostedUILayout.Logo>
55
- * </HostedUILayout.LogoContainer>
56
- * <HostedUILayout.Actions>
57
- * <HostedUILayout.MenuAction
58
- * accessibilityLabel="Menu Action"
59
- * iconSymbol={Icon}
60
- * renderBadge={() => <HostedUILayout.ActionBadge />}
61
- * >
62
- * <Menu.Overlay onAction={() => {}}>
63
- * <Menu.Item>Action 1</Menu.Item>
64
- * <Menu.Item>Action 2</Menu.Item>
65
- * </Menu.Overlay>
66
- * </HostedUILayout.MenuAction>
67
- * <HostedUILayout.ButtonAction
68
- * accessibilityLabel="Button Action"
69
- * iconSymbol={Icon}
70
- * onPress={() => {}}
71
- * />
72
- * </HostedUILayout.Actions>
73
- * </HostedUILayout.Header>
74
- * <HostedUILayout.Content>
75
- * HostedUI Content
76
- * </HostedUILayout.Content>
77
- * </HostedUILayout>
78
- * ```
79
- */
80
- export declare function HostedUILayout(props: HostedUILayoutProps): React.JSX.Element;
81
- export declare namespace HostedUILayout {
82
- var Header: typeof HostedUILayoutHeader;
83
- var Logo: typeof HostedUILayoutLogo;
84
- var LogoContainer: typeof HostedUILayoutLogoContainer;
85
- var Actions: typeof HostedUILayoutActions;
86
- var ActionBadge: typeof HostedUILayoutActionBadge;
87
- var MenuAction: typeof HostedUILayoutMenuAction;
88
- var LinkAction: typeof HostedUILayoutLinkAction;
89
- var ButtonAction: typeof HostedUILayoutButtonAction;
90
- var Content: typeof HostedUILayoutContent;
91
- }
92
- declare function HostedUILayoutHeader(props: HostedUILayoutHeaderProps): React.JSX.Element;
93
- declare function HostedUILayoutLogo(props: HostedUILayoutLogoProps): React.JSX.Element;
94
- declare function HostedUILayoutLogoContainer(props: HostedUILayoutLogoContainerProps): React.JSX.Element;
95
- declare function HostedUILayoutContent(props: HostedUILayoutContentProps): React.JSX.Element;
96
- export {};
97
- //# sourceMappingURL=HostedUILayout.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"HostedUILayout.d.ts","sourceRoot":"","sources":["../../src/HostedUILayout/HostedUILayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAM9D,OAAO,EACL,yBAAyB,EACzB,qBAAqB,EACrB,0BAA0B,EAC1B,wBAAwB,EACxB,wBAAwB,EACzB,MAAM,yBAAyB,CAAC;AAIjC,MAAM,MAAM,IAAI,GAAG,MAAM,GAAG,YAAY,CAAC;AAEzC,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ;;;;OAIG;IACH,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,uBAAuB;IACvB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC,uBAAuB;IACvB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,gCAAgC,GAAG;IAC7C,8BAA8B;IAC9B,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,qBAAqB;IACrB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG;IACvC,wBAAwB;IACxB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,IAAI,CAAC,EAAE,IAAI,CAAC;CACb,CAAC;AAKF,eAAO,MAAM,iBAAiB,iCAM7B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,qBAexD;yBAfe,cAAc;;;;;;;;;;;AA8B9B,iBAAS,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,qBAU7D;AAED,iBAAS,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,qBAIzD;AAED,iBAAS,2BAA2B,CAAC,KAAK,EAAE,gCAAgC,qBAa3E;AAED,iBAAS,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,qBAG/D"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"HostedUILayout.stories.d.ts","sourceRoot":"","sources":["../../src/HostedUILayout/HostedUILayout.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAOlD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAC;AAE7C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAUrC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,eAAe,EAAE,KA4B7B,CAAC;AACF,eAAO,MAAM,QAAQ,EAAE,KA4BtB,CAAC;AACF,eAAO,MAAM,mBAAmB,EAAE,KA4BjC,CAAC;AAIF,eAAO,MAAM,oBAAoB,EAAE,KAoFlC,CAAC"}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=HostedUILayout.test.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"HostedUILayout.test.d.ts","sourceRoot":"","sources":["../../src/HostedUILayout/HostedUILayout.test.tsx"],"names":[],"mappings":""}