@activecollab/components 0.1.537 → 1.0.4

package/dist/esm/components/Typography/Styles.js

@@ -0,0 +1,124 @@
+import styled, { css } from 'styled-components';
+import { BoxSizingStyle } from '../BoxSizingStyle.js';
+import { FontStyle } from '../FontStyle.js';
+
+var colors = {
+  primary: {
+    "color": "var(--color-theme-900)"
+  },
+  secondary: {
+    "color": "var(--color-theme-700)"
+  },
+  tertiary: {
+    "color": "var(--color-theme-600)"
+  },
+  quaternary: {
+    "color": "var(--color-theme-600)",
+    "opacity": "0.5"
+  },
+  "theme-primary": {
+    "color": "var(--color-primary)"
+  },
+  "theme-secondary": {
+    "color": "var(--color-secondary)"
+  },
+  "page-paper": {
+    "color": "var(--page-paper-main)"
+  },
+  "only-white": {
+    "color": "var(--only-white)"
+  },
+  "only-black": {
+    "color": "var(--only-black)"
+  },
+  success: {
+    "color": "var(--color-sucess-green)"
+  },
+  alert: {
+    "color": "var(--red-alert)"
+  }
+};
+var StyledTypography = styled.div.withConfig({
+  displayName: "Styles__StyledTypography",
+  componentId: "sc-mskw5w-0"
+})(["", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", ""], FontStyle, BoxSizingStyle, function (props) {
+  return colors[props.$color];
+}, function (props) {
+  return props.$variant === "Title 1" && css(["font-size:2rem;"]);
+}, function (props) {
+  return props.$variant === "Header 2" && css(["font-size:1.125rem;"]);
+}, function (props) {
+  return (props.$variant === "Header 3" || props.$variant === "Body 1") && css(["font-size:1rem;"]);
+}, function (props) {
+  return props.$variant === "Body 2" && css(["font-size:0.875rem;"]);
+}, function (props) {
+  return props.$variant === "Caption 1" && css(["font-size:0.75rem;"]);
+}, function (props) {
+  return props.$variant === "Caption 2" && css(["font-size:0.625rem;"]);
+}, function (props) {
+  return props.$italic ? css(["font-style:italic;"]) : css(["font-style:normal;"]);
+}, function (props) {
+  return props.$tabularNums ? css(["font-variant-numeric:tabular-nums;"]) : css(["font-variant-numeric:normal;"]);
+}, function (props) {
+  return props.$letterSpacing === "regular" && css(["letter-spacing:0.02em;"]);
+}, function (props) {
+  return props.$letterSpacing === "tight" && css(["letter-spacing:0em;"]);
+}, function (props) {
+  return props.$letterSpacing === "wide" && css(["letter-spacing:0.08em;"]);
+}, function (props) {
+  return props.$lineHeight === "regular" && css(["line-height:1.375;"]);
+}, function (props) {
+  return props.$lineHeight === "tight" && css(["line-height:1;"]);
+}, function (props) {
+  return props.$lineHeight === "loose" && css(["line-height:1.625;"]);
+}, function (props) {
+  return props.$align === "left" && css(["text-align:left;"]);
+}, function (props) {
+  return props.$align === "right" && css(["text-align:right;"]);
+}, function (props) {
+  return props.$align === "center" && css(["text-align:center;"]);
+}, function (props) {
+  return props.$align === "justify" && css(["text-align:justify;"]);
+}, function (props) {
+  return props.$decoration === "none" && css(["text-decoration:none;"]);
+}, function (props) {
+  return props.$decoration === "underline" && css(["text-decoration:underline;"]);
+}, function (props) {
+  return props.$decoration === "line-through" && css(["text-decoration:line-through;"]);
+}, function (props) {
+  return props.$transform === "regular" && css(["text-transform:none;"]);
+}, function (props) {
+  return props.$transform === "uppercase" && css(["text-transform:uppercase;"]);
+}, function (props) {
+  return props.$transform === "lowercase" && css(["text-transform:lowercase;"]);
+}, function (props) {
+  return props.$transform === "capitalize" && css(["text-transform:capitalize;"]);
+}, function (props) {
+  return props.$overflow === "visible" && css(["overflow:visible;"]);
+}, function (props) {
+  return props.$overflow === "ellipsis" && css(["text-overflow:ellipsis;"]);
+}, function (props) {
+  return props.$overflow === "truncate" && css(["overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"]);
+}, function (props) {
+  return props.$whitespace === "regular" && css(["white-space:normal;"]);
+}, function (props) {
+  return props.$whitespace === "no-wrap" && css(["white-space:nowrap;"]);
+}, function (props) {
+  return props.$wordBreak === "regular" && css(["overflow-wrap:normal;word-break:normal;"]);
+}, function (props) {
+  return props.$wordBreak === "smart" && css(["overflow-wrap:break-word;"]);
+}, function (props) {
+  return props.$wordBreak === "all" && css(["word-break:break-all;"]);
+}, function (props) {
+  return props.$weight === "regular" && css(["font-weight:400;"]);
+}, function (props) {
+  return props.$weight === "light" && css(["font-weight:300;"]);
+}, function (props) {
+  return props.$weight === "medium" && css(["font-weight:500;"]);
+}, function (props) {
+  return props.$weight === "bold" && css(["font-weight:700;"]);
+});
+StyledTypography.displayName = "StyledTypography";
+
+export { StyledTypography };
+//# sourceMappingURL=Styles.js.map

