@activecollab/components 1.0.414 → 2.0.0

package/dist/esm/components/Input/InputNumber.js

@@ -1,48 +1,52 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["decimalLength", "decimalSeparator", "disableAbbreviation", "disabled", "disableMacros", "invalid", "onValueChange", "step", "thousandSeparator", "value"];
-import React, { forwardRef, useRef } from "react";
-import { useInputNumber } from "../../hooks";
-import { useForkRef } from "../../utils";
-import { Input } from "./Input";
-export var InputNumber = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var _ref$decimalLength = _ref.decimalLength,
-    decimalLength = _ref$decimalLength === void 0 ? 2 : _ref$decimalLength,
-    _ref$decimalSeparator = _ref.decimalSeparator,
-    decimalSeparator = _ref$decimalSeparator === void 0 ? "." : _ref$decimalSeparator,
-    _ref$disableAbbreviat = _ref.disableAbbreviation,
-    disableAbbreviation = _ref$disableAbbreviat === void 0 ? false : _ref$disableAbbreviat,
-    disabled = _ref.disabled,
-    _ref$disableMacros = _ref.disableMacros,
-    disableMacros = _ref$disableMacros === void 0 ? false : _ref$disableMacros,
-    invalid = _ref.invalid,
-    onValueChange = _ref.onValueChange,
-    _ref$step = _ref.step,
-    step = _ref$step === void 0 ? 1 : _ref$step,
-    _ref$thousandSeparato = _ref.thousandSeparator,
-    thousandSeparator = _ref$thousandSeparato === void 0 ? "," : _ref$thousandSeparato,
-    value = _ref.value,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var inputRef = useRef(null);
-  var handleRef = useForkRef(ref, inputRef);
-  var _useInputNumber = useInputNumber({
-      decimalLength: decimalLength,
-      decimalSeparator: decimalSeparator,
-      disableAbbreviation: disableAbbreviation,
-      disableMacros: disableMacros,
-      onValueChange: onValueChange,
-      step: step,
-      thousandSeparator: thousandSeparator,
-      value: value
-    }, inputRef),
-    formattedValue = _useInputNumber.formattedValue,
-    handleBlur = _useInputNumber.handleBlur,
-    handleChange = _useInputNumber.handleChange,
-    handleFocus = _useInputNumber.handleFocus,
-    handleKeyDown = _useInputNumber.handleKeyDown;
-  return /*#__PURE__*/React.createElement(Input, _extends({
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InputNumber = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _hooks = require("../../hooks");
+var _utils = require("../../utils");
+var _Input = require("./Input");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const InputNumber = exports.InputNumber = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    decimalLength = 2,
+    decimalSeparator = ".",
+    disableAbbreviation = false,
+    disabled,
+    disableMacros = false,
+    invalid,
+    onValueChange,
+    step = 1,
+    thousandSeparator = ",",
+    value,
+    ...rest
+  } = _ref;
+  const inputRef = (0, _react.useRef)(null);
+  const handleRef = (0, _utils.useForkRef)(ref, inputRef);
+  const {
+    formattedValue,
+    handleBlur,
+    handleChange,
+    handleFocus,
+    handleKeyDown
+  } = (0, _hooks.useInputNumber)({
+    decimalLength,
+    decimalSeparator,
+    disableAbbreviation,
+    disableMacros,
+    onValueChange,
+    step,
+    thousandSeparator,
+    value
+  }, inputRef);
+  return /*#__PURE__*/_react.default.createElement(_Input.Input, (0, _extends2.default)({
     ref: handleRef,
-    placeholder: "5" + thousandSeparator + "000" + decimalSeparator + "00",
+    placeholder: `5${thousandSeparator}000${decimalSeparator}00`,
     value: formattedValue,
     type: "text",
     disabled: disabled,
@@ -51,7 +55,7 @@ export var InputNumber = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onFocus: handleFocus,
     onBlur: handleBlur,
     onKeyDown: handleKeyDown,
-    "aria-placeholder": "5" + thousandSeparator + "000" + decimalSeparator + "00",
+    "aria-placeholder": `5${thousandSeparator}000${decimalSeparator}00`,
     "aria-disabled": disabled,
     "aria-invalid": invalid
   }, rest));

package/dist/esm/components/Input/InputNumber.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputNumber.js","names":["React","forwardRef","useRef","useInputNumber","useForkRef","Input","InputNumber","ref","decimalLength","decimalSeparator","disableAbbreviation","disabled","disableMacros","invalid","onValueChange","step","thousandSeparator","value","rest","inputRef","handleRef","formattedValue","handleBlur","handleChange","handleFocus","handleKeyDown","displayName"],"sources":["../../../../src/components/Input/InputNumber.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from \"react\";\nimport { InputNumberProps, useInputNumber } from \"../../hooks\";\nimport { useForkRef } from \"../../utils\";\nimport { Input } from \"./Input\";\n\nexport const InputNumber = forwardRef<HTMLInputElement, InputNumberProps>(\n  (\n    {\n      decimalLength = 2,\n      decimalSeparator = \".\",\n      disableAbbreviation = false,\n      disabled,\n      disableMacros = false,\n      invalid,\n      onValueChange,\n      step = 1,\n      thousandSeparator = \",\",\n      value,\n      ...rest\n    },\n    ref\n  ) => {\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    const handleRef = useForkRef(ref, inputRef);\n\n    const {\n      formattedValue,\n      handleBlur,\n      handleChange,\n      handleFocus,\n      handleKeyDown,\n    } = useInputNumber(\n      {\n        decimalLength,\n        decimalSeparator,\n        disableAbbreviation,\n        disableMacros,\n        onValueChange,\n        step,\n        thousandSeparator,\n        value,\n      },\n      inputRef\n    );\n\n    return (\n      <Input\n        ref={handleRef}\n        placeholder={`5${thousandSeparator}000${decimalSeparator}00`}\n        value={formattedValue}\n        type=\"text\"\n        disabled={disabled}\n        invalid={invalid}\n        onChange={handleChange}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        onKeyDown={handleKeyDown}\n        aria-placeholder={`5${thousandSeparator}000${decimalSeparator}00`}\n        aria-disabled={disabled}\n        aria-invalid={invalid}\n        {...rest}\n      />\n    );\n  }\n);\n\nInputNumber.displayName = \"InputNumber\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,MAAM,QAAQ,OAAO;AACjD,SAA2BC,cAAc,QAAQ,aAAa;AAC9D,SAASC,UAAU,QAAQ,aAAa;AACxC,SAASC,KAAK,QAAQ,SAAS;AAE/B,OAAO,IAAMC,WAAW,gBAAGL,UAAU,CACnC,gBAcEM,GAAG,EACA;EAAA,8BAbDC,aAAa;IAAbA,aAAa,mCAAG,CAAC;IAAA,6BACjBC,gBAAgB;IAAhBA,gBAAgB,sCAAG,GAAG;IAAA,6BACtBC,mBAAmB;IAAnBA,mBAAmB,sCAAG,KAAK;IAC3BC,QAAQ,QAARA,QAAQ;IAAA,0BACRC,aAAa;IAAbA,aAAa,mCAAG,KAAK;IACrBC,OAAO,QAAPA,OAAO;IACPC,aAAa,QAAbA,aAAa;IAAA,iBACbC,IAAI;IAAJA,IAAI,0BAAG,CAAC;IAAA,6BACRC,iBAAiB;IAAjBA,iBAAiB,sCAAG,GAAG;IACvBC,KAAK,QAALA,KAAK;IACFC,IAAI;EAIT,IAAMC,QAAQ,GAAGjB,MAAM,CAA0B,IAAI,CAAC;EACtD,IAAMkB,SAAS,GAAGhB,UAAU,CAACG,GAAG,EAAEY,QAAQ,CAAC;EAE3C,sBAMIhB,cAAc,CAChB;MACEK,aAAa,EAAbA,aAAa;MACbC,gBAAgB,EAAhBA,gBAAgB;MAChBC,mBAAmB,EAAnBA,mBAAmB;MACnBE,aAAa,EAAbA,aAAa;MACbE,aAAa,EAAbA,aAAa;MACbC,IAAI,EAAJA,IAAI;MACJC,iBAAiB,EAAjBA,iBAAiB;MACjBC,KAAK,EAALA;IACF,CAAC,EACDE,QAAQ,CACT;IAjBCE,cAAc,mBAAdA,cAAc;IACdC,UAAU,mBAAVA,UAAU;IACVC,YAAY,mBAAZA,YAAY;IACZC,WAAW,mBAAXA,WAAW;IACXC,aAAa,mBAAbA,aAAa;EAef,oBACE,oBAAC,KAAK;IACJ,GAAG,EAAEL,SAAU;IACf,WAAW,QAAMJ,iBAAiB,WAAMP,gBAAgB,OAAK;IAC7D,KAAK,EAAEY,cAAe;IACtB,IAAI,EAAC,MAAM;IACX,QAAQ,EAAEV,QAAS;IACnB,OAAO,EAAEE,OAAQ;IACjB,QAAQ,EAAEU,YAAa;IACvB,OAAO,EAAEC,WAAY;IACrB,MAAM,EAAEF,UAAW;IACnB,SAAS,EAAEG,aAAc;IACzB,0BAAsBT,iBAAiB,WAAMP,gBAAgB,OAAK;IAClE,iBAAeE,QAAS;IACxB,gBAAcE;EAAQ,GAClBK,IAAI,EACR;AAEN,CAAC,CACF;AAEDZ,WAAW,CAACoB,WAAW,GAAG,aAAa"}
+{"version":3,"file":"InputNumber.js","names":["_react","_interopRequireWildcard","require","_hooks","_utils","_Input","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","InputNumber","exports","forwardRef","_ref","ref","decimalLength","decimalSeparator","disableAbbreviation","disabled","disableMacros","invalid","onValueChange","step","thousandSeparator","value","rest","inputRef","useRef","handleRef","useForkRef","formattedValue","handleBlur","handleChange","handleFocus","handleKeyDown","useInputNumber","createElement","Input","_extends2","placeholder","type","onChange","onFocus","onBlur","onKeyDown","displayName"],"sources":["../../../../src/components/Input/InputNumber.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from \"react\";\nimport { InputNumberProps, useInputNumber } from \"../../hooks\";\nimport { useForkRef } from \"../../utils\";\nimport { Input } from \"./Input\";\n\nexport const InputNumber = forwardRef<HTMLInputElement, InputNumberProps>(\n  (\n    {\n      decimalLength = 2,\n      decimalSeparator = \".\",\n      disableAbbreviation = false,\n      disabled,\n      disableMacros = false,\n      invalid,\n      onValueChange,\n      step = 1,\n      thousandSeparator = \",\",\n      value,\n      ...rest\n    },\n    ref\n  ) => {\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    const handleRef = useForkRef(ref, inputRef);\n\n    const {\n      formattedValue,\n      handleBlur,\n      handleChange,\n      handleFocus,\n      handleKeyDown,\n    } = useInputNumber(\n      {\n        decimalLength,\n        decimalSeparator,\n        disableAbbreviation,\n        disableMacros,\n        onValueChange,\n        step,\n        thousandSeparator,\n        value,\n      },\n      inputRef\n    );\n\n    return (\n      <Input\n        ref={handleRef}\n        placeholder={`5${thousandSeparator}000${decimalSeparator}00`}\n        value={formattedValue}\n        type=\"text\"\n        disabled={disabled}\n        invalid={invalid}\n        onChange={handleChange}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        onKeyDown={handleKeyDown}\n        aria-placeholder={`5${thousandSeparator}000${decimalSeparator}00`}\n        aria-disabled={disabled}\n        aria-invalid={invalid}\n        {...rest}\n      />\n    );\n  }\n);\n\nInputNumber.displayName = \"InputNumber\";\n"],"mappings":"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"}

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

@@ -1,36 +1,22 @@
-import styled, { css } from "styled-components";
-import { BoxSizingStyle } from "../BoxSizingStyle";
-import { FontStyle } from "../FontStyle";
-export var StyledInputWrapper = styled.div.withConfig({
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledInputWrapper = exports.StyledInput = void 0;
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _BoxSizingStyle = require("../BoxSizingStyle");
+var _FontStyle = require("../FontStyle");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const StyledInputWrapper = exports.StyledInputWrapper = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledInputWrapper",
   componentId: "sc-ce8kcp-0"
-})(["align-items:center;background-color:var(--input-background-color);border-color:var(--color-theme-500);border-radius:8px;border-style:solid;border-width:1px;cursor:text;display:flex;height:32px;padding-block:4px;padding-inline:4px;transition:all 0.3s ease;width:360px;", " ", " ", " ", " ", " ", " ", " ", ""], FontStyle, BoxSizingStyle, function (props) {
-  return props.$size === "small" && css(["border-radius:6px;height:24px;"]);
-}, function (props) {
-  return props.$size === "big" && css(["height:40px;"]);
-}, function (props) {
-  return props.$size === "biggest" && css(["height:48px;"]);
-}, function (props) {
-  return props.$disabled && css(["cursor:default;opacity:50%;"]);
-}, function (props) {
-  return !props.$disabled && !props.$invalid && css(["&:focus-within,&:hover{border-color:var(--color-primary);}"]);
-}, function (props) {
-  return !props.$disabled && props.$invalid && css(["border-color:var(--red-alert);"]);
-});
+})(["align-items:center;background-color:var(--input-background-color);border-color:var(--color-theme-500);border-radius:8px;border-style:solid;border-width:1px;cursor:text;display:flex;height:32px;padding-block:4px;padding-inline:4px;transition:all 0.3s ease;width:360px;", " ", " ", " ", " ", " ", " ", " ", ""], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, props => props.$size === "small" && (0, _styledComponents.css)(["border-radius:6px;height:24px;"]), props => props.$size === "big" && (0, _styledComponents.css)(["height:40px;"]), props => props.$size === "biggest" && (0, _styledComponents.css)(["height:48px;"]), props => props.$disabled && (0, _styledComponents.css)(["cursor:default;opacity:50%;"]), props => !props.$disabled && !props.$invalid && (0, _styledComponents.css)(["&:focus-within,&:hover{border-color:var(--color-primary);}"]), props => !props.$disabled && props.$invalid && (0, _styledComponents.css)(["border-color:var(--red-alert);"]));
 StyledInputWrapper.displayName = "StyledInputWrapper";
