@activecollab/components 1.0.6 → 1.0.10

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Icons/collection/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA","sourcesContent":["export { default as ActivityIcon } from \"./Activity\";\nexport { default as AddCrossTinyIcon } from \"./AddCrossTiny\";\nexport { default as AddCrossIcon } from \"./AddCross\";\nexport { default as ArrowBackIcon } from \"./ArrowBack\";\nexport { default as ArrowCollapseMultipleIcon } from \"./ArrowCollapseMultiple\";\nexport { default as ArrowExpandeMultipleIcon } from \"./ArrowExpandeMultiple\";\nexport { default as ArrowLeftBoxIcon } from \"./ArrowLeftBox\";\nexport { default as ArrowRefreshIcon } from \"./ArrowRefresh\";\nexport { default as AssignIcon } from \"./Assign\";\nexport { default as BackIcon } from \"./Back\";\nexport { default as BellOffSmallIcon } from \"./BellOffSmall\";\nexport { default as BellOffIcon } from \"./BellOff\";\nexport { default as BudgetAlertIcon } from \"./BudgetAlert\";\nexport { default as BudgetNoAlertIcon } from \"./BudgetNoAlert\";\nexport { default as CalendarAddXIcon } from \"./CalendarAddX\";\nexport { default as CalendarEmptyIcon } from \"./CalendarEmpty\";\nexport { default as CalendarIcon } from \"./Calendar\";\nexport { default as CancelCrossIcon } from \"./CancelCross\";\nexport { default as CaretLeftIcon } from \"./CaretLeft\";\nexport { default as CaretRightIcon } from \"./CaretRight\";\nexport { default as ChatIcon } from \"./Chat\";\nexport { default as CheckIcon } from \"./Check\";\nexport { default as CheckboxBlankTogglerIcon } from \"./CheckboxBlankToggler\";\nexport { default as CheckboxIcon } from \"./Checkbox\";\nexport { default as ChecklistSmallIcon } from \"./ChecklistSmall\";\nexport { default as ChecklistIcon } from \"./Checklist\";\nexport { default as CircleMultipleIcon } from \"./CircleMultiple\";\nexport { default as ClockAddIcon } from \"./ClockAdd\";\nexport { default as ClockSmallIcon } from \"./ClockSmall\";\nexport { default as ClockStopwatchSmallIcon } from \"./ClockStopwatchSmall\";\nexport { default as ClockStopwatchIcon } from \"./ClockStopwatch\";\nexport { default as ClockIcon } from \"./Clock\";\nexport { default as CloseSmallIcon } from \"./CloseSmall\";\nexport { default as CollapseAllIcon } from \"./CollapseAll\";\nexport { default as CollapseExpandSingleIcon } from \"./CollapseExpandSingle\";\nexport { default as CommentIcon } from \"./Comment\";\nexport { default as CommentsIcon } from \"./Comments\";\nexport { default as ComputerIcon } from \"./Computer\";\nexport { default as CrownBlankIcon } from \"./CrownBlank\";\nexport { default as CrownSelectedIcon } from \"./CrownSelected\";\nexport { default as DependencySmallIcon } from \"./DependencySmall\";\nexport { default as DependencyIcon } from \"./Dependency\";\nexport { default as DollarCheckmarkSmallIcon } from \"./DollarCheckmarkSmall\";\nexport { default as DollarCheckmarkIcon } from \"./DollarCheckmark\";\nexport { default as DollarClockSmallIcon } from \"./DollarClockSmall\";\nexport { default as DollarClockIcon } from \"./DollarClock\";\nexport { default as DollarOffSmallIcon } from \"./DollarOffSmall\";\nexport { default as DollarOffIcon } from \"./DollarOff\";\nexport { default as DollarSmallIcon } from \"./DollarSmall\";\nexport { default as DollarIcon } from \"./Dollar\";\nexport { default as DownloadIcon } from \"./Download\";\nexport { default as DriveIcon } from \"./Drive\";\nexport { default as DropboxIcon } from \"./Dropbox\";\nexport { default as DuplicateIcon } from \"./Duplicate\";\nexport { default as EditIcon } from \"./Edit\";\nexport { default as EmojiIcon } from \"./Emoji\";\nexport { default as EstimatesIcon } from \"./Estimates\";\nexport { default as ExpandAllIcon } from \"./ExpandAll\";\nexport { default as ExportIcon } from \"./Export\";\nexport { default as EyeOffSmallIcon } from \"./EyeOffSmall\";\nexport { default as EyeOffIcon } from \"./EyeOff\";\nexport { default as EyeSmallIcon } from \"./EyeSmall\";\nexport { default as EyeIcon } from \"./Eye\";\nexport { default as FilterIcon } from \"./Filter\";\nexport { default as HelpIcon } from \"./Help\";\nexport { default as InfoSmallIcon } from \"./InfoSmall\";\nexport { default as InfoIcon } from \"./Info\";\nexport { default as IntegrationsIcon } from \"./Integrations\";\nexport { default as InvoicesIcon } from \"./Invoices\";\nexport { default as LabelsIcon } from \"./Labels\";\nexport { default as LockSmallIcon } from \"./LockSmall\";\nexport { default as LockIcon } from \"./Lock\";\nexport { default as MarkerIcon } from \"./Marker\";\nexport { default as MenuNavIcon } from \"./MenuNavIcon\";\nexport { default as MessageAddIcon } from \"./MessageAdd\";\nexport { default as MessageSmallIcon } from \"./MessageSmall\";\nexport { default as MessageIcon } from \"./Message\";\nexport { default as MoveTriggerIcon } from \"./MoveTrigger\";\nexport { default as MyWorkIcon } from \"./MyWork\";\nexport { default as NotificationBellIcon } from \"./NotificationBell\";\nexport { default as OpenExpandedIcon } from \"./OpenExpanded\";\nexport { default as PaidSmallIcon } from \"./PaidSmall\";\nexport { default as PauseIcon } from \"./PauseIcon\";\nexport { default as PencilSmallIcon } from \"./PencilSmall\";\nexport { default as PencilIcon } from \"./Pencil\";\nexport { default as PendingPaymentSmallIcon } from \"./PendingPaymentSmall\";\nexport { default as PeopleIcon } from \"./People\";\nexport { default as PersonPlusIcon } from \"./PersonPlus\";\nexport { default as PersonIcon } from \"./Person\";\nexport { default as PlayIcon } from \"./PlayIcon\";\nexport { default as ProjectAddIcon } from \"./ProjectAdd\";\nexport { default as ProjectTemplateIcon } from \"./ProjectTemplate\";\nexport { default as ProjectsIcon } from \"./Projects\";\nexport { default as RadioBlankIcon } from \"./RadioBlank\";\nexport { default as RadioButtonIcon } from \"./RadioButton\";\nexport { default as RearangeIcon } from \"./Rearange\";\nexport { default as RearrangeSmallIcon } from \"./RearrangeSmall\";\nexport { default as RecurringCheckmarkSmallIcon } from \"./RecurringCheckmarkSmall\";\nexport { default as RecurringCheckmarkIcon } from \"./RecurringCheckmark\";\nexport { default as ReportsIcon } from \"./Reports\";\nexport { default as SearchIcon } from \"./Search\";\nexport { default as SendBlankIcon } from \"./SendBlank\";\nexport { default as SendFilledIcon } from \"./SendFilled\";\nexport { default as SortGeneralIcon } from \"./SortGeneral\";\nexport { default as SortIcon } from \"./SortIcon\";\nexport { default as StarIcon } from \"./Star\";\nexport { default as TaskAddIcon } from \"./TaskAdd\";\nexport { default as TextFormatGeneralAltIcon } from \"./TextFormatGeneralAlt\";\nexport { default as ThumbUpOutlineIcon } from \"./ThumbUpOutline\";\nexport { default as TrashIcon } from \"./Trash\";\nexport { default as TreeDotsIcon } from \"./TreeDots\";\nexport { default as ViewGridIcon } from \"./ViewGrid\";\nexport { default as ViewListIcon } from \"./ViewList\";\nexport { default as VolumeHighIcon } from \"./VolumeHigh\";\nexport { default as VolumeOffIcon } from \"./VolumeOff\";\nexport { default as WarningTriangleSmallIcon } from \"./WarningTriangleSmall\";\nexport { default as WarningTriangleIcon } from \"./WarningTriangle\";\nexport { default as WarningIcon } from \"./Warning\";\nexport { default as WorkloadIcon } from \"./Workload\";\n"],"file":"index.js"}

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

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

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

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

