@activecollab/components 1.0.55 → 1.0.58

package/dist/cjs/components/Label/Label.js

@@ -7,20 +7,20 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Label = void 0;
 
-var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _Styles = require("./Styles");
+var _react = _interopRequireWildcard(require("react"));
 
-var _excluded = ["name", "color", "showText", "showDot", "className"];
+var _Typography = require("../Typography/Typography");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _excluded = ["invalid", "required", "size", "children", "className"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -28,24 +28,26 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 var Label = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var name = _ref.name,
-      color = _ref.color,
-      _ref$showText = _ref.showText,
-      showText = _ref$showText === void 0 ? true : _ref$showText,
-      _ref$showDot = _ref.showDot,
-      showDot = _ref$showDot === void 0 ? true : _ref$showDot,
+  var _ref$invalid = _ref.invalid,
+      invalid = _ref$invalid === void 0 ? false : _ref$invalid,
+      _ref$required = _ref.required,
+      required = _ref$required === void 0 ? false : _ref$required,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? "regular" : _ref$size,
+      children = _ref.children,
       className = _ref.className,
-      rest = _objectWithoutProperties(_ref, _excluded);
+      props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/_react.default.createElement(_Styles.StyledLabel, _extends({
+  var color = invalid ? "alert" : "primary";
+  var variant = size === "regular" ? "Body 2" : "Caption 1";
+  return /*#__PURE__*/_react.default.createElement(_Typography.Typography, _extends({
+    as: "label",
     className: (0, _classnames.default)("c-label", className),
+    variant: variant,
+    color: color,
+    weight: "bold",
     ref: ref
-  }, rest), showDot ? /*#__PURE__*/_react.default.createElement(_Styles.StyledLabelDot, {
-    $showText: showText,
-    color: color
-  }) : null, showText ? /*#__PURE__*/_react.default.createElement(_Styles.StyledLabelText, {
-    color: color
-  }, name) : null);
+  }, props), children, required ? "*" : null);
 });
 exports.Label = Label;
 Label.displayName = "Label";

package/dist/cjs/components/Label/Label.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Label/Label.tsx"],"names":["Label","ref","name","color","showText","showDot","className","rest","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;AAaO,IAAMA,KAAK,gBAAG,uBAInB,gBAEEC,GAFF,EAGK;AAAA,MAFDC,IAEC,QAFDA,IAEC;AAAA,MAFKC,KAEL,QAFKA,KAEL;AAAA,2BAFYC,QAEZ;AAAA,MAFYA,QAEZ,8BAFuB,IAEvB;AAAA,0BAF6BC,OAE7B;AAAA,MAF6BA,OAE7B,6BAFuC,IAEvC;AAAA,MAF6CC,SAE7C,QAF6CA,SAE7C;AAAA,MAF2DC,IAE3D;;AACH,sBACE,6BAAC,mBAAD;AACE,IAAA,SAAS,EAAE,yBAAW,SAAX,EAAsBD,SAAtB,CADb;AAEE,IAAA,GAAG,EAAEL;AAFP,KAGMM,IAHN,GAKGF,OAAO,gBAAG,6BAAC,sBAAD;AAAgB,IAAA,SAAS,EAAED,QAA3B;AAAqC,IAAA,KAAK,EAAED;AAA5C,IAAH,GAA2D,IALrE,EAMGC,QAAQ,gBACP,6BAAC,uBAAD;AAAiB,IAAA,KAAK,EAAED;AAAxB,KAAgCD,IAAhC,CADO,GAEL,IARN,CADF;AAYD,CApBkB,CAAd;;AAuBPF,KAAK,CAACQ,WAAN,GAAoB,OAApB","sourcesContent":["import React, { forwardRef, HTMLAttributes } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledLabel, StyledLabelText, StyledLabelDot } from \"./Styles\";\n\ninterface ILabel {\n  name: string;\n  color: string;\n}\n\ninterface ILabelProps extends ILabel {\n  showText?: boolean;\n  showDot?: boolean;\n  className?: string;\n}\n\nexport const Label = forwardRef<\n  HTMLDivElement,\n  ILabelProps & HTMLAttributes<HTMLDivElement>\n>(\n  (\n    { name, color, showText = true, showDot = true, className, ...rest },\n    ref\n  ) => {\n    return (\n      <StyledLabel\n        className={classnames(\"c-label\", className)}\n        ref={ref}\n        {...rest}\n      >\n        {showDot ? <StyledLabelDot $showText={showText} color={color} /> : null}\n        {showText ? (\n          <StyledLabelText color={color}>{name}</StyledLabelText>\n        ) : null}\n      </StyledLabel>\n    );\n  }\n);\n\nLabel.displayName = \"Label\";\n"],"file":"Label.js"}
+{"version":3,"sources":["../../../../src/components/Label/Label.tsx"],"names":["Label","ref","invalid","required","size","children","className","props","color","variant","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;AAQO,IAAMA,KAAK,gBAAG,uBAKnB,gBASEC,GATF,EAUK;AAAA,0BARDC,OAQC;AAAA,MARDA,OAQC,6BARS,KAQT;AAAA,2BAPDC,QAOC;AAAA,MAPDA,QAOC,8BAPU,KAOV;AAAA,uBANDC,IAMC;AAAA,MANDA,IAMC,0BANM,SAMN;AAAA,MALDC,QAKC,QALDA,QAKC;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,MAHEC,KAGF;;AACH,MAAMC,KAAK,GAAGN,OAAO,GAAG,OAAH,GAAa,SAAlC;AACA,MAAMO,OAAO,GAAGL,IAAI,KAAK,SAAT,GAAqB,QAArB,GAAgC,WAAhD;AAEA,sBACE,6BAAC,sBAAD;AACE,IAAA,EAAE,EAAC,OADL;AAEE,IAAA,SAAS,EAAE,yBAAW,SAAX,EAAsBE,SAAtB,CAFb;AAGE,IAAA,OAAO,EAAEG,OAHX;AAIE,IAAA,KAAK,EAAED,KAJT;AAKE,IAAA,MAAM,EAAC,MALT;AAME,IAAA,GAAG,EAAEP;AANP,KAOMM,KAPN,GASGF,QATH,EAUGF,QAAQ,GAAG,GAAH,GAAS,IAVpB,CADF;AAcD,CAjCkB,CAAd;;AAoCPH,KAAK,CAACU,WAAN,GAAoB,OAApB","sourcesContent":["import classNames from \"classnames\";\nimport React, { forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography/Typography\";\n\ninterface ILabelProps {\n  invalid?: boolean;\n  required?: boolean;\n  size?: \"regular\" | \"small\";\n}\n\nexport const Label = forwardRef<\n  HTMLLabelElement,\n  ILabelProps &\n    Omit<ITypographyProps, keyof ILabelProps | \"variant\" | \"color\" | \"weight\">\n>(\n  (\n    {\n      invalid = false,\n      required = false,\n      size = \"regular\",\n      children,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    const color = invalid ? \"alert\" : \"primary\";\n    const variant = size === \"regular\" ? \"Body 2\" : \"Caption 1\";\n\n    return (\n      <Typography\n        as=\"label\"\n        className={classNames(\"c-label\", className)}\n        variant={variant}\n        color={color}\n        weight=\"bold\"\n        ref={ref}\n        {...props}\n      >\n        {children}\n        {required ? \"*\" : null}\n      </Typography>\n    );\n  }\n);\n\nLabel.displayName = \"Label\";\n"],"file":"Label.js"}

package/dist/cjs/components/{Label → Tag}/Styles.js

@@ -5,7 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledLabelText = exports.StyledLabelDot = exports.StyledLabel = void 0;
+exports.StyledTagText = exports.StyledTagDot = exports.StyledTag = void 0;
 
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
@@ -17,20 +17,20 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-var StyledLabel = _styledComponents.default.div.withConfig({
-  displayName: "Styles__StyledLabel",
-  componentId: "sc-lo4p1f-0"
+var StyledTag = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledTag",
+  componentId: "sc-1chtb47-0"
 })(["", " font-size:13px;line-height:1.375;", " ", ""], {
   "display": "flex",
   "alignItems": "center"
 }, _BoxSizingStyle.BoxSizingStyle, _FontStyle.FontStyle);
 
-exports.StyledLabel = StyledLabel;
-StyledLabel.displayName = "StyledLabel";
+exports.StyledTag = StyledTag;
+StyledTag.displayName = "StyledTag";
 
-var StyledLabelDot = _styledComponents.default.div.withConfig({
-  displayName: "Styles__StyledLabelDot",
-  componentId: "sc-lo4p1f-1"
+var StyledTagDot = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledTagDot",
+  componentId: "sc-1chtb47-1"
 })(["", " ", " ", ""], {
   "width": "0.5rem",
   "height": "0.5rem",
@@ -44,18 +44,18 @@ var StyledLabelDot = _styledComponents.default.div.withConfig({
   return props.color && (0, _styledComponents.css)(["background-color:", ";"], props.color);
 });
 
-exports.StyledLabelDot = StyledLabelDot;
-StyledLabelDot.displayName = "StyledLabelDot";
+exports.StyledTagDot = StyledTagDot;
+StyledTagDot.displayName = "StyledTagDot";
 
-var StyledLabelText = _styledComponents.default.div.withConfig({
-  displayName: "Styles__StyledLabelText",
-  componentId: "sc-lo4p1f-2"
+var StyledTagText = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledTagText",
+  componentId: "sc-1chtb47-2"
 })(["", " ", ""], {
   "textTransform": "uppercase"
 }, function (props) {
   return props.color && (0, _styledComponents.css)(["color:", ";"], props.color);
 });
 
-exports.StyledLabelText = StyledLabelText;
-StyledLabelText.displayName = "StyledLabelText";
+exports.StyledTagText = StyledTagText;
+StyledTagText.displayName = "StyledTagText";
 //# sourceMappingURL=Styles.js.map

package/dist/cjs/components/Tag/Styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Tag/Styles.ts"],"names":["StyledTag","styled","div","BoxSizingStyle","FontStyle","displayName","StyledTagDot","props","$showText","css","color","StyledTagText"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;;;;;AACO,IAAMA,SAAS,GAAGC,0BAAOC,GAAV;AAAA;AAAA;AAAA,wDAChB;AAAA;AAAA;AAAA,CADgB,EAIlBC,8BAJkB,EAKlBC,oBALkB,CAAf;;;AAQPJ,SAAS,CAACK,WAAV,GAAwB,WAAxB;;AAMO,IAAMC,YAAY,GAAGL,0BAAOC,GAAV;AAAA;AAAA;AAAA,uBACnB;AAAA;AAAA;AAAA;AAAA;AAAA,CADmB,EAGrB,UAACK,KAAD;AAAA,SACAA,KAAK,CAACC,SAAN,QACAC,qBADA,YAEM;AAAA;AAAA,GAFN,CADA;AAAA,CAHqB,EASrB,UAACF,KAAD;AAAA,SACAA,KAAK,CAACG,KAAN,QACAD,qBADA,8BAEsBF,KAAK,CAACG,KAF5B,CADA;AAAA,CATqB,CAAlB;;;AAgBPJ,YAAY,CAACD,WAAb,GAA2B,cAA3B;;AAEO,IAAMM,aAAa,GAAGV,0BAAOC,GAAV;AAAA;AAAA;AAAA,kBACpB;AAAA;AAAA,CADoB,EAEtB,UAACK,KAAD;AAAA,SACAA,KAAK,CAACG,KAAN,QACAD,qBADA,mBAEWF,KAAK,CAACG,KAFjB,CADA;AAAA,CAFsB,CAAnB;;;AASPC,aAAa,CAACN,WAAd,GAA4B,eAA5B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nexport const StyledTag = styled.div`\n  ${tw`tw-flex tw-items-center`}\n  font-size: 13px;\n  line-height: 1.375;\n  ${BoxSizingStyle}\n  ${FontStyle}\n`;\n\nStyledTag.displayName = \"StyledTag\";\n\ninterface IStyledTagDot {\n  $showText?: boolean;\n}\n\nexport const StyledTagDot = styled.div<IStyledTagDot>`\n  ${tw`tw-w-2 tw-h-2 tw-rounded-full tw-justify-center`}\n\n  ${(props) =>\n    props.$showText &&\n    css`\n      ${tw`tw-mr-1`}\n    `}\n\n  ${(props) =>\n    props.color &&\n    css`\n      background-color: ${props.color};\n    `}\n`;\n\nStyledTagDot.displayName = \"StyledTagDot\";\n\nexport const StyledTagText = styled.div`\n  ${tw`tw-uppercase`}\n  ${(props) =>\n    props.color &&\n    css`\n      color: ${props.color};\n    `}\n`;\n\nStyledTagText.displayName = \"StyledTagText\";\n"],"file":"Styles.js"}

package/dist/cjs/components/Tag/Tag.js

@@ -0,0 +1,52 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Tag = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _Styles = require("./Styles");
+
+var _excluded = ["name", "color", "showText", "showDot", "className"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var Tag = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var name = _ref.name,
+      color = _ref.color,
+      _ref$showText = _ref.showText,
+      showText = _ref$showText === void 0 ? true : _ref$showText,
+      _ref$showDot = _ref.showDot,
+      showDot = _ref$showDot === void 0 ? true : _ref$showDot,
+      className = _ref.className,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledTag, _extends({
+    className: (0, _classnames.default)("c-tag", className),
+    ref: ref
+  }, rest), showDot ? /*#__PURE__*/_react.default.createElement(_Styles.StyledTagDot, {
+    $showText: showText,
+    color: color
+  }) : null, showText ? /*#__PURE__*/_react.default.createElement(_Styles.StyledTagText, {
+    color: color
+  }, name) : null);
+});
+exports.Tag = Tag;
+Tag.displayName = "Tag";
+//# sourceMappingURL=Tag.js.map

