@gympass/yoga 7.87.1 → 7.88.0

package/cjs/Tag/web/Tag.js

@@ -1,64 +1,127 @@
 "use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+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;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Tag_exports = {};
+__export(Tag_exports, {
+  default: () => Tag_default
+});
+module.exports = __toCommonJS(Tag_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_prop_types = require("prop-types");
+var import_yoga_system = require("@gympass/yoga-system");
+const StyledTag = import_styled_components.default.div`
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
 
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _propTypes = require("prop-types");
-
-var _yogaSystem = require("@gympass/yoga-system");
-
-var _templateObject;
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+  border-style: solid;
 
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+  ${({
+  variant,
+  small,
+  ellipsis,
+  theme: {
+    yoga: {
+      colors: {
+        text,
+        elements,
+        feedback: {
+          [variant]: color = { dark: text.secondary },
+          [variant]: borderColor = { dark: elements.selectionAndIcons }
+        }
+      },
+      components: { tag }
+    }
+  }
+}) => `
+    ${small ? `
+            padding:
+              ${tag.padding.small.top}
+              ${tag.padding.small.right}px
+              ${tag.padding.small.bottom}
+              ${tag.padding.small.left}px;
+          ` : `
+            padding:
+              ${tag.padding.default.top}px
+              ${tag.padding.default.right}px
+              ${tag.padding.default.bottom}px
+              ${tag.padding.default.left}px;
+          `}
 
-var StyledTag = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n\n  border-style: solid;\n\n  ", "\n\n  ", "\n  ", "\n"])), function (_ref) {
-  var variant = _ref.variant,
-      small = _ref.small,
-      ellipsis = _ref.ellipsis,
-      _ref$theme$yoga = _ref.theme.yoga,
-      _ref$theme$yoga$color = _ref$theme$yoga.colors,
-      text = _ref$theme$yoga$color.text,
-      elements = _ref$theme$yoga$color.elements,
-      _ref$theme$yoga$color2 = _ref$theme$yoga$color.feedback,
-      _ref$theme$yoga$color3 = _ref$theme$yoga$color2[variant],
-      color = _ref$theme$yoga$color3 === void 0 ? {
-    dark: text.secondary
-  } : _ref$theme$yoga$color3,
-      _ref$theme$yoga$color4 = _ref$theme$yoga$color2[variant],
-      borderColor = _ref$theme$yoga$color4 === void 0 ? {
-    dark: elements.selectionAndIcons
-  } : _ref$theme$yoga$color4,
-      tag = _ref$theme$yoga.components.tag;
-  return "\n    " + (small ? "\n            padding:\n              " + tag.padding.small.top + "\n              " + tag.padding.small.right + "px\n              " + tag.padding.small.bottom + "\n              " + tag.padding.small.left + "px;\n          " : "\n            padding:\n              " + tag.padding["default"].top + "px\n              " + tag.padding["default"].right + "px\n              " + tag.padding["default"].bottom + "px\n              " + tag.padding["default"].left + "px;\n          ") + "\n\n    " + (ellipsis ? "\n      display: block;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    " : "") + "\n\n    color: " + color.dark + ";\n    border-radius: " + tag.border.radius + "px;\n    border-width: " + tag.border.width + "px;\n    border-color: " + borderColor.dark + ";\n\n    font-size: " + tag.font.size + "px;\n    line-height: " + tag.font.lineHeight + "px;\n    font-weight: " + tag.font.weight + ";\n  ";
-}, _yogaSystem.margins, _yogaSystem.maxWidth);
-/** Tags should be keywords to categorize or organize an item. */
+    ${ellipsis ? `
+      display: block;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    ` : ``}
 
+    color: ${color.dark};
+    border-radius: ${tag.border.radius}px;
+    border-width: ${tag.border.width}px;
+    border-color: ${borderColor.dark};
 
