@activecollab/components 1.0.7 → 1.0.8

package/dist/cjs/components/ButtonGroup/ButtonGroup.js

@@ -0,0 +1,42 @@
+"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.ButtonGroup = void 0;
+
+var _react = _interopRequireWildcard(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 _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 ButtonGroup = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var children = _ref.children,
+      className = _ref.className,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledButtonGroup, _extends({
+    ref: ref,
+    className: (0, _classnames.default)("c-btn-group", className)
+  }, rest), children);
+});
+exports.ButtonGroup = ButtonGroup;
+ButtonGroup.displayName = "ButtonGroup";
+//# sourceMappingURL=ButtonGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"names":["ButtonGroup","ref","children","className","rest","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;AAEO,IAAMA,WAAW,gBAAG,uBAGzB,gBAAmCC,GAAnC;AAAA,MAAGC,QAAH,QAAGA,QAAH;AAAA,MAAaC,SAAb,QAAaA,SAAb;AAAA,MAA2BC,IAA3B;;AAAA,sBACA,6BAAC,yBAAD;AACE,IAAA,GAAG,EAAEH,GADP;AAEE,IAAA,SAAS,EAAE,yBAAW,aAAX,EAA0BE,SAA1B;AAFb,KAGMC,IAHN,GAKGF,QALH,CADA;AAAA,CAHyB,CAApB;;AAaPF,WAAW,CAACK,WAAZ,GAA0B,aAA1B","sourcesContent":["import React, { forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport { StyledButtonGroup } from \"./Styles\";\n\nexport const ButtonGroup = forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<\"div\">\n>(({ children, className, ...rest }, ref) => (\n  <StyledButtonGroup\n    ref={ref}\n    className={classNames(\"c-btn-group\", className)}\n    {...rest}\n  >\n    {children}\n  </StyledButtonGroup>\n));\n\nButtonGroup.displayName = \"ButtonGroup\";\n"],"file":"ButtonGroup.js"}

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

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledButtonGroup = void 0;
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _BoxSizingStyle = require("../BoxSizingStyle");
+
+var _FontStyle = require("../FontStyle");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var StyledButtonGroup = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledButtonGroup",
+  componentId: "sc-1vw4iq2-0"
+})(["", " ", " ", " button{&:first-child:not(:last-child){svg{margin-right:-4px;}", "}&:last-child:not(:first-child){svg{margin-left:-4px;}", "}&:not(:first-child):not(:last-child){", "}}svg{", "}"], {
+  "display": "flex",
+  "flexDirection": "row"
+}, _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, {
+  "marginRight": "-1px",
+  "borderTopRightRadius": "0px",
+  "borderBottomRightRadius": "0px"
+}, {
+  "borderTopLeftRadius": "0px",
+  "borderBottomLeftRadius": "0px"
+}, {
+  "marginRight": "-1px",
+  "borderRadius": "0px"
+}, {
+  "color": "var(--color-theme-900)",
+  "fill": "currentColor"
+});
+
+exports.StyledButtonGroup = StyledButtonGroup;
+StyledButtonGroup.displayName = "StyledButtonGroup";
+//# sourceMappingURL=Styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ButtonGroup/Styles.ts"],"names":["StyledButtonGroup","styled","div","FontStyle","BoxSizingStyle","displayName"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;;;AAEO,IAAMA,iBAAiB,GAAGC,0BAAOC,GAAV;AAAA;AAAA;AAAA,wMACxB;AAAA;AAAA;AAAA,CADwB,EAE1BC,oBAF0B,EAG1BC,8BAH0B,EAUpB;AAAA;AAAA;AAAA;AAAA,CAVoB,EAiBpB;AAAA;AAAA;AAAA,CAjBoB,EAqBpB;AAAA;AAAA;AAAA,CArBoB,EA0BtB;AAAA;AAAA;AAAA,CA1BsB,CAAvB;;;AA8BPJ,iBAAiB,CAACK,WAAlB,GAAgC,mBAAhC","sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledButtonGroup = styled.div`\n  ${tw`tw-flex tw-flex-row`}\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  button {\n    &:first-child:not(:last-child) {\n      svg {\n        margin-right: -4px;\n      }\n      ${tw`tw--mr-px tw-rounded-r-none`}\n    }\n\n    &:last-child:not(:first-child) {\n      svg {\n        margin-left: -4px;\n      }\n      ${tw`tw-rounded-l-none`}\n    }\n\n    &:not(:first-child):not(:last-child) {\n      ${tw`tw--mr-px tw-rounded-none`}\n    }\n  }\n\n  svg {\n    ${tw`tw-text-theme-900 tw-fill-current`}\n  }\n`;\n\nStyledButtonGroup.displayName = \"StyledButtonGroup\";\n"],"file":"Styles.js"}

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

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

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

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

