@easypost/easy-ui 1.0.0-alpha.75 → 1.0.0-alpha.77

package/styles/_token-helpers.scss

@@ -30,3 +30,7 @@
   $cleanedComponentProp: string.clean-name($componentProp);
   @return var(--ezui-c-#{$cleanedComponentName}-#{$cleanedComponentProp});
 }
+
+@function negate($token) {
+  @return calc(#{$token} * -1);
+}

package/__chunks__/Text-BYGcKHR7.mjs

@@ -1,110 +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_plajv_4";
-const heading1 = "_heading1_plajv_12";
-const heading2 = "_heading2_plajv_29";
-const heading3 = "_heading3_plajv_46";
-const heading4 = "_heading4_plajv_63";
-const heading5 = "_heading5_plajv_71";
-const subtitle1 = "_subtitle1_plajv_79";
-const subtitle2 = "_subtitle2_plajv_87";
-const body1 = "_body1_plajv_95";
-const body2 = "_body2_plajv_103";
-const caption = "_caption_plajv_111";
-const caption2 = "_caption2_plajv_119";
-const caption3 = "_caption3_plajv_127";
-const overline = "_overline_plajv_135";
-const overline2 = "_overline2_plajv_143";
-const button = "_button_plajv_151";
-const normal = "_normal_plajv_167";
-const medium = "_medium_plajv_171";
-const semibold = "_semibold_plajv_175";
-const bold = "_bold_plajv_179";
-const truncate = "_truncate_plajv_183";
-const block = "_block_plajv_189";
-const visuallyHidden = "_visuallyHidden_plajv_193";
-const start = "_start_plajv_206";
-const center = "_center_plajv_210";
-const end = "_end_plajv_214";
-const justify = "_justify_plajv_218";
-const numeric = "_numeric_plajv_226";
-const transformNone = "_transformNone_plajv_230";
-const transformCapitalize = "_transformCapitalize_plajv_234";
-const transformUppercase = "_transformUppercase_plajv_238";
-const transformLowercase = "_transformLowercase_plajv_242";
-const whiteSpaceNormal = "_whiteSpaceNormal_plajv_246";
-const whiteSpacePre = "_whiteSpacePre_plajv_250";
-const whiteSpaceNowrap = "_whiteSpaceNowrap_plajv_254";
-const styles = {
-  Text: Text$1,
-  heading1,
-  heading2,
-  heading3,
-  heading4,
-  heading5,
-  subtitle1,
-  subtitle2,
-  body1,
-  body2,
-  caption,
-  caption2,
-  caption3,
-  overline,
-  overline2,
-  button,
-  "small-button": "_small-button_plajv_159",
-  normal,
-  medium,
-  semibold,
-  bold,
-  truncate,
-  block,
-  visuallyHidden,
-  start,
-  center,
-  end,
-  justify,
-  "break": "_break_plajv_222",
-  numeric,
-  transformNone,
-  transformCapitalize,
-  transformUppercase,
-  transformLowercase,
-  whiteSpaceNormal,
-  whiteSpacePre,
-  whiteSpaceNowrap,
-  "whiteSpacePre-wrap": "_whiteSpacePre-wrap_plajv_258",
-  "whiteSpaceBreak-spaces": "_whiteSpaceBreak-spaces_plajv_262",
-  "whiteSpacePre-line": "_whiteSpacePre-line_plajv_266"
-};
-function Text({ alignment, as: Component = "span", breakWord = false, children, color, 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)]);
-  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
-};

package/__chunks__/Text-DZ601qf9.js

@@ -1,109 +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_plajv_4";
-const heading1 = "_heading1_plajv_12";
-const heading2 = "_heading2_plajv_29";
-const heading3 = "_heading3_plajv_46";
-const heading4 = "_heading4_plajv_63";
-const heading5 = "_heading5_plajv_71";
-const subtitle1 = "_subtitle1_plajv_79";
-const subtitle2 = "_subtitle2_plajv_87";
-const body1 = "_body1_plajv_95";
-const body2 = "_body2_plajv_103";
-const caption = "_caption_plajv_111";
-const caption2 = "_caption2_plajv_119";
-const caption3 = "_caption3_plajv_127";
-const overline = "_overline_plajv_135";
-const overline2 = "_overline2_plajv_143";
-const button = "_button_plajv_151";
-const normal = "_normal_plajv_167";
-const medium = "_medium_plajv_171";
-const semibold = "_semibold_plajv_175";
-const bold = "_bold_plajv_179";
-const truncate = "_truncate_plajv_183";
-const block = "_block_plajv_189";
-const visuallyHidden = "_visuallyHidden_plajv_193";
-const start = "_start_plajv_206";
-const center = "_center_plajv_210";
-const end = "_end_plajv_214";
-const justify = "_justify_plajv_218";
-const numeric = "_numeric_plajv_226";
-const transformNone = "_transformNone_plajv_230";
-const transformCapitalize = "_transformCapitalize_plajv_234";
-const transformUppercase = "_transformUppercase_plajv_238";
-const transformLowercase = "_transformLowercase_plajv_242";
-const whiteSpaceNormal = "_whiteSpaceNormal_plajv_246";
-const whiteSpacePre = "_whiteSpacePre_plajv_250";
-const whiteSpaceNowrap = "_whiteSpaceNowrap_plajv_254";
-const styles = {
-  Text: Text$1,
-  heading1,
-  heading2,
-  heading3,
-  heading4,
-  heading5,
-  subtitle1,
-  subtitle2,
-  body1,
-  body2,
-  caption,
-  caption2,
-  caption3,
-  overline,
-  overline2,
-  button,
-  "small-button": "_small-button_plajv_159",
-  normal,
-  medium,
-  semibold,
-  bold,
-  truncate,
-  block,
-  visuallyHidden,
-  start,
-  center,
-  end,
-  justify,
-  "break": "_break_plajv_222",
-  numeric,
-  transformNone,
-  transformCapitalize,
-  transformUppercase,
-  transformLowercase,
-  whiteSpaceNormal,
-  whiteSpacePre,
-  whiteSpaceNowrap,
-  "whiteSpacePre-wrap": "_whiteSpacePre-wrap_plajv_258",
-  "whiteSpaceBreak-spaces": "_whiteSpaceBreak-spaces_plajv_262",
-  "whiteSpacePre-line": "_whiteSpacePre-line_plajv_266"
-};
-function Text({ alignment, as: Component = "span", breakWord = false, children, color, 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)]);
-  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;