package/dist/cjs/components/Input/Input.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Input/Input.tsx"],"names":["Input","ref","className","type","disabled","rest","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;AAEO,IAAMA,KAAK,gBAAG,uBAGnB,gBAA+DC,GAA/D,EAAuE;AAAA,4BAApEC,SAAoE;AAAA,MAApEA,SAAoE,+BAAxD,EAAwD;AAAA,uBAApDC,IAAoD;AAAA,MAApDA,IAAoD,0BAA7C,MAA6C;AAAA,2BAArCC,QAAqC;AAAA,MAArCA,QAAqC,8BAA1B,KAA0B;AAAA,MAAhBC,IAAgB;;AACvE,sBACE,6BAAC,mBAAD;AACE,IAAA,GAAG,EAAEJ,GADP;AAEE,IAAA,IAAI,EAAEE,IAFR;AAGE,IAAA,QAAQ,EAAEC,QAHZ;AAIE,IAAA,SAAS,EAAE,yBAAW,SAAX,EAAsBF,SAAtB;AAJb,KAKMG,IALN,EADF;AASD,CAboB,CAAd;;AAePL,KAAK,CAACM,WAAN,GAAoB,OAApB","sourcesContent":["import React, { forwardRef } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledInput } from \"./Styles\";\n\nexport const Input = forwardRef<\n  HTMLInputElement,\n  React.ComponentPropsWithoutRef<\"input\">\n>(({ className = \"\", type = \"text\", disabled = false, ...rest }, ref) => {\n  return (\n    <StyledInput\n      ref={ref}\n      type={type}\n      disabled={disabled}\n      className={classnames(\"c-input\", className)}\n      {...rest}\n    />\n  );\n});\n\nInput.displayName = \"Input\";\n"],"file":"Input.js"}

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