package/dist/cjs/components/Card/Card.js

@@ -0,0 +1,49 @@
+"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.Card = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _Styles = require("./Styles");
+
+var _excluded = ["children", "className", "hoverable", "paperType"];
+
+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 Card = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var children = _ref.children,
+      className = _ref.className,
+      _ref$hoverable = _ref.hoverable,
+      hoverable = _ref$hoverable === void 0 ? false : _ref$hoverable,
+      _ref$paperType = _ref.paperType,
+      paperType = _ref$paperType === void 0 ? "paper-2" : _ref$paperType,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledCard, _extends({}, rest, {
+    type: paperType,
+    className: (0, _classnames.default)("c-card", className),
+    hover: hoverable,
+    useOptimizedShadow: true,
+    ref: ref
+  }), children);
+});
+exports.Card = Card;
+Card.displayName = "Card";
+//# sourceMappingURL=Card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Card/Card.tsx"],"names":["Card","ref","children","className","hoverable","paperType","rest","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;AAWO,IAAMA,IAAI,gBAAG,uBAClB,gBAQEC,GARF,EASK;AAAA,MAPDC,QAOC,QAPDA,QAOC;AAAA,MANDC,SAMC,QANDA,SAMC;AAAA,4BALDC,SAKC;AAAA,MALDA,SAKC,+BALW,KAKX;AAAA,4BAJDC,SAIC;AAAA,MAJDA,SAIC,+BAJW,SAIX;AAAA,MAHEC,IAGF;;AACH,sBACE,6BAAC,kBAAD,eACMA,IADN;AAEE,IAAA,IAAI,EAAED,SAFR;AAGE,IAAA,SAAS,EAAE,yBAAW,QAAX,EAAqBF,SAArB,CAHb;AAIE,IAAA,KAAK,EAAEC,SAJT;AAKE,IAAA,kBAAkB,MALpB;AAME,IAAA,GAAG,EAAEH;AANP,MAQGC,QARH,CADF;AAYD,CAvBiB,CAAb;;AA0BPF,IAAI,CAACO,WAAL,GAAmB,MAAnB","sourcesContent":["import React, { Ref, HTMLAttributes, forwardRef } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledCard } from \"./Styles\";\n\nexport interface ICardProps {\n  /** Choose if card should be hoverable or not */\n  hoverable?: boolean;\n  /** Set the type of the Paper */\n  paperType?: \"paper-1\" | \"paper-2\";\n  /** Ref element */\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport const Card = forwardRef(\n  (\n    {\n      children,\n      className,\n      hoverable = false,\n      paperType = \"paper-2\",\n      ...rest\n    }: HTMLAttributes<HTMLDivElement> & ICardProps,\n    ref: Ref<HTMLDivElement> | null | undefined\n  ) => {\n    return (\n      <StyledCard\n        {...rest}\n        type={paperType}\n        className={classnames(\"c-card\", className)}\n        hover={hoverable}\n        useOptimizedShadow\n        ref={ref}\n      >\n        {children}\n      </StyledCard>\n    );\n  }\n);\n\nCard.displayName = \"Card\";\n"],"file":"Card.js"}

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

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledCard = void 0;
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _Paper = require("../Paper");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var StyledCard = (0, _styledComponents.default)(_Paper.Paper).withConfig({
+  displayName: "Styles__StyledCard",
+  componentId: "sc-hllbj1-0"
+})(["", ""], {
+  "color": "var(--color-theme-900)"
+});
+exports.StyledCard = StyledCard;
+StyledCard.displayName = "StyledCard";
+//# sourceMappingURL=Styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Card/Styles.ts"],"names":["StyledCard","Paper","displayName"],"mappings":";;;;;;;AAAA;;AAEA;;;;AAEO,IAAMA,UAAU,GAAG,+BAAOC,YAAP,CAAH;AAAA;AAAA;AAAA,aACjB;AAAA;AAAA,CADiB,CAAhB;;AAIPD,UAAU,CAACE,WAAX,GAAyB,YAAzB","sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { Paper } from \"../Paper\";\n\nexport const StyledCard = styled(Paper)`\n  ${tw`tw-text-theme-900`}\n`;\n\nStyledCard.displayName = \"StyledCard\";\n"],"file":"Styles.js"}

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

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

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

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