package/dist/cjs/components/Tag/Tag.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Tag/Tag.tsx"],"names":["Tag","ref","name","color","showText","showDot","className","rest","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;AAaO,IAAMA,GAAG,gBAAG,uBAIjB,gBAEEC,GAFF,EAGK;AAAA,MAFDC,IAEC,QAFDA,IAEC;AAAA,MAFKC,KAEL,QAFKA,KAEL;AAAA,2BAFYC,QAEZ;AAAA,MAFYA,QAEZ,8BAFuB,IAEvB;AAAA,0BAF6BC,OAE7B;AAAA,MAF6BA,OAE7B,6BAFuC,IAEvC;AAAA,MAF6CC,SAE7C,QAF6CA,SAE7C;AAAA,MAF2DC,IAE3D;;AACH,sBACE,6BAAC,iBAAD;AAAW,IAAA,SAAS,EAAE,yBAAW,OAAX,EAAoBD,SAApB,CAAtB;AAAsD,IAAA,GAAG,EAAEL;AAA3D,KAAoEM,IAApE,GACGF,OAAO,gBAAG,6BAAC,oBAAD;AAAc,IAAA,SAAS,EAAED,QAAzB;AAAmC,IAAA,KAAK,EAAED;AAA1C,IAAH,GAAyD,IADnE,EAEGC,QAAQ,gBAAG,6BAAC,qBAAD;AAAe,IAAA,KAAK,EAAED;AAAtB,KAA8BD,IAA9B,CAAH,GAAyD,IAFpE,CADF;AAMD,CAdgB,CAAZ;;AAiBPF,GAAG,CAACQ,WAAJ,GAAkB,KAAlB","sourcesContent":["import React, { forwardRef, HTMLAttributes } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledTag, StyledTagText, StyledTagDot } from \"./Styles\";\n\ninterface ITag {\n  name: string;\n  color: string;\n}\n\ninterface ITagProps extends ITag {\n  showText?: boolean;\n  showDot?: boolean;\n  className?: string;\n}\n\nexport const Tag = forwardRef<\n  HTMLDivElement,\n  ITagProps & HTMLAttributes<HTMLDivElement>\n>(\n  (\n    { name, color, showText = true, showDot = true, className, ...rest },\n    ref\n  ) => {\n    return (\n      <StyledTag className={classnames(\"c-tag\", className)} ref={ref} {...rest}>\n        {showDot ? <StyledTagDot $showText={showText} color={color} /> : null}\n        {showText ? <StyledTagText color={color}>{name}</StyledTagText> : null}\n      </StyledTag>\n    );\n  }\n);\n\nTag.displayName = \"Tag\";\n"],"file":"Tag.js"}

package/dist/cjs/components/Tag/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _Tag = require("./Tag");
+
+Object.keys(_Tag).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Tag[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Tag[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Tag/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Tag/index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./Tag\";\n"],"file":"index.js"}

package/dist/cjs/components/Typography/Typography.js

@@ -11,11 +11,9 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _useForkRef = _interopRequireDefault(require("../../utils/useForkRef"));
-
 var _Styles = require("./Styles");
 