package/dist/esm/components/Typography/Styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.js","sources":["../../../../src/components/Typography/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\ninterface IStyledTypographyProps {\n  $variant:\n    | \"Title 1\"\n    | \"Header 2\"\n    | \"Header 3\"\n    | \"Body 1\"\n    | \"Body 2\"\n    | \"Caption 1\"\n    | \"Caption 2\";\n  $italic: boolean;\n  $tabularNums: boolean;\n  $letterSpacing: \"tight\" | \"regular\" | \"wide\";\n  $lineHeight: \"tight\" | \"regular\" | \"loose\";\n  $align: \"left\" | \"center\" | \"right\" | \"justify\";\n  $decoration: \"underline\" | \"line-through\" | \"none\";\n  $transform: \"uppercase\" | \"lowercase\" | \"capitalize\" | \"regular\";\n  $overflow: \"truncate\" | \"ellipsis\" | \"visible\";\n  $whitespace: \"regular\" | \"no-wrap\";\n  $wordBreak: \"regular\" | \"smart\" | \"all\";\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  $weight?: \"light\" | \"regular\" | \"medium\" | \"bold\";\n}\n\nconst colors = {\n  primary: tw`tw-text-theme-900`,\n  secondary: tw`tw-text-theme-700`,\n  tertiary: tw`tw-text-theme-600`,\n  quaternary: tw`tw-text-theme-600 tw-opacity-50`,\n  \"theme-primary\": tw`tw-text-primary`,\n  \"theme-secondary\": tw`tw-text-secondary`,\n  \"page-paper\": tw`tw-text-page-paper-main`,\n  \"only-white\": tw`tw-text-only-white`,\n  \"only-black\": tw`tw-text-only-black`,\n  success: tw`tw-text-success`,\n  alert: tw`tw-text-alert`,\n};\n\nexport const StyledTypography = styled.div<IStyledTypographyProps>`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  //color\n  ${(props) => colors[props.$color]}\n\n  //variant - font size\n  ${(props) =>\n    props.$variant === \"Title 1\" &&\n    css`\n      font-size: 2rem;\n    `}\n  ${(props) =>\n    props.$variant === \"Header 2\" &&\n    css`\n      font-size: 1.125rem;\n    `}\n  ${(props) =>\n    (props.$variant === \"Header 3\" || props.$variant === \"Body 1\") &&\n    css`\n      font-size: 1rem;\n    `}\n  ${(props) =>\n    props.$variant === \"Body 2\" &&\n    css`\n      font-size: 0.875rem;\n    `}\n  ${(props) =>\n    props.$variant === \"Caption 1\" &&\n    css`\n      font-size: 0.75rem;\n    `}\n  ${(props) =>\n    props.$variant === \"Caption 2\" &&\n    css`\n      font-size: 0.625rem;\n    `}\n\n  //italic\n  ${(props) =>\n    props.$italic\n      ? css`\n          font-style: italic;\n        `\n      : css`\n          font-style: normal;\n        `}\n\n  //tabularNums\n  ${(props) =>\n    props.$tabularNums\n      ? css`\n          font-variant-numeric: tabular-nums;\n        `\n      : css`\n          font-variant-numeric: normal;\n        `}\n\n  //letterSpacing\n  ${(props) =>\n    props.$letterSpacing === \"regular\" &&\n    css`\n      letter-spacing: 0.02em;\n    `}\n  ${(props) =>\n    props.$letterSpacing === \"tight\" &&\n    css`\n      letter-spacing: 0em;\n    `}\n  ${(props) =>\n    props.$letterSpacing === \"wide\" &&\n    css`\n      letter-spacing: 0.08em;\n    `}\n\n  //lineHeight\n  ${(props) =>\n    props.$lineHeight === \"regular\" &&\n    css`\n      line-height: 1.375;\n    `}\n  ${(props) =>\n    props.$lineHeight === \"tight\" &&\n    css`\n      line-height: 1;\n    `}\n  ${(props) =>\n    props.$lineHeight === \"loose\" &&\n    css`\n      line-height: 1.625;\n    `}\n\n  //align\n  ${(props) =>\n    props.$align === \"left\" &&\n    css`\n      text-align: left;\n    `}\n  ${(props) =>\n    props.$align === \"right\" &&\n    css`\n      text-align: right;\n    `}\n  ${(props) =>\n    props.$align === \"center\" &&\n    css`\n      text-align: center;\n    `}\n  ${(props) =>\n    props.$align === \"justify\" &&\n    css`\n      text-align: justify;\n    `}\n\n  //decoration\n  ${(props) =>\n    props.$decoration === \"none\" &&\n    css`\n      text-decoration: none;\n    `}\n  ${(props) =>\n    props.$decoration === \"underline\" &&\n    css`\n      text-decoration: underline;\n    `}\n  ${(props) =>\n    props.$decoration === \"line-through\" &&\n    css`\n      text-decoration: line-through;\n    `}\n\n  //transform\n  ${(props) =>\n    props.$transform === \"regular\" &&\n    css`\n      text-transform: none;\n    `}\n  ${(props) =>\n    props.$transform === \"uppercase\" &&\n    css`\n      text-transform: uppercase;\n    `}\n  ${(props) =>\n    props.$transform === \"lowercase\" &&\n    css`\n      text-transform: lowercase;\n    `}\n  ${(props) =>\n    props.$transform === \"capitalize\" &&\n    css`\n      text-transform: capitalize;\n    `}\n\n  //overflow\n  ${(props) =>\n    props.$overflow === \"visible\" &&\n    css`\n      overflow: visible;\n    `}\n  ${(props) =>\n    props.$overflow === \"ellipsis\" &&\n    css`\n      text-overflow: ellipsis;\n    `}\n  ${(props) =>\n    props.$overflow === \"truncate\" &&\n    css`\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    `}\n\n  //whitespace\n  ${(props) =>\n    props.$whitespace === \"regular\" &&\n    css`\n      white-space: normal;\n    `}\n  ${(props) =>\n    props.$whitespace === \"no-wrap\" &&\n    css`\n      white-space: nowrap;\n    `}\n\n  //wordBreak\n  ${(props) =>\n    props.$wordBreak === \"regular\" &&\n    css`\n      overflow-wrap: normal;\n      word-break: normal;\n    `}\n  ${(props) =>\n    props.$wordBreak === \"smart\" &&\n    css`\n      overflow-wrap: break-word;\n    `}\n  ${(props) =>\n    props.$wordBreak === \"all\" &&\n    css`\n      word-break: break-all;\n    `}\n\n  //weight\n  ${(props) =>\n    props.$weight === \"regular\" &&\n    css`\n      font-weight: 400;\n    `}\n  ${(props) =>\n    props.$weight === \"light\" &&\n    css`\n      font-weight: 300;\n    `}\n  ${(props) =>\n    props.$weight === \"medium\" &&\n    css`\n      font-weight: 500;\n    `}\n  ${(props) =>\n    props.$weight === \"bold\" &&\n    css`\n      font-weight: 700;\n    `}\n`;\n\nStyledTypography.displayName = \"StyledTypography\";\n"],"names":["colors","primary","secondary","tertiary","quaternary","success","alert","StyledTypography","styled","div","FontStyle","BoxSizingStyle","props","$color","$variant","css","$italic","$tabularNums","$letterSpacing","$lineHeight","$align","$decoration","$transform","$overflow","$whitespace","$wordBreak","$weight","displayName"],"mappings":"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"}

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