-export var StyledInput = styled.input.withConfig({
+const StyledInput = exports.StyledInput = _styledComponents.default.input.withConfig({
   displayName: "Styles__StyledInput",
   componentId: "sc-ce8kcp-1"
-})(["background-color:var(--input-background-color);border:none;color:var(--color-theme-900);font-size:0.875rem;font-weight:400;letter-spacing:0.02em;margin-block:0;margin-inline:4px;outline:none;padding:0;width:100%;&::placeholder{color:var(--color-theme-transparent-500);}", " ", " ", " ", " ", ""], function (props) {
-  return props.$size === "big" && css(["font-size:1rem;"]);
-}, function (props) {
-  return props.$size === "biggest" && css(["font-size:1.25rem;font-weight:700;"]);
-}, function (props) {
-  return props.disabled && css(["cursor:default;"]);
-}, function (props) {
-  return props.$loading && css(["cursor:progress;"]);
-}, function (props) {
-  return props.align && css(["text-align:", ";"], props.align);
-});
+})(["background-color:var(--input-background-color);border:none;color:var(--color-theme-900);font-size:0.875rem;font-weight:400;letter-spacing:0.02em;margin-block:0;margin-inline:4px;outline:none;padding:0;width:100%;&::placeholder{color:var(--color-theme-transparent-500);}", " ", " ", " ", " ", ""], props => props.$size === "big" && (0, _styledComponents.css)(["font-size:1rem;"]), props => props.$size === "biggest" && (0, _styledComponents.css)(["font-size:1.25rem;font-weight:700;"]), props => props.disabled && (0, _styledComponents.css)(["cursor:default;"]), props => props.$loading && (0, _styledComponents.css)(["cursor:progress;"]), props => props.align && (0, _styledComponents.css)(["text-align:", ";"], props.align));
 StyledInput.displayName = "StyledInput";
 //# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","StyledInputWrapper","div","props","$size","$disabled","$invalid","displayName","StyledInput","input","disabled","$loading","align"],"sources":["../../../../src/components/Input/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { InputSize } from \"./types\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { InputProps } from \"./Input\";\n\ninterface StyledInputWrapperProps {\n  $size?: InputSize;\n  $invalid?: boolean;\n  $disabled?: boolean;\n}\n\nexport const StyledInputWrapper = styled.div<StyledInputWrapperProps>`\n  align-items: center;\n  background-color: var(--input-background-color);\n  border-color: var(--color-theme-500);\n  border-radius: 8px;\n  border-style: solid;\n  border-width: 1px;\n  cursor: text;\n  display: flex;\n  height: 32px;\n  padding-block: 4px;\n  padding-inline: 4px;\n  transition: all 0.3s ease;\n  width: 360px;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${(props) =>\n    props.$size === \"small\" &&\n    css`\n      border-radius: 6px;\n      height: 24px;\n    `}\n\n  ${(props) =>\n    props.$size === \"big\" &&\n    css`\n      height: 40px;\n    `}\n\n    ${(props) =>\n    props.$size === \"biggest\" &&\n    css`\n      height: 48px;\n    `}\n\n  ${(props) =>\n    props.$disabled &&\n    css`\n      cursor: default;\n      opacity: 50%;\n    `}\n\n  ${(props) =>\n    !props.$disabled &&\n    !props.$invalid &&\n    css`\n      &:focus-within,\n      &:hover {\n        border-color: var(--color-primary);\n      }\n    `}\n\n  ${(props) =>\n    !props.$disabled &&\n    props.$invalid &&\n    css`\n      border-color: var(--red-alert);\n    `}\n`;\n\nStyledInputWrapper.displayName = \"StyledInputWrapper\";\n\ninterface StyledInputProps extends Pick<InputProps, \"align\"> {\n  $size?: InputSize;\n  $loading?: boolean;\n}\n\nexport const StyledInput = styled.input<StyledInputProps>`\n  background-color: var(--input-background-color);\n  border: none;\n  color: var(--color-theme-900);\n  /* @TODO: Prebaciti velicine fontova, weight, razmake, itd... u naše varijable. */\n  font-size: 0.875rem;\n  font-weight: 400;\n  letter-spacing: 0.02em;\n  margin-block: 0;\n  margin-inline: 4px;\n  outline: none;\n  padding: 0;\n  width: 100%;\n\n  &::placeholder {\n    color: var(--color-theme-transparent-500);\n  }\n\n  ${(props) =>\n    props.$size === \"big\" &&\n    css`\n      font-size: 1rem;\n    `}\n\n  ${(props) =>\n    props.$size === \"biggest\" &&\n    css`\n      font-size: 1.25rem;\n      font-weight: 700;\n    `}\n\n  ${(props) =>\n    props.disabled &&\n    css`\n      cursor: default;\n    `}\n\n  ${(props) =>\n    props.$loading &&\n    css`\n      cursor: progress;\n    `}\n\n  ${(props) =>\n    props.align &&\n    css`\n      text-align: ${props.align};\n    `}\n`;\n\nStyledInput.displayName = \"StyledInput\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AASxC,OAAO,IAAMC,kBAAkB,GAAGJ,MAAM,CAACK,GAAG;EAAA;EAAA;AAAA,2TAexCF,SAAS,EACTD,cAAc,EAEd,UAACI,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,KAAK,OAAO,IACvBN,GAAG,oCAGF;AAAA,GAED,UAACK,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,KAAK,KAAK,IACrBN,GAAG,kBAEF;AAAA,GAEC,UAACK,KAAK;EAAA,OACRA,KAAK,CAACC,KAAK,KAAK,SAAS,IACzBN,GAAG,kBAEF;AAAA,GAED,UAACK,KAAK;EAAA,OACNA,KAAK,CAACE,SAAS,IACfP,GAAG,iCAGF;AAAA,GAED,UAACK,KAAK;EAAA,OACN,CAACA,KAAK,CAACE,SAAS,IAChB,CAACF,KAAK,CAACG,QAAQ,IACfR,GAAG,gEAKF;AAAA,GAED,UAACK,KAAK;EAAA,OACN,CAACA,KAAK,CAACE,SAAS,IAChBF,KAAK,CAACG,QAAQ,IACdR,GAAG,oCAEF;AAAA,EACJ;AAEDG,kBAAkB,CAACM,WAAW,GAAG,oBAAoB;AAOrD,OAAO,IAAMC,WAAW,GAAGX,MAAM,CAACY,KAAK;EAAA;EAAA;AAAA,8SAkBnC,UAACN,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,KAAK,KAAK,IACrBN,GAAG,qBAEF;AAAA,GAED,UAACK,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,KAAK,SAAS,IACzBN,GAAG,wCAGF;AAAA,GAED,UAACK,KAAK;EAAA,OACNA,KAAK,CAACO,QAAQ,IACdZ,GAAG,qBAEF;AAAA,GAED,UAACK,KAAK;EAAA,OACNA,KAAK,CAACQ,QAAQ,IACdb,GAAG,sBAEF;AAAA,GAED,UAACK,KAAK;EAAA,OACNA,KAAK,CAACS,KAAK,IACXd,GAAG,uBACaK,KAAK,CAACS,KAAK,CAC1B;AAAA,EACJ;AAEDJ,WAAW,CAACD,WAAW,GAAG,aAAa"}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_FontStyle","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledInputWrapper","exports","styled","div","withConfig","displayName","componentId","FontStyle","BoxSizingStyle","props","$size","css","$disabled","$invalid","StyledInput","input","disabled","$loading","align"],"sources":["../../../../src/components/Input/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { InputSize } from \"./types\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { InputProps } from \"./Input\";\n\ninterface StyledInputWrapperProps {\n  $size?: InputSize;\n  $invalid?: boolean;\n  $disabled?: boolean;\n}\n\nexport const StyledInputWrapper = styled.div<StyledInputWrapperProps>`\n  align-items: center;\n  background-color: var(--input-background-color);\n  border-color: var(--color-theme-500);\n  border-radius: 8px;\n  border-style: solid;\n  border-width: 1px;\n  cursor: text;\n  display: flex;\n  height: 32px;\n  padding-block: 4px;\n  padding-inline: 4px;\n  transition: all 0.3s ease;\n  width: 360px;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${(props) =>\n    props.$size === \"small\" &&\n    css`\n      border-radius: 6px;\n      height: 24px;\n    `}\n\n  ${(props) =>\n    props.$size === \"big\" &&\n    css`\n      height: 40px;\n    `}\n\n    ${(props) =>\n    props.$size === \"biggest\" &&\n    css`\n      height: 48px;\n    `}\n\n  ${(props) =>\n    props.$disabled &&\n    css`\n      cursor: default;\n      opacity: 50%;\n    `}\n\n  ${(props) =>\n    !props.$disabled &&\n    !props.$invalid &&\n    css`\n      &:focus-within,\n      &:hover {\n        border-color: var(--color-primary);\n      }\n    `}\n\n  ${(props) =>\n    !props.$disabled &&\n    props.$invalid &&\n    css`\n      border-color: var(--red-alert);\n    `}\n`;\n\nStyledInputWrapper.displayName = \"StyledInputWrapper\";\n\ninterface StyledInputProps extends Pick<InputProps, \"align\"> {\n  $size?: InputSize;\n  $loading?: boolean;\n}\n\nexport const StyledInput = styled.input<StyledInputProps>`\n  background-color: var(--input-background-color);\n  border: none;\n  color: var(--color-theme-900);\n  /* @TODO: Prebaciti velicine fontova, weight, razmake, itd... u naše varijable. */\n  font-size: 0.875rem;\n  font-weight: 400;\n  letter-spacing: 0.02em;\n  margin-block: 0;\n  margin-inline: 4px;\n  outline: none;\n  padding: 0;\n  width: 100%;\n\n  &::placeholder {\n    color: var(--color-theme-transparent-500);\n  }\n\n  ${(props) =>\n    props.$size === \"big\" &&\n    css`\n      font-size: 1rem;\n    `}\n\n  ${(props) =>\n    props.$size === \"biggest\" &&\n    css`\n      font-size: 1.25rem;\n      font-weight: 700;\n    `}\n\n  ${(props) =>\n    props.disabled &&\n    css`\n      cursor: default;\n    `}\n\n  ${(props) =>\n    props.$loading &&\n    css`\n      cursor: progress;\n    `}\n\n  ${(props) =>\n    props.align &&\n    css`\n      text-align: ${props.align};\n    `}\n`;\n\nStyledInput.displayName = \"StyledInput\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAAyC,SAAAG,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AASlC,MAAMY,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2TAexCC,oBAAS,EACTC,8BAAc,EAEbC,KAAK,IACNA,KAAK,CAACC,KAAK,KAAK,OAAO,QACvBC,qBAAG,qCAGF,EAEAF,KAAK,IACNA,KAAK,CAACC,KAAK,KAAK,KAAK,QACrBC,qBAAG,mBAEF,EAEEF,KAAK,IACRA,KAAK,CAACC,KAAK,KAAK,SAAS,QACzBC,qBAAG,mBAEF,EAEAF,KAAK,IACNA,KAAK,CAACG,SAAS,QACfD,qBAAG,kCAGF,EAEAF,KAAK,IACN,CAACA,KAAK,CAACG,SAAS,IAChB,CAACH,KAAK,CAACI,QAAQ,QACfF,qBAAG,iEAKF,EAEAF,KAAK,IACN,CAACA,KAAK,CAACG,SAAS,IAChBH,KAAK,CAACI,QAAQ,QACdF,qBAAG,qCAEF,CACJ;AAEDX,kBAAkB,CAACK,WAAW,GAAG,oBAAoB;AAO9C,MAAMS,WAAW,GAAAb,OAAA,CAAAa,WAAA,GAAGZ,yBAAM,CAACa,KAAK,CAAAX,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8SAkBlCG,KAAK,IACNA,KAAK,CAACC,KAAK,KAAK,KAAK,QACrBC,qBAAG,sBAEF,EAEAF,KAAK,IACNA,KAAK,CAACC,KAAK,KAAK,SAAS,QACzBC,qBAAG,yCAGF,EAEAF,KAAK,IACNA,KAAK,CAACO,QAAQ,QACdL,qBAAG,sBAEF,EAEAF,KAAK,IACNA,KAAK,CAACQ,QAAQ,QACdN,qBAAG,uBAEF,EAEAF,KAAK,IACNA,KAAK,CAACS,KAAK,QACXP,qBAAG,wBACaF,KAAK,CAACS,KAAK,CAC1B,CACJ;AAEDJ,WAAW,CAACT,WAAW,GAAG,aAAa"}