package/dist/cjs/components/Checkbox/Checkbox.js

@@ -0,0 +1,63 @@
+"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.Checkbox = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _Checkbox = _interopRequireDefault(require("../Icons/collection/Checkbox"));
+
+var _Styles = require("./Styles");
+
+var _excluded = ["className", "hover", "id"];
+
+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; }
+
+/**
+ * Checkbox component
+ */
+var Checkbox = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var className = _ref.className,
+      hover = _ref.hover,
+      _ref$id = _ref.id,
+      id = _ref$id === void 0 ? "checkbox" : _ref$id,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledCheckbox, {
+    className: (0, _classnames.default)("c-checkbox", {
+      "c-checkbox__hover": hover,
+      "c-checkbox__controlled": typeof hover === "boolean"
+    }, className),
+    hover: hover
+  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledInput, _extends({
+    id: id,
+    className: "c-checkbox--input",
+    type: "checkbox",
+    ref: ref
+  }, rest)), /*#__PURE__*/_react.default.createElement(_Styles.StyledLabel, {
+    htmlFor: id,
+    className: "c-checkbox--label"
+  }, /*#__PURE__*/_react.default.createElement(_Checkbox.default, {
+    height: 16,
+    width: 16
+  })));
+});
+exports.Checkbox = Checkbox;
+Checkbox.displayName = "Checkbox";
+//# sourceMappingURL=Checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"names":["Checkbox","ref","className","hover","id","rest","displayName"],"mappings":";;;;;;;;;AAAA;;AAMA;;AACA;;AACA;;;;;;;;;;;;;;;;AAWA;AACA;AACA;AACO,IAAMA,QAAQ,gBAAG,uBACtB,gBAOEC,GAPF,EAQK;AAAA,MANDC,SAMC,QANDA,SAMC;AAAA,MALDC,KAKC,QALDA,KAKC;AAAA,qBAJDC,EAIC;AAAA,MAJDA,EAIC,wBAJI,UAIJ;AAAA,MAHEC,IAGF;;AACH,sBACE,6BAAC,sBAAD;AACE,IAAA,SAAS,EAAE,yBACT,YADS,EAET;AACE,2BAAqBF,KADvB;AAEE,gCAA0B,OAAOA,KAAP,KAAiB;AAF7C,KAFS,EAMTD,SANS,CADb;AASE,IAAA,KAAK,EAAEC;AATT,kBAWE,6BAAC,mBAAD;AACE,IAAA,EAAE,EAAEC,EADN;AAEE,IAAA,SAAS,EAAC,mBAFZ;AAGE,IAAA,IAAI,EAAC,UAHP;AAIE,IAAA,GAAG,EAAEH;AAJP,KAKMI,IALN,EAXF,eAkBE,6BAAC,mBAAD;AAAa,IAAA,OAAO,EAAED,EAAtB;AAA0B,IAAA,SAAS,EAAC;AAApC,kBACE,6BAAC,iBAAD;AAAc,IAAA,MAAM,EAAE,EAAtB;AAA0B,IAAA,KAAK,EAAE;AAAjC,IADF,CAlBF,CADF;AAwBD,CAlCqB,CAAjB;;AAqCPJ,QAAQ,CAACM,WAAT,GAAuB,UAAvB","sourcesContent":["import React, {\n  forwardRef,\n  BaseHTMLAttributes,\n  InputHTMLAttributes,\n  Ref,\n} from \"react\";\nimport classnames from \"classnames\";\nimport CheckboxIcon from \"../Icons/collection/Checkbox\";\nimport { StyledCheckbox, StyledInput, StyledLabel } from \"./Styles\";\n\nexport interface ICheckboxProps extends BaseHTMLAttributes<HTMLInputElement> {\n  /** CSS classes */\n  className?: string;\n  /** Set hover style */\n  hover?: boolean;\n  /** Id of input and for of label */\n  id?: string;\n}\n\n/**\n * Checkbox component\n */\nexport const Checkbox = forwardRef(\n  (\n    {\n      className,\n      hover,\n      id = \"checkbox\",\n      ...rest\n    }: InputHTMLAttributes<HTMLInputElement> & ICheckboxProps,\n    ref: Ref<HTMLInputElement> | null | undefined\n  ) => {\n    return (\n      <StyledCheckbox\n        className={classnames(\n          \"c-checkbox\",\n          {\n            \"c-checkbox__hover\": hover,\n            \"c-checkbox__controlled\": typeof hover === \"boolean\",\n          },\n          className\n        )}\n        hover={hover}\n      >\n        <StyledInput\n          id={id}\n          className=\"c-checkbox--input\"\n          type=\"checkbox\"\n          ref={ref}\n          {...rest}\n        />\n        <StyledLabel htmlFor={id} className=\"c-checkbox--label\">\n          <CheckboxIcon height={16} width={16} />\n        </StyledLabel>\n      </StyledCheckbox>\n    );\n  }\n);\n\nCheckbox.displayName = \"Checkbox\";\n"],"file":"Checkbox.js"}

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