@@ -1,5 +1,4 @@
 import React, { HTMLAttributes } from "react";
-import "./typography.css";
 export interface ITypographyProps extends HTMLAttributes<HTMLElement> {
     color?: "primary" | "secondary" | "tertiary" | "quaternary" | "theme-primary" | "theme-secondary" | "only-white" | "only-black" | "page-paper" | "success" | "alert";
     tabularNums?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAsB,MAAM,OAAO,CAAC;AAElE,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,WAAW,CAAC;IAEnE,KAAK,CAAC,EACF,SAAS,GACT,WAAW,GACX,UAAU,GACV,YAAY,GACZ,eAAe,GACf,iBAAiB,GACjB,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,SAAS,GACT,OAAO,CAAC;IAEZ,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IAE7C,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;IAE3C,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAEhD,UAAU,CAAC,EAAE,WAAW,GAAG,cAAc,GAAG,MAAM,CAAC;IAEnD,SAAS,CAAC,EAAE,WAAW,GAAG,WAAW,GAAG,YAAY,GAAG,SAAS,CAAC;IAEjE,QAAQ,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;IAE/C,UAAU,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAEnC,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,KAAK,CAAC;IAExC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,0BAA0B;IAElC,OAAO,CAAC,EACJ,SAAS,GACT,UAAU,GACV,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,WAAW,GACX,WAAW,CAAC;IAEhB,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,GAAG,GAAG,MAAM,GAAG,KAAK,CAAC;IAErE,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;IAEjD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAChD;AAED,eAAO,MAAM,UAAU,mHAmFtB,CAAC"}
+{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAsB,MAAM,OAAO,CAAC;AAIlE,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,WAAW,CAAC;IAEnE,KAAK,CAAC,EACF,SAAS,GACT,WAAW,GACX,UAAU,GACV,YAAY,GACZ,eAAe,GACf,iBAAiB,GACjB,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,SAAS,GACT,OAAO,CAAC;IAEZ,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IAE7C,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;IAE3C,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAEhD,UAAU,CAAC,EAAE,WAAW,GAAG,cAAc,GAAG,MAAM,CAAC;IAEnD,SAAS,CAAC,EAAE,WAAW,GAAG,WAAW,GAAG,YAAY,GAAG,SAAS,CAAC;IAEjE,QAAQ,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;IAE/C,UAAU,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAEnC,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,KAAK,CAAC;IAExC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,0BAA0B;IAElC,OAAO,CAAC,EACJ,SAAS,GACT,UAAU,GACV,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,WAAW,GACX,WAAW,CAAC;IAEhB,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,GAAG,GAAG,MAAM,GAAG,KAAK,CAAC;IAErE,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;IAEjD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAChD;AAED,eAAO,MAAM,UAAU,mHAqDtB,CAAC"}

package/dist/esm/components/Typography/Typography.js

@@ -0,0 +1,73 @@
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import { forwardRef, useRef } from 'react';
+import classnames from 'classnames';
+import useForkRef from '../../utils/useForkRef.js';
+import { StyledTypography } from './Styles.js';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded = ["variant", "Tag", "color", "italic", "tabularNums", "letterSpacing", "lineHeight", "align", "decoration", "transform", "overflow", "whitespace", "wordBreak", "weight", "className", "children"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+var Typography = /*#__PURE__*/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,
+      _ref$color = _ref.color,
+      color = _ref$color === void 0 ? "primary" : _ref$color,
+      _ref$italic = _ref.italic,
+      italic = _ref$italic === void 0 ? false : _ref$italic,
+      _ref$tabularNums = _ref.tabularNums,
+      tabularNums = _ref$tabularNums === void 0 ? false : _ref$tabularNums,
+      _ref$letterSpacing = _ref.letterSpacing,
+      letterSpacing = _ref$letterSpacing === void 0 ? "regular" : _ref$letterSpacing,
+      _ref$lineHeight = _ref.lineHeight,
+      lineHeight = _ref$lineHeight === void 0 ? "regular" : _ref$lineHeight,
+      _ref$align = _ref.align,
+      align = _ref$align === void 0 ? "left" : _ref$align,
+      _ref$decoration = _ref.decoration,
+      decoration = _ref$decoration === void 0 ? "none" : _ref$decoration,
+      _ref$transform = _ref.transform,
+      transform = _ref$transform === void 0 ? "regular" : _ref$transform,
+      _ref$overflow = _ref.overflow,
+      overflow = _ref$overflow === void 0 ? "visible" : _ref$overflow,
+      _ref$whitespace = _ref.whitespace,
+      whitespace = _ref$whitespace === void 0 ? "regular" : _ref$whitespace,
+      _ref$wordBreak = _ref.wordBreak,
+      wordBreak = _ref$wordBreak === void 0 ? "regular" : _ref$wordBreak,
+      _ref$weight = _ref.weight,
+      weight = _ref$weight === void 0 ? "regular" : _ref$weight,
+      className = _ref.className,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  var innerRef = useRef(null);
+  var handleRef = useForkRef(ref, innerRef);
+  return /*#__PURE__*/jsx(StyledTypography, _objectSpread(_objectSpread({
+    as: Tag,
+    className: classnames("typography", className),
+    $italic: italic,
+    $tabularNums: tabularNums,
+    $letterSpacing: letterSpacing,
+    $lineHeight: lineHeight,
+    $align: align,
+    $decoration: decoration,
+    $transform: transform,
+    $overflow: overflow,
+    $whitespace: whitespace,
+    $wordBreak: wordBreak,
+    $variant: variant,
+    $color: color,
+    $weight: weight,
+    ref: handleRef
+  }, props), {}, {
+    children: children
+  }));
+});
+Typography.displayName = "Typography";
+
+export { Typography };
+//# sourceMappingURL=Typography.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.js","sources":["../../../../src/components/Typography/Typography.tsx"],"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"],"names":["Typography","forwardRef","ref","variant","Tag","color","italic","tabularNums","letterSpacing","lineHeight","align","decoration","transform","overflow","whitespace","wordBreak","weight","className","children","props","innerRef","useRef","handleRef","useForkRef","_jsx","classNames","displayName"],"mappings":";;;;;;;;;;;;;IA4DaA,UAAU,gBAAGC,UAAU,CAIlC,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,GAAGC,MAAM,CAAqB,IAArB,CAAvB;AACA,MAAMC,SAAS,GAAGC,UAAU,CAACrB,GAAD,EAAMkB,QAAN,CAA5B;AAEA,sBACEI,IAAC,gBAAD;AACE,IAAA,EAAE,EAAEpB,GADN;AAEE,IAAA,SAAS,EAAEqB,UAAU,CAAC,YAAD,EAAeR,SAAf,CAFvB;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,EAAEM;AAhBP,KAiBMH,KAjBN;AAAA,cAmBGD;AAnBH,KADF;AAuBD,CApDiC;AAuDpClB,UAAU,CAAC0B,WAAX,GAAyB,YAAzB;;;;"}

package/dist/esm/components/Typography/Variants/Body1.js

@@ -0,0 +1,29 @@
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import { forwardRef } from 'react';
+import { Typography } from '../Typography.js';
+import { jsxs } from 'react/jsx-runtime';
+
+var _excluded = ["weight", "children"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+var Body1 = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _ref$weight = _ref.weight,
+      weight = _ref$weight === void 0 ? "regular" : _ref$weight,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/jsxs(Typography, _objectSpread(_objectSpread({
+    variant: "Body 1",
+    weight: weight,
+    ref: ref
+  }, props), {}, {
+    children: [" ", children, " "]
+  }));
+});
+Body1.displayName = "Body1";
+
+export { Body1 };
+//# sourceMappingURL=Body1.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Body1.js","sources":["../../../../../src/components/Typography/Variants/Body1.tsx"],"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"],"names":["Body1","forwardRef","ref","weight","children","props","_jsxs","displayName"],"mappings":";;;;;;;;;;;IAQaA,KAAwC,gBAAGC,UAAU,CAChE,gBAA6CC,GAA7C,EAA6E;AAAA,yBAA1EC,MAA0E;AAAA,MAA1EA,MAA0E,4BAAjE,SAAiE;AAAA,MAAtDC,QAAsD,QAAtDA,QAAsD;AAAA,MAAzCC,KAAyC;;AAC3E,sBACEC,KAAC,UAAD;AAAY,IAAA,OAAO,EAAC,QAApB;AAA6B,IAAA,MAAM,EAAEH,MAArC;AAA6C,IAAA,GAAG,EAAED;AAAlD,KAA2DG,KAA3D;AAAA,eACG,GADH,EAEGD,QAFH,EAEa,GAFb;AAAA,KADF;AAMD,CAR+D;AAWlEJ,KAAK,CAACO,WAAN,GAAoB,OAApB;;;;"}