-var _excluded = ["variant", "Tag", "color", "italic", "tabularNums", "letterSpacing", "lineHeight", "align", "decoration", "transform", "overflow", "whitespace", "wordBreak", "weight", "className", "children"];
+var _excluded = ["variant", "as", "color", "italic", "tabularNums", "letterSpacing", "lineHeight", "align", "decoration", "transform", "overflow", "whitespace", "wordBreak", "weight", "className", "children"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -32,8 +30,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 var Typography = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var _ref$variant = _ref.variant,
       variant = _ref$variant === void 0 ? "Title 1" : _ref$variant,
-      _ref$Tag = _ref.Tag,
-      Tag = _ref$Tag === void 0 ? "div" : _ref$Tag,
+      as = _ref.as,
       _ref$color = _ref.color,
       color = _ref$color === void 0 ? "primary" : _ref$color,
       _ref$italic = _ref.italic,
@@ -62,10 +59,9 @@ var Typography = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  var innerRef = (0, _react.useRef)(null);
-  var handleRef = (0, _useForkRef.default)(ref, innerRef);
+  var Component = as || "div";
   return /*#__PURE__*/_react.default.createElement(_Styles.StyledTypography, _extends({
-    as: Tag,
+    as: Component,
     className: (0, _classnames.default)("typography", className),
     $italic: italic,
     $tabularNums: tabularNums,
@@ -80,7 +76,7 @@ var Typography = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     $variant: variant,
     $color: color,
     $weight: weight,
-    ref: handleRef
+    ref: ref
   }, props), children);
 });
 exports.Typography = Typography;