@@ -0,0 +1,41 @@
+"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.StyledLabel = exports.StyledInput = exports.StyledCheckbox = void 0;
+
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
+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-y7zymm-0"
+})(["display:none;"]);
+
+exports.StyledInput = StyledInput;
+StyledInput.displayName = "StyledInput";
+
+var StyledLabel = _styledComponents.default.label.withConfig({
+  displayName: "Styles__StyledLabel",
+  componentId: "sc-y7zymm-1"
+})([""]);
+
+exports.StyledLabel = StyledLabel;
+StyledLabel.displayName = "StyledLabel";
+
+var StyledCheckbox = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledCheckbox",
+  componentId: "sc-y7zymm-2"
+})(["height:16px;width:16px;position:relative;transition-duration:0.2s;border-radius:2px;path{transition-duration:0.2s;stroke:transparent;stroke-dashoffset:12;stroke-dasharray:12;}svg{cursor:pointer;border-radius:2px;fill:transparent;}rect{transition-duration:0.2s;stroke:var(--color-theme-500);}", ":disabled ~ ", "{pointer-events:none;opacity:0.5;}", ":focus ~ ", "{rect{stroke:var(--color-secondary);stroke-width:3px;}}&:not(.c-checkbox__controlled) ", ":hover ~ ", "{path{stroke:var(--color-secondary-500);stroke-dashoffset:24;}rect{stroke:var(--color-secondary);stroke-width:3px;}}", " ", ":checked ~ ", "{path{stroke:var(--page-paper-main);stroke-dashoffset:24;}rect{stroke:var(--color-secondary);stroke-width:19px;}}"], StyledInput, StyledLabel, StyledInput, StyledLabel, StyledInput, StyledLabel, function (props) {
+  return props.hover && (0, _styledComponents.css)(["", "{path{stroke:var(--color-secondary-500);stroke-dashoffset:24;}rect{stroke:var(--color-secondary);stroke-width:3px;}"], StyledLabel);
+}, StyledInput, StyledLabel);
+
+exports.StyledCheckbox = StyledCheckbox;
+StyledCheckbox.displayName = "StyledCheckbox";
+//# sourceMappingURL=Styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Checkbox/Styles.ts"],"names":["StyledInput","styled","input","displayName","StyledLabel","label","StyledCheckbox","div","props","hover","css"],"mappings":";;;;;;;;;AAAA;;;;;;AAGO,IAAMA,WAAW,GAAGC,0BAAOC,KAAV;AAAA;AAAA;AAAA,qBAAjB;;;AAGPF,WAAW,CAACG,WAAZ,GAA0B,aAA1B;;AAEO,IAAMC,WAAW,GAAGH,0BAAOI,KAAV;AAAA;AAAA;AAAA,QAAjB;;;AACPD,WAAW,CAACD,WAAZ,GAA0B,aAA1B;;AAEO,IAAMG,cAAc,GAAGL,0BAAOM,GAAV;AAAA;AAAA;AAAA,utBAsBvBP,WAtBuB,EAsBGI,WAtBH,EA2BvBJ,WA3BuB,EA2BAI,WA3BA,EAkCQJ,WAlCR,EAkC+BI,WAlC/B,EA6CvB,UAACI,KAAD;AAAA,SACAA,KAAK,CAACC,KAAN,QACAC,qBADA,+HAEIN,WAFJ,CADA;AAAA,CA7CuB,EA2DvBJ,WA3DuB,EA2DEI,WA3DF,CAApB;;;AAsEPE,cAAc,CAACH,WAAf,GAA6B,gBAA7B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport { ICheckboxProps } from \"./Checkbox\";\n\nexport const StyledInput = styled.input`\n  display: none;\n`;\nStyledInput.displayName = \"StyledInput\";\n\nexport const StyledLabel = styled.label``;\nStyledLabel.displayName = \"StyledLabel\";\n\nexport const StyledCheckbox = styled.div<ICheckboxProps>`\n  height: 16px;\n  width: 16px;\n  position: relative;\n  transition-duration: 0.2s;\n  border-radius: 2px;\n  path {\n    transition-duration: 0.2s;\n    stroke: transparent;\n    stroke-dashoffset: 12;\n    stroke-dasharray: 12;\n  }\n  svg {\n    cursor: pointer;\n    border-radius: 2px;\n    fill: transparent;\n  }\n  rect {\n    transition-duration: 0.2s;\n    stroke: var(--color-theme-500);\n  }\n\n  ${StyledInput}:disabled ~ ${StyledLabel} {\n    pointer-events: none;\n    opacity: 0.5;\n  }\n\n  ${StyledInput}:focus ~ ${StyledLabel} {\n    rect {\n      stroke: var(--color-secondary);\n      stroke-width: 3px;\n    }\n  }\n\n  &:not(.c-checkbox__controlled) ${StyledInput}:hover ~ ${StyledLabel} {\n    path {\n      stroke: var(--color-secondary-500);\n      stroke-dashoffset: 24;\n    }\n    rect {\n      stroke: var(--color-secondary);\n      stroke-width: 3px;\n    }\n  }\n\n  ${(props) =>\n    props.hover &&\n    css`\n      ${StyledLabel} {\n        path {\n          stroke: var(--color-secondary-500);\n          stroke-dashoffset: 24;\n        }\n        rect {\n          stroke: var(--color-secondary);\n          stroke-width: 3px;\n        }\n    `}\n\n  ${StyledInput}:checked ~ ${StyledLabel} {\n    path {\n      stroke: var(--page-paper-main);\n      stroke-dashoffset: 24;\n    }\n    rect {\n      stroke: var(--color-secondary);\n      stroke-width: 19px;\n    }\n  }\n`;\nStyledCheckbox.displayName = \"StyledCheckbox\";\n"],"file":"Styles.js"}

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

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

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

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