package/dist/esm/components/Typography/Variants/Body2.d.ts

@@ -1,8 +1,7 @@
 import { FC } from "react";
 import { ITypographyProps } from "../Typography";
-interface IBodyProps {
+export interface IBodyProps {
     weight?: "regular" | "bold" | "medium";
 }
 export declare const Body2: FC<ITypographyProps & IBodyProps>;
-export {};
 //# sourceMappingURL=Body2.d.ts.map

package/dist/esm/components/Typography/Variants/Body2.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Body2.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Variants/Body2.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAc,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAc,MAAM,eAAe,CAAC;AAC7D,UAAU,UAAU;IAElB,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;CACxC;AAED,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,gBAAgB,GAAG,UAAU,CASnD,CAAC"}
+{"version":3,"file":"Body2.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Variants/Body2.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAc,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAc,MAAM,eAAe,CAAC;AAC7D,MAAM,WAAW,UAAU;IAEzB,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;CACxC;AAED,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,gBAAgB,GAAG,UAAU,CASnD,CAAC"}

package/dist/esm/components/Typography/Variants/Body2.js

@@ -0,0 +1,29 @@
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import { forwardRef } from 'react';
+import { Typography } from '../Typography.js';
+import { jsxs } from 'react/jsx-runtime';
+
+var _excluded = ["weight", "children"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+var Body2 = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _ref$weight = _ref.weight,
+      weight = _ref$weight === void 0 ? "regular" : _ref$weight,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/jsxs(Typography, _objectSpread(_objectSpread({
+    variant: "Body 2",
+    weight: weight,
+    ref: ref
+  }, props), {}, {
+    children: [" ", children, " "]
+  }));
+});
+Body2.displayName = "Body2";
+
+export { Body2 };
+//# sourceMappingURL=Body2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Body2.js","sources":["../../../../../src/components/Typography/Variants/Body2.tsx"],"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"],"names":["Body2","forwardRef","ref","weight","children","props","_jsxs","displayName"],"mappings":";;;;;;;;;;;IAOaA,KAAwC,gBAAGC,UAAU,CAChE,gBAA6CC,GAA7C,EAA6E;AAAA,yBAA1EC,MAA0E;AAAA,MAA1EA,MAA0E,4BAAjE,SAAiE;AAAA,MAAtDC,QAAsD,QAAtDA,QAAsD;AAAA,MAAzCC,KAAyC;;AAC3E,sBACEC,KAAC,UAAD;AAAY,IAAA,OAAO,EAAC,QAApB;AAA6B,IAAA,MAAM,EAAEH,MAArC;AAA6C,IAAA,GAAG,EAAED;AAAlD,KAA2DG,KAA3D;AAAA,eACG,GADH,EAEGD,QAFH,EAEa,GAFb;AAAA,KADF;AAMD,CAR+D;AAWlEJ,KAAK,CAACO,WAAN,GAAoB,OAApB;;;;"}