-var Tag = function Tag(props) {
-  return /*#__PURE__*/_react["default"].createElement(StyledTag, props);
-};
+    font-size: ${tag.font.size}px;
+    line-height: ${tag.font.lineHeight}px;
+    font-weight: ${tag.font.weight};
+  `}
 
+  ${import_yoga_system.margins}
+  ${import_yoga_system.maxWidth}
+`;
+const Tag = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledTag, __spreadValues({}, props));
 Tag.propTypes = {
   /** style the tag following the theme (success, informative, attention) */
-  variant: (0, _propTypes.oneOf)(['', 'success', 'informative', 'attention']),
-  children: _propTypes.node.isRequired,
-
+  variant: (0, import_prop_types.oneOf)(["", "success", "informative", "attention"]),
+  children: import_prop_types.node.isRequired,
   /** Can send small to use this variant */
-  small: _propTypes.bool,
-
+  small: import_prop_types.bool,
   /** After set a max-width can put ellipses for large texts */
-  ellipsis: _propTypes.bool
+  ellipsis: import_prop_types.bool
 };
 Tag.defaultProps = {
-  variant: '',
+  variant: "",
   small: false,
   ellipsis: false
 };
-var _default = Tag;
-exports["default"] = _default;
+var Tag_default = Tag;

package/cjs/Tag/web/Tag.test.js

@@ -0,0 +1,104 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_react2 = require("@testing-library/react");
+var import_yoga_icons = require("@gympass/yoga-icons");
+var import__ = require("../..");
+describe("<Tag />", () => {
+  it("should match snapshot", () => {
+    const { container } = (0, import_react2.render)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Tag, { children: "default" }) })
+    );
+    expect(container).toMatchSnapshot();
+  });
+  it("should match snapshot with custom icon and informative type", () => {
+    const { container } = (0, import_react2.render)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Tag.Informative, { variant: "success", icon: import_yoga_icons.Building, children: "success with custom icon" }) })
+    );
+    expect(container).toMatchSnapshot();
+  });
+  it("should match snapshot with without icon and informative type", () => {
+    const { container } = (0, import_react2.render)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Tag.Informative, { variant: "success", children: "success without icon" }) })
+    );
+    expect(container).toMatchSnapshot();
+  });
+  it("should match snapshot with variant prop", () => {
+    const { container } = (0, import_react2.render)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import__.ThemeProvider, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Tag, { variant: "success", children: "success" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Tag, { variant: "informative", children: "informative" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Tag, { variant: "attention", children: "attention" })
+      ] })
+    );
+    expect(container).toMatchSnapshot();
+  });
+  it("should match snapshot with variant prop and informative type", () => {
+    const { container } = (0, import_react2.render)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import__.ThemeProvider, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Tag.Informative, { variant: "success", children: "success" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Tag.Informative, { variant: "informative", children: "informative" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Tag.Informative, { variant: "attention", children: "attention" })
+      ] })
+    );
+    expect(container).toMatchSnapshot();
+  });
+  it("should match snapshot with variant and margin prop ", () => {
+    const { container } = (0, import_react2.render)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import__.ThemeProvider, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Tag, { variant: "success", children: "success" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Tag, { mv: "medium", variant: "informative", children: "informative" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Tag, { variant: "attention", children: "attention" })
+      ] })
+    );
+    expect(container).toMatchSnapshot();
+  });
+  it("should match snapshot with variant prop and informative type with margin prop", () => {
+    const { container } = (0, import_react2.render)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import__.ThemeProvider, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Tag.Informative, { variant: "success", children: "success" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Tag.Informative, { mv: "medium", variant: "informative", children: "informative" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Tag.Informative, { variant: "attention", children: "attention" })
+      ] })
+    );
+    expect(container).toMatchSnapshot();
+  });
+  it("should match snapshot with ellipsis prop", () => {
+    const { container } = (0, import_react2.render)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Tag, { maxWidth: "10px", ellipsis: true, children: "Default with ellipsis" }) })
+    );
+    expect(container).toMatchSnapshot();
+  });
+  it("should match snapshot with variant, informative type and ellipsis prop", () => {
+    const { container } = (0, import_react2.render)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import__.ThemeProvider, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Tag.Informative, { variant: "success", maxWidth: "10px", ellipsis: true, children: "Success with ellipsis" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Tag.Informative, { variant: "attention", maxWidth: "10px", ellipsis: true, children: "Attention with ellipsis" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Tag.Informative, { variant: "informative", maxWidth: "10px", ellipsis: true, children: "Informative with ellipsis" })
+      ] })
+    );
+    expect(container).toMatchSnapshot();
+  });
+});