package/dist/esm/components/Input/index.js

@@ -1,4 +1,39 @@
-export * from "./Input";
-export * from "./InputAdornment";
-export * from "./InputHours";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Input = require("./Input");
+Object.keys(_Input).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Input[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Input[key];
+    }
+  });
+});
+var _InputAdornment = require("./InputAdornment");
+Object.keys(_InputAdornment).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _InputAdornment[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _InputAdornment[key];
+    }
+  });
+});
+var _InputHours = require("./InputHours");
+Object.keys(_InputHours).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _InputHours[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _InputHours[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

package/dist/esm/components/Input/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Input/index.ts"],"sourcesContent":["export * from \"./Input\";\nexport * from \"./InputAdornment\";\nexport * from \"./InputHours\";\n"],"mappings":"AAAA,cAAc,SAAS;AACvB,cAAc,kBAAkB;AAChC,cAAc,cAAc"}
+{"version":3,"file":"index.js","names":["_Input","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_InputAdornment","_InputHours"],"sources":["../../../../src/components/Input/index.ts"],"sourcesContent":["export * from \"./Input\";\nexport * from \"./InputAdornment\";\nexport * from \"./InputHours\";\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,MAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,eAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,eAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,eAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,eAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,WAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,WAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,WAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,WAAA,CAAAN,GAAA;IAAA;EAAA;AAAA"}

package/dist/esm/components/Input/types.d.ts

@@ -1,2 +1,2 @@
-export declare type InputSize = "small" | "regular" | "big" | "biggest";
+export type InputSize = "small" | "regular" | "big" | "biggest";
 //# sourceMappingURL=types.d.ts.map

package/dist/esm/components/Input/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/types.ts"],"names":[],"mappings":"AAAA,oBAAY,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,KAAK,GAAG,SAAS,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,KAAK,GAAG,SAAS,CAAC"}

package/dist/esm/components/Input/types.js

@@ -1,2 +1,2 @@
-export {};
+
 //# sourceMappingURL=types.js.map

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

@@ -1,27 +1,32 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["invalid", "required", "size", "children", "className", "weight", "htmlFor"];
-import classNames from "classnames";
-import React, { forwardRef } from "react";
-import { Typography } from "../Typography/Typography";
-export var Label = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  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,
-    _ref$weight = _ref.weight,
-    weight = _ref$weight === void 0 ? "bold" : _ref$weight,
-    htmlFor = _ref.htmlFor,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var color = invalid ? "alert" : "primary";
-  var variant = size === "regular" ? "Body 2" : "Caption 1";
-  return /*#__PURE__*/React.createElement(Typography, _extends({
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Label = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _Typography = require("../Typography/Typography");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const Label = exports.Label = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    invalid = false,
+    required = false,
+    size = "regular",
+    children,
+    className,
+    weight = "bold",
+    htmlFor,
+    ...props
+  } = _ref;
+  const color = invalid ? "alert" : "primary";
+  const variant = size === "regular" ? "Body 2" : "Caption 1";
+  return /*#__PURE__*/_react.default.createElement(_Typography.Typography, (0, _extends2.default)({
     as: "label",
-    className: classNames("c-label", className),
+    className: (0, _classnames.default)("c-label", className),
     variant: variant,
     color: color,
     weight: weight,

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

@@ -1 +1 @@
-{"version":3,"file":"Label.js","names":["classNames","React","forwardRef","Typography","Label","ref","invalid","required","size","children","className","weight","htmlFor","props","color","variant","displayName"],"sources":["../../../../src/components/Label/Label.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport React, { forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography/Typography\";\n\nexport interface ILabelProps {\n  invalid?: boolean;\n  required?: boolean;\n  size?: \"regular\" | \"small\";\n  htmlFor?: string;\n}\n\nexport const Label = forwardRef<\n  HTMLLabelElement,\n  ILabelProps & Omit<ITypographyProps, keyof ILabelProps | \"variant\" | \"color\">\n>(\n  (\n    {\n      invalid = false,\n      required = false,\n      size = \"regular\",\n      children,\n      className,\n      weight = \"bold\",\n      htmlFor,\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={weight}\n        ref={ref}\n        htmlFor={htmlFor}\n        {...props}\n      >\n        {children}\n        {required ? \"*\" : null}\n      </Typography>\n    );\n  }\n);\n\nLabel.displayName = \"Label\";\n"],"mappings":";;;AAAA,OAAOA,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAA2BC,UAAU,QAAQ,0BAA0B;AASvE,OAAO,IAAMC,KAAK,gBAAGF,UAAU,CAI7B,gBAWEG,GAAG,EACA;EAAA,wBAVDC,OAAO;IAAPA,OAAO,6BAAG,KAAK;IAAA,qBACfC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;IAAA,iBAChBC,IAAI;IAAJA,IAAI,0BAAG,SAAS;IAChBC,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IAAA,mBACTC,MAAM;IAANA,MAAM,4BAAG,MAAM;IACfC,OAAO,QAAPA,OAAO;IACJC,KAAK;EAIV,IAAMC,KAAK,GAAGR,OAAO,GAAG,OAAO,GAAG,SAAS;EAC3C,IAAMS,OAAO,GAAGP,IAAI,KAAK,SAAS,GAAG,QAAQ,GAAG,WAAW;EAE3D,oBACE,oBAAC,UAAU;IACT,EAAE,EAAC,OAAO;IACV,SAAS,EAAER,UAAU,CAAC,SAAS,EAAEU,SAAS,CAAE;IAC5C,OAAO,EAAEK,OAAQ;IACjB,KAAK,EAAED,KAAM;IACb,MAAM,EAAEH,MAAO;IACf,GAAG,EAAEN,GAAI;IACT,OAAO,EAAEO;EAAQ,GACbC,KAAK,GAERJ,QAAQ,EACRF,QAAQ,GAAG,GAAG,GAAG,IAAI,CACX;AAEjB,CAAC,CACF;AAEDH,KAAK,CAACY,WAAW,GAAG,OAAO"}
+{"version":3,"file":"Label.js","names":["_classnames","_interopRequireDefault","require","_react","_interopRequireWildcard","_Typography","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Label","exports","forwardRef","_ref","ref","invalid","required","size","children","className","weight","htmlFor","props","color","variant","createElement","Typography","_extends2","as","classNames","displayName"],"sources":["../../../../src/components/Label/Label.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport React, { forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography/Typography\";\n\nexport interface ILabelProps {\n  invalid?: boolean;\n  required?: boolean;\n  size?: \"regular\" | \"small\";\n  htmlFor?: string;\n}\n\nexport const Label = forwardRef<\n  HTMLLabelElement,\n  ILabelProps & Omit<ITypographyProps, keyof ILabelProps | \"variant\" | \"color\">\n>(\n  (\n    {\n      invalid = false,\n      required = false,\n      size = \"regular\",\n      children,\n      className,\n      weight = \"bold\",\n      htmlFor,\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={weight}\n        ref={ref}\n        htmlFor={htmlFor}\n        {...props}\n      >\n        {children}\n        {required ? \"*\" : null}\n      </Typography>\n    );\n  }\n);\n\nLabel.displayName = \"Label\";\n"],"mappings":";;;;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAAwE,SAAAI,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AASjE,MAAMY,KAAK,GAAAC,OAAA,CAAAD,KAAA,gBAAG,IAAAE,iBAAU,EAI7B,CAAAC,IAAA,EAWEC,GAAG,KACA;EAAA,IAXH;IACEC,OAAO,GAAG,KAAK;IACfC,QAAQ,GAAG,KAAK;IAChBC,IAAI,GAAG,SAAS;IAChBC,QAAQ;IACRC,SAAS;IACTC,MAAM,GAAG,MAAM;IACfC,OAAO;IACP,GAAGC;EACL,CAAC,GAAAT,IAAA;EAGD,MAAMU,KAAK,GAAGR,OAAO,GAAG,OAAO,GAAG,SAAS;EAC3C,MAAMS,OAAO,GAAGP,IAAI,KAAK,SAAS,GAAG,QAAQ,GAAG,WAAW;EAE3D,oBACE/B,MAAA,CAAAS,OAAA,CAAA8B,aAAA,CAACrC,WAAA,CAAAsC,UAAU,MAAAC,SAAA,CAAAhC,OAAA;IACTiC,EAAE,EAAC,OAAO;IACVT,SAAS,EAAE,IAAAU,mBAAU,EAAC,SAAS,EAAEV,SAAS,CAAE;IAC5CK,OAAO,EAAEA,OAAQ;IACjBD,KAAK,EAAEA,KAAM;IACbH,MAAM,EAAEA,MAAO;IACfN,GAAG,EAAEA,GAAI;IACTO,OAAO,EAAEA;EAAQ,GACbC,KAAK,GAERJ,QAAQ,EACRF,QAAQ,GAAG,GAAG,GAAG,IACR,CAAC;AAEjB,CACF,CAAC;AAEDN,KAAK,CAACoB,WAAW,GAAG,OAAO"}

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

@@ -1,2 +1,17 @@
-export * from "./Label";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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 () {
+      return _Label[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Label/index.ts"],"sourcesContent":["export * from \"./Label\";\n"],"mappings":"AAAA,cAAc,SAAS"}
+{"version":3,"file":"index.js","names":["_Label","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/components/Label/index.ts"],"sourcesContent":["export * from \"./Label\";\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,MAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

package/dist/esm/components/Links/BackLink.js

@@ -1,19 +1,27 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["children", "className"];
-import React from "react";
-import classNames from "classnames";
-import { StyledBackLink } from "./Styles";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BackLink = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _Styles = require("./Styles");
 /**
  * Back link component
  */
-export var BackLink = function BackLink(_ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    args = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(StyledBackLink, _extends({
-    className: classNames("c-back-link", className)
+const BackLink = _ref => {
+  let {
+    children,
+    className,
+    ...args
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledBackLink, (0, _extends2.default)({
+    className: (0, _classnames.default)("c-back-link", className)
   }, args), children);
 };
+exports.BackLink = BackLink;
 BackLink.displayName = "BackLink";
 //# sourceMappingURL=BackLink.js.map

package/dist/esm/components/Links/BackLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackLink.js","names":["React","classNames","StyledBackLink","BackLink","children","className","args","displayName"],"sources":["../../../../src/components/Links/BackLink.tsx"],"sourcesContent":["import React, { FC, BaseHTMLAttributes } from \"react\";\nimport classNames from \"classnames\";\nimport { StyledBackLink } from \"./Styles\";\n\ninterface IBackLinkProps extends BaseHTMLAttributes<HTMLAnchorElement> {\n  /** Children type of node or string */\n  children: string;\n  /** CSS classes */\n  className?: string;\n}\n/**\n * Back link component\n */\nexport const BackLink: FC<IBackLinkProps> = ({\n  children,\n  className,\n  ...args\n}) => {\n  return (\n    <StyledBackLink className={classNames(\"c-back-link\", className)} {...args}>\n      {children}\n    </StyledBackLink>\n  );\n};\n\nBackLink.displayName = \"BackLink\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAkC,OAAO;AACrD,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,cAAc,QAAQ,UAAU;AAQzC;AACA;AACA;AACA,OAAO,IAAMC,QAA4B,GAAG,SAA/BA,QAA4B,OAInC;EAAA,IAHJC,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IACNC,IAAI;EAEP,oBACE,oBAAC,cAAc;IAAC,SAAS,EAAEL,UAAU,CAAC,aAAa,EAAEI,SAAS;EAAE,GAAKC,IAAI,GACtEF,QAAQ,CACM;AAErB,CAAC;AAEDD,QAAQ,CAACI,WAAW,GAAG,UAAU"}
+{"version":3,"file":"BackLink.js","names":["_react","_interopRequireDefault","require","_classnames","_Styles","BackLink","_ref","children","className","args","default","createElement","StyledBackLink","_extends2","classNames","exports","displayName"],"sources":["../../../../src/components/Links/BackLink.tsx"],"sourcesContent":["import React, { FC, BaseHTMLAttributes } from \"react\";\nimport classNames from \"classnames\";\nimport { StyledBackLink } from \"./Styles\";\n\ninterface IBackLinkProps extends BaseHTMLAttributes<HTMLAnchorElement> {\n  /** Children type of node or string */\n  children: string;\n  /** CSS classes */\n  className?: string;\n}\n/**\n * Back link component\n */\nexport const BackLink: FC<IBackLinkProps> = ({\n  children,\n  className,\n  ...args\n}) => {\n  return (\n    <StyledBackLink className={classNames(\"c-back-link\", className)} {...args}>\n      {children}\n    </StyledBackLink>\n  );\n};\n\nBackLink.displayName = \"BackLink\";\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAQA;AACA;AACA;AACO,MAAMG,QAA4B,GAAGC,IAAA,IAItC;EAAA,IAJuC;IAC3CC,QAAQ;IACRC,SAAS;IACT,GAAGC;EACL,CAAC,GAAAH,IAAA;EACC,oBACEN,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,OAAA,CAAAQ,cAAc,MAAAC,SAAA,CAAAH,OAAA;IAACF,SAAS,EAAE,IAAAM,mBAAU,EAAC,aAAa,EAAEN,SAAS;EAAE,GAAKC,IAAI,GACtEF,QACa,CAAC;AAErB,CAAC;AAACQ,OAAA,CAAAV,QAAA,GAAAA,QAAA;AAEFA,QAAQ,CAACW,WAAW,GAAG,UAAU"}

package/dist/esm/components/Links/Link.d.ts

@@ -12,8 +12,8 @@ export interface ILinkProps extends BaseHTMLAttributes<HTMLElement> {
     /** CSS classes */
     className?: string;
 }
-export declare type LinkProps<C extends React.ElementType> = PolymorphicComponentPropsWithRef<C, ILinkProps>;
-export declare type LinkComponent = <C extends React.ElementType = "a">(props: LinkProps<C>) => React.ReactElement | null;
+export type LinkProps<C extends React.ElementType> = PolymorphicComponentPropsWithRef<C, ILinkProps>;
+export type LinkComponent = <C extends React.ElementType = "a">(props: LinkProps<C>) => React.ReactElement | ReactNode | null;
 /**
  * Link component
  */

package/dist/esm/components/Links/Link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../src/components/Links/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,kBAAkB,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAGzE,OAAO,EACL,gCAAgC,EAEjC,MAAM,mBAAmB,CAAC;AAE3B,MAAM,WAAW,UAAW,SAAQ,kBAAkB,CAAC,WAAW,CAAC;IACjE,sCAAsC;IACtC,QAAQ,EAAE,SAAS,GAAG,MAAM,CAAC;IAC7B,sBAAsB;IACtB,OAAO,CAAC,EACJ,SAAS,GACT,WAAW,GACX,UAAU,GACV,QAAQ,GACR,WAAW,GACX,UAAU,GACV,cAAc,GACd,WAAW,GACX,kBAAkB,GAClB,eAAe,GACf,mBAAmB,GACnB,gBAAgB,CAAC;IACrB,8CAA8C;IAC9C,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC;IACvB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,oBAAY,SAAS,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAC/C,gCAAgC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;AAElD,oBAAY,aAAa,GAAG,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,GAAG,EAC5D,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAChB,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;AAE/B;;GAEG;AACH,eAAO,MAAM,IAAI,EAAE,aAAa,GAAG;IAAE,WAAW,CAAC,EAAE,MAAM,CAAA;CA0DxD,CAAC"}
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../src/components/Links/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,kBAAkB,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAGzE,OAAO,EACL,gCAAgC,EAEjC,MAAM,mBAAmB,CAAC;AAE3B,MAAM,WAAW,UAAW,SAAQ,kBAAkB,CAAC,WAAW,CAAC;IACjE,sCAAsC;IACtC,QAAQ,EAAE,SAAS,GAAG,MAAM,CAAC;IAC7B,sBAAsB;IACtB,OAAO,CAAC,EACJ,SAAS,GACT,WAAW,GACX,UAAU,GACV,QAAQ,GACR,WAAW,GACX,UAAU,GACV,cAAc,GACd,WAAW,GACX,kBAAkB,GAClB,eAAe,GACf,mBAAmB,GACnB,gBAAgB,CAAC;IACrB,8CAA8C;IAC9C,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC;IACvB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAC/C,gCAAgC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;AAElD,MAAM,MAAM,aAAa,GAAG,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,GAAG,EAC5D,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAChB,KAAK,CAAC,YAAY,GAAG,SAAS,GAAG,IAAI,CAAC;AAE3C;;GAEG;AACH,eAAO,MAAM,IAAI,EAAE,aAAa,GAAG;IAAE,WAAW,CAAC,EAAE,MAAM,CAAA;CA0DxD,CAAC"}

package/dist/esm/components/Links/Link.js

@@ -1,28 +1,35 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["as", "children", "variant", "size", "disabled", "className"];
-import React, { forwardRef } from "react";
-import classNames from "classnames";
-import { StyledLink, StyledLinkElement, StyledLinkElements } from "./Styles";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Link = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _Styles = require("./Styles");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
  * Link component
  */
-export var Link = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var as = _ref.as,
-    children = _ref.children,
-    _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? "contained" : _ref$variant,
-    size = _ref.size,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    className = _ref.className,
-    args = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var Component = as || "a";
-  return /*#__PURE__*/React.createElement(StyledLink, _extends({
+const Link = exports.Link = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    as,
+    children,
+    variant = "contained",
+    size,
+    disabled = false,
+    className,
+    ...args
+  } = _ref;
+  const Component = as || "a";
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledLink, (0, _extends2.default)({
     ref: ref,
     as: Component,
     disabled: disabled,
-    className: classNames("c-link", className, {
+    className: (0, _classnames.default)("c-link", className, {
       "c-link--contained": variant === "primary" || variant === "contained",
       "c-link--outlined": variant === "secondary" || variant === "outlined",
       "c-link--text_colored": variant === "tertiary" || variant === "text colored",
@@ -37,14 +44,12 @@ export var Link = /*#__PURE__*/forwardRef(function (_ref, ref) {
     variant: variant,
     size: size,
     $iconOnly: children instanceof Object && !(children instanceof Array)
-  }, args), children instanceof Array ? /*#__PURE__*/React.createElement(StyledLinkElements, {
+  }, args), children instanceof Array ? /*#__PURE__*/_react.default.createElement(_Styles.StyledLinkElements, {
     className: "c-link__elements"
-  }, children.map(function (value, index) {
-    return value ? /*#__PURE__*/React.createElement(StyledLinkElement, {
-      className: "c-link__elements__element",
-      key: index
-    }, value) : null;
-  })) : children);
+  }, children.map((value, index) => value ? /*#__PURE__*/_react.default.createElement(_Styles.StyledLinkElement, {
+    className: "c-link__elements__element",
+    key: index
+  }, value) : null)) : children);
 });
 Link.displayName = "Link";
 //# sourceMappingURL=Link.js.map

package/dist/esm/components/Links/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","names":["React","forwardRef","classNames","StyledLink","StyledLinkElement","StyledLinkElements","Link","ref","as","children","variant","size","disabled","className","args","Component","Object","Array","map","value","index","displayName"],"sources":["../../../../src/components/Links/Link.tsx"],"sourcesContent":["import React, { BaseHTMLAttributes, ReactNode, forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport { StyledLink, StyledLinkElement, StyledLinkElements } from \"./Styles\";\nimport {\n  PolymorphicComponentPropsWithRef,\n  PolymorphicRef,\n} from \"../../utils/types\";\n\nexport interface ILinkProps extends BaseHTMLAttributes<HTMLElement> {\n  /** Children type of node or string */\n  children: ReactNode | string;\n  /** Variant Buttons */\n  variant?:\n    | \"primary\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"option\"\n    | \"contained\"\n    | \"outlined\"\n    | \"text colored\"\n    | \"text gray\"\n    | \"dark transparent\"\n    | \"circle raised\"\n    | \"text link-primary\"\n    | \"text link-gray\";\n  /** Button size can be big, medium or small */\n  size?: \"big\" | \"small\";\n  /** Disabled prop */\n  disabled?: boolean;\n  /** CSS classes */\n  className?: string;\n}\n\nexport type LinkProps<C extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<C, ILinkProps>;\n\nexport type LinkComponent = <C extends React.ElementType = \"a\">(\n  props: LinkProps<C>\n) => React.ReactElement | null;\n\n/**\n * Link component\n */\nexport const Link: LinkComponent & { displayName?: string } = forwardRef(\n  <C extends React.ElementType = \"a\">(\n    {\n      as,\n      children,\n      variant = \"contained\",\n      size,\n      disabled = false,\n      className,\n      ...args\n    }: LinkProps<C>,\n    ref?: PolymorphicRef<C>\n  ) => {\n    const Component = as || \"a\";\n\n    return (\n      <StyledLink\n        ref={ref}\n        as={Component}\n        disabled={disabled}\n        className={classNames(\"c-link\", className, {\n          \"c-link--contained\": variant === \"primary\" || variant === \"contained\",\n          \"c-link--outlined\": variant === \"secondary\" || variant === \"outlined\",\n          \"c-link--text_colored\":\n            variant === \"tertiary\" || variant === \"text colored\",\n          \"c-link--text_gray\": variant === \"option\" || variant === \"text gray\",\n          \"c-link--dark_transparent\": variant === \"dark transparent\",\n          \"c-link--circle_raised\": variant === \"circle raised\",\n          \"c-link--big\": size === \"big\",\n          \"c-link--small\": size === \"small\",\n          \"c-link--icon-only\":\n            children instanceof Object && !(children instanceof Array),\n          \"c-link--disabled\": disabled,\n        })}\n        variant={variant}\n        size={size}\n        $iconOnly={children instanceof Object && !(children instanceof Array)}\n        {...args}\n      >\n        {children instanceof Array ? (\n          <StyledLinkElements className=\"c-link__elements\">\n            {children.map((value, index) =>\n              value ? (\n                <StyledLinkElement\n                  className=\"c-link__elements__element\"\n                  key={index}\n                >\n                  {value}\n                </StyledLinkElement>\n              ) : null\n            )}\n          </StyledLinkElements>\n        ) : (\n          children\n        )}\n      </StyledLink>\n    );\n  }\n);\n\nLink.displayName = \"Link\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAmCC,UAAU,QAAQ,OAAO;AACxE,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,UAAU,EAAEC,iBAAiB,EAAEC,kBAAkB,QAAQ,UAAU;AAsC5E;AACA;AACA;AACA,OAAO,IAAMC,IAA8C,gBAAGL,UAAU,CACtE,gBAUEM,GAAuB,EACpB;EAAA,IATDC,EAAE,QAAFA,EAAE;IACFC,QAAQ,QAARA,QAAQ;IAAA,oBACRC,OAAO;IAAPA,OAAO,6BAAG,WAAW;IACrBC,IAAI,QAAJA,IAAI;IAAA,qBACJC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;IAChBC,SAAS,QAATA,SAAS;IACNC,IAAI;EAIT,IAAMC,SAAS,GAAGP,EAAE,IAAI,GAAG;EAE3B,oBACE,oBAAC,UAAU;IACT,GAAG,EAAED,GAAI;IACT,EAAE,EAAEQ,SAAU;IACd,QAAQ,EAAEH,QAAS;IACnB,SAAS,EAAEV,UAAU,CAAC,QAAQ,EAAEW,SAAS,EAAE;MACzC,mBAAmB,EAAEH,OAAO,KAAK,SAAS,IAAIA,OAAO,KAAK,WAAW;MACrE,kBAAkB,EAAEA,OAAO,KAAK,WAAW,IAAIA,OAAO,KAAK,UAAU;MACrE,sBAAsB,EACpBA,OAAO,KAAK,UAAU,IAAIA,OAAO,KAAK,cAAc;MACtD,mBAAmB,EAAEA,OAAO,KAAK,QAAQ,IAAIA,OAAO,KAAK,WAAW;MACpE,0BAA0B,EAAEA,OAAO,KAAK,kBAAkB;MAC1D,uBAAuB,EAAEA,OAAO,KAAK,eAAe;MACpD,aAAa,EAAEC,IAAI,KAAK,KAAK;MAC7B,eAAe,EAAEA,IAAI,KAAK,OAAO;MACjC,mBAAmB,EACjBF,QAAQ,YAAYO,MAAM,IAAI,EAAEP,QAAQ,YAAYQ,KAAK,CAAC;MAC5D,kBAAkB,EAAEL;IACtB,CAAC,CAAE;IACH,OAAO,EAAEF,OAAQ;IACjB,IAAI,EAAEC,IAAK;IACX,SAAS,EAAEF,QAAQ,YAAYO,MAAM,IAAI,EAAEP,QAAQ,YAAYQ,KAAK;EAAE,GAClEH,IAAI,GAEPL,QAAQ,YAAYQ,KAAK,gBACxB,oBAAC,kBAAkB;IAAC,SAAS,EAAC;EAAkB,GAC7CR,QAAQ,CAACS,GAAG,CAAC,UAACC,KAAK,EAAEC,KAAK;IAAA,OACzBD,KAAK,gBACH,oBAAC,iBAAiB;MAChB,SAAS,EAAC,2BAA2B;MACrC,GAAG,EAAEC;IAAM,GAEVD,KAAK,CACY,GAClB,IAAI;EAAA,EACT,CACkB,GAErBV,QACD,CACU;AAEjB,CAAC,CACF;AAEDH,IAAI,CAACe,WAAW,GAAG,MAAM"}
+{"version":3,"file":"Link.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Link","exports","forwardRef","_ref","ref","as","children","variant","size","disabled","className","args","Component","createElement","StyledLink","_extends2","classNames","Array","$iconOnly","StyledLinkElements","map","value","index","StyledLinkElement","key","displayName"],"sources":["../../../../src/components/Links/Link.tsx"],"sourcesContent":["import React, { BaseHTMLAttributes, ReactNode, forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport { StyledLink, StyledLinkElement, StyledLinkElements } from \"./Styles\";\nimport {\n  PolymorphicComponentPropsWithRef,\n  PolymorphicRef,\n} from \"../../utils/types\";\n\nexport interface ILinkProps extends BaseHTMLAttributes<HTMLElement> {\n  /** Children type of node or string */\n  children: ReactNode | string;\n  /** Variant Buttons */\n  variant?:\n    | \"primary\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"option\"\n    | \"contained\"\n    | \"outlined\"\n    | \"text colored\"\n    | \"text gray\"\n    | \"dark transparent\"\n    | \"circle raised\"\n    | \"text link-primary\"\n    | \"text link-gray\";\n  /** Button size can be big, medium or small */\n  size?: \"big\" | \"small\";\n  /** Disabled prop */\n  disabled?: boolean;\n  /** CSS classes */\n  className?: string;\n}\n\nexport type LinkProps<C extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<C, ILinkProps>;\n\nexport type LinkComponent = <C extends React.ElementType = \"a\">(\n  props: LinkProps<C>\n) => React.ReactElement | ReactNode | null;\n\n/**\n * Link component\n */\nexport const Link: LinkComponent & { displayName?: string } = forwardRef(\n  <C extends React.ElementType = \"a\">(\n    {\n      as,\n      children,\n      variant = \"contained\",\n      size,\n      disabled = false,\n      className,\n      ...args\n    }: LinkProps<C>,\n    ref?: PolymorphicRef<C>\n  ) => {\n    const Component = as || \"a\";\n\n    return (\n      <StyledLink\n        ref={ref}\n        as={Component}\n        disabled={disabled}\n        className={classNames(\"c-link\", className, {\n          \"c-link--contained\": variant === \"primary\" || variant === \"contained\",\n          \"c-link--outlined\": variant === \"secondary\" || variant === \"outlined\",\n          \"c-link--text_colored\":\n            variant === \"tertiary\" || variant === \"text colored\",\n          \"c-link--text_gray\": variant === \"option\" || variant === \"text gray\",\n          \"c-link--dark_transparent\": variant === \"dark transparent\",\n          \"c-link--circle_raised\": variant === \"circle raised\",\n          \"c-link--big\": size === \"big\",\n          \"c-link--small\": size === \"small\",\n          \"c-link--icon-only\":\n            children instanceof Object && !(children instanceof Array),\n          \"c-link--disabled\": disabled,\n        })}\n        variant={variant}\n        size={size}\n        $iconOnly={children instanceof Object && !(children instanceof Array)}\n        {...args}\n      >\n        {children instanceof Array ? (\n          <StyledLinkElements className=\"c-link__elements\">\n            {children.map((value, index) =>\n              value ? (\n                <StyledLinkElement\n                  className=\"c-link__elements__element\"\n                  key={index}\n                >\n                  {value}\n                </StyledLinkElement>\n              ) : null\n            )}\n          </StyledLinkElements>\n        ) : (\n          children\n        )}\n      </StyledLink>\n    );\n  }\n);\n\nLink.displayName = \"Link\";\n"],"mappings":"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"}