package/dist/esm/components/Typography/Variants/Caption1.js

@@ -0,0 +1,29 @@
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import { forwardRef } from 'react';
+import { Typography } from '../Typography.js';
+import { jsxs } from 'react/jsx-runtime';
+
+var _excluded = ["weight", "children"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+var Caption1 = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _ref$weight = _ref.weight,
+      weight = _ref$weight === void 0 ? "regular" : _ref$weight,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/jsxs(Typography, _objectSpread(_objectSpread({
+    variant: "Caption 1",
+    weight: weight,
+    ref: ref
+  }, props), {}, {
+    children: [" ", children, " "]
+  }));
+});
+Caption1.displayName = "Caption1";
+
+export { Caption1 };
+//# sourceMappingURL=Caption1.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Caption1.js","sources":["../../../../../src/components/Typography/Variants/Caption1.tsx"],"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"],"names":["Caption1","forwardRef","ref","weight","children","props","_jsxs","displayName"],"mappings":";;;;;;;;;;;IAQaA,QAA8C,gBAAGC,UAAU,CACtE,gBAA6CC,GAA7C,EAA6E;AAAA,yBAA1EC,MAA0E;AAAA,MAA1EA,MAA0E,4BAAjE,SAAiE;AAAA,MAAtDC,QAAsD,QAAtDA,QAAsD;AAAA,MAAzCC,KAAyC;;AAC3E,sBACEC,KAAC,UAAD;AAAY,IAAA,OAAO,EAAC,WAApB;AAAgC,IAAA,MAAM,EAAEH,MAAxC;AAAgD,IAAA,GAAG,EAAED;AAArD,KAA8DG,KAA9D;AAAA,eACG,GADH,EAEGD,QAFH,EAEa,GAFb;AAAA,KADF;AAMD,CARqE;AAWxEJ,QAAQ,CAACO,WAAT,GAAuB,UAAvB;;;;"}