@@ -0,0 +1,39 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledInput = void 0;
+
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
+var _BoxSizingStyle = require("../BoxSizingStyle");
+
+var _FontStyle = require("../FontStyle");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var StyledInput = _styledComponents.default.input.withConfig({
+  displayName: "Styles__StyledInput",
+  componentId: "sc-ce8kcp-0"
+})(["border:1px solid var(--border-primary);border-radius:10px;color:var(--color-theme-900);font-size:14px;padding:4px 10px 6px 8px;height:32px;background-color:var(--input-background-color);transition:all 0.3s ease;width:360px;outline:none;", " ", " ", " &::placeholder{color:var(--color-theme-600);}"], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, function (props) {
+  return props.disabled ? (0, _styledComponents.css)(["", ""], {
+    "cursor": "not-allowed",
+    "opacity": "0.5",
+    "borderColor": "var(--color-theme-400)"
+  }) : (0, _styledComponents.css)(["&:hover{", "}&:active{", "}&:focus{", "}"], {
+    "borderColor": "var(--color-primary)"
+  }, {
+    "borderColor": "var(--color-primary)"
+  }, {
+    "borderColor": "var(--color-primary)"
+  });
+});
+
+exports.StyledInput = StyledInput;
+StyledInput.displayName = "StyledInput";
+//# sourceMappingURL=Styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Input/Styles.ts"],"names":["StyledInput","styled","input","FontStyle","BoxSizingStyle","props","disabled","css","displayName"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;;;;;AAEO,IAAMA,WAAW,GAAGC,0BAAOC,KAAV;AAAA;AAAA;AAAA,iTAYpBC,oBAZoB,EAapBC,8BAboB,EAepB,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,QAAN,OACIC,qBADJ,YAEU;AAAA;AAAA;AAAA;AAAA,GAFV,QAIIA,qBAJJ,gDAMY;AAAA;AAAA,GANZ,EAUY;AAAA;AAAA,GAVZ,EAcY;AAAA;AAAA,GAdZ,CADA;AAAA,CAfoB,CAAjB;;;AAuCPP,WAAW,CAACQ,WAAZ,GAA0B,aAA1B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledInput = styled.input`\n  border: 1px solid var(--border-primary);\n  border-radius: 10px;\n  color: var(--color-theme-900);\n  font-size: 14px;\n  padding: 4px 10px 6px 8px;\n  height: 32px;\n  background-color: var(--input-background-color);\n  transition: all 0.3s ease;\n  width: 360px;\n  outline: none;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${(props) =>\n    props.disabled\n      ? css`\n          ${tw`tw-cursor-not-allowed tw-opacity-50 tw-border-theme-400`}\n        `\n      : css`\n          &:hover {\n            ${tw`tw-border-primary`}\n          }\n\n          &:active {\n            ${tw`tw-border-primary`}\n          }\n\n          &:focus {\n            ${tw`tw-border-primary`}\n          }\n        `}\n\n  &::placeholder {\n    color: var(--color-theme-600);\n  }\n`;\n\nStyledInput.displayName = \"StyledInput\";\n"],"file":"Styles.js"}

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

@@ -0,0 +1,19 @@
+"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 get() {
+      return _Input[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Label/Label.tsx"],"names":["Label","ref","name","color","showText","showDot","className","rest","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;AAaO,IAAMA,KAAK,gBAAG,uBAInB,gBAEEC,GAFF,EAGK;AAAA,MAFDC,IAEC,QAFDA,IAEC;AAAA,MAFKC,KAEL,QAFKA,KAEL;AAAA,2BAFYC,QAEZ;AAAA,MAFYA,QAEZ,8BAFuB,IAEvB;AAAA,0BAF6BC,OAE7B;AAAA,MAF6BA,OAE7B,6BAFuC,IAEvC;AAAA,MAF6CC,SAE7C,QAF6CA,SAE7C;AAAA,MAF2DC,IAE3D;;AACH,sBACE,6BAAC,mBAAD;AACE,IAAA,SAAS,EAAE,yBAAW,SAAX,EAAsBD,SAAtB,CADb;AAEE,IAAA,GAAG,EAAEL;AAFP,KAGMM,IAHN,GAKGF,OAAO,gBAAG,6BAAC,sBAAD;AAAgB,IAAA,SAAS,EAAED,QAA3B;AAAqC,IAAA,KAAK,EAAED;AAA5C,IAAH,GAA2D,IALrE,EAMGC,QAAQ,gBACP,6BAAC,uBAAD;AAAiB,IAAA,KAAK,EAAED;AAAxB,KAAgCD,IAAhC,CADO,GAEL,IARN,CADF;AAYD,CApBkB,CAAd;;AAuBPF,KAAK,CAACQ,WAAN,GAAoB,OAApB","sourcesContent":["import React, { forwardRef, HTMLAttributes } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledLabel, StyledLabelText, StyledLabelDot } from \"./Styles\";\n\ninterface ILabel {\n  name: string;\n  color: string;\n}\n\ninterface ILabelProps extends ILabel {\n  showText?: boolean;\n  showDot?: boolean;\n  className?: string;\n}\n\nexport const Label = forwardRef<\n  HTMLDivElement,\n  ILabelProps & HTMLAttributes<HTMLDivElement>\n>(\n  (\n    { name, color, showText = true, showDot = true, className, ...rest },\n    ref\n  ) => {\n    return (\n      <StyledLabel\n        className={classnames(\"c-label\", className)}\n        ref={ref}\n        {...rest}\n      >\n        {showDot ? <StyledLabelDot $showText={showText} color={color} /> : null}\n        {showText ? (\n          <StyledLabelText color={color}>{name}</StyledLabelText>\n        ) : null}\n      </StyledLabel>\n    );\n  }\n);\n\nLabel.displayName = \"Label\";\n"],"file":"Label.js"}

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