package/dist/cjs/components/Choose/Choose.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Choose = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _Styles = require("./Styles");
+
+var _excluded = ["children", "disabled", "active", "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; }
+
+/**
+ * Choose component
+ */
+var Choose = function Choose(_ref) {
+  var children = _ref.children,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      _ref$active = _ref.active,
+      active = _ref$active === void 0 ? false : _ref$active,
+      className = _ref.className,
+      args = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledChoose, _extends({
+    disabled: disabled,
+    className: (0, _classnames.default)("c-choose", className),
+    active: active
+  }, args), children);
+};
+
+exports.Choose = Choose;
+Choose.displayName = "Choose";
+//# sourceMappingURL=Choose.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Choose/Choose.tsx"],"names":["Choose","children","disabled","active","className","args","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;AAaA;AACA;AACA;AACO,IAAMA,MAAwB,GAAG,SAA3BA,MAA2B,OAMlC;AAAA,MALJC,QAKI,QALJA,QAKI;AAAA,2BAJJC,QAII;AAAA,MAJJA,QAII,8BAJO,KAIP;AAAA,yBAHJC,MAGI;AAAA,MAHJA,MAGI,4BAHK,KAGL;AAAA,MAFJC,SAEI,QAFJA,SAEI;AAAA,MADDC,IACC;;AACJ,sBACE,6BAAC,oBAAD;AACE,IAAA,QAAQ,EAAEH,QADZ;AAEE,IAAA,SAAS,EAAE,yBAAW,UAAX,EAAuBE,SAAvB,CAFb;AAGE,IAAA,MAAM,EAAED;AAHV,KAIME,IAJN,GAMGJ,QANH,CADF;AAUD,CAjBM;;;AAmBPD,MAAM,CAACM,WAAP,GAAqB,QAArB","sourcesContent":["import React, { FC, BaseHTMLAttributes, ReactElement } from \"react\";\nimport classNames from \"classnames\";\nimport { StyledChoose } from \"./Styles\";\n\nexport interface IChooseProps extends BaseHTMLAttributes<HTMLButtonElement> {\n  /** Children type of node or string */\n  children: ReactElement | string;\n  /** Disabled prop */\n  disabled?: boolean;\n  /** Active prop */\n  active?: boolean;\n  /** CSS classes */\n  className?: string;\n}\n\n/**\n * Choose component\n */\nexport const Choose: FC<IChooseProps> = ({\n  children,\n  disabled = false,\n  active = false,\n  className,\n  ...args\n}) => {\n  return (\n    <StyledChoose\n      disabled={disabled}\n      className={classNames(\"c-choose\", className)}\n      active={active}\n      {...args}\n    >\n      {children}\n    </StyledChoose>\n  );\n};\n\nChoose.displayName = \"Choose\";\n"],"file":"Choose.js"}

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