package/dist/esm/components/Typography/Variants/Caption2.js

@@ -0,0 +1,29 @@
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import { forwardRef } from 'react';
+import { Typography } from '../Typography.js';
+import { jsxs } from 'react/jsx-runtime';
+
+var _excluded = ["weight", "children"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+var Caption2 = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _ref$weight = _ref.weight,
+      weight = _ref$weight === void 0 ? "regular" : _ref$weight,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/jsxs(Typography, _objectSpread(_objectSpread({
+    variant: "Caption 2",
+    weight: weight,
+    ref: ref
+  }, props), {}, {
+    children: [" ", children, " "]
+  }));
+});
+Caption2.displayName = "Caption2";
+
+export { Caption2 };
+//# sourceMappingURL=Caption2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Caption2.js","sources":["../../../../../src/components/Typography/Variants/Caption2.tsx"],"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"],"names":["Caption2","forwardRef","ref","weight","children","props","_jsxs","displayName"],"mappings":";;;;;;;;;;;IAQaA,QAA8C,gBAAGC,UAAU,CACtE,gBAA6CC,GAA7C,EAA6E;AAAA,yBAA1EC,MAA0E;AAAA,MAA1EA,MAA0E,4BAAjE,SAAiE;AAAA,MAAtDC,QAAsD,QAAtDA,QAAsD;AAAA,MAAzCC,KAAyC;;AAC3E,sBACEC,KAAC,UAAD;AAAY,IAAA,OAAO,EAAC,WAApB;AAAgC,IAAA,MAAM,EAAEH,MAAxC;AAAgD,IAAA,GAAG,EAAED;AAArD,KAA8DG,KAA9D;AAAA,eACG,GADH,EAEGD,QAFH,EAEa,GAFb;AAAA,KADF;AAMD,CARqE;AAWxEJ,QAAQ,CAACO,WAAT,GAAuB,UAAvB;;;;"}

package/dist/esm/components/Typography/Variants/Header2.js

@@ -0,0 +1,27 @@
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import { forwardRef } from 'react';
+import { Typography } from '../Typography.js';
+import { jsxs } from 'react/jsx-runtime';
+
+var _excluded = ["children"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+var Header2 = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/jsxs(Typography, _objectSpread(_objectSpread({
+    weight: "bold",
+    variant: "Header 2",
+    ref: ref
+  }, props), {}, {
+    children: [" ", children, " "]
+  }));
+});
+Header2.displayName = "Header2";
+
+export { Header2 };
+//# sourceMappingURL=Header2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Header2.js","sources":["../../../../../src/components/Typography/Variants/Header2.tsx"],"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"],"names":["Header2","forwardRef","ref","children","props","_jsxs","displayName"],"mappings":";;;;;;;;;;;IAGaA,OAA6B,gBAAGC,UAAU,CACrD,gBAAyBC,GAAzB,EAAyD;AAAA,MAAtDC,QAAsD,QAAtDA,QAAsD;AAAA,MAAzCC,KAAyC;;AACvD,sBACEC,KAAC,UAAD;AAAY,IAAA,MAAM,EAAC,MAAnB;AAA0B,IAAA,OAAO,EAAC,UAAlC;AAA6C,IAAA,GAAG,EAAEH;AAAlD,KAA2DE,KAA3D;AAAA,eACG,GADH,EAEGD,QAFH,EAEa,GAFb;AAAA,KADF;AAMD,CARoD;AAWvDH,OAAO,CAACM,WAAR,GAAsB,SAAtB;;;;"}

package/dist/esm/components/Typography/Variants/Header3.js