@@ -0,0 +1,61 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledLabelText = exports.StyledLabelDot = exports.StyledLabel = void 0;
+
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
+var _BoxSizingStyle = require("../BoxSizingStyle");
+
+var _FontStyle = require("../FontStyle");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var StyledLabel = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledLabel",
+  componentId: "sc-lo4p1f-0"
+})(["", " font-size:13px;line-height:1.375;", " ", ""], {
+  "display": "flex",
+  "alignItems": "center"
+}, _BoxSizingStyle.BoxSizingStyle, _FontStyle.FontStyle);
+
+exports.StyledLabel = StyledLabel;
+StyledLabel.displayName = "StyledLabel";
+
+var StyledLabelDot = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledLabelDot",
+  componentId: "sc-lo4p1f-1"
+})(["", " ", " ", ""], {
+  "width": "0.5rem",
+  "height": "0.5rem",
+  "borderRadius": "9999px",
+  "justifyContent": "center"
+}, function (props) {
+  return props.$showText && (0, _styledComponents.css)(["", ""], {
+    "marginRight": "0.25rem"
+  });
+}, function (props) {
+  return props.color && (0, _styledComponents.css)(["background-color:", ";"], props.color);
+});
+
+exports.StyledLabelDot = StyledLabelDot;
+StyledLabelDot.displayName = "StyledLabelDot";
+
+var StyledLabelText = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledLabelText",
+  componentId: "sc-lo4p1f-2"
+})(["", " ", ""], {
+  "textTransform": "uppercase"
+}, function (props) {
+  return props.color && (0, _styledComponents.css)(["color:", ";"], props.color);
+});
+
+exports.StyledLabelText = StyledLabelText;
+StyledLabelText.displayName = "StyledLabelText";
+//# sourceMappingURL=Styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Label/Styles.ts"],"names":["StyledLabel","styled","div","BoxSizingStyle","FontStyle","displayName","StyledLabelDot","props","$showText","css","color","StyledLabelText"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;;;;;AACO,IAAMA,WAAW,GAAGC,0BAAOC,GAAV;AAAA;AAAA;AAAA,wDAClB;AAAA;AAAA;AAAA,CADkB,EAIpBC,8BAJoB,EAKpBC,oBALoB,CAAjB;;;AAQPJ,WAAW,CAACK,WAAZ,GAA0B,aAA1B;;AAMO,IAAMC,cAAc,GAAGL,0BAAOC,GAAV;AAAA;AAAA;AAAA,uBACrB;AAAA;AAAA;AAAA;AAAA;AAAA,CADqB,EAGvB,UAACK,KAAD;AAAA,SACAA,KAAK,CAACC,SAAN,QACAC,qBADA,YAEM;AAAA;AAAA,GAFN,CADA;AAAA,CAHuB,EASvB,UAACF,KAAD;AAAA,SACAA,KAAK,CAACG,KAAN,QACAD,qBADA,8BAEsBF,KAAK,CAACG,KAF5B,CADA;AAAA,CATuB,CAApB;;;AAgBPJ,cAAc,CAACD,WAAf,GAA6B,gBAA7B;;AAEO,IAAMM,eAAe,GAAGV,0BAAOC,GAAV;AAAA;AAAA;AAAA,kBACtB;AAAA;AAAA,CADsB,EAExB,UAACK,KAAD;AAAA,SACAA,KAAK,CAACG,KAAN,QACAD,qBADA,mBAEWF,KAAK,CAACG,KAFjB,CADA;AAAA,CAFwB,CAArB;;;AASPC,eAAe,CAACN,WAAhB,GAA8B,iBAA9B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nexport const StyledLabel = styled.div`\n  ${tw`tw-flex tw-items-center`}\n  font-size: 13px;\n  line-height: 1.375;\n  ${BoxSizingStyle}\n  ${FontStyle}\n`;\n\nStyledLabel.displayName = \"StyledLabel\";\n\ninterface IStyledLabelDot {\n  $showText?: boolean;\n}\n\nexport const StyledLabelDot = styled.div<IStyledLabelDot>`\n  ${tw`tw-w-2 tw-h-2 tw-rounded-full tw-justify-center`}\n\n  ${(props) =>\n    props.$showText &&\n    css`\n      ${tw`tw-mr-1`}\n    `}\n\n  ${(props) =>\n    props.color &&\n    css`\n      background-color: ${props.color};\n    `}\n`;\n\nStyledLabelDot.displayName = \"StyledLabelDot\";\n\nexport const StyledLabelText = styled.div`\n  ${tw`tw-uppercase`}\n  ${(props) =>\n    props.color &&\n    css`\n      color: ${props.color};\n    `}\n`;\n\nStyledLabelText.displayName = \"StyledLabelText\";\n"],"file":"Styles.js"}

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