package/dist/cjs/components/Typography/Typography.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Typography/Typography.tsx"],"names":["Typography","ref","variant","Tag","color","italic","tabularNums","letterSpacing","lineHeight","align","decoration","transform","overflow","whitespace","wordBreak","weight","className","children","props","innerRef","handleRef","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;AAyDO,IAAMA,UAAU,gBAAG,uBAIxB,gBAoBEC,GApBF,EAqBK;AAAA,0BAnBDC,OAmBC;AAAA,MAnBDA,OAmBC,6BAnBS,SAmBT;AAAA,sBAlBDC,GAkBC;AAAA,MAlBDA,GAkBC,yBAlBK,KAkBL;AAAA,wBAjBDC,KAiBC;AAAA,MAjBDA,KAiBC,2BAjBO,SAiBP;AAAA,yBAhBDC,MAgBC;AAAA,MAhBDA,MAgBC,4BAhBQ,KAgBR;AAAA,8BAfDC,WAeC;AAAA,MAfDA,WAeC,iCAfa,KAeb;AAAA,gCAdDC,aAcC;AAAA,MAdDA,aAcC,mCAde,SAcf;AAAA,6BAbDC,UAaC;AAAA,MAbDA,UAaC,gCAbY,SAaZ;AAAA,wBAZDC,KAYC;AAAA,MAZDA,KAYC,2BAZO,MAYP;AAAA,6BAXDC,UAWC;AAAA,MAXDA,UAWC,gCAXY,MAWZ;AAAA,4BAVDC,SAUC;AAAA,MAVDA,SAUC,+BAVW,SAUX;AAAA,2BATDC,QASC;AAAA,MATDA,QASC,8BATU,SASV;AAAA,6BARDC,UAQC;AAAA,MARDA,UAQC,gCARY,SAQZ;AAAA,4BAPDC,SAOC;AAAA,MAPDA,SAOC,+BAPW,SAOX;AAAA,yBANDC,MAMC;AAAA,MANDA,MAMC,4BANQ,SAMR;AAAA,MALDC,SAKC,QALDA,SAKC;AAAA,MAJDC,QAIC,QAJDA,QAIC;AAAA,MAHEC,KAGF;;AACH,MAAMC,QAAQ,GAAG,mBAA2B,IAA3B,CAAjB;AACA,MAAMC,SAAS,GAAG,yBAAWnB,GAAX,EAAgBkB,QAAhB,CAAlB;AAEA,sBACE,6BAAC,wBAAD;AACE,IAAA,EAAE,EAAEhB,GADN;AAEE,IAAA,SAAS,EAAE,yBAAW,YAAX,EAAyBa,SAAzB,CAFb;AAGE,IAAA,OAAO,EAAEX,MAHX;AAIE,IAAA,YAAY,EAAEC,WAJhB;AAKE,IAAA,cAAc,EAAEC,aALlB;AAME,IAAA,WAAW,EAAEC,UANf;AAOE,IAAA,MAAM,EAAEC,KAPV;AAQE,IAAA,WAAW,EAAEC,UARf;AASE,IAAA,UAAU,EAAEC,SATd;AAUE,IAAA,SAAS,EAAEC,QAVb;AAWE,IAAA,WAAW,EAAEC,UAXf;AAYE,IAAA,UAAU,EAAEC,SAZd;AAaE,IAAA,QAAQ,EAAEZ,OAbZ;AAcE,IAAA,MAAM,EAAEE,KAdV;AAeE,IAAA,OAAO,EAAEW,MAfX;AAgBE,IAAA,GAAG,EAAEK;AAhBP,KAiBMF,KAjBN,GAmBGD,QAnBH,CADF;AAuBD,CApDuB,CAAnB;;AAuDPjB,UAAU,CAACqB,WAAX,GAAyB,YAAzB","sourcesContent":["import React, { HTMLAttributes, forwardRef, useRef } from \"react\";\nimport classNames from \"classnames\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { StyledTypography } from \"./Styles\";\nexport interface ITypographyProps extends HTMLAttributes<HTMLElement> {\n  /** Font color. */\n  color?:\n    | \"primary\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"quaternary\"\n    | \"theme-primary\"\n    | \"theme-secondary\"\n    | \"only-white\"\n    | \"only-black\"\n    | \"page-paper\"\n    | \"success\"\n    | \"alert\";\n  /** Tabular numbers. */\n  tabularNums?: boolean;\n  /** Italic font style. */\n  italic?: boolean;\n  /** Font letter spacing. */\n  letterSpacing?: \"tight\" | \"regular\" | \"wide\";\n  /** Font line height. */\n  lineHeight?: \"tight\" | \"regular\" | \"loose\";\n  /** Font align. */\n  align?: \"left\" | \"center\" | \"right\" | \"justify\";\n  /** Underline font style. */\n  decoration?: \"underline\" | \"line-through\" | \"none\";\n  /** Font transform. */\n  transform?: \"uppercase\" | \"lowercase\" | \"capitalize\" | \"regular\";\n  /** Font overflow. */\n  overflow?: \"truncate\" | \"ellipsis\" | \"visible\";\n  /** Font whitespace. */\n  whitespace?: \"regular\" | \"no-wrap\";\n  /** Font word break. */\n  wordBreak?: \"regular\" | \"smart\" | \"all\";\n  /** Custom className for styling. */\n  className?: string;\n}\n\ninterface ITypographyAdditionalProps {\n  /** Element variant. */\n  variant?:\n    | \"Title 1\"\n    | \"Header 2\"\n    | \"Header 3\"\n    | \"Body 1\"\n    | \"Body 2\"\n    | \"Caption 1\"\n    | \"Caption 2\";\n  /** Element tag. */\n  Tag?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"p\" | \"span\" | \"div\";\n  /** Font weight. */\n  weight?: \"light\" | \"regular\" | \"medium\" | \"bold\";\n  /** Font size. */\n  size?: \"32\" | \"18\" | \"16\" | \"14\" | \"12\" | \"10\";\n}\n\nexport const Typography = forwardRef<\n  HTMLElement,\n  ITypographyProps & ITypographyAdditionalProps\n>(\n  (\n    {\n      variant = \"Title 1\",\n      Tag = \"div\",\n      color = \"primary\",\n      italic = false,\n      tabularNums = false,\n      letterSpacing = \"regular\",\n      lineHeight = \"regular\",\n      align = \"left\",\n      decoration = \"none\",\n      transform = \"regular\",\n      overflow = \"visible\",\n      whitespace = \"regular\",\n      wordBreak = \"regular\",\n      weight = \"regular\",\n      className,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const innerRef = useRef<HTMLElement | null>(null);\n    const handleRef = useForkRef(ref, innerRef);\n\n    return (\n      <StyledTypography\n        as={Tag}\n        className={classNames(\"typography\", className)}\n        $italic={italic}\n        $tabularNums={tabularNums}\n        $letterSpacing={letterSpacing}\n        $lineHeight={lineHeight}\n        $align={align}\n        $decoration={decoration}\n        $transform={transform}\n        $overflow={overflow}\n        $whitespace={whitespace}\n        $wordBreak={wordBreak}\n        $variant={variant}\n        $color={color}\n        $weight={weight}\n        ref={handleRef}\n        {...props}\n      >\n        {children}\n      </StyledTypography>\n    );\n  }\n);\n\nTypography.displayName = \"Typography\";\n"],"file":"Typography.js"}
+{"version":3,"sources":["../../../../src/components/Typography/Typography.tsx"],"names":["Typography","ref","variant","as","color","italic","tabularNums","letterSpacing","lineHeight","align","decoration","transform","overflow","whitespace","wordBreak","weight","className","children","props","Component","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;AA+DO,IAAMA,UAA0D,gBACrE,uBACE,gBAoBEC,GApBF,EAqBK;AAAA,0BAnBDC,OAmBC;AAAA,MAnBDA,OAmBC,6BAnBS,SAmBT;AAAA,MAlBDC,EAkBC,QAlBDA,EAkBC;AAAA,wBAjBDC,KAiBC;AAAA,MAjBDA,KAiBC,2BAjBO,SAiBP;AAAA,yBAhBDC,MAgBC;AAAA,MAhBDA,MAgBC,4BAhBQ,KAgBR;AAAA,8BAfDC,WAeC;AAAA,MAfDA,WAeC,iCAfa,KAeb;AAAA,gCAdDC,aAcC;AAAA,MAdDA,aAcC,mCAde,SAcf;AAAA,6BAbDC,UAaC;AAAA,MAbDA,UAaC,gCAbY,SAaZ;AAAA,wBAZDC,KAYC;AAAA,MAZDA,KAYC,2BAZO,MAYP;AAAA,6BAXDC,UAWC;AAAA,MAXDA,UAWC,gCAXY,MAWZ;AAAA,4BAVDC,SAUC;AAAA,MAVDA,SAUC,+BAVW,SAUX;AAAA,2BATDC,QASC;AAAA,MATDA,QASC,8BATU,SASV;AAAA,6BARDC,UAQC;AAAA,MARDA,UAQC,gCARY,SAQZ;AAAA,4BAPDC,SAOC;AAAA,MAPDA,SAOC,+BAPW,SAOX;AAAA,yBANDC,MAMC;AAAA,MANDA,MAMC,4BANQ,SAMR;AAAA,MALDC,SAKC,QALDA,SAKC;AAAA,MAJDC,QAIC,QAJDA,QAIC;AAAA,MAHEC,KAGF;;AACH,MAAMC,SAAS,GAAGhB,EAAE,IAAI,KAAxB;AACA,sBACE,6BAAC,wBAAD;AACE,IAAA,EAAE,EAAEgB,SADN;AAEE,IAAA,SAAS,EAAE,yBAAW,YAAX,EAAyBH,SAAzB,CAFb;AAGE,IAAA,OAAO,EAAEX,MAHX;AAIE,IAAA,YAAY,EAAEC,WAJhB;AAKE,IAAA,cAAc,EAAEC,aALlB;AAME,IAAA,WAAW,EAAEC,UANf;AAOE,IAAA,MAAM,EAAEC,KAPV;AAQE,IAAA,WAAW,EAAEC,UARf;AASE,IAAA,UAAU,EAAEC,SATd;AAUE,IAAA,SAAS,EAAEC,QAVb;AAWE,IAAA,WAAW,EAAEC,UAXf;AAYE,IAAA,UAAU,EAAEC,SAZd;AAaE,IAAA,QAAQ,EAAEZ,OAbZ;AAcE,IAAA,MAAM,EAAEE,KAdV;AAeE,IAAA,OAAO,EAAEW,MAfX;AAgBE,IAAA,GAAG,EAAEd;AAhBP,KAiBMiB,KAjBN,GAmBGD,QAnBH,CADF;AAuBD,CA/CH,CADK;;AAmDPjB,UAAU,CAACoB,WAAX,GAAyB,YAAzB","sourcesContent":["import React, { HTMLAttributes, forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport { StyledTypography } from \"./Styles\";\nimport {\n  PolymorphicComponentPropsWithRef,\n  PolymorphicRef,\n} from \"../../utils/types\";\nexport interface ITypographyProps extends HTMLAttributes<HTMLElement> {\n  /** Font color. */\n  color?:\n    | \"primary\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"quaternary\"\n    | \"theme-primary\"\n    | \"theme-secondary\"\n    | \"only-white\"\n    | \"only-black\"\n    | \"page-paper\"\n    | \"success\"\n    | \"alert\";\n  /** Tabular numbers. */\n  tabularNums?: boolean;\n  /** Italic font style. */\n  italic?: boolean;\n  /** Font letter spacing. */\n  letterSpacing?: \"tight\" | \"regular\" | \"wide\";\n  /** Font line height. */\n  lineHeight?: \"tight\" | \"regular\" | \"loose\";\n  /** Font align. */\n  align?: \"left\" | \"center\" | \"right\" | \"justify\";\n  /** Underline font style. */\n  decoration?: \"underline\" | \"line-through\" | \"none\";\n  /** Font transform. */\n  transform?: \"uppercase\" | \"lowercase\" | \"capitalize\" | \"regular\";\n  /** Font overflow. */\n  overflow?: \"truncate\" | \"ellipsis\" | \"visible\";\n  /** Font whitespace. */\n  whitespace?: \"regular\" | \"no-wrap\";\n  /** Font word break. */\n  wordBreak?: \"regular\" | \"smart\" | \"all\";\n  /** Custom className for styling. */\n  className?: string;\n  /** Element variant. */\n  variant?:\n    | \"Title 1\"\n    | \"Header 2\"\n    | \"Header 3\"\n    | \"Body 1\"\n    | \"Body 2\"\n    | \"Caption 1\"\n    | \"Caption 2\";\n  /** Font weight. */\n  weight?: \"light\" | \"regular\" | \"medium\" | \"bold\";\n  /** Font size. */\n  size?: \"32\" | \"18\" | \"16\" | \"14\" | \"12\" | \"10\";\n}\n\nexport type TypographyProps<C extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<C, ITypographyProps>;\n\nexport type TypographyComponent = <C extends React.ElementType = \"div\">(\n  props: TypographyProps<C>\n) => React.ReactElement | null;\n\nexport const Typography: TypographyComponent & { displayName?: string } =\n  forwardRef(\n    <C extends React.ElementType = \"div\">(\n      {\n        variant = \"Title 1\",\n        as,\n        color = \"primary\",\n        italic = false,\n        tabularNums = false,\n        letterSpacing = \"regular\",\n        lineHeight = \"regular\",\n        align = \"left\",\n        decoration = \"none\",\n        transform = \"regular\",\n        overflow = \"visible\",\n        whitespace = \"regular\",\n        wordBreak = \"regular\",\n        weight = \"regular\",\n        className,\n        children,\n        ...props\n      }: TypographyProps<C>,\n      ref?: PolymorphicRef<C>\n    ) => {\n      const Component = as || \"div\";\n      return (\n        <StyledTypography\n          as={Component}\n          className={classNames(\"typography\", className)}\n          $italic={italic}\n          $tabularNums={tabularNums}\n          $letterSpacing={letterSpacing}\n          $lineHeight={lineHeight}\n          $align={align}\n          $decoration={decoration}\n          $transform={transform}\n          $overflow={overflow}\n          $whitespace={whitespace}\n          $wordBreak={wordBreak}\n          $variant={variant}\n          $color={color}\n          $weight={weight}\n          ref={ref}\n          {...props}\n        >\n          {children}\n        </StyledTypography>\n      );\n    }\n  );\n\nTypography.displayName = \"Typography\";\n"],"file":"Typography.js"}

package/dist/cjs/components/Typography/Variants/Body1.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Variants/Body1.tsx"],"names":["Body1","ref","weight","children","props","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;;;;;;;;;;;;;AAOO,IAAMA,KAAwC,gBAAG,uBACtD,gBAA6CC,GAA7C,EAA6E;AAAA,yBAA1EC,MAA0E;AAAA,MAA1EA,MAA0E,4BAAjE,SAAiE;AAAA,MAAtDC,QAAsD,QAAtDA,QAAsD;AAAA,MAAzCC,KAAyC;;AAC3E,sBACE,6BAAC,sBAAD;AAAY,IAAA,OAAO,EAAC,QAApB;AAA6B,IAAA,MAAM,EAAEF,MAArC;AAA6C,IAAA,GAAG,EAAED;AAAlD,KAA2DG,KAA3D,GACG,GADH,EAEGD,QAFH,EAEa,GAFb,CADF;AAMD,CARqD,CAAjD;;AAWPH,KAAK,CAACK,WAAN,GAAoB,OAApB","sourcesContent":["import React, { FC, forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\ninterface IBodyProps {\n  /** Font weight. */\n  weight?: \"regular\" | \"bold\" | \"medium\";\n}\n\nexport const Body1: FC<ITypographyProps & IBodyProps> = forwardRef(\n  ({ weight = \"regular\", children, ...props }, ref: React.Ref<HTMLElement>) => {\n    return (\n      <Typography variant=\"Body 1\" weight={weight} ref={ref} {...props}>\n        {\" \"}\n        {children}{\" \"}\n      </Typography>\n    );\n  }\n);\n\nBody1.displayName = \"Body1\";\n"],"file":"Body1.js"}
+{"version":3,"sources":["../../../../../src/components/Typography/Variants/Body1.tsx"],"names":["Body1","ref","weight","children","props","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;;;;;;;;;;;;;AAOO,IAAMA,KAAK,gBAAG,uBAGnB,gBAA6CC,GAA7C,EAAqD;AAAA,yBAAlDC,MAAkD;AAAA,MAAlDA,MAAkD,4BAAzC,SAAyC;AAAA,MAA9BC,QAA8B,QAA9BA,QAA8B;AAAA,MAAjBC,KAAiB;;AACrD,sBACE,6BAAC,sBAAD;AAAY,IAAA,OAAO,EAAC,QAApB;AAA6B,IAAA,MAAM,EAAEF,MAArC;AAA6C,IAAA,GAAG,EAAED;AAAlD,KAA2DG,KAA3D,GACG,GADH,EAEGD,QAFH,EAEa,GAFb,CADF;AAMD,CAVoB,CAAd;;AAYPH,KAAK,CAACK,WAAN,GAAoB,OAApB","sourcesContent":["import React, { forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\ninterface IBodyProps {\n  /** Font weight. */\n  weight?: \"regular\" | \"bold\" | \"medium\";\n}\n\nexport const Body1 = forwardRef<\n  HTMLDivElement,\n  IBodyProps & Omit<ITypographyProps, keyof IBodyProps | \"variant\">\n>(({ weight = \"regular\", children, ...props }, ref) => {\n  return (\n    <Typography variant=\"Body 1\" weight={weight} ref={ref} {...props}>\n      {\" \"}\n      {children}{\" \"}\n    </Typography>\n  );\n});\n\nBody1.displayName = \"Body1\";\n"],"file":"Body1.js"}

package/dist/cjs/components/Typography/Variants/Body2.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Variants/Body2.tsx"],"names":["Body2","ref","weight","children","props","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;;;;;;;;;;;;;AAMO,IAAMA,KAAwC,gBAAG,uBACtD,gBAA6CC,GAA7C,EAA6E;AAAA,yBAA1EC,MAA0E;AAAA,MAA1EA,MAA0E,4BAAjE,SAAiE;AAAA,MAAtDC,QAAsD,QAAtDA,QAAsD;AAAA,MAAzCC,KAAyC;;AAC3E,sBACE,6BAAC,sBAAD;AAAY,IAAA,OAAO,EAAC,QAApB;AAA6B,IAAA,MAAM,EAAEF,MAArC;AAA6C,IAAA,GAAG,EAAED;AAAlD,KAA2DG,KAA3D,GACG,GADH,EAEGD,QAFH,EAEa,GAFb,CADF;AAMD,CARqD,CAAjD;;AAWPH,KAAK,CAACK,WAAN,GAAoB,OAApB","sourcesContent":["import React, { FC, forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\nexport interface IBodyProps {\n  /** Font weight. */\n  weight?: \"regular\" | \"bold\" | \"medium\";\n}\n\nexport const Body2: FC<ITypographyProps & IBodyProps> = forwardRef(\n  ({ weight = \"regular\", children, ...props }, ref: React.Ref<HTMLElement>) => {\n    return (\n      <Typography variant=\"Body 2\" weight={weight} ref={ref} {...props}>\n        {\" \"}\n        {children}{\" \"}\n      </Typography>\n    );\n  }\n);\n\nBody2.displayName = \"Body2\";\n"],"file":"Body2.js"}
+{"version":3,"sources":["../../../../../src/components/Typography/Variants/Body2.tsx"],"names":["Body2","ref","weight","children","props","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;;;;;;;;;;;;;AAMO,IAAMA,KAAK,gBAAG,uBAGnB,gBAA6CC,GAA7C,EAAqD;AAAA,yBAAlDC,MAAkD;AAAA,MAAlDA,MAAkD,4BAAzC,SAAyC;AAAA,MAA9BC,QAA8B,QAA9BA,QAA8B;AAAA,MAAjBC,KAAiB;;AACrD,sBACE,6BAAC,sBAAD;AAAY,IAAA,OAAO,EAAC,QAApB;AAA6B,IAAA,MAAM,EAAEF,MAArC;AAA6C,IAAA,GAAG,EAAED;AAAlD,KAA2DG,KAA3D,GACG,GADH,EAEGD,QAFH,EAEa,GAFb,CADF;AAMD,CAVoB,CAAd;;AAYPH,KAAK,CAACK,WAAN,GAAoB,OAApB","sourcesContent":["import React, { forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\nexport interface IBodyProps {\n  /** Font weight. */\n  weight?: \"regular\" | \"bold\" | \"medium\";\n}\n\nexport const Body2 = forwardRef<\n  HTMLDivElement,\n  IBodyProps & Omit<ITypographyProps, keyof IBodyProps | \"variant\">\n>(({ weight = \"regular\", children, ...props }, ref) => {\n  return (\n    <Typography variant=\"Body 2\" weight={weight} ref={ref} {...props}>\n      {\" \"}\n      {children}{\" \"}\n    </Typography>\n  );\n});\n\nBody2.displayName = \"Body2\";\n"],"file":"Body2.js"}

package/dist/cjs/components/Typography/Variants/Caption1.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Variants/Caption1.tsx"],"names":["Caption1","ref","weight","children","props","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;;;;;;;;;;;;;AAOO,IAAMA,QAA8C,gBAAG,uBAC5D,gBAA6CC,GAA7C,EAA6E;AAAA,yBAA1EC,MAA0E;AAAA,MAA1EA,MAA0E,4BAAjE,SAAiE;AAAA,MAAtDC,QAAsD,QAAtDA,QAAsD;AAAA,MAAzCC,KAAyC;;AAC3E,sBACE,6BAAC,sBAAD;AAAY,IAAA,OAAO,EAAC,WAApB;AAAgC,IAAA,MAAM,EAAEF,MAAxC;AAAgD,IAAA,GAAG,EAAED;AAArD,KAA8DG,KAA9D,GACG,GADH,EAEGD,QAFH,EAEa,GAFb,CADF;AAMD,CAR2D,CAAvD;;AAWPH,QAAQ,CAACK,WAAT,GAAuB,UAAvB","sourcesContent":["import React, { FC, forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\ninterface ICaptionProps {\n  /** Font weight. */\n  weight?: \"regular\" | \"bold\";\n}\n\nexport const Caption1: FC<ITypographyProps & ICaptionProps> = forwardRef(\n  ({ weight = \"regular\", children, ...props }, ref: React.Ref<HTMLElement>) => {\n    return (\n      <Typography variant=\"Caption 1\" weight={weight} ref={ref} {...props}>\n        {\" \"}\n        {children}{\" \"}\n      </Typography>\n    );\n  }\n);\n\nCaption1.displayName = \"Caption1\";\n"],"file":"Caption1.js"}
+{"version":3,"sources":["../../../../../src/components/Typography/Variants/Caption1.tsx"],"names":["Caption1","ref","weight","children","props","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;;;;;;;;;;;;;AAOO,IAAMA,QAAQ,gBAAG,uBAGtB,gBAA6CC,GAA7C,EAAqD;AAAA,yBAAlDC,MAAkD;AAAA,MAAlDA,MAAkD,4BAAzC,SAAyC;AAAA,MAA9BC,QAA8B,QAA9BA,QAA8B;AAAA,MAAjBC,KAAiB;;AACrD,sBACE,6BAAC,sBAAD;AAAY,IAAA,OAAO,EAAC,WAApB;AAAgC,IAAA,MAAM,EAAEF,MAAxC;AAAgD,IAAA,GAAG,EAAED;AAArD,KAA8DG,KAA9D,GACG,GADH,EAEGD,QAFH,EAEa,GAFb,CADF;AAMD,CAVuB,CAAjB;;AAYPH,QAAQ,CAACK,WAAT,GAAuB,UAAvB","sourcesContent":["import React, { forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\ninterface ICaptionProps {\n  /** Font weight. */\n  weight?: \"regular\" | \"bold\";\n}\n\nexport const Caption1 = forwardRef<\n  HTMLDivElement,\n  ICaptionProps & Omit<ITypographyProps, keyof ICaptionProps | \"variant\">\n>(({ weight = \"regular\", children, ...props }, ref) => {\n  return (\n    <Typography variant=\"Caption 1\" weight={weight} ref={ref} {...props}>\n      {\" \"}\n      {children}{\" \"}\n    </Typography>\n  );\n});\n\nCaption1.displayName = \"Caption1\";\n"],"file":"Caption1.js"}

package/dist/cjs/components/Typography/Variants/Caption2.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Variants/Caption2.tsx"],"names":["Caption2","ref","weight","children","props","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;;;;;;;;;;;;;AAOO,IAAMA,QAA8C,gBAAG,uBAC5D,gBAA6CC,GAA7C,EAA6E;AAAA,yBAA1EC,MAA0E;AAAA,MAA1EA,MAA0E,4BAAjE,SAAiE;AAAA,MAAtDC,QAAsD,QAAtDA,QAAsD;AAAA,MAAzCC,KAAyC;;AAC3E,sBACE,6BAAC,sBAAD;AAAY,IAAA,OAAO,EAAC,WAApB;AAAgC,IAAA,MAAM,EAAEF,MAAxC;AAAgD,IAAA,GAAG,EAAED;AAArD,KAA8DG,KAA9D,GACG,GADH,EAEGD,QAFH,EAEa,GAFb,CADF;AAMD,CAR2D,CAAvD;;AAWPH,QAAQ,CAACK,WAAT,GAAuB,UAAvB","sourcesContent":["import React, { FC, forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\ninterface ICaptionProps {\n  /** Font weight. */\n  weight?: \"regular\" | \"bold\";\n}\n\nexport const Caption2: FC<ITypographyProps & ICaptionProps> = forwardRef(\n  ({ weight = \"regular\", children, ...props }, ref: React.Ref<HTMLElement>) => {\n    return (\n      <Typography variant=\"Caption 2\" weight={weight} ref={ref} {...props}>\n        {\" \"}\n        {children}{\" \"}\n      </Typography>\n    );\n  }\n);\n\nCaption2.displayName = \"Caption2\";\n"],"file":"Caption2.js"}
+{"version":3,"sources":["../../../../../src/components/Typography/Variants/Caption2.tsx"],"names":["Caption2","ref","weight","children","props","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;;;;;;;;;;;;;AAOO,IAAMA,QAAQ,gBAAG,uBAGtB,gBAA6CC,GAA7C,EAAqD;AAAA,yBAAlDC,MAAkD;AAAA,MAAlDA,MAAkD,4BAAzC,SAAyC;AAAA,MAA9BC,QAA8B,QAA9BA,QAA8B;AAAA,MAAjBC,KAAiB;;AACrD,sBACE,6BAAC,sBAAD;AAAY,IAAA,OAAO,EAAC,WAApB;AAAgC,IAAA,MAAM,EAAEF,MAAxC;AAAgD,IAAA,GAAG,EAAED;AAArD,KAA8DG,KAA9D,GACG,GADH,EAEGD,QAFH,EAEa,GAFb,CADF;AAMD,CAVuB,CAAjB;;AAYPH,QAAQ,CAACK,WAAT,GAAuB,UAAvB","sourcesContent":["import React, { forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\ninterface ICaptionProps {\n  /** Font weight. */\n  weight?: \"regular\" | \"bold\";\n}\n\nexport const Caption2 = forwardRef<\n  HTMLDivElement,\n  ICaptionProps & Omit<ITypographyProps, keyof ICaptionProps | \"variant\">\n>(({ weight = \"regular\", children, ...props }, ref) => {\n  return (\n    <Typography variant=\"Caption 2\" weight={weight} ref={ref} {...props}>\n      {\" \"}\n      {children}{\" \"}\n    </Typography>\n  );\n});\n\nCaption2.displayName = \"Caption2\";\n"],"file":"Caption2.js"}

package/dist/cjs/components/Typography/Variants/Header2.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Variants/Header2.tsx"],"names":["Header2","ref","children","props","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;;;;;;;;;;;;;AAEO,IAAMA,OAA6B,gBAAG,uBAC3C,gBAAyBC,GAAzB,EAAyD;AAAA,MAAtDC,QAAsD,QAAtDA,QAAsD;AAAA,MAAzCC,KAAyC;;AACvD,sBACE,6BAAC,sBAAD;AAAY,IAAA,MAAM,EAAC,MAAnB;AAA0B,IAAA,OAAO,EAAC,UAAlC;AAA6C,IAAA,GAAG,EAAEF;AAAlD,KAA2DE,KAA3D,GACG,GADH,EAEGD,QAFH,EAEa,GAFb,CADF;AAMD,CAR0C,CAAtC;;AAWPF,OAAO,CAACI,WAAR,GAAsB,SAAtB","sourcesContent":["import React, { FC, forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\nexport const Header2: FC<ITypographyProps> = forwardRef(\n  ({ children, ...props }, ref: React.Ref<HTMLElement>) => {\n    return (\n      <Typography weight=\"bold\" variant=\"Header 2\" ref={ref} {...props}>\n        {\" \"}\n        {children}{\" \"}\n      </Typography>\n    );\n  }\n);\n\nHeader2.displayName = \"Header2\";\n"],"file":"Header2.js"}
+{"version":3,"sources":["../../../../../src/components/Typography/Variants/Header2.tsx"],"names":["Header2","ref","children","props","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;;;;;;;;;;;;;AAEO,IAAMA,OAAO,gBAAG,uBAGrB,gBAAyBC,GAAzB,EAAiC;AAAA,MAA9BC,QAA8B,QAA9BA,QAA8B;AAAA,MAAjBC,KAAiB;;AACjC,sBACE,6BAAC,sBAAD;AAAY,IAAA,MAAM,EAAC,MAAnB;AAA0B,IAAA,OAAO,EAAC,UAAlC;AAA6C,IAAA,GAAG,EAAEF;AAAlD,KAA2DE,KAA3D,GACG,GADH,EAEGD,QAFH,EAEa,GAFb,CADF;AAMD,CAVsB,CAAhB;;AAYPF,OAAO,CAACI,WAAR,GAAsB,SAAtB","sourcesContent":["import React, { forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\nexport const Header2 = forwardRef<\n  HTMLDivElement,\n  Omit<ITypographyProps, \"weight\" | \"variant\">\n>(({ children, ...props }, ref) => {\n  return (\n    <Typography weight=\"bold\" variant=\"Header 2\" ref={ref} {...props}>\n      {\" \"}\n      {children}{\" \"}\n    </Typography>\n  );\n});\n\nHeader2.displayName = \"Header2\";\n"],"file":"Header2.js"}

package/dist/cjs/components/Typography/Variants/Header3.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Variants/Header3.tsx"],"names":["Header3","ref","children","props","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;;;;;;;;;;;;;AAEO,IAAMA,OAA6B,gBAAG,uBAC3C,gBAAyBC,GAAzB,EAAyD;AAAA,MAAtDC,QAAsD,QAAtDA,QAAsD;AAAA,MAAzCC,KAAyC;;AACvD,sBACE,6BAAC,sBAAD;AAAY,IAAA,MAAM,EAAC,MAAnB;AAA0B,IAAA,OAAO,EAAC,UAAlC;AAA6C,IAAA,GAAG,EAAEF;AAAlD,KAA2DE,KAA3D,GACG,GADH,EAEGD,QAFH,EAEa,GAFb,CADF;AAMD,CAR0C,CAAtC;;AAWPF,OAAO,CAACI,WAAR,GAAsB,SAAtB","sourcesContent":["import React, { FC, forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\nexport const Header3: FC<ITypographyProps> = forwardRef(\n  ({ children, ...props }, ref: React.Ref<HTMLElement>) => {\n    return (\n      <Typography weight=\"bold\" variant=\"Header 3\" ref={ref} {...props}>\n        {\" \"}\n        {children}{\" \"}\n      </Typography>\n    );\n  }\n);\n\nHeader3.displayName = \"Header3\";\n"],"file":"Header3.js"}
+{"version":3,"sources":["../../../../../src/components/Typography/Variants/Header3.tsx"],"names":["Header3","ref","children","props","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;;;;;;;;;;;;;AAEO,IAAMA,OAAO,gBAAG,uBAGrB,gBAAyBC,GAAzB,EAAiC;AAAA,MAA9BC,QAA8B,QAA9BA,QAA8B;AAAA,MAAjBC,KAAiB;;AACjC,sBACE,6BAAC,sBAAD;AAAY,IAAA,MAAM,EAAC,MAAnB;AAA0B,IAAA,OAAO,EAAC,UAAlC;AAA6C,IAAA,GAAG,EAAEF;AAAlD,KAA2DE,KAA3D,GACG,GADH,EAEGD,QAFH,EAEa,GAFb,CADF;AAMD,CAVsB,CAAhB;;AAYPF,OAAO,CAACI,WAAR,GAAsB,SAAtB","sourcesContent":["import React, { forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\nexport const Header3 = forwardRef<\n  HTMLDivElement,\n  Omit<ITypographyProps, \"weight\" | \"variant\">\n>(({ children, ...props }, ref) => {\n  return (\n    <Typography weight=\"bold\" variant=\"Header 3\" ref={ref} {...props}>\n      {\" \"}\n      {children}{\" \"}\n    </Typography>\n  );\n});\n\nHeader3.displayName = \"Header3\";\n"],"file":"Header3.js"}

package/dist/cjs/components/Typography/Variants/Title1.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Variants/Title1.tsx"],"names":["Title1","ref","weight","children","props","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;;;;;;;;;;;;;AAOO,IAAMA,MAA0C,gBAAG,uBACxD,gBAA2CC,GAA3C,EAA2E;AAAA,yBAAxEC,MAAwE;AAAA,MAAxEA,MAAwE,4BAA/D,OAA+D;AAAA,MAAtDC,QAAsD,QAAtDA,QAAsD;AAAA,MAAzCC,KAAyC;;AACzE,sBACE,6BAAC,sBAAD;AAAY,IAAA,MAAM,EAAEF,MAApB;AAA4B,IAAA,OAAO,EAAC,SAApC;AAA8C,IAAA,GAAG,EAAED;AAAnD,KAA4DG,KAA5D,GACG,GADH,EAEGD,QAFH,EAEa,GAFb,CADF;AAMD,CARuD,CAAnD;;AAWPH,MAAM,CAACK,WAAP,GAAqB,QAArB","sourcesContent":["import React, { FC, forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\ninterface ITitleProps {\n  /** Font weight. */\n  weight?: \"light\" | \"bold\";\n}\n\nexport const Title1: FC<ITypographyProps & ITitleProps> = forwardRef(\n  ({ weight = \"light\", children, ...props }, ref: React.Ref<HTMLElement>) => {\n    return (\n      <Typography weight={weight} variant=\"Title 1\" ref={ref} {...props}>\n        {\" \"}\n        {children}{\" \"}\n      </Typography>\n    );\n  }\n);\n\nTitle1.displayName = \"Title1\";\n"],"file":"Title1.js"}
+{"version":3,"sources":["../../../../../src/components/Typography/Variants/Title1.tsx"],"names":["Title1","ref","weight","children","props","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;;;;;;;;;;;;;AAOO,IAAMA,MAAM,gBAAG,uBAGpB,gBAA2CC,GAA3C,EAAmD;AAAA,yBAAhDC,MAAgD;AAAA,MAAhDA,MAAgD,4BAAvC,OAAuC;AAAA,MAA9BC,QAA8B,QAA9BA,QAA8B;AAAA,MAAjBC,KAAiB;;AACnD,sBACE,6BAAC,sBAAD;AAAY,IAAA,MAAM,EAAEF,MAApB;AAA4B,IAAA,OAAO,EAAC,SAApC;AAA8C,IAAA,GAAG,EAAED;AAAnD,KAA4DG,KAA5D,GACG,GADH,EAEGD,QAFH,EAEa,GAFb,CADF;AAMD,CAVqB,CAAf;;AAYPH,MAAM,CAACK,WAAP,GAAqB,QAArB","sourcesContent":["import React, { forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\ninterface ITitleProps {\n  /** Font weight. */\n  weight?: \"light\" | \"bold\";\n}\n\nexport const Title1 = forwardRef<\n  HTMLDivElement,\n  ITitleProps & Omit<ITypographyProps, keyof ITitleProps | \"variant\">\n>(({ weight = \"light\", children, ...props }, ref) => {\n  return (\n    <Typography weight={weight} variant=\"Title 1\" ref={ref} {...props}>\n      {\" \"}\n      {children}{\" \"}\n    </Typography>\n  );\n});\n\nTitle1.displayName = \"Title1\";\n"],"file":"Title1.js"}

package/dist/cjs/components/index.js

@@ -160,15 +160,15 @@ Object.keys(_Avatar).forEach(function (key) {
   });
 });
 
-var _Label = require("./Label");
+var _Tag = require("./Tag");
 
-Object.keys(_Label).forEach(function (key) {
+Object.keys(_Tag).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Label[key]) return;
+  if (key in exports && exports[key] === _Tag[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _Label[key];
+      return _Tag[key];
     }
   });
 });
@@ -693,6 +693,19 @@ Object.keys(_Reactions).forEach(function (key) {
   });
 });
 
+var _Label = require("./Label");
+
+Object.keys(_Label).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Label[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Label[key];
+    }
+  });
+});
+
 var _GlobalStyle = require("./GlobalStyle");
 
 Object.keys(_GlobalStyle).forEach(function (key) {

package/dist/cjs/components/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./Button\";\nexport * from \"./ButtonGroup\";\nexport * from \"./CounterButton\";\nexport * from \"./Steppers\";\nexport * from \"./Tables\";\nexport * from \"./CompleteCheckbox\";\nexport * from \"./Paper\";\nexport * from \"./ScaleBar\";\nexport * from \"./Card\";\nexport * from \"./EntityCard\";\nexport * from \"./Signifier\";\nexport * from \"./Avatar\";\nexport * from \"./Label\";\nexport * from \"./Loaders\";\nexport * from \"./Nav\";\nexport * from \"./Bubble\";\nexport * from \"./Input\";\nexport * from \"./Menu\";\nexport * from \"./Expanders\";\nexport * from \"./Pickers\";\nexport * from \"./DatePicker\";\nexport * from \"./List\";\nexport * from \"./MenuSelector\";\nexport * from \"./MultiAvatar\";\nexport * from \"./RadioButton\";\nexport * from \"./ScrollShadow\";\nexport * from \"./Icons\";\nexport * from \"./Textarea\";\nexport * from \"./Modal\";\nexport * from \"./Sheet\";\nexport * from \"./Header\";\nexport * from \"./AutoResizeTextarea\";\nexport * from \"./Overlay\";\nexport * from \"./Accordion\";\nexport * from \"./Choose\";\nexport * from \"./Links\";\nexport * from \"./SelectDate\";\nexport * from \"./Popper\";\nexport * from \"./Tooltip\";\nexport * from \"./Transitions\";\nexport * from \"./Pressed\";\nexport * from \"./Window\";\nexport * from \"./ValueButton\";\nexport * from \"./Select\";\nexport * from \"./Dialog\";\nexport * from \"./ConfirmDialog\";\nexport * from \"./Checkbox\";\nexport * from \"./Toggle\";\nexport * from \"./Typography\";\nexport * from \"./Autocomplete\";\nexport * from \"./ComboBox\";\nexport * from \"./ProgressBar\";\nexport * from \"./Reactions\";\nexport * from \"./GlobalStyle\";\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./Button\";\nexport * from \"./ButtonGroup\";\nexport * from \"./CounterButton\";\nexport * from \"./Steppers\";\nexport * from \"./Tables\";\nexport * from \"./CompleteCheckbox\";\nexport * from \"./Paper\";\nexport * from \"./ScaleBar\";\nexport * from \"./Card\";\nexport * from \"./EntityCard\";\nexport * from \"./Signifier\";\nexport * from \"./Avatar\";\nexport * from \"./Tag\";\nexport * from \"./Loaders\";\nexport * from \"./Nav\";\nexport * from \"./Bubble\";\nexport * from \"./Input\";\nexport * from \"./Menu\";\nexport * from \"./Expanders\";\nexport * from \"./Pickers\";\nexport * from \"./DatePicker\";\nexport * from \"./List\";\nexport * from \"./MenuSelector\";\nexport * from \"./MultiAvatar\";\nexport * from \"./RadioButton\";\nexport * from \"./ScrollShadow\";\nexport * from \"./Icons\";\nexport * from \"./Textarea\";\nexport * from \"./Modal\";\nexport * from \"./Sheet\";\nexport * from \"./Header\";\nexport * from \"./AutoResizeTextarea\";\nexport * from \"./Overlay\";\nexport * from \"./Accordion\";\nexport * from \"./Choose\";\nexport * from \"./Links\";\nexport * from \"./SelectDate\";\nexport * from \"./Popper\";\nexport * from \"./Tooltip\";\nexport * from \"./Transitions\";\nexport * from \"./Pressed\";\nexport * from \"./Window\";\nexport * from \"./ValueButton\";\nexport * from \"./Select\";\nexport * from \"./Dialog\";\nexport * from \"./ConfirmDialog\";\nexport * from \"./Checkbox\";\nexport * from \"./Toggle\";\nexport * from \"./Typography\";\nexport * from \"./Autocomplete\";\nexport * from \"./ComboBox\";\nexport * from \"./ProgressBar\";\nexport * from \"./Reactions\";\nexport * from \"./Label\";\nexport * from \"./GlobalStyle\";\n"],"file":"index.js"}

package/dist/cjs/utils/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

package/dist/cjs/utils/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"types.js"}

package/dist/esm/components/CounterButton/Styles.d.ts

@@ -8,7 +8,7 @@ export declare const StyledCounterButtonCounter: import("styled-components").Sty
     $selected?: boolean | undefined;
 }, never>;
 export declare const StyledCounterButtonReset: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button/Button").IButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
