@easypost/easy-ui 1.0.0-alpha.86 → 1.0.0-alpha.88

package/style.css

@@ -77,7 +77,7 @@
 }/**
  * Do not edit directly, this file was auto-generated.
  */
-._Text_hj77l_4 {
+._Text_ljnz4_4 {
   --ezui-c-text-color: inherit;
   margin: 0;
   padding: 0;
@@ -85,7 +85,7 @@
   color: var(--ezui-c-text-color);
 }
 
-._heading1_hj77l_12 {
+._heading1_ljnz4_12 {
   font-family: Poppins, "Poppins Fallback";
   font-weight: 500;
   font-size: 2.875rem;
@@ -93,7 +93,7 @@
   line-height: 3.5rem;
 }
 @media (min-width: 30em) {
-  ._heading1_hj77l_12 {
+  ._heading1_ljnz4_12 {
     font-family: Poppins, "Poppins Fallback";
     font-weight: 500;
     font-size: 3.625rem;
@@ -102,7 +102,7 @@
   }
 }
 
-._heading2_hj77l_29 {
+._heading2_ljnz4_29 {
   font-family: Poppins, "Poppins Fallback";
   font-weight: 500;
   font-size: 2.0625rem;
@@ -110,7 +110,7 @@
   line-height: 2.5rem;
 }
 @media (min-width: 30em) {
-  ._heading2_hj77l_29 {
+  ._heading2_ljnz4_29 {
     font-family: Poppins, "Poppins Fallback";
     font-weight: 500;
     font-size: 2.875rem;
@@ -119,7 +119,7 @@
   }
 }
 
-._heading3_hj77l_46 {
+._heading3_ljnz4_46 {
   font-family: Poppins, "Poppins Fallback";
   font-weight: 600;
   font-size: 1.4375rem;
@@ -127,7 +127,7 @@
   line-height: 2rem;
 }
 @media (min-width: 30em) {
-  ._heading3_hj77l_46 {
+  ._heading3_ljnz4_46 {
     font-family: Poppins, "Poppins Fallback";
     font-weight: 500;
     font-size: 2.0625rem;
@@ -136,7 +136,7 @@
   }
 }
 
-._heading4_hj77l_63 {
+._heading4_ljnz4_63 {
   font-family: Poppins, "Poppins Fallback";
   font-weight: 600;
   font-size: 1.4375rem;
@@ -144,7 +144,7 @@
   line-height: 2rem;
 }
 
-._heading5_hj77l_71 {
+._heading5_ljnz4_71 {
   font-family: Poppins, "Poppins Fallback";
   font-weight: 600;
   font-size: 1.1875rem;
@@ -152,7 +152,7 @@
   line-height: 1.5rem;
 }
 
-._subtitle1_hj77l_79 {
+._subtitle1_ljnz4_79 {
   font-family: Poppins, "Poppins Fallback";
   font-weight: 600;
   font-size: 0.9375rem;
@@ -160,7 +160,7 @@
   line-height: 1.5rem;
 }
 
-._subtitle2_hj77l_87 {
+._subtitle2_ljnz4_87 {
   font-family: Poppins, "Poppins Fallback";
   font-weight: 500;
   font-size: 0.8125rem;
@@ -168,7 +168,7 @@
   line-height: 1rem;
 }
 
-._body1_hj77l_95 {
+._body1_ljnz4_95 {
   font-family: Poppins, "Poppins Fallback";
   font-weight: 400;
   font-size: 0.9375rem;
@@ -176,7 +176,7 @@
   line-height: 1.5rem;
 }
 
-._body2_hj77l_103 {
+._body2_ljnz4_103 {
   font-family: Poppins, "Poppins Fallback";
   font-weight: 400;
   font-size: 0.8125rem;
@@ -184,7 +184,7 @@
   line-height: 1rem;
 }
 
-._caption_hj77l_111 {
+._caption_ljnz4_111 {
   font-family: Poppins, "Poppins Fallback";
   font-weight: 300;
   font-size: 0.75rem;
@@ -192,7 +192,7 @@
   line-height: 1rem;
 }
 
-._caption2_hj77l_119 {
+._caption2_ljnz4_119 {
   font-family: Poppins, "Poppins Fallback";
   font-weight: 300;
   font-size: 0.6875rem;
@@ -200,7 +200,7 @@
   line-height: 1rem;
 }
 
-._caption3_hj77l_127 {
+._caption3_ljnz4_127 {
   font-family: Poppins, "Poppins Fallback";
   font-weight: 300;
   font-size: 0.5625rem;
@@ -208,7 +208,7 @@
   line-height: 1rem;
 }
 
-._overline_hj77l_135 {
+._overline_ljnz4_135 {
   font-family: Poppins, "Poppins Fallback";
   font-weight: 400;
   font-size: 0.75rem;
@@ -216,7 +216,7 @@
   line-height: 1rem;
 }
 
-._overline2_hj77l_143 {
+._overline2_ljnz4_143 {
   font-family: Poppins, "Poppins Fallback";
   font-weight: 400;
   font-size: 0.625rem;
@@ -224,7 +224,7 @@
   line-height: 1rem;
 }
 
-._button_hj77l_151 {
+._button_ljnz4_151 {
   font-family: Poppins, "Poppins Fallback";
   font-weight: 500;
   font-size: 0.9375rem;
@@ -232,7 +232,7 @@
   line-height: 1.5rem;
 }
 
-._small-button_hj77l_159 {
+._small-button_ljnz4_159 {
   font-family: Poppins, "Poppins Fallback";
   font-weight: 500;
   font-size: 0.75rem;
@@ -240,33 +240,33 @@
   line-height: 1rem;
 }
 
-._normal_hj77l_167 {
+._normal_ljnz4_167 {
   font-weight: var(--ezui-font-weight-normal);
 }
 
-._medium_hj77l_171 {
+._medium_ljnz4_171 {
   font-weight: var(--ezui-font-weight-medium);
 }
 
-._semibold_hj77l_175 {
+._semibold_ljnz4_175 {
   font-weight: var(--ezui-font-weight-semibold);
 }
 
-._bold_hj77l_179 {
+._bold_ljnz4_179 {
   font-weight: var(--ezui-font-weight-bold);
 }
 
-._truncate_hj77l_183 {
+._truncate_ljnz4_183 {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
 
-._block_hj77l_189 {
+._block_ljnz4_189 {
   display: block;
 }
 
-._visuallyHidden_hj77l_193 {
+._visuallyHidden_ljnz4_193 {
   position: absolute !important;
   top: 0;
   width: 1px !important;
@@ -279,76 +279,96 @@
   white-space: nowrap !important;
 }
 
-._start_hj77l_206 {
+._start_ljnz4_206 {
   text-align: start;
 }
 
-._center_hj77l_210 {
+._center_ljnz4_210 {
   text-align: center;
 }
 
-._end_hj77l_214 {
+._end_ljnz4_214 {
   text-align: end;
 }
 
-._justify_hj77l_218 {
+._justify_ljnz4_218 {
   text-align: justify;
 }
 
-._break_hj77l_222 {
+._break_ljnz4_222 {
   overflow-wrap: break-word;
 }
 
-._numeric_hj77l_226 {
+._numeric_ljnz4_226 {
   font-variant-numeric: tabular-nums lining-nums;
 }
 
-._transformNone_hj77l_230 {
+._transformNone_ljnz4_230 {
   text-transform: none;
 }
 
-._transformCapitalize_hj77l_234 {
+._transformCapitalize_ljnz4_234 {
   text-transform: capitalize;
 }
 
-._transformUppercase_hj77l_238 {
+._transformUppercase_ljnz4_238 {
   text-transform: uppercase;
 }
 
-._transformLowercase_hj77l_242 {
+._transformLowercase_ljnz4_242 {
   text-transform: lowercase;
 }
 
-._whiteSpaceNormal_hj77l_246 {
+._whiteSpaceNormal_ljnz4_246 {
   white-space: normal;
 }
 
-._whiteSpacePre_hj77l_250 {
+._whiteSpacePre_ljnz4_250 {
   white-space: pre;
 }
 
-._whiteSpaceNowrap_hj77l_254 {
+._whiteSpaceNowrap_ljnz4_254 {
   white-space: nowrap;
 }
 
-._whiteSpacePre-wrap_hj77l_258 {
+._whiteSpacePre-wrap_ljnz4_258 {
   white-space: pre-wrap;
 }
 
-._whiteSpaceBreak-spaces_hj77l_262 {
+._whiteSpaceBreak-spaces_ljnz4_262 {
   white-space: break-spaces;
 }
 
-._whiteSpacePre-line_hj77l_266 {
+._whiteSpacePre-line_ljnz4_266 {
   white-space: pre-line;
 }
 
-._fontVariantNumericNormal_hj77l_270 {
+._fontVariantNumericNormal_ljnz4_270 {
   font-variant-numeric: normal;
 }
 
-._fontVariantNumericTabular-nums_hj77l_274 {
+._fontVariantNumericTabular-nums_ljnz4_274 {
   font-variant-numeric: tabular-nums;
+}
+
+._textWrapWrap_ljnz4_278 {
+  text-wrap: wrap;
+}
+
+._textWrapNoWrap_ljnz4_282 {
+  text-wrap: nowrap;
+}
+
+._textWrapBalance_ljnz4_286 {
+  text-wrap: balance;
+}
+
+._textWrapPretty_ljnz4_290 {
+  text-wrap: pretty;
+}
+
+._textWrapStable_ljnz4_294 {
+  text-wrap: stable;
 }/**
  * Do not edit directly, this file was auto-generated.
  */

package/__chunks__/Text-B1xglKFU.js

@@ -1,112 +0,0 @@
-"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;
-};
-const React = require("react");
-const utilities_css = require("../utilities/css.js");
-const Text$1 = "_Text_hj77l_4";
-const heading1 = "_heading1_hj77l_12";
-const heading2 = "_heading2_hj77l_29";
-const heading3 = "_heading3_hj77l_46";
-const heading4 = "_heading4_hj77l_63";
-const heading5 = "_heading5_hj77l_71";
-const subtitle1 = "_subtitle1_hj77l_79";
-const subtitle2 = "_subtitle2_hj77l_87";
-const body1 = "_body1_hj77l_95";
-const body2 = "_body2_hj77l_103";
-const caption = "_caption_hj77l_111";
-const caption2 = "_caption2_hj77l_119";
-const caption3 = "_caption3_hj77l_127";
-const overline = "_overline_hj77l_135";
-const overline2 = "_overline2_hj77l_143";
-const button = "_button_hj77l_151";
-const normal = "_normal_hj77l_167";
-const medium = "_medium_hj77l_171";
-const semibold = "_semibold_hj77l_175";
-const bold = "_bold_hj77l_179";
-const truncate = "_truncate_hj77l_183";
-const block = "_block_hj77l_189";
-const visuallyHidden = "_visuallyHidden_hj77l_193";
-const start = "_start_hj77l_206";
-const center = "_center_hj77l_210";
-const end = "_end_hj77l_214";
-const justify = "_justify_hj77l_218";
-const numeric = "_numeric_hj77l_226";
-const transformNone = "_transformNone_hj77l_230";
-const transformCapitalize = "_transformCapitalize_hj77l_234";
-const transformUppercase = "_transformUppercase_hj77l_238";
-const transformLowercase = "_transformLowercase_hj77l_242";
-const whiteSpaceNormal = "_whiteSpaceNormal_hj77l_246";
-const whiteSpacePre = "_whiteSpacePre_hj77l_250";
-const whiteSpaceNowrap = "_whiteSpaceNowrap_hj77l_254";
-const fontVariantNumericNormal = "_fontVariantNumericNormal_hj77l_270";
-const styles = {
-  Text: Text$1,
-  heading1,
-  heading2,
-  heading3,
-  heading4,
-  heading5,
-  subtitle1,
-  subtitle2,
-  body1,
-  body2,
-  caption,
-  caption2,
-  caption3,
-  overline,
-  overline2,
-  button,
-  "small-button": "_small-button_hj77l_159",
-  normal,
-  medium,
-  semibold,
-  bold,
-  truncate,
-  block,
-  visuallyHidden,
-  start,
-  center,
-  end,
-  justify,
-  "break": "_break_hj77l_222",
-  numeric,
-  transformNone,
-  transformCapitalize,
-  transformUppercase,
-  transformLowercase,
-  whiteSpaceNormal,
-  whiteSpacePre,
-  whiteSpaceNowrap,
-  "whiteSpacePre-wrap": "_whiteSpacePre-wrap_hj77l_258",
-  "whiteSpaceBreak-spaces": "_whiteSpaceBreak-spaces_hj77l_262",
-  "whiteSpacePre-line": "_whiteSpacePre-line_hj77l_266",
-  fontVariantNumericNormal,
-  "fontVariantNumericTabular-nums": "_fontVariantNumericTabular-nums_hj77l_274"
-};
-function Text({ alignment, as: Component = "span", breakWord = false, children, color, fontVariantNumeric, id, transform = "none", truncate: truncate2 = false, variant, visuallyHidden: visuallyHidden2 = false, weight, whiteSpace }) {
-  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, transform && styles[utilities_css.variationName("transform", transform)], whiteSpace && styles[utilities_css.variationName("whiteSpace", whiteSpace)], fontVariantNumeric && styles[utilities_css.variationName("fontVariantNumeric", fontVariantNumeric)]);
-  const style = __spreadValues({}, utilities_css.getComponentThemeToken("text", "color", "color", utilities_css.backwardsCompatibleColorToken(color)));
-  return React.createElement(Component, {
-    className,
-    style,
-    id: id ? id : void 0
-  }, children);
-}
-function cleanVariant(variant) {
-  return variant.replace(/_/, "-");
-}
-exports.Text = Text;

package/__chunks__/Text-CX5GoBTS.mjs

@@ -1,113 +0,0 @@
-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, variationName, getComponentThemeToken, backwardsCompatibleColorToken } from "../utilities/css.mjs";
-const Text$1 = "_Text_hj77l_4";
-const heading1 = "_heading1_hj77l_12";
-const heading2 = "_heading2_hj77l_29";
-const heading3 = "_heading3_hj77l_46";
-const heading4 = "_heading4_hj77l_63";
-const heading5 = "_heading5_hj77l_71";
-const subtitle1 = "_subtitle1_hj77l_79";
-const subtitle2 = "_subtitle2_hj77l_87";
-const body1 = "_body1_hj77l_95";
-const body2 = "_body2_hj77l_103";
-const caption = "_caption_hj77l_111";
-const caption2 = "_caption2_hj77l_119";
-const caption3 = "_caption3_hj77l_127";
-const overline = "_overline_hj77l_135";
-const overline2 = "_overline2_hj77l_143";
-const button = "_button_hj77l_151";
-const normal = "_normal_hj77l_167";
-const medium = "_medium_hj77l_171";
-const semibold = "_semibold_hj77l_175";
-const bold = "_bold_hj77l_179";
-const truncate = "_truncate_hj77l_183";
-const block = "_block_hj77l_189";
-const visuallyHidden = "_visuallyHidden_hj77l_193";
-const start = "_start_hj77l_206";
-const center = "_center_hj77l_210";
-const end = "_end_hj77l_214";
-const justify = "_justify_hj77l_218";
-const numeric = "_numeric_hj77l_226";
-const transformNone = "_transformNone_hj77l_230";
-const transformCapitalize = "_transformCapitalize_hj77l_234";
-const transformUppercase = "_transformUppercase_hj77l_238";
-const transformLowercase = "_transformLowercase_hj77l_242";
-const whiteSpaceNormal = "_whiteSpaceNormal_hj77l_246";
-const whiteSpacePre = "_whiteSpacePre_hj77l_250";
-const whiteSpaceNowrap = "_whiteSpaceNowrap_hj77l_254";
-const fontVariantNumericNormal = "_fontVariantNumericNormal_hj77l_270";
-const styles = {
-  Text: Text$1,
-  heading1,
-  heading2,
-  heading3,
-  heading4,
-  heading5,
-  subtitle1,
-  subtitle2,
-  body1,
-  body2,
-  caption,
-  caption2,
-  caption3,
-  overline,
-  overline2,
-  button,
-  "small-button": "_small-button_hj77l_159",
-  normal,
-  medium,
-  semibold,
-  bold,
-  truncate,
-  block,
-  visuallyHidden,
-  start,
-  center,
-  end,
-  justify,
-  "break": "_break_hj77l_222",
-  numeric,
-  transformNone,
-  transformCapitalize,
-  transformUppercase,
-  transformLowercase,
-  whiteSpaceNormal,
-  whiteSpacePre,
-  whiteSpaceNowrap,
-  "whiteSpacePre-wrap": "_whiteSpacePre-wrap_hj77l_258",
-  "whiteSpaceBreak-spaces": "_whiteSpaceBreak-spaces_hj77l_262",
-  "whiteSpacePre-line": "_whiteSpacePre-line_hj77l_266",
-  fontVariantNumericNormal,
-  "fontVariantNumericTabular-nums": "_fontVariantNumericTabular-nums_hj77l_274"
-};
-function Text({ alignment, as: Component = "span", breakWord = false, children, color, fontVariantNumeric, id, transform = "none", truncate: truncate2 = false, variant, visuallyHidden: visuallyHidden2 = false, weight, whiteSpace }) {
-  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, transform && styles[variationName("transform", transform)], whiteSpace && styles[variationName("whiteSpace", whiteSpace)], fontVariantNumeric && styles[variationName("fontVariantNumeric", fontVariantNumeric)]);
-  const style = __spreadValues({}, getComponentThemeToken("text", "color", "color", backwardsCompatibleColorToken(color)));
-  return React__default.createElement(Component, {
-    className,
-    style,
-    id: id ? id : void 0
-  }, children);
-}
-function cleanVariant(variant) {
-  return variant.replace(/_/, "-");
-}
-export {
-  Text as T
-};