@@ -0,0 +1,19 @@
+"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 get() {
+      return _Label[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BackLink = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _Styles = require("./Styles");
+
+var _excluded = ["children", "className"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+/**
+ * Back link component
+ */
+var BackLink = function BackLink(_ref) {
+  var children = _ref.children,
+      className = _ref.className,
+      args = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledBackLink, _extends({
+    className: (0, _classnames.default)("c-back-link", className)
+  }, args), children);
+};
+
+exports.BackLink = BackLink;
+BackLink.displayName = "BackLink";
+//# sourceMappingURL=BackLink.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Links/BackLink.tsx"],"names":["BackLink","children","className","args","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;AAQA;AACA;AACA;AACO,IAAMA,QAA4B,GAAG,SAA/BA,QAA+B,OAItC;AAAA,MAHJC,QAGI,QAHJA,QAGI;AAAA,MAFJC,SAEI,QAFJA,SAEI;AAAA,MADDC,IACC;;AACJ,sBACE,6BAAC,sBAAD;AAAgB,IAAA,SAAS,EAAE,yBAAW,aAAX,EAA0BD,SAA1B;AAA3B,KAAqEC,IAArE,GACGF,QADH,CADF;AAKD,CAVM;;;AAYPD,QAAQ,CAACI,WAAT,GAAuB,UAAvB","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"],"file":"BackLink.js"}

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

@@ -0,0 +1,65 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Link = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _Styles = require("./Styles");
+
+var _excluded = ["children", "variant", "size", "disabled", "className"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+/**
+ * Link component
+ */
+var Link = function Link(_ref) {
+  var 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 = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledLink, _extends({
+    disabled: disabled,
+    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",
+      "c-link--text_gray": variant === "option" || variant === "text gray",
+      "c-link--dark_transparent": variant === "dark transparent",
+      "c-link--big": size === "big",
+      "c-link--small": size === "small",
+      "c-link--icon-only": children instanceof Object && !(children instanceof Array),
+      "c-link--disabled": disabled
+    }),
+    variant: variant,
+    size: size,
+    iconOnly: children instanceof Object && !(children instanceof Array)
+  }, args), children instanceof Array ? /*#__PURE__*/_react.default.createElement(_Styles.StyledLinkElements, {
+    className: "c-link__elements"
+  }, children.map(function (value, index) {
+    return value ? /*#__PURE__*/_react.default.createElement(_Styles.StyledLinkElement, {
+      className: "c-link__elements__element",
+      key: index
+    }, value) : null;
+  })) : children);
+};
+
+exports.Link = Link;
+Link.displayName = "Link";
+//# sourceMappingURL=Link.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Links/Link.tsx"],"names":["Link","children","variant","size","disabled","className","args","Object","Array","map","value","index","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;AAwBA;AACA;AACA;AACO,IAAMA,IAAoB,GAAG,SAAvBA,IAAuB,OAO9B;AAAA,MANJC,QAMI,QANJA,QAMI;AAAA,0BALJC,OAKI;AAAA,MALJA,OAKI,6BALM,WAKN;AAAA,MAJJC,IAII,QAJJA,IAII;AAAA,2BAHJC,QAGI;AAAA,MAHJA,QAGI,8BAHO,KAGP;AAAA,MAFJC,SAEI,QAFJA,SAEI;AAAA,MADDC,IACC;;AACJ,sBACE,6BAAC,kBAAD;AACE,IAAA,QAAQ,EAAEF,QADZ;AAEE,IAAA,SAAS,EAAE,yBAAW,QAAX,EAAqBC,SAArB,EAAgC;AACzC,2BAAqBH,OAAO,KAAK,SAAZ,IAAyBA,OAAO,KAAK,WADjB;AAEzC,0BAAoBA,OAAO,KAAK,WAAZ,IAA2BA,OAAO,KAAK,UAFlB;AAGzC,8BACEA,OAAO,KAAK,UAAZ,IAA0BA,OAAO,KAAK,cAJC;AAKzC,2BAAqBA,OAAO,KAAK,QAAZ,IAAwBA,OAAO,KAAK,WALhB;AAMzC,kCAA4BA,OAAO,KAAK,kBANC;AAOzC,qBAAeC,IAAI,KAAK,KAPiB;AAQzC,uBAAiBA,IAAI,KAAK,OARe;AASzC,2BACEF,QAAQ,YAAYM,MAApB,IAA8B,EAAEN,QAAQ,YAAYO,KAAtB,CAVS;AAWzC,0BAAoBJ;AAXqB,KAAhC,CAFb;AAeE,IAAA,OAAO,EAAEF,OAfX;AAgBE,IAAA,IAAI,EAAEC,IAhBR;AAiBE,IAAA,QAAQ,EAAEF,QAAQ,YAAYM,MAApB,IAA8B,EAAEN,QAAQ,YAAYO,KAAtB;AAjB1C,KAkBMF,IAlBN,GAoBGL,QAAQ,YAAYO,KAApB,gBACC,6BAAC,0BAAD;AAAoB,IAAA,SAAS,EAAC;AAA9B,KACGP,QAAQ,CAACQ,GAAT,CAAa,UAACC,KAAD,EAAQC,KAAR;AAAA,WACZD,KAAK,gBACH,6BAAC,yBAAD;AACE,MAAA,SAAS,EAAC,2BADZ;AAEE,MAAA,GAAG,EAAEC;AAFP,OAIGD,KAJH,CADG,GAOD,IARQ;AAAA,GAAb,CADH,CADD,GAcCT,QAlCJ,CADF;AAuCD,CA/CM;;;AAiDPD,IAAI,CAACY,WAAL,GAAmB,MAAnB","sourcesContent":["import React, { FC, BaseHTMLAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames\";\nimport { StyledLink, StyledLinkElement, StyledLinkElements } from \"./Styles\";\n\nexport interface ILinkProps extends BaseHTMLAttributes<HTMLAnchorElement> {\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  /** 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\n/**\n * Link component\n */\nexport const Link: FC<ILinkProps> = ({\n  children,\n  variant = \"contained\",\n  size,\n  disabled = false,\n  className,\n  ...args\n}) => {\n  return (\n    <StyledLink\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--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\nLink.displayName = \"Link\";\n"],"file":"Link.js"}