@@ -0,0 +1,49 @@
+"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.StyledChoose = 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 StyledChoose = _styledComponents.default.button.withConfig({
+  displayName: "Styles__StyledChoose",
+  componentId: "sc-1j2qv02-0"
+})(["", " ", " ", " ", " height:32px;padding:0 16px;transition:all 0.3s ease;border:1px solid var(--border-primary);font-size:13px;transition-duration:0.3s;&:hover{", " box-shadow:inset 0 0 5px 3px var(--color-primary-300);}", ""], {
+  "WebkitFontSmoothing": "antialiased",
+  "MozOsxFontSmoothing": "grayscale",
+  "verticalAlign": "middle",
+  "fontWeight": "500",
+  "display": "inline-block",
+  "lineHeight": "1",
+  "margin": "0px",
+  "textDecoration": "none"
+}, {
+  "userSelect": "none",
+  "cursor": "pointer",
+  "textAlign": "center",
+  "borderRadius": "0.5rem",
+  "color": "var(--color-theme-700)"
+}, _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, {
+  "borderColor": "var(--color-primary)"
+}, function (props) {
+  return props.active && (0, _styledComponents.css)(["", " background-color:var(--color-primary-300);"], {
+    "borderColor": "var(--color-primary)",
+    "zIndex": "0"
+  });
+});
+
+exports.StyledChoose = StyledChoose;
+StyledChoose.displayName = "StyledChoose";
+//# sourceMappingURL=Styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Choose/Styles.ts"],"names":["StyledChoose","styled","button","FontStyle","BoxSizingStyle","props","active","css","displayName"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;;;;;AAGO,IAAMA,YAAY,GAAGC,0BAAOC,MAAV;AAAA;AAAA;AAAA,wOACnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CADmB,EAEnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAFmB,EAGrBC,oBAHqB,EAIrBC,8BAJqB,EAYjB;AAAA;AAAA,CAZiB,EAerB,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,MAAN,QACAC,qBADA,uDAEM;AAAA;AAAA;AAAA,GAFN,CADA;AAAA,CAfqB,CAAlB;;;AAuBPP,YAAY,CAACQ,WAAb,GAA2B,cAA3B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { IChooseProps } from \"./Choose\";\n\nexport const StyledChoose = styled.button<IChooseProps>`\n  ${tw`tw-antialiased tw-align-middle tw-font-medium tw-inline-block tw-leading-none tw-m-0 tw-no-underline`}\n  ${tw`tw-select-none tw-cursor-pointer tw-text-center tw-rounded-lg tw-text-theme-700`}\n  ${FontStyle}\n  ${BoxSizingStyle}\n  height: 32px;\n  padding: 0 16px;\n  transition: all 0.3s ease;\n  border: 1px solid var(--border-primary);\n  font-size: 13px;\n  transition-duration: 0.3s;\n  &:hover {\n    ${tw`tw-border-primary`}\n    box-shadow: inset 0 0 5px 3px var(--color-primary-300);\n  }\n  ${(props) =>\n    props.active &&\n    css`\n      ${tw`tw-border-primary tw-z-0`}\n      background-color: var(--color-primary-300);\n    `}\n`;\n\nStyledChoose.displayName = \"StyledChoose\";\n"],"file":"Styles.js"}

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

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

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

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