@easypost/easy-ui 1.0.0-alpha.76 → 1.0.0-alpha.78

package/style.css

@@ -77,7 +77,7 @@
 }/**
  * Do not edit directly, this file was auto-generated.
  */
-._Text_plajv_4 {
+._Text_hj77l_4 {
   --ezui-c-text-color: inherit;
   margin: 0;
   padding: 0;
@@ -85,7 +85,7 @@
   color: var(--ezui-c-text-color);
 }
 
-._heading1_plajv_12 {
+._heading1_hj77l_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_plajv_12 {
+  ._heading1_hj77l_12 {
     font-family: Poppins, "Poppins Fallback";
     font-weight: 500;
     font-size: 3.625rem;
@@ -102,7 +102,7 @@
   }
 }
 
-._heading2_plajv_29 {
+._heading2_hj77l_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_plajv_29 {
+  ._heading2_hj77l_29 {
     font-family: Poppins, "Poppins Fallback";
     font-weight: 500;
     font-size: 2.875rem;
@@ -119,7 +119,7 @@
   }
 }
 
-._heading3_plajv_46 {
+._heading3_hj77l_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_plajv_46 {
+  ._heading3_hj77l_46 {
     font-family: Poppins, "Poppins Fallback";
     font-weight: 500;
     font-size: 2.0625rem;
@@ -136,7 +136,7 @@
   }
 }
 
-._heading4_plajv_63 {
+._heading4_hj77l_63 {
   font-family: Poppins, "Poppins Fallback";
   font-weight: 600;
   font-size: 1.4375rem;
@@ -144,7 +144,7 @@
   line-height: 2rem;
 }
 
-._heading5_plajv_71 {
+._heading5_hj77l_71 {
   font-family: Poppins, "Poppins Fallback";
   font-weight: 600;
   font-size: 1.1875rem;
@@ -152,7 +152,7 @@
   line-height: 1.5rem;
 }
 
-._subtitle1_plajv_79 {
+._subtitle1_hj77l_79 {
   font-family: Poppins, "Poppins Fallback";
   font-weight: 600;
   font-size: 0.9375rem;
@@ -160,7 +160,7 @@
   line-height: 1.5rem;
 }
 
-._subtitle2_plajv_87 {
+._subtitle2_hj77l_87 {
   font-family: Poppins, "Poppins Fallback";
   font-weight: 500;
   font-size: 0.8125rem;
@@ -168,7 +168,7 @@
   line-height: 1rem;
 }
 
-._body1_plajv_95 {
+._body1_hj77l_95 {
   font-family: Poppins, "Poppins Fallback";
   font-weight: 400;
   font-size: 0.9375rem;
@@ -176,7 +176,7 @@
   line-height: 1.5rem;
 }
 
-._body2_plajv_103 {
+._body2_hj77l_103 {
   font-family: Poppins, "Poppins Fallback";
   font-weight: 400;
   font-size: 0.8125rem;
@@ -184,7 +184,7 @@
   line-height: 1rem;
 }
 
-._caption_plajv_111 {
+._caption_hj77l_111 {
   font-family: Poppins, "Poppins Fallback";
   font-weight: 300;
   font-size: 0.75rem;
@@ -192,7 +192,7 @@
   line-height: 1rem;
 }
 
-._caption2_plajv_119 {
+._caption2_hj77l_119 {
   font-family: Poppins, "Poppins Fallback";
   font-weight: 300;
   font-size: 0.6875rem;
@@ -200,7 +200,7 @@
   line-height: 1rem;
 }
 
-._caption3_plajv_127 {
+._caption3_hj77l_127 {
   font-family: Poppins, "Poppins Fallback";
   font-weight: 300;
   font-size: 0.5625rem;
@@ -208,7 +208,7 @@
   line-height: 1rem;
 }
 
-._overline_plajv_135 {
+._overline_hj77l_135 {
   font-family: Poppins, "Poppins Fallback";
   font-weight: 400;
   font-size: 0.75rem;
@@ -216,7 +216,7 @@
   line-height: 1rem;
 }
 
-._overline2_plajv_143 {
+._overline2_hj77l_143 {
   font-family: Poppins, "Poppins Fallback";
   font-weight: 400;
   font-size: 0.625rem;
@@ -224,7 +224,7 @@
   line-height: 1rem;
 }
 
-._button_plajv_151 {
+._button_hj77l_151 {
   font-family: Poppins, "Poppins Fallback";
   font-weight: 500;
   font-size: 0.9375rem;
@@ -232,7 +232,7 @@
   line-height: 1.5rem;
 }
 
-._small-button_plajv_159 {
+._small-button_hj77l_159 {
   font-family: Poppins, "Poppins Fallback";
   font-weight: 500;
   font-size: 0.75rem;
@@ -240,33 +240,33 @@
   line-height: 1rem;
 }
 
-._normal_plajv_167 {
+._normal_hj77l_167 {
   font-weight: var(--ezui-font-weight-normal);
 }
 
-._medium_plajv_171 {
+._medium_hj77l_171 {
   font-weight: var(--ezui-font-weight-medium);
 }
 
-._semibold_plajv_175 {
+._semibold_hj77l_175 {
   font-weight: var(--ezui-font-weight-semibold);
 }
 
-._bold_plajv_179 {
+._bold_hj77l_179 {
   font-weight: var(--ezui-font-weight-bold);
 }
 
-._truncate_plajv_183 {
+._truncate_hj77l_183 {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
 
-._block_plajv_189 {
+._block_hj77l_189 {
   display: block;
 }
 
-._visuallyHidden_plajv_193 {
+._visuallyHidden_hj77l_193 {
   position: absolute !important;
   top: 0;
   width: 1px !important;
@@ -279,68 +279,76 @@
   white-space: nowrap !important;
 }
 
-._start_plajv_206 {
+._start_hj77l_206 {
   text-align: start;
 }
 
-._center_plajv_210 {
+._center_hj77l_210 {
   text-align: center;
 }
 
-._end_plajv_214 {
+._end_hj77l_214 {
   text-align: end;
 }
 
-._justify_plajv_218 {
+._justify_hj77l_218 {
   text-align: justify;
 }
 
-._break_plajv_222 {
+._break_hj77l_222 {
   overflow-wrap: break-word;
 }
 
-._numeric_plajv_226 {
+._numeric_hj77l_226 {
   font-variant-numeric: tabular-nums lining-nums;
 }
 
-._transformNone_plajv_230 {
+._transformNone_hj77l_230 {
   text-transform: none;
 }
 
-._transformCapitalize_plajv_234 {
+._transformCapitalize_hj77l_234 {
   text-transform: capitalize;
 }
 
-._transformUppercase_plajv_238 {
+._transformUppercase_hj77l_238 {
   text-transform: uppercase;
 }
 
-._transformLowercase_plajv_242 {
+._transformLowercase_hj77l_242 {
   text-transform: lowercase;
 }
 
-._whiteSpaceNormal_plajv_246 {
+._whiteSpaceNormal_hj77l_246 {
   white-space: normal;
 }
 
-._whiteSpacePre_plajv_250 {
+._whiteSpacePre_hj77l_250 {
   white-space: pre;
 }
 
-._whiteSpaceNowrap_plajv_254 {
+._whiteSpaceNowrap_hj77l_254 {
   white-space: nowrap;
 }
 
-._whiteSpacePre-wrap_plajv_258 {
+._whiteSpacePre-wrap_hj77l_258 {
   white-space: pre-wrap;
 }
 
-._whiteSpaceBreak-spaces_plajv_262 {
+._whiteSpaceBreak-spaces_hj77l_262 {
   white-space: break-spaces;
 }
 
-._whiteSpacePre-line_plajv_266 {
+._whiteSpacePre-line_hj77l_266 {
   white-space: pre-line;
+}
+
+._fontVariantNumericNormal_hj77l_270 {
+  font-variant-numeric: normal;
+}
+
+._fontVariantNumericTabular-nums_hj77l_274 {
+  font-variant-numeric: tabular-nums;
 }/**
  * Do not edit directly, this file was auto-generated.
  */
@@ -2811,6 +2819,7 @@ button._container_31824_4:not([disabled]) {
   --ezui-space-0-25: 0.125rem;
   --ezui-space-0-5: 0.25rem;
   --ezui-space-1-5: 0.75rem;
+  --ezui-space-3-5: 1.75rem;
   --ezui-space-4-5: 2.25rem;
   --ezui-theme-light-color-primary-900: #000824;
   --ezui-theme-light-color-primary-800: #061340;
@@ -3770,6 +3779,47 @@ textarea {
 }/**
  * Do not edit directly, this file was auto-generated.
  */
+._link_11zdn_4 {
+  text-decoration: none;
+}
+
+._button_11zdn_8 {
+  appearance: none;
+  margin: 0;
+  padding: 0;
+  background: none;
+  border: 0;
+  font-size: inherit;
+  line-height: inherit;
+  color: inherit;
+}
+
+._link_11zdn_4,
+._button_11zdn_8 {
+  cursor: pointer;
+  border-radius: var(--ezui-shape-border-radius-lg);
+}
+
+._callout_11zdn_25 {
+  display: flex;
+  flex-direction: column;
+  min-height: var(--ezui-space-3-5);
+}
+
+._illustration_11zdn_31 {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+  margin-bottom: invert(var(--ezui-space-2));
+}
+._illustration_11zdn_31 svg,
+._illustration_11zdn_31 img {
+  display: block;
+  width: 100%;
+}/**
+ * Do not edit directly, this file was auto-generated.
+ */
 ._IconButton_16fh0_4 {
   display: inline-flex;
   align-items: center;
@@ -4084,7 +4134,7 @@ textarea {
 }/**
  * Do not edit directly, this file was auto-generated.
  */
-._root_s8gdi_4 {
+._root_kb4na_4 {
   font-family: Poppins, "Poppins Fallback";
   font-weight: 500;
   font-size: 0.75rem;
@@ -4095,77 +4145,87 @@ textarea {
   overflow: hidden;
 }
 
-._primary_s8gdi_15,
-._secondary_s8gdi_16 {
+._block_kb4na_15 {
+  display: flex;
+}
+
+._primary_kb4na_19,
+._secondary_kb4na_20 {
   display: inline-flex;
   padding: var(--ezui-space-0-5);
 }
 
-._primary_s8gdi_15 {
+._primary_kb4na_19 {
   background: var(--ezui-c-badge-primary-color-background);
   color: var(--ezui-c-badge-primary-color-text);
 }
 
-._secondary_s8gdi_16 {
+._secondary_kb4na_20 {
   background: var(--ezui-c-badge-secondary-color-background);
   color: var(--ezui-c-badge-secondary-color-text);
 }
 
-._text_s8gdi_31 {
+._block_kb4na_15:not(._hasSecondary_kb4na_35) ._primary_kb4na_19,
+._block_kb4na_15._hasSecondary_kb4na_35 ._secondary_kb4na_20 {
+  flex: 1;
+  justify-content: center;
+}
+
+._text_kb4na_41 {
   display: inline-flex;
   padding: var(--ezui-space-0-25) var(--ezui-space-0-5);
 }
 
-._variantPrimary_s8gdi_36 {
+._variantPrimary_kb4na_46 {
   --ezui-c-badge-primary-color-background: var(--ezui-color-primary-600);
   --ezui-c-badge-primary-color-text: var(--ezui-color-neutral-000);
   --ezui-c-badge-secondary-color-background: var(--ezui-color-primary-100);
   --ezui-c-badge-secondary-color-text: var(--ezui-color-primary-800);
 }
 
-._variantSecondary_s8gdi_43 {
+._variantSecondary_kb4na_53 {
   --ezui-c-badge-primary-color-background: var(--ezui-color-secondary-600);
   --ezui-c-badge-primary-color-text: var(--ezui-color-neutral-000);
   --ezui-c-badge-secondary-color-background: var(--ezui-color-secondary-100);
   --ezui-c-badge-secondary-color-text: var(--ezui-color-primary-800);
 }
 
-._variantBlack_s8gdi_50 {
+._variantBlack_kb4na_60 {
   --ezui-c-badge-primary-color-background: var(--ezui-color-neutral-800);
   --ezui-c-badge-primary-color-text: var(--ezui-color-neutral-000);
   --ezui-c-badge-secondary-color-background: var(--ezui-color-neutral-050);
   --ezui-c-badge-secondary-color-text: var(--ezui-color-primary-800);
 }
 
-._variantInverse_s8gdi_57 {
+._variantInverse_kb4na_67 {
   --ezui-c-badge-primary-color-background: var(--ezui-color-neutral-100);
   --ezui-c-badge-primary-color-text: var(--ezui-color-neutral-900);
   --ezui-c-badge-secondary-color-background: var(--ezui-color-neutral-050);
   --ezui-c-badge-secondary-color-text: var(--ezui-color-primary-800);
 }
 
-._variantGray_s8gdi_64 {
+._variantGray_kb4na_74 {
   --ezui-c-badge-primary-color-background: var(--ezui-color-neutral-600);
   --ezui-c-badge-primary-color-text: var(--ezui-color-neutral-000);
   --ezui-c-badge-secondary-color-background: var(--ezui-color-neutral-050);
   --ezui-c-badge-secondary-color-text: var(--ezui-color-primary-800);
 }
 
-._variantSuccess_s8gdi_71 {
+._variantSuccess_kb4na_81 {
   --ezui-c-badge-primary-color-background: var(--ezui-color-positive-600);
   --ezui-c-badge-primary-color-text: var(--ezui-color-neutral-000);
   --ezui-c-badge-secondary-color-background: var(--ezui-color-positive-100);
   --ezui-c-badge-secondary-color-text: var(--ezui-color-primary-800);
 }
 
-._variantWarning_s8gdi_78 {
+._variantWarning_kb4na_88 {
   --ezui-c-badge-primary-color-background: var(--ezui-color-warning-500);
   --ezui-c-badge-primary-color-text: var(--ezui-color-neutral-900);
   --ezui-c-badge-secondary-color-background: var(--ezui-color-warning-300);
   --ezui-c-badge-secondary-color-text: var(--ezui-color-primary-800);
 }
 
-._variantDanger_s8gdi_85 {
+._variantDanger_kb4na_95 {
   --ezui-c-badge-primary-color-background: var(--ezui-color-negative-600);
   --ezui-c-badge-primary-color-text: var(--ezui-color-neutral-000);
   --ezui-c-badge-secondary-color-background: var(--ezui-color-negative-100);

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;