@@ -0,0 +1,27 @@
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import { forwardRef } from 'react';
+import { Typography } from '../Typography.js';
+import { jsxs } from 'react/jsx-runtime';
+
+var _excluded = ["children"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+var Header3 = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/jsxs(Typography, _objectSpread(_objectSpread({
+    weight: "bold",
+    variant: "Header 3",
+    ref: ref
+  }, props), {}, {
+    children: [" ", children, " "]
+  }));
+});
+Header3.displayName = "Header3";
+
+export { Header3 };
+//# sourceMappingURL=Header3.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Header3.js","sources":["../../../../../src/components/Typography/Variants/Header3.tsx"],"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"],"names":["Header3","forwardRef","ref","children","props","_jsxs","displayName"],"mappings":";;;;;;;;;;;IAGaA,OAA6B,gBAAGC,UAAU,CACrD,gBAAyBC,GAAzB,EAAyD;AAAA,MAAtDC,QAAsD,QAAtDA,QAAsD;AAAA,MAAzCC,KAAyC;;AACvD,sBACEC,KAAC,UAAD;AAAY,IAAA,MAAM,EAAC,MAAnB;AAA0B,IAAA,OAAO,EAAC,UAAlC;AAA6C,IAAA,GAAG,EAAEH;AAAlD,KAA2DE,KAA3D;AAAA,eACG,GADH,EAEGD,QAFH,EAEa,GAFb;AAAA,KADF;AAMD,CARoD;AAWvDH,OAAO,CAACM,WAAR,GAAsB,SAAtB;;;;"}

package/dist/esm/components/Typography/Variants/Title1.js

@@ -0,0 +1,29 @@
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import { forwardRef } from 'react';
+import { Typography } from '../Typography.js';
+import { jsxs } from 'react/jsx-runtime';
+
+var _excluded = ["weight", "children"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+var Title1 = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _ref$weight = _ref.weight,
+      weight = _ref$weight === void 0 ? "light" : _ref$weight,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/jsxs(Typography, _objectSpread(_objectSpread({
+    weight: weight,
+    variant: "Title 1",
+    ref: ref
+  }, props), {}, {
+    children: [" ", children, " "]
+  }));
+});
+Title1.displayName = "Title1";
+
+export { Title1 };
+//# sourceMappingURL=Title1.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Title1.js","sources":["../../../../../src/components/Typography/Variants/Title1.tsx"],"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"],"names":["Title1","forwardRef","ref","weight","children","props","_jsxs","displayName"],"mappings":";;;;;;;;;;;IAQaA,MAA0C,gBAAGC,UAAU,CAClE,gBAA2CC,GAA3C,EAA2E;AAAA,yBAAxEC,MAAwE;AAAA,MAAxEA,MAAwE,4BAA/D,OAA+D;AAAA,MAAtDC,QAAsD,QAAtDA,QAAsD;AAAA,MAAzCC,KAAyC;;AACzE,sBACEC,KAAC,UAAD;AAAY,IAAA,MAAM,EAAEH,MAApB;AAA4B,IAAA,OAAO,EAAC,SAApC;AAA8C,IAAA,GAAG,EAAED;AAAnD,KAA4DG,KAA5D;AAAA,eACG,GADH,EAEGD,QAFH,EAEa,GAFb;AAAA,KADF;AAMD,CARiE;AAWpEJ,MAAM,CAACO,WAAP,GAAqB,QAArB;;;;"}

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { IButtonProps } from "../Button/Button";
+export declare const StyledValueButtonLabel: import("styled-components").StyledComponent<import("react").FC<import("../Typography/Typography").ITypographyProps & import("../Typography").IBodyProps>, any, {}, never>;
+export declare const StyledValueButtonValue: import("styled-components").StyledComponent<import("react").FC<import("../Typography/Typography").ITypographyProps & import("../Typography").IBodyProps>, any, {}, never>;
+interface IStyledValueButton extends IButtonProps {
+    $active?: boolean;
+}
+export declare const StyledValueButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<IButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, IStyledValueButton, never>;
+export {};
+//# sourceMappingURL=Styles.d.ts.map

package/dist/esm/components/ValueButton/Styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/ValueButton/Styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAU,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAExD,eAAO,MAAM,sBAAsB,2KAGlC,CAAC;AAIF,eAAO,MAAM,sBAAsB,2KAAkB,CAAC;AAItD,UAAU,kBAAmB,SAAQ,YAAY;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,iBAAiB,yLA0B7B,CAAC"}

package/dist/esm/components/ValueButton/Styles.js