package/dist/cjs/components/Links/Styles.js

@@ -0,0 +1,111 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledLinkElements = exports.StyledLinkElement = exports.StyledLink = exports.StyledBackLink = void 0;
+
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
+var _FontStyle = require("../FontStyle");
+
+var _BoxSizingStyle = require("../BoxSizingStyle");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var StyledLinkElement = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledLinkElement",
+  componentId: "sc-1c1jdox-0"
+})([""]);
+
+exports.StyledLinkElement = StyledLinkElement;
+
+var StyledLink = _styledComponents.default.a.withConfig({
+  displayName: "Styles__StyledLink",
+  componentId: "sc-1c1jdox-1"
+})(["", " ", " ", " border:none;height:32px;transition:all 0.3s ease;svg{fill:currentColor;}&::-moz-focus-inner{border:0;}&:focus{outline:none;}&:hover{text-decoration:none;}", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", ""], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, {
+  "WebkitFontSmoothing": "antialiased",
+  "MozOsxFontSmoothing": "grayscale",
+  "fontWeight": "500",
+  "lineHeight": "1.25rem",
+  "margin": "0px",
+  "textDecoration": "none",
+  "fontSize": "0.875rem",
+  "userSelect": "none",
+  "cursor": "pointer",
+  "display": "inline-flex",
+  "alignItems": "center",
+  "justifyContent": "center"
+}, function (props) {
+  return props.disabled && (0, _styledComponents.css)(["cursor:default;opacity:50%;pointer-events:none;"]);
+}, function (props) {
+  return props.size === "small" && (0, _styledComponents.css)(["height:24px;"]);
+}, function (props) {
+  return props.size === "big" && (0, _styledComponents.css)(["height:40px;"]);
+}, function (props) {
+  return (props.variant === "primary" || props.variant === "contained") && (0, _styledComponents.css)(["padding:0 16px;background-color:var(--color-primary);border-radius:16px;color:var(--color-theme-100);&:focus,&:hover{box-shadow:0 3px 6px -2px var(--color-primary-500);background-color:var(--color-primary-800);}&:active{box-shadow:0 4px 10px -2px var(--color-primary-600);background-color:var(--color-primary-800);}"]);
+}, function (props) {
+  return (props.variant === "secondary" || props.variant === "outlined") && (0, _styledComponents.css)(["padding:0 16px;background-color:transparent;border-radius:16px;border:solid 1px var(--color-theme-600);color:var(--color-theme-600);&:focus,&:hover{border-color:var(--color-primary);color:var(--color-primary);}&:active{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-primary-200);}"]);
+}, function (props) {
+  return (props.variant === "tertiary" || props.variant === "text colored") && (0, _styledComponents.css)(["padding:0 8px;background-color:transparent;border-radius:6px;color:var(--color-primary);&:focus,&:hover{background-color:var(--color-primary-200);}&:active{background-color:var(--color-primary-300);}"]);
+}, function (props) {
+  return (props.variant === "option" || props.variant === "text gray") && (0, _styledComponents.css)(["padding:0 8px;background-color:transparent;border-radius:6px;color:var(--color-theme-600);&:focus,&:hover{background-color:var(--color-theme-300);color:var(--color-theme-900);}&:active{background-color:var(--color-theme-400);color:var(--color-theme-900);}"]);
+}, function (props) {
+  return props.variant === "dark transparent" && (0, _styledComponents.css)(["padding:0 8px;background-color:rgba(0,0,0,0.5);border-radius:var(--ac-br-6);color:var(--only-white);&:hover{background-color:rgba(0,0,0,0.85);}&:active{background-color:var(--only-black);}"]);
+}, function (props) {
+  return props.iconOnly && (0, _styledComponents.css)(["padding:0;width:32px;", " ", ""], props.size === "small" && (0, _styledComponents.css)(["radius:16px;width:24px;"]), props.size === "big" && (0, _styledComponents.css)(["radius:20px;width:40px;"]));
+}, function (props) {
+  return (props.variant === "primary" || props.variant === "contained" || props.variant === "secondary" || props.variant === "outlined") && (0, _styledComponents.css)(["", ":first-child svg{margin-left:-6px;}", ":last-child svg{margin-right:-6px;}", " ", ""], StyledLinkElement, StyledLinkElement, props.size === "small" && (0, _styledComponents.css)(["radius:16px;"]), props.size === "big" && (0, _styledComponents.css)(["radius:20px;"]));
+}, function (props) {
+  return (props.variant === "tertiary" || props.variant === "text colored" || props.variant === "option" || props.variant === "text gray" || props.variant === "dark transparent") && (0, _styledComponents.css)(["", ":first-child svg{margin-left:-4px;}", ":last-child svg{margin-right:-4px;}", " ", ""], StyledLinkElement, StyledLinkElement, props.size === "small" && (0, _styledComponents.css)(["radius:4px;"]), props.size === "big" && (0, _styledComponents.css)(["radius:8px;"]));
+});
+
+exports.StyledLink = StyledLink;
+
+var StyledLinkElements = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledLinkElements",
+  componentId: "sc-1c1jdox-2"
+})(["display:table;height:inherit;svg{margin:0 4px;margin-bottom:-2px;}", "{display:table-cell;vertical-align:middle;padding-bottom:2px;}"], StyledLinkElement);
+
+exports.StyledLinkElements = StyledLinkElements;
+
+var StyledBackLink = _styledComponents.default.a.withConfig({
+  displayName: "Styles__StyledBackLink",
+  componentId: "sc-1c1jdox-3"
+})(["", " ", " ", " text-decoration:none;border:transparent 1px solid;border-radius:20px;height:32px;font-size:10px;font-weight:500;display:table-cell;vertical-align:middle;&:before,&:after{content:\"\";", " border-width:0 1px 1px 0;position:absolute;left:0;transition:all ease 0.3s;}&:before{", " transform:translateX(1rem) translateY(0.1rem) rotate(135deg);}&:after{", " transform:translateX(2rem) translateY(0.1rem) rotate(135deg);}&:hover{text-decoration:none;border-color:var(--border-primary);&:before{", " transform:translateX(0rem) translateY(0.1rem) rotate(135deg);}&:after{", " transform:translateX(1rem) translateY(0.1rem) rotate(135deg);}}"], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, {
+  "paddingLeft": "2rem",
+  "fontSize": "0.6875rem",
+  "textTransform": "uppercase",
+  "display": "inline-flex",
+  "verticalAlign": "middle",
+  "paddingRight": "1rem",
+  "color": "var(--color-theme-600)",
+  "cursor": "pointer"
+}, {
+  "borderStyle": "solid",
+  "color": "var(--color-theme-700)",
+  "display": "inline-block",
+  "padding": "0px",
+  "width": "0.5rem",
+  "height": "0.5rem",
+  "backgroundRepeat": "no-repeat"
+}, {
+  "opacity": "1"
+}, {
+  "opacity": "0"
+}, {
+  "opacity": "0"
+}, {
+  "opacity": "1"
+});
+
+exports.StyledBackLink = StyledBackLink;
+StyledBackLink.displayName = "StyledBackLink";
+StyledLinkElement.displayName = "StyledLinkElement";
+StyledLinkElements.displayName = "StyledLinkElements";
+StyledLink.displayName = "StyledLink";
+//# sourceMappingURL=Styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Links/Styles.ts"],"names":["StyledLinkElement","styled","div","StyledLink","a","FontStyle","BoxSizingStyle","props","disabled","css","size","variant","iconOnly","StyledLinkElements","StyledBackLink","displayName"],"mappings":"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","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { FontStyle } from \"../FontStyle\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { ILinkProps } from \"./Link\";\n\ninterface StyledLinkProps extends ILinkProps {\n  iconOnly: boolean;\n}\n\nexport const StyledLinkElement = styled.div``;\n\nexport const StyledLink = styled.a<StyledLinkProps>`\n  ${FontStyle}\n  ${BoxSizingStyle}\n  ${tw`\n    tw-antialiased\n    tw-font-medium\n    tw-leading-none\n    tw-m-0\n    tw-no-underline\n    tw-text-sm\n    tw-select-none\n    tw-cursor-pointer\n    tw-inline-flex\n    tw-items-center\n    tw-justify-center`}\n\n  border: none;\n  height: 32px;\n  transition: all 0.3s ease;\n\n  svg {\n    fill: currentColor;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &:hover {\n    text-decoration: none;\n  }\n\n  ${(props) =>\n    props.disabled &&\n    css`\n      cursor: default;\n      opacity: 50%;\n      pointer-events: none;\n    `}\n\n  ${(props) =>\n    props.size === \"small\" &&\n    css`\n      height: 24px;\n    `}\n\n  ${(props) =>\n    props.size === \"big\" &&\n    css`\n      height: 40px;\n    `}\n\n  ${(props) =>\n    (props.variant === \"primary\" || props.variant === \"contained\") &&\n    css`\n      padding: 0 16px;\n      background-color: var(--color-primary);\n      border-radius: 16px;\n      color: var(--color-theme-100);\n\n      &:focus,\n      &:hover {\n        box-shadow: 0 3px 6px -2px var(--color-primary-500);\n        background-color: var(--color-primary-800);\n      }\n\n      &:active {\n        box-shadow: 0 4px 10px -2px var(--color-primary-600);\n        background-color: var(--color-primary-800);\n      }\n    `}\n\n  ${(props) =>\n    (props.variant === \"secondary\" || props.variant === \"outlined\") &&\n    css`\n      padding: 0 16px;\n      background-color: transparent;\n      border-radius: 16px;\n      border: solid 1px var(--color-theme-600);\n      color: var(--color-theme-600);\n\n      &:focus,\n      &:hover {\n        border-color: var(--color-primary);\n        color: var(--color-primary);\n      }\n\n      &:active {\n        border-color: var(--color-primary);\n        color: var(--color-primary);\n        background-color: var(--color-primary-200);\n      }\n    `}\n\n  ${(props) =>\n    (props.variant === \"tertiary\" || props.variant === \"text colored\") &&\n    css`\n      padding: 0 8px;\n      background-color: transparent;\n      border-radius: 6px;\n      color: var(--color-primary);\n\n      &:focus,\n      &:hover {\n        background-color: var(--color-primary-200);\n      }\n\n      &:active {\n        background-color: var(--color-primary-300);\n      }\n    `}\n\n   ${(props) =>\n    (props.variant === \"option\" || props.variant === \"text gray\") &&\n    css`\n      padding: 0 8px;\n      background-color: transparent;\n      border-radius: 6px;\n      color: var(--color-theme-600);\n\n      &:focus,\n      &:hover {\n        background-color: var(--color-theme-300);\n        color: var(--color-theme-900);\n      }\n\n      &:active {\n        background-color: var(--color-theme-400);\n        color: var(--color-theme-900);\n      }\n    `}\n\n   ${(props) =>\n    props.variant === \"dark transparent\" &&\n    css`\n      padding: 0 8px;\n      background-color: rgba(0, 0, 0, 0.5);\n      border-radius: var(--ac-br-6);\n      color: var(--only-white);\n\n      &:hover {\n        background-color: rgba(0, 0, 0, 0.85);\n      }\n\n      &:active {\n        background-color: var(--only-black);\n      }\n    `}\n\n   ${(props) =>\n    props.iconOnly &&\n    css`\n      padding: 0;\n      width: 32px;\n\n      ${props.size === \"small\" &&\n      css`\n        radius: 16px;\n        width: 24px;\n      `}\n\n      ${props.size === \"big\" &&\n      css`\n        radius: 20px;\n        width: 40px;\n      `}\n    `}\n\n   ${(props) =>\n    (props.variant === \"primary\" ||\n      props.variant === \"contained\" ||\n      props.variant === \"secondary\" ||\n      props.variant === \"outlined\") &&\n    css`\n      ${StyledLinkElement}:first-child svg {\n        margin-left: -6px;\n      }\n      ${StyledLinkElement}:last-child svg {\n        margin-right: -6px;\n      }\n\n      ${props.size === \"small\" &&\n      css`\n        radius: 16px;\n      `}\n\n      ${props.size === \"big\" &&\n      css`\n        radius: 20px;\n      `}\n    `}\n\n   ${(props) =>\n    (props.variant === \"tertiary\" ||\n      props.variant === \"text colored\" ||\n      props.variant === \"option\" ||\n      props.variant === \"text gray\" ||\n      props.variant === \"dark transparent\") &&\n    css`\n      ${StyledLinkElement}:first-child svg {\n        margin-left: -4px;\n      }\n      ${StyledLinkElement}:last-child svg {\n        margin-right: -4px;\n      }\n\n      ${props.size === \"small\" &&\n      css`\n        radius: 4px;\n      `}\n\n      ${props.size === \"big\" &&\n      css`\n        radius: 8px;\n      `}\n    `}\n`;\n\nexport const StyledLinkElements = styled.div`\n  display: table;\n  height: inherit;\n\n  svg {\n    margin: 0 4px;\n    margin-bottom: -2px;\n  }\n\n  ${StyledLinkElement} {\n    display: table-cell;\n    vertical-align: middle;\n    padding-bottom: 2px;\n  }\n`;\n\nexport const StyledBackLink = styled.a`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${tw`\n    tw-pl-8\n    tw-text-xxs\n    tw-uppercase\n    tw-inline-flex\n    tw-align-middle\n    tw-pr-4\n    tw-text-theme-600\n    tw-cursor-pointer\n  `}\n\n  text-decoration: none;\n  border: transparent 1px solid;\n  border-radius: 20px;\n  height: 32px;\n  font-size: 10px;\n  font-weight: 500;\n  display: table-cell;\n  vertical-align: middle;\n\n  &:before,\n  &:after {\n    content: \"\";\n    ${tw`\n      tw-border-solid\n      tw-text-theme-700\n      tw-inline-block\n      tw-p-0\n      tw-w-2\n      tw-h-2\n      tw-bg-no-repeat\n    `}\n    border-width: 0 1px 1px 0;\n    position: absolute;\n    left: 0;\n    transition: all ease 0.3s;\n  }\n  &:before {\n    ${tw`tw-opacity-100`}\n    transform: translateX(1rem) translateY(0.1rem) rotate(135deg);\n  }\n  &:after {\n    ${tw`tw-opacity-0`}\n    transform: translateX(2rem) translateY(0.1rem) rotate(135deg);\n  }\n  &:hover {\n    text-decoration: none;\n    border-color: var(--border-primary);\n    &:before {\n      ${tw`tw-opacity-0`}\n      transform: translateX(0rem) translateY(0.1rem) rotate(135deg);\n    }\n    &:after {\n      ${tw`tw-opacity-100`}\n      transform: translateX(1rem) translateY(0.1rem) rotate(135deg);\n    }\n  }\n`;\n\nStyledBackLink.displayName = \"StyledBackLink\";\nStyledLinkElement.displayName = \"StyledLinkElement\";\nStyledLinkElements.displayName = \"StyledLinkElements\";\nStyledLink.displayName = \"StyledLink\";\n"],"file":"Styles.js"}