-export declare const StyledCounterButtonLabel: import("styled-components").StyledComponent<import("react").FC<import("../Typography/Typography").ITypographyProps & import("../Typography/Variants/Body2").IBodyProps>, any, {
+export declare const StyledCounterButtonLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Typography/Variants/Body2").IBodyProps & Omit<import("../Typography/Typography").ITypographyProps, "variant" | "weight"> & import("react").RefAttributes<HTMLDivElement>>, any, {
     $active?: boolean | undefined;
 }, never>;
 export {};

package/dist/esm/components/Label/Label.d.ts

@@ -1,13 +1,10 @@
 import React from "react";
-interface ILabel {
-    name: string;
-    color: string;
+import { ITypographyProps } from "../Typography/Typography";
+interface ILabelProps {
+    invalid?: boolean;
+    required?: boolean;
+    size?: "regular" | "small";
 }
-interface ILabelProps extends ILabel {
-    showText?: boolean;
-    showDot?: boolean;
-    className?: string;
-}
-export declare const Label: React.ForwardRefExoticComponent<ILabelProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export declare const Label: React.ForwardRefExoticComponent<ILabelProps & Omit<ITypographyProps, "color" | "variant" | "weight" | keyof ILabelProps> & React.RefAttributes<HTMLLabelElement>>;
 export {};
 //# sourceMappingURL=Label.d.ts.map

package/dist/esm/components/Label/Label.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../src/components/Label/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAI1D,UAAU,MAAM;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,WAAY,SAAQ,MAAM;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,KAAK,2HAqBjB,CAAC"}
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../src/components/Label/Label.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAc,MAAM,0BAA0B,CAAC;AAExE,UAAU,WAAW;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,KAAK,mKAkCjB,CAAC"}

package/dist/esm/components/Label/Label.js

@@ -1,28 +1,30 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["name", "color", "showText", "showDot", "className"];
+var _excluded = ["invalid", "required", "size", "children", "className"];
+import classNames from "classnames";
 import React, { forwardRef } from "react";
-import classnames from "classnames";
-import { StyledLabel, StyledLabelText, StyledLabelDot } from "./Styles";
+import { Typography } from "../Typography/Typography";
 export var Label = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var name = _ref.name,
-      color = _ref.color,
-      _ref$showText = _ref.showText,
-      showText = _ref$showText === void 0 ? true : _ref$showText,
-      _ref$showDot = _ref.showDot,
-      showDot = _ref$showDot === void 0 ? true : _ref$showDot,
+  var _ref$invalid = _ref.invalid,
+      invalid = _ref$invalid === void 0 ? false : _ref$invalid,
+      _ref$required = _ref.required,
+      required = _ref$required === void 0 ? false : _ref$required,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? "regular" : _ref$size,
+      children = _ref.children,
       className = _ref.className,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(StyledLabel, _extends({
-    className: classnames("c-label", className),
+  var color = invalid ? "alert" : "primary";
+  var variant = size === "regular" ? "Body 2" : "Caption 1";
+  return /*#__PURE__*/React.createElement(Typography, _extends({
+    as: "label",
+    className: classNames("c-label", className),
+    variant: variant,
+    color: color,
+    weight: "bold",
     ref: ref
-  }, rest), showDot ? /*#__PURE__*/React.createElement(StyledLabelDot, {
-    $showText: showText,
-    color: color
-  }) : null, showText ? /*#__PURE__*/React.createElement(StyledLabelText, {
-    color: color
-  }, name) : null);
+  }, props), children, required ? "*" : null);
 });
 Label.displayName = "Label";
 //# sourceMappingURL=Label.js.map