@@ -0,0 +1,30 @@
+import styled, { css } from 'styled-components';
+import { Button } from '../Button/Button.js';
+import { Body2 } from '../Typography/Variants/Body2.js';
+
+var StyledValueButtonLabel = styled(Body2).withConfig({
+  displayName: "Styles__StyledValueButtonLabel",
+  componentId: "sc-7n59oz-0"
+})(["opacity:60%;margin-right:2px;"]);
+StyledValueButtonLabel.displayName = "StyledValueButtonLabel";
+var StyledValueButtonValue = styled(Body2).withConfig({
+  displayName: "Styles__StyledValueButtonValue",
+  componentId: "sc-7n59oz-1"
+})([""]);
+StyledValueButtonValue.displayName = "StyledValueButtonValue";
+var StyledValueButton = styled(Button).withConfig({
+  displayName: "Styles__StyledValueButton",
+  componentId: "sc-7n59oz-2"
+})(["", " ", ""], function (props) {
+  return props.$active && css(["", ",", "{", " color:var(--color-theme-900) !important;}svg{fill:var(--color-primary);}"], StyledValueButtonLabel, StyledValueButtonValue, {
+    "pointerEvents": "none"
+  });
+}, function (props) {
+  return props.$active !== true && css(["{&:hover{", ",", "{", " color:var(--color-theme-900) !important;}}"], StyledValueButtonLabel, StyledValueButtonValue, {
+    "pointerEvents": "none"
+  });
+});
+StyledValueButton.displayName = "StyledValueButton";
+
+export { StyledValueButton, StyledValueButtonLabel, StyledValueButtonValue };
+//# sourceMappingURL=Styles.js.map

package/dist/esm/components/ValueButton/Styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.js","sources":["../../../../src/components/ValueButton/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { Body2 } from \"../Typography\";\nimport { Button, IButtonProps } from \"../Button/Button\";\n\nexport const StyledValueButtonLabel = styled(Body2)`\n  opacity: 60%;\n  margin-right: 2px;\n`;\n\nStyledValueButtonLabel.displayName = \"StyledValueButtonLabel\";\n\nexport const StyledValueButtonValue = styled(Body2)``;\n\nStyledValueButtonValue.displayName = \"StyledValueButtonValue\";\n\ninterface IStyledValueButton extends IButtonProps {\n  $active?: boolean;\n}\n\nexport const StyledValueButton = styled(Button)<IStyledValueButton>`\n  ${(props) =>\n    props.$active &&\n    css`\n      ${StyledValueButtonLabel},\n      ${StyledValueButtonValue} {\n        ${tw`tw-pointer-events-none`}\n        color: var(--color-theme-900) !important;\n      }\n\n      svg {\n        fill: var(--color-primary);\n      }\n    `}\n\n  ${(props) =>\n    props.$active !== true &&\n    css`{\n    &:hover {\n      ${StyledValueButtonLabel},\n      ${StyledValueButtonValue} {\n        ${tw`tw-pointer-events-none`}\n        color: var(--color-theme-900) !important;\n      }\n    }\n  `}\n`;\n\nStyledValueButton.displayName = \"StyledValueButton\";\n"],"names":["StyledValueButtonLabel","styled","Body2","displayName","StyledValueButtonValue","StyledValueButton","Button","props","$active","css"],"mappings":";;;;IAKaA,sBAAsB,GAAGC,MAAM,CAACC,KAAD,CAAT;AAAA;AAAA;AAAA;AAKnCF,sBAAsB,CAACG,WAAvB,GAAqC,wBAArC;IAEaC,sBAAsB,GAAGH,MAAM,CAACC,KAAD,CAAT;AAAA;AAAA;AAAA;AAEnCE,sBAAsB,CAACD,WAAvB,GAAqC,wBAArC;IAMaE,iBAAiB,GAAGJ,MAAM,CAACK,MAAD,CAAT;AAAA;AAAA;AAAA,kBAC1B,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,OAAN,IACAC,GADA,8FAEIT,sBAFJ,EAGII,sBAHJ,EAIQ;AAAA;AAAA,GAJR,CADA;AAAA,CAD0B,EAe1B,UAACG,KAAD;AAAA,SACAA,KAAK,CAACC,OAAN,KAAkB,IAAlB,IACAC,GADA,yEAGIT,sBAHJ,EAIII,sBAJJ,EAKQ;AAAA;AAAA,GALR,CADA;AAAA,CAf0B;AA4B9BC,iBAAiB,CAACF,WAAlB,GAAgC,mBAAhC;;;;"}

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

@@ -1,5 +1,4 @@
 import React, { ReactElement } from "react";
-import "./ValueButton.css";
 interface IValueButtonProps {
     active?: boolean;
     label?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"ValueButton.d.ts","sourceRoot":"","sources":["../../../../src/components/ValueButton/ValueButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,YAAY,EAAE,MAAM,OAAO,CAAC;AAIxD,OAAO,mBAAmB,CAAC;AAE3B,UAAU,iBAAiB;IAEzB,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,KAAK,EAAE,MAAM,CAAC;IAEd,IAAI,CAAC,EAAE,YAAY,CAAC;IAEpB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,WAAW,6FAwCvB,CAAC"}
+{"version":3,"file":"ValueButton.d.ts","sourceRoot":"","sources":["../../../../src/components/ValueButton/ValueButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,YAAY,EAAE,MAAM,OAAO,CAAC;AAOxD,UAAU,iBAAiB;IAEzB,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,KAAK,EAAE,MAAM,CAAC;IAEd,IAAI,CAAC,EAAE,YAAY,CAAC;IAEpB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,WAAW,6FAqCvB,CAAC"}