package/cjs/Tag/web/index.js

@@ -1,11 +1,35 @@
 "use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _Tag = _interopRequireDefault(require("./Tag"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var _default = _Tag["default"];
-exports["default"] = _default;
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var web_exports = {};
+__export(web_exports, {
+  default: () => web_default
+});
+module.exports = __toCommonJS(web_exports);
+var import_Tag = __toESM(require("./Tag"));
+var web_default = import_Tag.default;

package/cjs/Text/native/Text.js

@@ -1 +1,169 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.Tiny=exports.Text=exports.SmallestException=exports.Small=exports.SectionTitle=exports.Regular=exports.Medium=exports.Light=exports.H5=exports.H4=exports.H3=exports.H2=exports.H1=exports.Bold=exports.Black=void 0;var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireDefault(require("react"));var _styledComponents=_interopRequireDefault(require("styled-components"));var _propTypes=require("prop-types");var _yogaSystem=require("@gympass/yoga-system");var _textStyle=_interopRequireDefault(require("../textStyle"));var _shared=require("../../shared");var _templateObject;var styledText=function styledText(type){return _styledComponents["default"].Text(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n  ","\n"])),(0,_textStyle["default"])(type),_yogaSystem.system);};var H1=styledText('h1');exports.H1=H1;H1.displayName='Text.H1';var H2=styledText('h2');exports.H2=H2;H2.displayName='Text.H2';var H3=styledText('h3');exports.H3=H3;H3.displayName='Text.H3';var H4=styledText('h4');exports.H4=H4;H4.displayName='Text.H4';var H5=styledText('h5');exports.H5=H5;H5.displayName='Text.H5';var Small=styledText('small');exports.Small=Small;Small.displayName='Text.Small';var Tiny=styledText('tiny');exports.Tiny=Tiny;Tiny.displayName='Text.Tiny';var Light=styledText('light');exports.Light=Light;Light.displayName='Text.Light';var Regular=styledText('regular');exports.Regular=Regular;Regular.displayName='Text.Regular';var Medium=styledText('medium');exports.Medium=Medium;Medium.displayName='Text.Medium';var Bold=styledText('bold');exports.Bold=Bold;Bold.displayName='Text.Bold';var Black=styledText('black');exports.Black=Black;Black.displayName='Text.Black';var SectionTitle=styledText('sectionTitle');exports.SectionTitle=SectionTitle;SectionTitle.displayName='Text.SectionTitle';var SmallestException=styledText('smallestException');exports.SmallestException=SmallestException;SmallestException.displayName='Text.SmallestException';var TextRenderer=styledText('p');var Text=function Text(props){return _react["default"].createElement(TextRenderer,props);};exports.Text=Text;Text.displayName='Text';var fontSizes=(0,_propTypes.oneOf)(['xxsmall','xsmall','small','medium','large','xlarge','xxlarge','xxxlarge','huge']);Text.propTypes={inverted:_propTypes.bool,variant:(0,_shared.deprecated)((0,_propTypes.oneOf)(['primary','secondary','vibin','hope','energy','relax','peace','verve','uplift','deepPurple','stamina','deep','medium','light','clear','white']),'Use `color` system prop instead'),size:(0,_shared.deprecated)(fontSizes,'Use `fontSize` system prop instead'),light:_propTypes.bool,fontSize:fontSizes};Text.defaultProps={inverted:false,variant:undefined,size:undefined,fontSize:'medium',light:false};
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+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;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Text_exports = {};
+__export(Text_exports, {
+  Black: () => Black,
+  Bold: () => Bold,
+  H1: () => H1,
+  H2: () => H2,
+  H3: () => H3,
+  H4: () => H4,
+  H5: () => H5,
+  Light: () => Light,
+  Medium: () => Medium,
+  Regular: () => Regular,
+  SectionTitle: () => SectionTitle,
+  Small: () => Small,
+  SmallestException: () => SmallestException,
+  Text: () => Text,
+  Tiny: () => Tiny
+});
+module.exports = __toCommonJS(Text_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_prop_types = require("prop-types");
+var import_yoga_system = require("@gympass/yoga-system");
+var import_textStyle = __toESM(require("../textStyle"));
+var import_shared = require("../../shared");
+const styledText = (type) => import_styled_components.default.Text`
+  ${(0, import_textStyle.default)(type)}
+  ${import_yoga_system.system}
+`;
+const H1 = styledText("h1");
+H1.displayName = "Text.H1";
+const H2 = styledText("h2");
+H2.displayName = "Text.H2";
+const H3 = styledText("h3");
+H3.displayName = "Text.H3";
+const H4 = styledText("h4");
+H4.displayName = "Text.H4";
+const H5 = styledText("h5");
+H5.displayName = "Text.H5";
+const Small = styledText("small");
+Small.displayName = "Text.Small";
+const Tiny = styledText("tiny");
+Tiny.displayName = "Text.Tiny";
+const Light = styledText("light");
+Light.displayName = "Text.Light";
+const Regular = styledText("regular");
+Regular.displayName = "Text.Regular";
+const Medium = styledText("medium");
+Medium.displayName = "Text.Medium";
+const Bold = styledText("bold");
+Bold.displayName = "Text.Bold";
+const Black = styledText("black");
+Black.displayName = "Text.Black";
+const SectionTitle = styledText("sectionTitle");
+SectionTitle.displayName = "Text.SectionTitle";
+const SmallestException = styledText("smallestException");
+SmallestException.displayName = "Text.SmallestException";
+const TextRenderer = styledText("p");
+const Text = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TextRenderer, __spreadValues({}, props));
+Text.displayName = "Text";
+const fontSizes = (0, import_prop_types.oneOf)([
+  "xxsmall",
+  "xsmall",
+  "small",
+  "medium",
+  "large",
+  "xlarge",
+  "xxlarge",
+  "xxxlarge",
+  "huge"
+]);
+Text.propTypes = {
+  inverted: import_prop_types.bool,
+  /** (deprecated: use color instead) style the text following the theme */
+  variant: (0, import_shared.deprecated)(
+    (0, import_prop_types.oneOf)([
+      "primary",
+      "secondary",
+      "vibin",
+      "hope",
+      "energy",
+      "relax",
+      "peace",
+      "verve",
+      "uplift",
+      "deepPurple",
+      "stamina",
+      "deep",
+      "medium",
+      "light",
+      "clear",
+      "white"
+    ]),
+    "Use `color` system prop instead"
+  ),
+  /** (deprecated: use fontSize instead) style the text following the theme */
+  size: (0, import_shared.deprecated)(fontSizes, "Use `fontSize` system prop instead"),
+  /** set the font-weight to regular */
+  light: import_prop_types.bool,
+  fontSize: fontSizes
+};
+Text.defaultProps = {
+  inverted: false,
+  variant: void 0,
+  size: void 0,
+  fontSize: "medium",
+  light: false
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Black,
+  Bold,
+  H1,
+  H2,
+  H3,
+  H4,
+  H5,
+  Light,
+  Medium,
+  Regular,
+  SectionTitle,
+  Small,
+  SmallestException,
+  Text,
+  Tiny
+});