package/dist/esm/components/Label/Label.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Label/Label.tsx"],"names":["React","forwardRef","classnames","StyledLabel","StyledLabelText","StyledLabelDot","Label","ref","name","color","showText","showDot","className","rest","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkD,OAAlD;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,WAAT,EAAsBC,eAAtB,EAAuCC,cAAvC,QAA6D,UAA7D;AAaA,OAAO,IAAMC,KAAK,gBAAGL,UAAU,CAI7B,gBAEEM,GAFF,EAGK;AAAA,MAFDC,IAEC,QAFDA,IAEC;AAAA,MAFKC,KAEL,QAFKA,KAEL;AAAA,2BAFYC,QAEZ;AAAA,MAFYA,QAEZ,8BAFuB,IAEvB;AAAA,0BAF6BC,OAE7B;AAAA,MAF6BA,OAE7B,6BAFuC,IAEvC;AAAA,MAF6CC,SAE7C,QAF6CA,SAE7C;AAAA,MAF2DC,IAE3D;;AACH,sBACE,oBAAC,WAAD;AACE,IAAA,SAAS,EAAEX,UAAU,CAAC,SAAD,EAAYU,SAAZ,CADvB;AAEE,IAAA,GAAG,EAAEL;AAFP,KAGMM,IAHN,GAKGF,OAAO,gBAAG,oBAAC,cAAD;AAAgB,IAAA,SAAS,EAAED,QAA3B;AAAqC,IAAA,KAAK,EAAED;AAA5C,IAAH,GAA2D,IALrE,EAMGC,QAAQ,gBACP,oBAAC,eAAD;AAAiB,IAAA,KAAK,EAAED;AAAxB,KAAgCD,IAAhC,CADO,GAEL,IARN,CADF;AAYD,CApB4B,CAAxB;AAuBPF,KAAK,CAACQ,WAAN,GAAoB,OAApB","sourcesContent":["import React, { forwardRef, HTMLAttributes } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledLabel, StyledLabelText, StyledLabelDot } from \"./Styles\";\n\ninterface ILabel {\n  name: string;\n  color: string;\n}\n\ninterface ILabelProps extends ILabel {\n  showText?: boolean;\n  showDot?: boolean;\n  className?: string;\n}\n\nexport const Label = forwardRef<\n  HTMLDivElement,\n  ILabelProps & HTMLAttributes<HTMLDivElement>\n>(\n  (\n    { name, color, showText = true, showDot = true, className, ...rest },\n    ref\n  ) => {\n    return (\n      <StyledLabel\n        className={classnames(\"c-label\", className)}\n        ref={ref}\n        {...rest}\n      >\n        {showDot ? <StyledLabelDot $showText={showText} color={color} /> : null}\n        {showText ? (\n          <StyledLabelText color={color}>{name}</StyledLabelText>\n        ) : null}\n      </StyledLabel>\n    );\n  }\n);\n\nLabel.displayName = \"Label\";\n"],"file":"Label.js"}
+{"version":3,"sources":["../../../../src/components/Label/Label.tsx"],"names":["classNames","React","forwardRef","Typography","Label","ref","invalid","required","size","children","className","props","color","variant","displayName"],"mappings":";;;AAAA,OAAOA,UAAP,MAAuB,YAAvB;AACA,OAAOC,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAA2BC,UAA3B,QAA6C,0BAA7C;AAQA,OAAO,IAAMC,KAAK,gBAAGF,UAAU,CAK7B,gBASEG,GATF,EAUK;AAAA,0BARDC,OAQC;AAAA,MARDA,OAQC,6BARS,KAQT;AAAA,2BAPDC,QAOC;AAAA,MAPDA,QAOC,8BAPU,KAOV;AAAA,uBANDC,IAMC;AAAA,MANDA,IAMC,0BANM,SAMN;AAAA,MALDC,QAKC,QALDA,QAKC;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,MAHEC,KAGF;;AACH,MAAMC,KAAK,GAAGN,OAAO,GAAG,OAAH,GAAa,SAAlC;AACA,MAAMO,OAAO,GAAGL,IAAI,KAAK,SAAT,GAAqB,QAArB,GAAgC,WAAhD;AAEA,sBACE,oBAAC,UAAD;AACE,IAAA,EAAE,EAAC,OADL;AAEE,IAAA,SAAS,EAAER,UAAU,CAAC,SAAD,EAAYU,SAAZ,CAFvB;AAGE,IAAA,OAAO,EAAEG,OAHX;AAIE,IAAA,KAAK,EAAED,KAJT;AAKE,IAAA,MAAM,EAAC,MALT;AAME,IAAA,GAAG,EAAEP;AANP,KAOMM,KAPN,GASGF,QATH,EAUGF,QAAQ,GAAG,GAAH,GAAS,IAVpB,CADF;AAcD,CAjC4B,CAAxB;AAoCPH,KAAK,CAACU,WAAN,GAAoB,OAApB","sourcesContent":["import classNames from \"classnames\";\nimport React, { forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography/Typography\";\n\ninterface ILabelProps {\n  invalid?: boolean;\n  required?: boolean;\n  size?: \"regular\" | \"small\";\n}\n\nexport const Label = forwardRef<\n  HTMLLabelElement,\n  ILabelProps &\n    Omit<ITypographyProps, keyof ILabelProps | \"variant\" | \"color\" | \"weight\">\n>(\n  (\n    {\n      invalid = false,\n      required = false,\n      size = \"regular\",\n      children,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    const color = invalid ? \"alert\" : \"primary\";\n    const variant = size === \"regular\" ? \"Body 2\" : \"Caption 1\";\n\n    return (\n      <Typography\n        as=\"label\"\n        className={classNames(\"c-label\", className)}\n        variant={variant}\n        color={color}\n        weight=\"bold\"\n        ref={ref}\n        {...props}\n      >\n        {children}\n        {required ? \"*\" : null}\n      </Typography>\n    );\n  }\n);\n\nLabel.displayName = \"Label\";\n"],"file":"Label.js"}