@activecollab/components 1.0.135 → 1.0.138

package/dist/cjs/components/BreakPoints.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.screen = void 0;
+var size = {
+  sm: "640px",
+  md: "768px",
+  lg: "1024px",
+  xl: "1280px",
+  xxl: "1536px"
+};
+var screen = {
+  sm: "@media (min-width: ".concat(size.sm, ")"),
+  md: "@media (min-width: ".concat(size.md, ")"),
+  lg: "@media (min-width: ".concat(size.lg, ")"),
+  xl: "@media (min-width: ".concat(size.xl, ")"),
+  xxl: "@media (min-width: ".concat(size.xxl, ")")
+};
+exports.screen = screen;
+//# sourceMappingURL=BreakPoints.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/BreakPoints.ts"],"names":["size","sm","md","lg","xl","xxl","screen"],"mappings":";;;;;;AAEA,IAAMA,IAAI,GAAG;AACXC,EAAAA,EAAE,EAAE,OADO;AAEXC,EAAAA,EAAE,EAAE,OAFO;AAGXC,EAAAA,EAAE,EAAE,QAHO;AAIXC,EAAAA,EAAE,EAAE,QAJO;AAKXC,EAAAA,GAAG,EAAE;AALM,CAAb;AAQO,IAAMC,MAAM,GAAG;AACpBL,EAAAA,EAAE,+BAAwBD,IAAI,CAACC,EAA7B,MADkB;AAEpBC,EAAAA,EAAE,+BAAwBF,IAAI,CAACE,EAA7B,MAFkB;AAGpBC,EAAAA,EAAE,+BAAwBH,IAAI,CAACG,EAA7B,MAHkB;AAIpBC,EAAAA,EAAE,+BAAwBJ,IAAI,CAACI,EAA7B,MAJkB;AAKpBC,EAAAA,GAAG,+BAAwBL,IAAI,CAACK,GAA7B;AALiB,CAAf","sourcesContent":["import { theme } from \"twin.macro\";\n\nconst size = {\n  sm: theme(\"screens.sm\"),\n  md: theme(\"screens.md\"),\n  lg: theme(\"screens.lg\"),\n  xl: theme(\"screens.xl\"),\n  xxl: theme(\"screens.2xl\"),\n};\n\nexport const screen = {\n  sm: `@media (min-width: ${size.sm})`,\n  md: `@media (min-width: ${size.md})`,\n  lg: `@media (min-width: ${size.lg})`,\n  xl: `@media (min-width: ${size.xl})`,\n  xxl: `@media (min-width: ${size.xxl})`,\n};\n"],"file":"BreakPoints.js"}

package/dist/cjs/components/Chip/Chip.js

@@ -7,11 +7,9 @@ exports.Chip = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Avatar = require("../Avatar");
-
 var _Styles = require("./Styles");
 
-var _excluded = ["url", "label", "onClose"];
+var _excluded = ["leftAdornment", "label", "onClose"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -22,7 +20,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 var Chip = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
-  var url = _ref.url,
+  var leftAdornment = _ref.leftAdornment,
       label = _ref.label,
       onClose = _ref.onClose,
       rest = _objectWithoutProperties(_ref, _excluded);
@@ -31,10 +29,7 @@ var Chip = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   return /*#__PURE__*/_react.default.createElement(_Styles.ChipContainer, _extends({}, rest, {
     ref: ref,
     $showClose: showClose
-  }), url ? /*#__PURE__*/_react.default.createElement(_Avatar.Avatar, {
-    size: 18,
-    url: url
-  }) : null, /*#__PURE__*/_react.default.createElement(_Styles.ChipLabel, null, label), showClose ? /*#__PURE__*/_react.default.createElement(_Styles.ChipTrigger, {
+  }), leftAdornment, /*#__PURE__*/_react.default.createElement(_Styles.ChipLabel, null, label), showClose ? /*#__PURE__*/_react.default.createElement(_Styles.ChipTrigger, {
     onClick: onClose
   }, /*#__PURE__*/_react.default.createElement(_Styles.ChipCloseIcon, {
     fill: "currentColor"

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Chip/Chip.tsx"],"names":["Chip","React","forwardRef","ref","url","label","onClose","rest","showClose","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;AAQO,IAAMA,IAAI,gBAAGC,eAAMC,UAAN,CAGlB,gBAAmCC,GAAnC,EAA2C;AAAA,MAAxCC,GAAwC,QAAxCA,GAAwC;AAAA,MAAnCC,KAAmC,QAAnCA,KAAmC;AAAA,MAA5BC,OAA4B,QAA5BA,OAA4B;AAAA,MAAhBC,IAAgB;;AAC3C,MAAMC,SAAS,GAAG,OAAOF,OAAP,KAAmB,UAArC;AACA,sBACE,6BAAC,qBAAD,eAAmBC,IAAnB;AAAyB,IAAA,GAAG,EAAEJ,GAA9B;AAAmC,IAAA,UAAU,EAAEK;AAA/C,MACGJ,GAAG,gBAAG,6BAAC,cAAD;AAAQ,IAAA,IAAI,EAAE,EAAd;AAAkB,IAAA,GAAG,EAAEA;AAAvB,IAAH,GAAoC,IAD1C,eAEE,6BAAC,iBAAD,QAAYC,KAAZ,CAFF,EAGGG,SAAS,gBACR,6BAAC,mBAAD;AAAa,IAAA,OAAO,EAAEF;AAAtB,kBACE,6BAAC,qBAAD;AAAe,IAAA,IAAI,EAAC;AAApB,IADF,CADQ,GAIN,IAPN,CADF;AAWD,CAhBmB,CAAb;;;AAkBPN,IAAI,CAACS,WAAL,GAAmB,MAAnB","sourcesContent":["import React from \"react\";\nimport { Avatar } from \"../Avatar\";\nimport { ChipCloseIcon, ChipContainer, ChipLabel, ChipTrigger } from \"./Styles\";\n\nexport interface ChipProps {\n  url?: string;\n  label: string;\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n}\n\nexport const Chip = React.forwardRef<\n  HTMLDivElement,\n  ChipProps & Omit<React.ComponentPropsWithoutRef<\"div\">, keyof ChipProps>\n>(({ url, label, onClose, ...rest }, ref) => {\n  const showClose = typeof onClose === \"function\";\n  return (\n    <ChipContainer {...rest} ref={ref} $showClose={showClose}>\n      {url ? <Avatar size={18} url={url} /> : null}\n      <ChipLabel>{label}</ChipLabel>\n      {showClose ? (\n        <ChipTrigger onClick={onClose}>\n          <ChipCloseIcon fill=\"currentColor\" />\n        </ChipTrigger>\n      ) : null}\n    </ChipContainer>\n  );\n});\n\nChip.displayName = \"Chip\";\n"],"file":"Chip.js"}
+{"version":3,"sources":["../../../../src/components/Chip/Chip.tsx"],"names":["Chip","React","forwardRef","ref","leftAdornment","label","onClose","rest","showClose","displayName"],"mappings":";;;;;;;AAAA;;AACA;;;;;;;;;;;;AAQO,IAAMA,IAAI,gBAAGC,eAAMC,UAAN,CAGlB,gBAA6CC,GAA7C,EAAqD;AAAA,MAAlDC,aAAkD,QAAlDA,aAAkD;AAAA,MAAnCC,KAAmC,QAAnCA,KAAmC;AAAA,MAA5BC,OAA4B,QAA5BA,OAA4B;AAAA,MAAhBC,IAAgB;;AACrD,MAAMC,SAAS,GAAG,OAAOF,OAAP,KAAmB,UAArC;AAEA,sBACE,6BAAC,qBAAD,eAAmBC,IAAnB;AAAyB,IAAA,GAAG,EAAEJ,GAA9B;AAAmC,IAAA,UAAU,EAAEK;AAA/C,MACGJ,aADH,eAEE,6BAAC,iBAAD,QAAYC,KAAZ,CAFF,EAGGG,SAAS,gBACR,6BAAC,mBAAD;AAAa,IAAA,OAAO,EAAEF;AAAtB,kBACE,6BAAC,qBAAD;AAAe,IAAA,IAAI,EAAC;AAApB,IADF,CADQ,GAIN,IAPN,CADF;AAWD,CAjBmB,CAAb;;;AAmBPN,IAAI,CAACS,WAAL,GAAmB,MAAnB","sourcesContent":["import React, { ReactNode } from \"react\";\nimport { ChipCloseIcon, ChipContainer, ChipLabel, ChipTrigger } from \"./Styles\";\n\nexport interface ChipProps {\n  label: string;\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n  leftAdornment?: ReactNode;\n}\n\nexport const Chip = React.forwardRef<\n  HTMLDivElement,\n  ChipProps & Omit<React.ComponentPropsWithoutRef<\"div\">, keyof ChipProps>\n>(({ leftAdornment, label, onClose, ...rest }, ref) => {\n  const showClose = typeof onClose === \"function\";\n\n  return (\n    <ChipContainer {...rest} ref={ref} $showClose={showClose}>\n      {leftAdornment}\n      <ChipLabel>{label}</ChipLabel>\n      {showClose ? (\n        <ChipTrigger onClick={onClose}>\n          <ChipCloseIcon fill=\"currentColor\" />\n        </ChipTrigger>\n      ) : null}\n    </ChipContainer>\n  );\n});\n\nChip.displayName = \"Chip\";\n"],"file":"Chip.js"}

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

@@ -11,14 +11,14 @@ var _BoxSizingStyle = require("../BoxSizingStyle");
 
 var _FontStyle = require("../FontStyle");
 
+var _BreakPoints = require("../BreakPoints");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var StyledDialog = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledDialog",
   componentId: "sc-jwpvgm-0"
-})(["max-height:calc(100vh - 156px);background-color:var(--page-paper-main);color:var(--color-theme-900);box-shadow:var(--shadow-primary);", " width:540px;display:flex;flex-direction:column;flex:1 1 auto;margin:126px auto 30px auto;position:relative;", " ", " @media only screen and (max-width:480px){width:310px;margin:60px auto 30px auto;}"], {
-  "borderRadius": "0.5rem"
-}, _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle);
+})(["display:flex;flex-direction:column;flex:1 1 auto;max-height:calc(100vh - 156px);background-color:var(--page-paper-main);color:var(--color-theme-900);box-shadow:var(--shadow-primary);border-radius:8px;width:310px;margin:60px auto 30px auto;position:relative;", " ", " ", "{width:540px;margin:126px auto 30px auto;}"], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, _BreakPoints.screen.sm);
 
 exports.StyledDialog = StyledDialog;
 StyledDialog.displayName = "StyledDialog";

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Dialog/Styles.ts"],"names":["StyledDialog","styled","div","FontStyle","BoxSizingStyle","displayName","StyledDialogTitle","StyledDialogContent","StyledDialogContentDivider","StyledDialogActions"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;;;AAEO,IAAMA,YAAY,GAAGC,0BAAOC,GAAV;AAAA;AAAA;AAAA,yVAKnB;AAAA;AAAA,CALmB,EAarBC,oBAbqB,EAcrBC,8BAdqB,CAAlB;;;AAqBPJ,YAAY,CAACK,WAAb,GAA2B,cAA3B;;AAEO,IAAMC,iBAAiB,GAAGL,0BAAOC,GAAV;AAAA;AAAA;AAAA,oCAG1BC,oBAH0B,EAI1BC,8BAJ0B,CAAvB;;;AAMPE,iBAAiB,CAACD,WAAlB,GAAgC,mBAAhC;;AAEO,IAAME,mBAAmB,GAAGN,0BAAOC,GAAV;AAAA;AAAA;AAAA,mFAM5BC,oBAN4B,EAO5BC,8BAP4B,CAAzB;;;AASPG,mBAAmB,CAACF,WAApB,GAAkC,qBAAlC;;AAEO,IAAMG,0BAA0B,GAAGP,0BAAOC,GAAV;AAAA;AAAA;AAAA,8DAAhC;;;AAIPM,0BAA0B,CAACH,WAA3B,GAAyC,4BAAzC;;AAEO,IAAMI,mBAAmB,GAAGR,0BAAOC,GAAV;AAAA;AAAA;AAAA,oCAG5BC,oBAH4B,EAI5BC,8BAJ4B,CAAzB;;;AAMPK,mBAAmB,CAACJ,WAApB,GAAkC,qBAAlC","sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledDialog = styled.div`\n  max-height: calc(100vh - 156px);\n  background-color: var(--page-paper-main);\n  color: var(--color-theme-900);\n  box-shadow: var(--shadow-primary);\n  ${tw`tw-rounded-lg`}\n  width: 540px;\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  margin: 126px auto 30px auto;\n  position: relative;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  @media only screen and (max-width: 480px) {\n    width: 310px;\n    margin: 60px auto 30px auto;\n  }\n`;\nStyledDialog.displayName = \"StyledDialog\";\n\nexport const StyledDialogTitle = styled.div`\n  padding: 20px 30px;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogTitle.displayName = \"StyledDialogTitle\";\n\nexport const StyledDialogContent = styled.div`\n  padding: 20px 30px;\n  max-height: 580px;\n  overflow-y: auto;\n  flex: 1 1 auto;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogContent.displayName = \"StyledDialogContent\";\n\nexport const StyledDialogContentDivider = styled.div`\n  border-top: 1px solid var(--border-primary);\n  height: 1px;\n`;\nStyledDialogContentDivider.displayName = \"StyledDialogContentDivider\";\n\nexport const StyledDialogActions = styled.div`\n  padding: 20px 30px;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogActions.displayName = \"StyledDialogActions\";\n"],"file":"Styles.js"}
+{"version":3,"sources":["../../../../src/components/Dialog/Styles.ts"],"names":["StyledDialog","styled","div","FontStyle","BoxSizingStyle","screen","sm","displayName","StyledDialogTitle","StyledDialogContent","StyledDialogContentDivider","StyledDialogActions"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEO,IAAMA,YAAY,GAAGC,0BAAOC,GAAV;AAAA;AAAA;AAAA,kUAarBC,oBAbqB,EAcrBC,8BAdqB,EAgBrBC,oBAAOC,EAhBc,CAAlB;;;AAsBPN,YAAY,CAACO,WAAb,GAA2B,cAA3B;;AAEO,IAAMC,iBAAiB,GAAGP,0BAAOC,GAAV;AAAA;AAAA;AAAA,oCAG1BC,oBAH0B,EAI1BC,8BAJ0B,CAAvB;;;AAMPI,iBAAiB,CAACD,WAAlB,GAAgC,mBAAhC;;AAEO,IAAME,mBAAmB,GAAGR,0BAAOC,GAAV;AAAA;AAAA;AAAA,mFAM5BC,oBAN4B,EAO5BC,8BAP4B,CAAzB;;;AASPK,mBAAmB,CAACF,WAApB,GAAkC,qBAAlC;;AAEO,IAAMG,0BAA0B,GAAGT,0BAAOC,GAAV;AAAA;AAAA;AAAA,8DAAhC;;;AAIPQ,0BAA0B,CAACH,WAA3B,GAAyC,4BAAzC;;AAEO,IAAMI,mBAAmB,GAAGV,0BAAOC,GAAV;AAAA;AAAA;AAAA,oCAG5BC,oBAH4B,EAI5BC,8BAJ4B,CAAzB;;;AAMPO,mBAAmB,CAACJ,WAApB,GAAkC,qBAAlC","sourcesContent":["import styled from \"styled-components\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { screen } from \"../BreakPoints\";\n\nexport const StyledDialog = styled.div`\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  max-height: calc(100vh - 156px);\n  background-color: var(--page-paper-main);\n  color: var(--color-theme-900);\n  box-shadow: var(--shadow-primary);\n  border-radius: 8px;\n  width: 310px;\n  margin: 60px auto 30px auto;\n  position: relative;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${screen.sm} {\n    width: 540px;\n    margin: 126px auto 30px auto;\n  }\n`;\n\nStyledDialog.displayName = \"StyledDialog\";\n\nexport const StyledDialogTitle = styled.div`\n  padding: 20px 30px;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogTitle.displayName = \"StyledDialogTitle\";\n\nexport const StyledDialogContent = styled.div`\n  padding: 20px 30px;\n  max-height: 580px;\n  overflow-y: auto;\n  flex: 1 1 auto;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogContent.displayName = \"StyledDialogContent\";\n\nexport const StyledDialogContentDivider = styled.div`\n  border-top: 1px solid var(--border-primary);\n  height: 1px;\n`;\nStyledDialogContentDivider.displayName = \"StyledDialogContentDivider\";\n\nexport const StyledDialogActions = styled.div`\n  padding: 20px 30px;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogActions.displayName = \"StyledDialogActions\";\n"],"file":"Styles.js"}

package/dist/cjs/components/Icons/collection/Billing.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+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); }
+
+var BillingIcon = /*#__PURE__*/_react.default.forwardRef(function (props, svgRef) {
+  return /*#__PURE__*/_react.default.createElement("svg", _extends({
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "var(--color-theme-600)",
+    ref: svgRef
+  }, props), /*#__PURE__*/_react.default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M4 5h3v2H4v10h3v2H4a2 2 0 01-2-2V7a2 2 0 012-2zm16 12h-3v2h3a2 2 0 002-2V7a2 2 0 00-2-2h-3v2h3v10zm-9 0h2v-1h1a1 1 0 001-1v-3a1 1 0 00-1-1h-3v-1h4V8h-2V7h-2v1h-1a1 1 0 00-1 1v3a1 1 0 001 1h3v1H9v2h2v1z"
+  }));
+});
+
+BillingIcon.displayName = "BillingIcon";
+var _default = BillingIcon;
+exports.default = _default;
+//# sourceMappingURL=Billing.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Icons/collection/Billing.tsx"],"names":["BillingIcon","React","forwardRef","props","svgRef","displayName"],"mappings":";;;;;;;AAAA;;;;;;AACA,IAAMA,WAAW,gBAAGC,eAAMC,UAAN,CAClB,UAACC,KAAD,EAAuCC,MAAvC;AAAA,sBACE;AACE,IAAA,KAAK,EAAE,EADT;AAEE,IAAA,MAAM,EAAE,EAFV;AAGE,IAAA,OAAO,EAAC,WAHV;AAIE,IAAA,KAAK,EAAC,4BAJR;AAKE,IAAA,IAAI,EAAC,wBALP;AAME,IAAA,GAAG,EAAEA;AANP,KAOMD,KAPN,gBASE;AACE,IAAA,QAAQ,EAAC,SADX;AAEE,IAAA,QAAQ,EAAC,SAFX;AAGE,IAAA,CAAC,EAAC;AAHJ,IATF,CADF;AAAA,CADkB,CAApB;;AAmBAH,WAAW,CAACK,WAAZ,GAA0B,aAA1B;eACeL,W","sourcesContent":["import React from \"react\";\nconst BillingIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"var(--color-theme-600)\"\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M4 5h3v2H4v10h3v2H4a2 2 0 01-2-2V7a2 2 0 012-2zm16 12h-3v2h3a2 2 0 002-2V7a2 2 0 00-2-2h-3v2h3v10zm-9 0h2v-1h1a1 1 0 001-1v-3a1 1 0 00-1-1h-3v-1h4V8h-2V7h-2v1h-1a1 1 0 00-1 1v3a1 1 0 001 1h3v1H9v2h2v1z\"\n      />\n    </svg>\n  )\n);\nBillingIcon.displayName = \"BillingIcon\";\nexport default BillingIcon;\n"],"file":"Billing.js"}

package/dist/cjs/components/Icons/collection/SystemSettings.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+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); }
+
+var SystemSettingsIcon = /*#__PURE__*/_react.default.forwardRef(function (props, svgRef) {
+  return /*#__PURE__*/_react.default.createElement("svg", _extends({
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "var(--color-theme-600)",
+    ref: svgRef
+  }, props), /*#__PURE__*/_react.default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M10.75 2a2 2 0 00-2 2v.154l-.029-.029a2 2 0 00-2.828 0L4.125 5.893a2 2 0 000 2.828l.029.029H4a2 2 0 00-2 2v2.5a2 2 0 002 2h.314l-.189.189a2 2 0 000 2.828l1.768 1.768a2 2 0 002.828 0l.029-.029A1.998 1.998 0 0010.748 22h2.502a2 2 0 002-2v-.154l.189.189a2 2 0 002.828 0l1.768-1.768a2 2 0 000-2.828l-.189-.189H20a2 2 0 002-2v-2.502a1.998 1.998 0 00-1.994-1.998l.029-.029a2 2 0 000-2.828l-1.768-1.768a2 2 0 00-2.828 0l-.189.189V4a2 2 0 00-2-2h-2.5zm0 2h2.5v.314c0 1.782 2.154 2.674 3.414 1.414l.189-.189 1.768 1.768-.032.032C17.33 8.597 18.22 10.749 20 10.75v2.5h-.154c-1.782 0-2.674 2.154-1.414 3.414l.189.189-1.768 1.768-.189-.189c-1.26-1.26-3.414-.368-3.414 1.414V20h-2.5c-.001-1.779-2.153-2.67-3.411-1.411l-.032.032-1.768-1.768.189-.189c1.26-1.26.368-3.414-1.414-3.414H4v-2.5h.154c1.782 0 2.674-2.154 1.414-3.414l-.029-.029 1.768-1.768.029.029c1.26 1.26 3.414.368 3.414-1.414V4zM10 12a2 2 0 114 0 2 2 0 01-4 0zm2-4a4 4 0 100 8 4 4 0 000-8z"
+  }));
+});
+
+SystemSettingsIcon.displayName = "SystemSettingsIcon";
+var _default = SystemSettingsIcon;
+exports.default = _default;
+//# sourceMappingURL=SystemSettings.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Icons/collection/SystemSettings.tsx"],"names":["SystemSettingsIcon","React","forwardRef","props","svgRef","displayName"],"mappings":";;;;;;;AAAA;;;;;;AACA,IAAMA,kBAAkB,gBAAGC,eAAMC,UAAN,CACzB,UAACC,KAAD,EAAuCC,MAAvC;AAAA,sBACE;AACE,IAAA,KAAK,EAAE,EADT;AAEE,IAAA,MAAM,EAAE,EAFV;AAGE,IAAA,OAAO,EAAC,WAHV;AAIE,IAAA,KAAK,EAAC,4BAJR;AAKE,IAAA,IAAI,EAAC,wBALP;AAME,IAAA,GAAG,EAAEA;AANP,KAOMD,KAPN,gBASE;AACE,IAAA,QAAQ,EAAC,SADX;AAEE,IAAA,QAAQ,EAAC,SAFX;AAGE,IAAA,CAAC,EAAC;AAHJ,IATF,CADF;AAAA,CADyB,CAA3B;;AAmBAH,kBAAkB,CAACK,WAAnB,GAAiC,oBAAjC;eACeL,kB","sourcesContent":["import React from \"react\";\nconst SystemSettingsIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"var(--color-theme-600)\"\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M10.75 2a2 2 0 00-2 2v.154l-.029-.029a2 2 0 00-2.828 0L4.125 5.893a2 2 0 000 2.828l.029.029H4a2 2 0 00-2 2v2.5a2 2 0 002 2h.314l-.189.189a2 2 0 000 2.828l1.768 1.768a2 2 0 002.828 0l.029-.029A1.998 1.998 0 0010.748 22h2.502a2 2 0 002-2v-.154l.189.189a2 2 0 002.828 0l1.768-1.768a2 2 0 000-2.828l-.189-.189H20a2 2 0 002-2v-2.502a1.998 1.998 0 00-1.994-1.998l.029-.029a2 2 0 000-2.828l-1.768-1.768a2 2 0 00-2.828 0l-.189.189V4a2 2 0 00-2-2h-2.5zm0 2h2.5v.314c0 1.782 2.154 2.674 3.414 1.414l.189-.189 1.768 1.768-.032.032C17.33 8.597 18.22 10.749 20 10.75v2.5h-.154c-1.782 0-2.674 2.154-1.414 3.414l.189.189-1.768 1.768-.189-.189c-1.26-1.26-3.414-.368-3.414 1.414V20h-2.5c-.001-1.779-2.153-2.67-3.411-1.411l-.032.032-1.768-1.768.189-.189c1.26-1.26.368-3.414-1.414-3.414H4v-2.5h.154c1.782 0 2.674-2.154 1.414-3.414l-.029-.029 1.768-1.768.029.029c1.26 1.26 3.414.368 3.414-1.414V4zM10 12a2 2 0 114 0 2 2 0 01-4 0zm2-4a4 4 0 100 8 4 4 0 000-8z\"\n      />\n    </svg>\n  )\n);\nSystemSettingsIcon.displayName = \"SystemSettingsIcon\";\nexport default SystemSettingsIcon;\n"],"file":"SystemSettings.js"}

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

@@ -87,6 +87,12 @@ Object.defineProperty(exports, "BellOffSmallIcon", {
     return _BellOffSmall.default;
   }
 });
+Object.defineProperty(exports, "BillingIcon", {
+  enumerable: true,
+  get: function get() {
+    return _Billing.default;
+  }
+});
 Object.defineProperty(exports, "BudgetAlertIcon", {
   enumerable: true,
   get: function get() {
@@ -771,6 +777,12 @@ Object.defineProperty(exports, "StarOutlineIcon", {
     return _StarOutline.default;
   }
 });
+Object.defineProperty(exports, "SystemSettingsIcon", {
+  enumerable: true,
+  get: function get() {
+    return _SystemSettings.default;
+  }
+});
 Object.defineProperty(exports, "TaskAddIcon", {
   enumerable: true,
   get: function get() {
@@ -896,6 +908,8 @@ var _BellOffSmall = _interopRequireDefault(require("./BellOffSmall"));
 
 var _BellOff = _interopRequireDefault(require("./BellOff"));
 
+var _Billing = _interopRequireDefault(require("./Billing"));
+
 var _BudgetAlert = _interopRequireDefault(require("./BudgetAlert"));
 
 var _BudgetNoAlert = _interopRequireDefault(require("./BudgetNoAlert"));
@@ -1124,6 +1138,8 @@ var _StarOutline = _interopRequireDefault(require("./StarOutline"));
 
 var _Star = _interopRequireDefault(require("./Star"));
 
+var _SystemSettings = _interopRequireDefault(require("./SystemSettings"));
+
 var _TaskAdd = _interopRequireDefault(require("./TaskAdd"));
 
 var _TaskListAdd = _interopRequireDefault(require("./TaskListAdd"));

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

@@ -1 +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;;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 ArrowCollapseMultipleIcon } from \"./ArrowCollapseMultiple\";\nexport { default as ArrowExpandeMultipleIcon } from \"./ArrowExpandeMultiple\";\nexport { default as ArrowLeftBoxIcon } from \"./ArrowLeftBox\";\nexport { default as ArrowLeftIcon } from \"./ArrowLeft\";\nexport { default as ArrowRefreshIcon } from \"./ArrowRefresh\";\nexport { default as ArrowRightIcon } from \"./ArrowRight\";\nexport { default as AssignIcon } from \"./Assign\";\nexport { default as AttachmentIcon } from \"./Attachment\";\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 CollapsIcon } from \"./CollapsIcon\";\nexport { default as CollapseAllIcon } from \"./CollapseAll\";\nexport { default as CollapseExpandSingleIcon } from \"./CollapseExpandSingle\";\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 DiscussionAddIcon } from \"./DiscussionAdd\";\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 EditMultipleIcon } from \"./EditMultiple\";\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 ExpenseAddIcon } from \"./ExpenseAdd\";\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 FolderMoveIcon } from \"./FolderMove\";\nexport { default as FolderOutlineIcon } from \"./FolderOutline\";\nexport { default as HelpIcon } from \"./Help\";\nexport { default as InfoSmallIcon } from \"./InfoSmall\";\nexport { default as InfoIcon } from \"./Info\";\nexport { default as InsertLinkIcon } from \"./InsertLink\";\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 MessageAddIcon } from \"./MessageAdd\";\nexport { default as MessageEmptyIcon } from \"./MessageEmpty\";\nexport { default as MessageSmallIcon } from \"./MessageSmall\";\nexport { default as MessageIcon } from \"./Message\";\nexport { default as MinusIcon } from \"./Minus\";\nexport { default as MoveTriggerIcon } from \"./MoveTrigger\";\nexport { default as MyWorkIcon } from \"./MyWork\";\nexport { default as NoteAddIcon } from \"./NoteAdd\";\nexport { default as NoteIcon } from \"./Note\";\nexport { default as NotificationBellIcon } from \"./NotificationBell\";\nexport { default as OpenExpandedIcon } from \"./OpenExpanded\";\nexport { default as OrderFirstIcon } from \"./OrderFirst\";\nexport { default as PaidSmallIcon } from \"./PaidSmall\";\nexport { default as PauseCircleOutlineIcon } from \"./PauseCircleOutline\";\nexport { default as PauseIcon } from \"./PauseIcon\";\nexport { default as PauseSmallIcon } from \"./PauseSmall\";\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 PersonCircleOffIcon } from \"./PersonCircleOff\";\nexport { default as PersonCircleIcon } from \"./PersonCircle\";\nexport { default as PersonPlusIcon } from \"./PersonPlus\";\nexport { default as PersonIcon } from \"./Person\";\nexport { default as PlayCircleOutlineIcon } from \"./PlayCircleOutline\";\nexport { default as PlayIcon } from \"./PlayIcon\";\nexport { default as PlaySmallIcon } from \"./PlaySmall\";\nexport { default as ProjectAddIcon } from \"./ProjectAdd\";\nexport { default as ProjectTemplateAddIcon } from \"./ProjectTemplateAdd\";\nexport { default as ProjectTemplateConvertIcon } from \"./ProjectTemplateConvert\";\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 ReportTimeIcon } from \"./ReportTime\";\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 SettingsIcon } from \"./Settings\";\nexport { default as SortGeneralIcon } from \"./SortGeneral\";\nexport { default as SortIcon } from \"./SortIcon\";\nexport { default as StarOutlineIcon } from \"./StarOutline\";\nexport { default as StarIcon } from \"./Star\";\nexport { default as TaskAddIcon } from \"./TaskAdd\";\nexport { default as TaskListAddIcon } from \"./TaskListAdd\";\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 UploadIcon } from \"./Upload\";\nexport { default as ViewGridIcon } from \"./ViewGrid\";\nexport { default as ViewListIcon } from \"./ViewList\";\nexport { default as ViewTimelineIcon } from \"./ViewTimeline\";\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"}
+{"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;;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 ArrowCollapseMultipleIcon } from \"./ArrowCollapseMultiple\";\nexport { default as ArrowExpandeMultipleIcon } from \"./ArrowExpandeMultiple\";\nexport { default as ArrowLeftBoxIcon } from \"./ArrowLeftBox\";\nexport { default as ArrowLeftIcon } from \"./ArrowLeft\";\nexport { default as ArrowRefreshIcon } from \"./ArrowRefresh\";\nexport { default as ArrowRightIcon } from \"./ArrowRight\";\nexport { default as AssignIcon } from \"./Assign\";\nexport { default as AttachmentIcon } from \"./Attachment\";\nexport { default as BackIcon } from \"./Back\";\nexport { default as BellOffSmallIcon } from \"./BellOffSmall\";\nexport { default as BellOffIcon } from \"./BellOff\";\nexport { default as BillingIcon } from \"./Billing\";\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 CollapsIcon } from \"./CollapsIcon\";\nexport { default as CollapseAllIcon } from \"./CollapseAll\";\nexport { default as CollapseExpandSingleIcon } from \"./CollapseExpandSingle\";\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 DiscussionAddIcon } from \"./DiscussionAdd\";\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 EditMultipleIcon } from \"./EditMultiple\";\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 ExpenseAddIcon } from \"./ExpenseAdd\";\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 FolderMoveIcon } from \"./FolderMove\";\nexport { default as FolderOutlineIcon } from \"./FolderOutline\";\nexport { default as HelpIcon } from \"./Help\";\nexport { default as InfoSmallIcon } from \"./InfoSmall\";\nexport { default as InfoIcon } from \"./Info\";\nexport { default as InsertLinkIcon } from \"./InsertLink\";\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 MessageAddIcon } from \"./MessageAdd\";\nexport { default as MessageEmptyIcon } from \"./MessageEmpty\";\nexport { default as MessageSmallIcon } from \"./MessageSmall\";\nexport { default as MessageIcon } from \"./Message\";\nexport { default as MinusIcon } from \"./Minus\";\nexport { default as MoveTriggerIcon } from \"./MoveTrigger\";\nexport { default as MyWorkIcon } from \"./MyWork\";\nexport { default as NoteAddIcon } from \"./NoteAdd\";\nexport { default as NoteIcon } from \"./Note\";\nexport { default as NotificationBellIcon } from \"./NotificationBell\";\nexport { default as OpenExpandedIcon } from \"./OpenExpanded\";\nexport { default as OrderFirstIcon } from \"./OrderFirst\";\nexport { default as PaidSmallIcon } from \"./PaidSmall\";\nexport { default as PauseCircleOutlineIcon } from \"./PauseCircleOutline\";\nexport { default as PauseIcon } from \"./PauseIcon\";\nexport { default as PauseSmallIcon } from \"./PauseSmall\";\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 PersonCircleOffIcon } from \"./PersonCircleOff\";\nexport { default as PersonCircleIcon } from \"./PersonCircle\";\nexport { default as PersonPlusIcon } from \"./PersonPlus\";\nexport { default as PersonIcon } from \"./Person\";\nexport { default as PlayCircleOutlineIcon } from \"./PlayCircleOutline\";\nexport { default as PlayIcon } from \"./PlayIcon\";\nexport { default as PlaySmallIcon } from \"./PlaySmall\";\nexport { default as ProjectAddIcon } from \"./ProjectAdd\";\nexport { default as ProjectTemplateAddIcon } from \"./ProjectTemplateAdd\";\nexport { default as ProjectTemplateConvertIcon } from \"./ProjectTemplateConvert\";\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 ReportTimeIcon } from \"./ReportTime\";\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 SettingsIcon } from \"./Settings\";\nexport { default as SortGeneralIcon } from \"./SortGeneral\";\nexport { default as SortIcon } from \"./SortIcon\";\nexport { default as StarOutlineIcon } from \"./StarOutline\";\nexport { default as StarIcon } from \"./Star\";\nexport { default as SystemSettingsIcon } from \"./SystemSettings\";\nexport { default as TaskAddIcon } from \"./TaskAdd\";\nexport { default as TaskListAddIcon } from \"./TaskListAdd\";\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 UploadIcon } from \"./Upload\";\nexport { default as ViewGridIcon } from \"./ViewGrid\";\nexport { default as ViewListIcon } from \"./ViewList\";\nexport { default as ViewTimelineIcon } from \"./ViewTimeline\";\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/Toggle/Styles.js

@@ -20,7 +20,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 var StyledToggleSlider = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledToggleSlider",
   componentId: "sc-4n6vdf-0"
-})(["padding-left:6px;position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-evenly;background-color:transparent;border:1px solid var(--color-theme-600);overflow:hidden;border-radius:12.5px;font-size:11px;transition:0.3s;&:before{position:absolute;content:\"\";user-select:none;height:16px;width:16px;left:4px;bottom:3px;background-color:var(--color-theme-600);border-radius:50%;transition:0.3s;}"]);
+})(["padding-left:6px;position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-evenly;background-color:transparent;border:1px solid var(--color-theme-600);overflow:hidden;border-radius:12.5px;font-size:11px;transition:0.3s;&::before{position:absolute;content:\"\";user-select:none;height:16px;width:16px;left:4px;bottom:3px;background-color:var(--color-theme-600);border-radius:50%;transition:0.3s;}"]);
 
 exports.StyledToggleSlider = StyledToggleSlider;
 StyledToggleSlider.displayName = "StyledToggleSlider";
@@ -48,12 +48,12 @@ var StyledToggleCheckbox = _styledComponents.default.input.withConfig({
 
 exports.StyledToggleCheckbox = StyledToggleCheckbox;
 StyledToggleCheckbox.displayName = "StyledToggleCheckbox";
-var StyledHelper = (0, _styledComponents.css)(["", "{transform:translateX(0);}", " + ", ":before{transform:translateX(3px);}", ":checked + ", "{&:before{transform:translateX(23px);}", "{transform:translateX(-2px);}}"], StyledToggleSliderOff, StyledToggleCheckbox, StyledToggleSlider, StyledToggleCheckbox, StyledToggleSlider, StyledToggleSliderOn);
+var StyledHelper = (0, _styledComponents.css)(["", "{transform:translateX(0);}", " + ", ":before{transform:translateX(3px);}", ":checked + ", "{&::before{transform:translateX(23px);}", "{transform:translateX(-2px);}}"], StyledToggleSliderOff, StyledToggleCheckbox, StyledToggleSlider, StyledToggleCheckbox, StyledToggleSlider, StyledToggleSliderOn);
 
 var StyledToggle = _styledComponents.default.label.withConfig({
   displayName: "Styles__StyledToggle",
   componentId: "sc-4n6vdf-4"
-})(["", " ", " position:relative;display:inline-block;width:50px;height:24px;font-size:13px;font-weight:bold;line-height:13px;&:hover{", "}", ""], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, StyledHelper, function (props) {
+})(["", " ", " position:relative;display:inline-block;width:50px;height:24px;font-size:13px;font-weight:bold;line-height:13px;border-radius:12.5px;&:hover{", "}&:focus{outline:1px solid var(--color-sucess-green);outline-offset:4px;}", ""], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, StyledHelper, function (props) {
   return props.$isHovered && (0, _styledComponents.css)(["", ""], StyledHelper);
 });
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Toggle/Styles.ts"],"names":["StyledToggleSlider","styled","div","displayName","StyledToggleSliderOff","StyledToggleSliderOn","StyledToggleCheckbox","input","StyledHelper","css","StyledToggle","label","FontStyle","BoxSizingStyle","props","$isHovered"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;;;;;AAEO,IAAMA,kBAAkB,GAAGC,0BAAOC,GAAV;AAAA;AAAA;AAAA,6cAAxB;;;AAgCPF,kBAAkB,CAACG,WAAnB,GAAiC,oBAAjC;;AAEO,IAAMC,qBAAqB,GAAGH,0BAAOC,GAAV;AAAA;AAAA;AAAA,uIAA3B;;;AASPE,qBAAqB,CAACD,WAAtB,GAAoC,uBAApC;;AAEO,IAAME,oBAAoB,GAAGJ,0BAAOC,GAAV;AAAA;AAAA;AAAA,wIAA1B;;;AASPG,oBAAoB,CAACF,WAArB,GAAmC,sBAAnC;;AAEO,IAAMG,oBAAoB,GAAGL,0BAAOM,KAAV;AAAA;AAAA;AAAA,qYAKjBP,kBALiB,EAUjBA,kBAViB,EAe3BI,qBAf2B,EAoB3BC,oBApB2B,EA0BhBL,kBA1BgB,CAA1B;;;AAgCPM,oBAAoB,CAACH,WAArB,GAAmC,sBAAnC;AAEA,IAAMK,YAAY,OAAGC,qBAAH,+KACdL,qBADc,EAKdE,oBALc,EAKYN,kBALZ,EASdM,oBATc,EASoBN,kBATpB,EAcZK,oBAdY,CAAlB;;AAoBO,IAAMK,YAAY,GAAGT,0BAAOU,KAAV;AAAA;AAAA;AAAA,mJACrBC,oBADqB,EAErBC,8BAFqB,EAanBL,YAbmB,EAgBrB,UAACM,KAAD;AAAA,SACAA,KAAK,CAACC,UAAN,QACAN,qBADA,YAEID,YAFJ,CADA;AAAA,CAhBqB,CAAlB;;;AAuBPE,YAAY,CAACP,WAAb,GAA2B,cAA3B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport { FontStyle } from \"../FontStyle\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\n\nexport const StyledToggleSlider = styled.div`\n  padding-left: 6px;\n  position: absolute;\n  cursor: pointer;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: space-evenly;\n  background-color: transparent;\n  border: 1px solid var(--color-theme-600);\n  overflow: hidden;\n  border-radius: 12.5px;\n  font-size: 11px;\n  transition: 0.3s;\n\n  &:before {\n    position: absolute;\n    content: \"\";\n    user-select: none;\n    height: 16px;\n    width: 16px;\n    left: 4px;\n    bottom: 3px;\n    background-color: var(--color-theme-600);\n    border-radius: 50%;\n    transition: 0.3s;\n  }\n`;\n\nStyledToggleSlider.displayName = \"StyledToggleSlider\";\n\nexport const StyledToggleSliderOff = styled.div`\n  user-select: none;\n  transform: translateX(-3px);\n  opacity: 1;\n  transition-duration: 0.3s;\n  white-space: nowrap;\n  color: var(--color-theme-600);\n`;\n\nStyledToggleSliderOff.displayName = \"StyledToggleSliderOff\";\n\nexport const StyledToggleSliderOn = styled.div`\n  user-select: none;\n  transform: translateX(-30px);\n  opacity: 0;\n  transition-duration: 0.3s;\n  white-space: nowrap;\n  color: var(--page-paper-main);\n`;\n\nStyledToggleSliderOn.displayName = \"StyledToggleSliderOn\";\n\nexport const StyledToggleCheckbox = styled.input`\n  opacity: 0;\n  width: 0;\n  height: 0;\n\n  &:checked + ${StyledToggleSlider}:before {\n    background-color: var(--page-paper-main);\n    transform: translateX(25px);\n  }\n\n  &:checked + ${StyledToggleSlider} {\n    border-color: var(--color-sucess-green);\n    background-color: var(--color-sucess-green);\n    color: var(--color-sucess-green);\n\n    ${StyledToggleSliderOff} {\n      transform: translateX(30px);\n      opacity: 0;\n    }\n\n    ${StyledToggleSliderOn} {\n      transform: translateX(0);\n      opacity: 1;\n    }\n  }\n\n  &:disabled + ${StyledToggleSlider} {\n    opacity: 0.5;\n    cursor: default;\n  }\n`;\n\nStyledToggleCheckbox.displayName = \"StyledToggleCheckbox\";\n\nconst StyledHelper = css`\n  ${StyledToggleSliderOff} {\n    transform: translateX(0);\n  }\n\n  ${StyledToggleCheckbox} + ${StyledToggleSlider}:before {\n    transform: translateX(3px);\n  }\n\n  ${StyledToggleCheckbox}:checked + ${StyledToggleSlider} {\n    &:before {\n      transform: translateX(23px);\n    }\n\n    ${StyledToggleSliderOn} {\n      transform: translateX(-2px);\n    }\n  }\n`;\n\nexport const StyledToggle = styled.label<{ $isHovered?: boolean }>`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  position: relative;\n  display: inline-block;\n  width: 50px;\n  height: 24px;\n  font-size: 13px;\n  font-weight: bold;\n  line-height: 13px;\n\n  &:hover {\n    ${StyledHelper}\n  }\n\n  ${(props) =>\n    props.$isHovered &&\n    css`\n      ${StyledHelper}\n    `}\n`;\n\nStyledToggle.displayName = \"StyledToggle\";\n"],"file":"Styles.js"}
+{"version":3,"sources":["../../../../src/components/Toggle/Styles.ts"],"names":["StyledToggleSlider","styled","div","displayName","StyledToggleSliderOff","StyledToggleSliderOn","StyledToggleCheckbox","input","StyledHelper","css","StyledToggle","label","FontStyle","BoxSizingStyle","props","$isHovered"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;;;;;AAEO,IAAMA,kBAAkB,GAAGC,0BAAOC,GAAV;AAAA;AAAA;AAAA,8cAAxB;;;AAgCPF,kBAAkB,CAACG,WAAnB,GAAiC,oBAAjC;;AAEO,IAAMC,qBAAqB,GAAGH,0BAAOC,GAAV;AAAA;AAAA;AAAA,uIAA3B;;;AASPE,qBAAqB,CAACD,WAAtB,GAAoC,uBAApC;;AAEO,IAAME,oBAAoB,GAAGJ,0BAAOC,GAAV;AAAA;AAAA;AAAA,wIAA1B;;;AASPG,oBAAoB,CAACF,WAArB,GAAmC,sBAAnC;;AAEO,IAAMG,oBAAoB,GAAGL,0BAAOM,KAAV;AAAA;AAAA;AAAA,qYAKjBP,kBALiB,EAUjBA,kBAViB,EAe3BI,qBAf2B,EAoB3BC,oBApB2B,EA0BhBL,kBA1BgB,CAA1B;;;AAgCPM,oBAAoB,CAACH,WAArB,GAAmC,sBAAnC;AAEA,IAAMK,YAAY,OAAGC,qBAAH,gLACdL,qBADc,EAKdE,oBALc,EAKYN,kBALZ,EASdM,oBATc,EASoBN,kBATpB,EAcZK,oBAdY,CAAlB;;AAoBO,IAAMK,YAAY,GAAGT,0BAAOU,KAAV;AAAA;AAAA;AAAA,gPACrBC,oBADqB,EAErBC,8BAFqB,EAcnBL,YAdmB,EAsBrB,UAACM,KAAD;AAAA,SACAA,KAAK,CAACC,UAAN,QACAN,qBADA,YAEID,YAFJ,CADA;AAAA,CAtBqB,CAAlB;;;AA6BPE,YAAY,CAACP,WAAb,GAA2B,cAA3B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport { FontStyle } from \"../FontStyle\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\n\nexport const StyledToggleSlider = styled.div`\n  padding-left: 6px;\n  position: absolute;\n  cursor: pointer;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: space-evenly;\n  background-color: transparent;\n  border: 1px solid var(--color-theme-600);\n  overflow: hidden;\n  border-radius: 12.5px;\n  font-size: 11px;\n  transition: 0.3s;\n\n  &::before {\n    position: absolute;\n    content: \"\";\n    user-select: none;\n    height: 16px;\n    width: 16px;\n    left: 4px;\n    bottom: 3px;\n    background-color: var(--color-theme-600);\n    border-radius: 50%;\n    transition: 0.3s;\n  }\n`;\n\nStyledToggleSlider.displayName = \"StyledToggleSlider\";\n\nexport const StyledToggleSliderOff = styled.div`\n  user-select: none;\n  transform: translateX(-3px);\n  opacity: 1;\n  transition-duration: 0.3s;\n  white-space: nowrap;\n  color: var(--color-theme-600);\n`;\n\nStyledToggleSliderOff.displayName = \"StyledToggleSliderOff\";\n\nexport const StyledToggleSliderOn = styled.div`\n  user-select: none;\n  transform: translateX(-30px);\n  opacity: 0;\n  transition-duration: 0.3s;\n  white-space: nowrap;\n  color: var(--page-paper-main);\n`;\n\nStyledToggleSliderOn.displayName = \"StyledToggleSliderOn\";\n\nexport const StyledToggleCheckbox = styled.input`\n  opacity: 0;\n  width: 0;\n  height: 0;\n\n  &:checked + ${StyledToggleSlider}:before {\n    background-color: var(--page-paper-main);\n    transform: translateX(25px);\n  }\n\n  &:checked + ${StyledToggleSlider} {\n    border-color: var(--color-sucess-green);\n    background-color: var(--color-sucess-green);\n    color: var(--color-sucess-green);\n\n    ${StyledToggleSliderOff} {\n      transform: translateX(30px);\n      opacity: 0;\n    }\n\n    ${StyledToggleSliderOn} {\n      transform: translateX(0);\n      opacity: 1;\n    }\n  }\n\n  &:disabled + ${StyledToggleSlider} {\n    opacity: 0.5;\n    cursor: default;\n  }\n`;\n\nStyledToggleCheckbox.displayName = \"StyledToggleCheckbox\";\n\nconst StyledHelper = css`\n  ${StyledToggleSliderOff} {\n    transform: translateX(0);\n  }\n\n  ${StyledToggleCheckbox} + ${StyledToggleSlider}:before {\n    transform: translateX(3px);\n  }\n\n  ${StyledToggleCheckbox}:checked + ${StyledToggleSlider} {\n    &::before {\n      transform: translateX(23px);\n    }\n\n    ${StyledToggleSliderOn} {\n      transform: translateX(-2px);\n    }\n  }\n`;\n\nexport const StyledToggle = styled.label<{ $isHovered?: boolean }>`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  position: relative;\n  display: inline-block;\n  width: 50px;\n  height: 24px;\n  font-size: 13px;\n  font-weight: bold;\n  line-height: 13px;\n  border-radius: 12.5px;\n\n  &:hover {\n    ${StyledHelper}\n  }\n\n  &:focus {\n    outline: 1px solid var(--color-sucess-green);\n    outline-offset: 4px;\n  }\n\n  ${(props) =>\n    props.$isHovered &&\n    css`\n      ${StyledHelper}\n    `}\n`;\n\nStyledToggle.displayName = \"StyledToggle\";\n"],"file":"Styles.js"}

package/dist/cjs/components/Toggle/Toggle.js

@@ -34,7 +34,8 @@ var Toggle = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
 
   return /*#__PURE__*/_react.default.createElement(_Styles.StyledToggle, {
     className: (0, _classnames.default)("c-toggle", className),
-    $isHovered: hovered
+    $isHovered: hovered,
+    tabIndex: 0
   }, /*#__PURE__*/_react.default.createElement(_Styles.StyledToggleCheckbox, _extends({
     ref: ref,
     type: "checkbox"

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Toggle/Toggle.tsx"],"names":["Toggle","ref","hovered","className","args","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;AAeO,IAAMA,MAAM,gBAAG,uBAGpB,gBAAkCC,GAAlC,EAA0C;AAAA,MAAvCC,OAAuC,QAAvCA,OAAuC;AAAA,MAA9BC,SAA8B,QAA9BA,SAA8B;AAAA,MAAhBC,IAAgB;;AAC1C,sBACE,6BAAC,oBAAD;AACE,IAAA,SAAS,EAAE,yBAAW,UAAX,EAAuBD,SAAvB,CADb;AAEE,IAAA,UAAU,EAAED;AAFd,kBAIE,6BAAC,4BAAD;AAAsB,IAAA,GAAG,EAAED,GAA3B;AAAgC,IAAA,IAAI,EAAC;AAArC,KAAoDG,IAApD,EAJF,eAKE,6BAAC,0BAAD,qBACE,6BAAC,4BAAD,aADF,eAEE,6BAAC,6BAAD,cAFF,CALF,CADF;AAYD,CAhBqB,CAAf;;AAkBPJ,MAAM,CAACK,WAAP,GAAqB,QAArB","sourcesContent":["import React, { forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport {\n  StyledToggle,\n  StyledToggleCheckbox,\n  StyledToggleSlider,\n  StyledToggleSliderOff,\n  StyledToggleSliderOn,\n} from \"./Styles\";\n\nexport interface IToggleProps {\n  /** Set hovered state. */\n  hovered?: boolean;\n  /** Custom classname for styling. */\n  className?: string;\n}\n\nexport const Toggle = forwardRef<\n  HTMLInputElement,\n  IToggleProps & Omit<React.ComponentPropsWithoutRef<\"div\">, keyof IToggleProps>\n>(({ hovered, className, ...args }, ref) => {\n  return (\n    <StyledToggle\n      className={classNames(\"c-toggle\", className)}\n      $isHovered={hovered}\n    >\n      <StyledToggleCheckbox ref={ref} type=\"checkbox\" {...args} />\n      <StyledToggleSlider>\n        <StyledToggleSliderOn>ON</StyledToggleSliderOn>\n        <StyledToggleSliderOff>OFF</StyledToggleSliderOff>\n      </StyledToggleSlider>\n    </StyledToggle>\n  );\n});\n\nToggle.displayName = \"Toggle\";\n"],"file":"Toggle.js"}
+{"version":3,"sources":["../../../../src/components/Toggle/Toggle.tsx"],"names":["Toggle","ref","hovered","className","args","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;AAeO,IAAMA,MAAM,gBAAG,uBAGpB,gBAAkCC,GAAlC,EAA0C;AAAA,MAAvCC,OAAuC,QAAvCA,OAAuC;AAAA,MAA9BC,SAA8B,QAA9BA,SAA8B;AAAA,MAAhBC,IAAgB;;AAC1C,sBACE,6BAAC,oBAAD;AACE,IAAA,SAAS,EAAE,yBAAW,UAAX,EAAuBD,SAAvB,CADb;AAEE,IAAA,UAAU,EAAED,OAFd;AAGE,IAAA,QAAQ,EAAE;AAHZ,kBAKE,6BAAC,4BAAD;AAAsB,IAAA,GAAG,EAAED,GAA3B;AAAgC,IAAA,IAAI,EAAC;AAArC,KAAoDG,IAApD,EALF,eAME,6BAAC,0BAAD,qBACE,6BAAC,4BAAD,aADF,eAEE,6BAAC,6BAAD,cAFF,CANF,CADF;AAaD,CAjBqB,CAAf;;AAmBPJ,MAAM,CAACK,WAAP,GAAqB,QAArB","sourcesContent":["import React, { forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport {\n  StyledToggle,\n  StyledToggleCheckbox,\n  StyledToggleSlider,\n  StyledToggleSliderOff,\n  StyledToggleSliderOn,\n} from \"./Styles\";\n\nexport interface IToggleProps {\n  /** Set hovered state. */\n  hovered?: boolean;\n  /** Custom classname for styling. */\n  className?: string;\n}\n\nexport const Toggle = forwardRef<\n  HTMLInputElement,\n  IToggleProps & Omit<React.ComponentPropsWithoutRef<\"div\">, keyof IToggleProps>\n>(({ hovered, className, ...args }, ref) => {\n  return (\n    <StyledToggle\n      className={classNames(\"c-toggle\", className)}\n      $isHovered={hovered}\n      tabIndex={0}\n    >\n      <StyledToggleCheckbox ref={ref} type=\"checkbox\" {...args} />\n      <StyledToggleSlider>\n        <StyledToggleSliderOn>ON</StyledToggleSliderOn>\n        <StyledToggleSliderOff>OFF</StyledToggleSliderOff>\n      </StyledToggleSlider>\n    </StyledToggle>\n  );\n});\n\nToggle.displayName = \"Toggle\";\n"],"file":"Toggle.js"}

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

@@ -0,0 +1,8 @@
+export declare const screen: {
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    xxl: string;
+};
+//# sourceMappingURL=BreakPoints.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BreakPoints.d.ts","sourceRoot":"","sources":["../../../src/components/BreakPoints.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,MAAM;;;;;;CAMlB,CAAC"}

package/dist/esm/components/BreakPoints.js

@@ -0,0 +1,15 @@
+var size = {
+  sm: "640px",
+  md: "768px",
+  lg: "1024px",
+  xl: "1280px",
+  xxl: "1536px"
+};
+export var screen = {
+  sm: "@media (min-width: " + size.sm + ")",
+  md: "@media (min-width: " + size.md + ")",
+  lg: "@media (min-width: " + size.lg + ")",
+  xl: "@media (min-width: " + size.xl + ")",
+  xxl: "@media (min-width: " + size.xxl + ")"
+};
+//# sourceMappingURL=BreakPoints.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/BreakPoints.ts"],"names":["size","sm","md","lg","xl","xxl","screen"],"mappings":"AAEA,IAAMA,IAAI,GAAG;AACXC,EAAAA,EAAE,EAAE,OADO;AAEXC,EAAAA,EAAE,EAAE,OAFO;AAGXC,EAAAA,EAAE,EAAE,QAHO;AAIXC,EAAAA,EAAE,EAAE,QAJO;AAKXC,EAAAA,GAAG,EAAE;AALM,CAAb;AAQA,OAAO,IAAMC,MAAM,GAAG;AACpBL,EAAAA,EAAE,0BAAwBD,IAAI,CAACC,EAA7B,MADkB;AAEpBC,EAAAA,EAAE,0BAAwBF,IAAI,CAACE,EAA7B,MAFkB;AAGpBC,EAAAA,EAAE,0BAAwBH,IAAI,CAACG,EAA7B,MAHkB;AAIpBC,EAAAA,EAAE,0BAAwBJ,IAAI,CAACI,EAA7B,MAJkB;AAKpBC,EAAAA,GAAG,0BAAwBL,IAAI,CAACK,GAA7B;AALiB,CAAf","sourcesContent":["import { theme } from \"twin.macro\";\n\nconst size = {\n  sm: theme(\"screens.sm\"),\n  md: theme(\"screens.md\"),\n  lg: theme(\"screens.lg\"),\n  xl: theme(\"screens.xl\"),\n  xxl: theme(\"screens.2xl\"),\n};\n\nexport const screen = {\n  sm: `@media (min-width: ${size.sm})`,\n  md: `@media (min-width: ${size.md})`,\n  lg: `@media (min-width: ${size.lg})`,\n  xl: `@media (min-width: ${size.xl})`,\n  xxl: `@media (min-width: ${size.xxl})`,\n};\n"],"file":"BreakPoints.js"}

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

@@ -1,8 +1,8 @@
-import React from "react";
+import React, { ReactNode } from "react";
 export interface ChipProps {
-    url?: string;
     label: string;
     onClose?: React.MouseEventHandler<HTMLButtonElement>;
+    leftAdornment?: ReactNode;
 }
 export declare const Chip: React.ForwardRefExoticComponent<ChipProps & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>>, keyof ChipProps> & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Chip.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../src/components/Chip/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,SAAS;IACxB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CACtD;AAED,eAAO,MAAM,IAAI,mPAgBf,CAAC"}
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../src/components/Chip/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,aAAa,CAAC,EAAE,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,IAAI,mPAiBf,CAAC"}

package/dist/esm/components/Chip/Chip.js

@@ -1,11 +1,10 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["url", "label", "onClose"];
+var _excluded = ["leftAdornment", "label", "onClose"];
 import React from "react";
-import { Avatar } from "../Avatar";
 import { ChipCloseIcon, ChipContainer, ChipLabel, ChipTrigger } from "./Styles";
 export var Chip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var url = _ref.url,
+  var leftAdornment = _ref.leftAdornment,
       label = _ref.label,
       onClose = _ref.onClose,
       rest = _objectWithoutPropertiesLoose(_ref, _excluded);
@@ -14,10 +13,7 @@ export var Chip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   return /*#__PURE__*/React.createElement(ChipContainer, _extends({}, rest, {
     ref: ref,
     $showClose: showClose
-  }), url ? /*#__PURE__*/React.createElement(Avatar, {
-    size: 18,
-    url: url
-  }) : null, /*#__PURE__*/React.createElement(ChipLabel, null, label), showClose ? /*#__PURE__*/React.createElement(ChipTrigger, {
+  }), leftAdornment, /*#__PURE__*/React.createElement(ChipLabel, null, label), showClose ? /*#__PURE__*/React.createElement(ChipTrigger, {
     onClick: onClose
   }, /*#__PURE__*/React.createElement(ChipCloseIcon, {
     fill: "currentColor"

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Chip/Chip.tsx"],"names":["React","Avatar","ChipCloseIcon","ChipContainer","ChipLabel","ChipTrigger","Chip","forwardRef","ref","url","label","onClose","rest","showClose","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,MAAT,QAAuB,WAAvB;AACA,SAASC,aAAT,EAAwBC,aAAxB,EAAuCC,SAAvC,EAAkDC,WAAlD,QAAqE,UAArE;AAQA,OAAO,IAAMC,IAAI,gBAAGN,KAAK,CAACO,UAAN,CAGlB,gBAAmCC,GAAnC,EAA2C;AAAA,MAAxCC,GAAwC,QAAxCA,GAAwC;AAAA,MAAnCC,KAAmC,QAAnCA,KAAmC;AAAA,MAA5BC,OAA4B,QAA5BA,OAA4B;AAAA,MAAhBC,IAAgB;;AAC3C,MAAMC,SAAS,GAAG,OAAOF,OAAP,KAAmB,UAArC;AACA,sBACE,oBAAC,aAAD,eAAmBC,IAAnB;AAAyB,IAAA,GAAG,EAAEJ,GAA9B;AAAmC,IAAA,UAAU,EAAEK;AAA/C,MACGJ,GAAG,gBAAG,oBAAC,MAAD;AAAQ,IAAA,IAAI,EAAE,EAAd;AAAkB,IAAA,GAAG,EAAEA;AAAvB,IAAH,GAAoC,IAD1C,eAEE,oBAAC,SAAD,QAAYC,KAAZ,CAFF,EAGGG,SAAS,gBACR,oBAAC,WAAD;AAAa,IAAA,OAAO,EAAEF;AAAtB,kBACE,oBAAC,aAAD;AAAe,IAAA,IAAI,EAAC;AAApB,IADF,CADQ,GAIN,IAPN,CADF;AAWD,CAhBmB,CAAb;AAkBPL,IAAI,CAACQ,WAAL,GAAmB,MAAnB","sourcesContent":["import React from \"react\";\nimport { Avatar } from \"../Avatar\";\nimport { ChipCloseIcon, ChipContainer, ChipLabel, ChipTrigger } from \"./Styles\";\n\nexport interface ChipProps {\n  url?: string;\n  label: string;\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n}\n\nexport const Chip = React.forwardRef<\n  HTMLDivElement,\n  ChipProps & Omit<React.ComponentPropsWithoutRef<\"div\">, keyof ChipProps>\n>(({ url, label, onClose, ...rest }, ref) => {\n  const showClose = typeof onClose === \"function\";\n  return (\n    <ChipContainer {...rest} ref={ref} $showClose={showClose}>\n      {url ? <Avatar size={18} url={url} /> : null}\n      <ChipLabel>{label}</ChipLabel>\n      {showClose ? (\n        <ChipTrigger onClick={onClose}>\n          <ChipCloseIcon fill=\"currentColor\" />\n        </ChipTrigger>\n      ) : null}\n    </ChipContainer>\n  );\n});\n\nChip.displayName = \"Chip\";\n"],"file":"Chip.js"}
+{"version":3,"sources":["../../../../src/components/Chip/Chip.tsx"],"names":["React","ChipCloseIcon","ChipContainer","ChipLabel","ChipTrigger","Chip","forwardRef","ref","leftAdornment","label","onClose","rest","showClose","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,MAAiC,OAAjC;AACA,SAASC,aAAT,EAAwBC,aAAxB,EAAuCC,SAAvC,EAAkDC,WAAlD,QAAqE,UAArE;AAQA,OAAO,IAAMC,IAAI,gBAAGL,KAAK,CAACM,UAAN,CAGlB,gBAA6CC,GAA7C,EAAqD;AAAA,MAAlDC,aAAkD,QAAlDA,aAAkD;AAAA,MAAnCC,KAAmC,QAAnCA,KAAmC;AAAA,MAA5BC,OAA4B,QAA5BA,OAA4B;AAAA,MAAhBC,IAAgB;;AACrD,MAAMC,SAAS,GAAG,OAAOF,OAAP,KAAmB,UAArC;AAEA,sBACE,oBAAC,aAAD,eAAmBC,IAAnB;AAAyB,IAAA,GAAG,EAAEJ,GAA9B;AAAmC,IAAA,UAAU,EAAEK;AAA/C,MACGJ,aADH,eAEE,oBAAC,SAAD,QAAYC,KAAZ,CAFF,EAGGG,SAAS,gBACR,oBAAC,WAAD;AAAa,IAAA,OAAO,EAAEF;AAAtB,kBACE,oBAAC,aAAD;AAAe,IAAA,IAAI,EAAC;AAApB,IADF,CADQ,GAIN,IAPN,CADF;AAWD,CAjBmB,CAAb;AAmBPL,IAAI,CAACQ,WAAL,GAAmB,MAAnB","sourcesContent":["import React, { ReactNode } from \"react\";\nimport { ChipCloseIcon, ChipContainer, ChipLabel, ChipTrigger } from \"./Styles\";\n\nexport interface ChipProps {\n  label: string;\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n  leftAdornment?: ReactNode;\n}\n\nexport const Chip = React.forwardRef<\n  HTMLDivElement,\n  ChipProps & Omit<React.ComponentPropsWithoutRef<\"div\">, keyof ChipProps>\n>(({ leftAdornment, label, onClose, ...rest }, ref) => {\n  const showClose = typeof onClose === \"function\";\n\n  return (\n    <ChipContainer {...rest} ref={ref} $showClose={showClose}>\n      {leftAdornment}\n      <ChipLabel>{label}</ChipLabel>\n      {showClose ? (\n        <ChipTrigger onClick={onClose}>\n          <ChipCloseIcon fill=\"currentColor\" />\n        </ChipTrigger>\n      ) : null}\n    </ChipContainer>\n  );\n});\n\nChip.displayName = \"Chip\";\n"],"file":"Chip.js"}

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/Styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,YAAY,oEAoBxB,CAAC;AAGF,eAAO,MAAM,iBAAiB,oEAK7B,CAAC;AAGF,eAAO,MAAM,mBAAmB,oEAQ/B,CAAC;AAGF,eAAO,MAAM,0BAA0B,oEAGtC,CAAC;AAGF,eAAO,MAAM,mBAAmB,oEAK/B,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/Styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,YAAY,oEAoBxB,CAAC;AAIF,eAAO,MAAM,iBAAiB,oEAK7B,CAAC;AAGF,eAAO,MAAM,mBAAmB,oEAQ/B,CAAC;AAGF,eAAO,MAAM,0BAA0B,oEAGtC,CAAC;AAGF,eAAO,MAAM,mBAAmB,oEAK/B,CAAC"}

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

@@ -1,12 +1,11 @@
 import styled from "styled-components";
 import { BoxSizingStyle } from "../BoxSizingStyle";
 import { FontStyle } from "../FontStyle";
+import { screen } from "../BreakPoints";
 export var StyledDialog = styled.div.withConfig({
   displayName: "Styles__StyledDialog",
   componentId: "sc-jwpvgm-0"
-})(["max-height:calc(100vh - 156px);background-color:var(--page-paper-main);color:var(--color-theme-900);box-shadow:var(--shadow-primary);", " width:540px;display:flex;flex-direction:column;flex:1 1 auto;margin:126px auto 30px auto;position:relative;", " ", " @media only screen and (max-width:480px){width:310px;margin:60px auto 30px auto;}"], {
-  "borderRadius": "0.5rem"
-}, FontStyle, BoxSizingStyle);
+})(["display:flex;flex-direction:column;flex:1 1 auto;max-height:calc(100vh - 156px);background-color:var(--page-paper-main);color:var(--color-theme-900);box-shadow:var(--shadow-primary);border-radius:8px;width:310px;margin:60px auto 30px auto;position:relative;", " ", " ", "{width:540px;margin:126px auto 30px auto;}"], FontStyle, BoxSizingStyle, screen.sm);
 StyledDialog.displayName = "StyledDialog";
 export var StyledDialogTitle = styled.div.withConfig({
   displayName: "Styles__StyledDialogTitle",

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Dialog/Styles.ts"],"names":["styled","BoxSizingStyle","FontStyle","StyledDialog","div","displayName","StyledDialogTitle","StyledDialogContent","StyledDialogContentDivider","StyledDialogActions"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,mBAAnB;AAEA,SAASC,cAAT,QAA+B,mBAA/B;AACA,SAASC,SAAT,QAA0B,cAA1B;AAEA,OAAO,IAAMC,YAAY,GAAGH,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,yVAKnB;AAAA;AAAA,CALmB,EAarBF,SAbqB,EAcrBD,cAdqB,CAAlB;AAqBPE,YAAY,CAACE,WAAb,GAA2B,cAA3B;AAEA,OAAO,IAAMC,iBAAiB,GAAGN,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,oCAG1BF,SAH0B,EAI1BD,cAJ0B,CAAvB;AAMPK,iBAAiB,CAACD,WAAlB,GAAgC,mBAAhC;AAEA,OAAO,IAAME,mBAAmB,GAAGP,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,mFAM5BF,SAN4B,EAO5BD,cAP4B,CAAzB;AASPM,mBAAmB,CAACF,WAApB,GAAkC,qBAAlC;AAEA,OAAO,IAAMG,0BAA0B,GAAGR,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,8DAAhC;AAIPI,0BAA0B,CAACH,WAA3B,GAAyC,4BAAzC;AAEA,OAAO,IAAMI,mBAAmB,GAAGT,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,oCAG5BF,SAH4B,EAI5BD,cAJ4B,CAAzB;AAMPQ,mBAAmB,CAACJ,WAApB,GAAkC,qBAAlC","sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledDialog = styled.div`\n  max-height: calc(100vh - 156px);\n  background-color: var(--page-paper-main);\n  color: var(--color-theme-900);\n  box-shadow: var(--shadow-primary);\n  ${tw`tw-rounded-lg`}\n  width: 540px;\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  margin: 126px auto 30px auto;\n  position: relative;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  @media only screen and (max-width: 480px) {\n    width: 310px;\n    margin: 60px auto 30px auto;\n  }\n`;\nStyledDialog.displayName = \"StyledDialog\";\n\nexport const StyledDialogTitle = styled.div`\n  padding: 20px 30px;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogTitle.displayName = \"StyledDialogTitle\";\n\nexport const StyledDialogContent = styled.div`\n  padding: 20px 30px;\n  max-height: 580px;\n  overflow-y: auto;\n  flex: 1 1 auto;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogContent.displayName = \"StyledDialogContent\";\n\nexport const StyledDialogContentDivider = styled.div`\n  border-top: 1px solid var(--border-primary);\n  height: 1px;\n`;\nStyledDialogContentDivider.displayName = \"StyledDialogContentDivider\";\n\nexport const StyledDialogActions = styled.div`\n  padding: 20px 30px;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogActions.displayName = \"StyledDialogActions\";\n"],"file":"Styles.js"}
+{"version":3,"sources":["../../../../src/components/Dialog/Styles.ts"],"names":["styled","BoxSizingStyle","FontStyle","screen","StyledDialog","div","sm","displayName","StyledDialogTitle","StyledDialogContent","StyledDialogContentDivider","StyledDialogActions"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,mBAAnB;AACA,SAASC,cAAT,QAA+B,mBAA/B;AACA,SAASC,SAAT,QAA0B,cAA1B;AACA,SAASC,MAAT,QAAuB,gBAAvB;AAEA,OAAO,IAAMC,YAAY,GAAGJ,MAAM,CAACK,GAAV;AAAA;AAAA;AAAA,kUAarBH,SAbqB,EAcrBD,cAdqB,EAgBrBE,MAAM,CAACG,EAhBc,CAAlB;AAsBPF,YAAY,CAACG,WAAb,GAA2B,cAA3B;AAEA,OAAO,IAAMC,iBAAiB,GAAGR,MAAM,CAACK,GAAV;AAAA;AAAA;AAAA,oCAG1BH,SAH0B,EAI1BD,cAJ0B,CAAvB;AAMPO,iBAAiB,CAACD,WAAlB,GAAgC,mBAAhC;AAEA,OAAO,IAAME,mBAAmB,GAAGT,MAAM,CAACK,GAAV;AAAA;AAAA;AAAA,mFAM5BH,SAN4B,EAO5BD,cAP4B,CAAzB;AASPQ,mBAAmB,CAACF,WAApB,GAAkC,qBAAlC;AAEA,OAAO,IAAMG,0BAA0B,GAAGV,MAAM,CAACK,GAAV;AAAA;AAAA;AAAA,8DAAhC;AAIPK,0BAA0B,CAACH,WAA3B,GAAyC,4BAAzC;AAEA,OAAO,IAAMI,mBAAmB,GAAGX,MAAM,CAACK,GAAV;AAAA;AAAA;AAAA,oCAG5BH,SAH4B,EAI5BD,cAJ4B,CAAzB;AAMPU,mBAAmB,CAACJ,WAApB,GAAkC,qBAAlC","sourcesContent":["import styled from \"styled-components\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { screen } from \"../BreakPoints\";\n\nexport const StyledDialog = styled.div`\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  max-height: calc(100vh - 156px);\n  background-color: var(--page-paper-main);\n  color: var(--color-theme-900);\n  box-shadow: var(--shadow-primary);\n  border-radius: 8px;\n  width: 310px;\n  margin: 60px auto 30px auto;\n  position: relative;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${screen.sm} {\n    width: 540px;\n    margin: 126px auto 30px auto;\n  }\n`;\n\nStyledDialog.displayName = \"StyledDialog\";\n\nexport const StyledDialogTitle = styled.div`\n  padding: 20px 30px;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogTitle.displayName = \"StyledDialogTitle\";\n\nexport const StyledDialogContent = styled.div`\n  padding: 20px 30px;\n  max-height: 580px;\n  overflow-y: auto;\n  flex: 1 1 auto;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogContent.displayName = \"StyledDialogContent\";\n\nexport const StyledDialogContentDivider = styled.div`\n  border-top: 1px solid var(--border-primary);\n  height: 1px;\n`;\nStyledDialogContentDivider.displayName = \"StyledDialogContentDivider\";\n\nexport const StyledDialogActions = styled.div`\n  padding: 20px 30px;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogActions.displayName = \"StyledDialogActions\";\n"],"file":"Styles.js"}

package/dist/esm/components/Icons/collection/Billing.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+declare const BillingIcon: React.ForwardRefExoticComponent<Pick<React.SVGProps<SVGSVGElement>, "string" | "style" | "clipPath" | "filter" | "mask" | "path" | "key" | "name" | "type" | "className" | "id" | "lang" | "tabIndex" | "role" | "color" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "tw" | "ideographic" | "alphabetic" | "hanging" | "mathematical" | "height" | "max" | "media" | "method" | "min" | "target" | "width" | "crossOrigin" | "accentHeight" | "accumulate" | "additive" | "alignmentBaseline" | "allowReorder" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baselineShift" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clip" | "clipPathUnits" | "clipRule" | "colorInterpolation" | "colorInterpolationFilters" | "colorProfile" | "colorRendering" | "contentScriptType" | "contentStyleType" | "cursor" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "direction" | "display" | "divisor" | "dominantBaseline" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "end" | "exponent" | "externalResourcesRequired" | "fill" | "fillOpacity" | "fillRule" | "filterRes" | "filterUnits" | "floodColor" | "floodOpacity" | "focusable" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "format" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphOrientationVertical" | "glyphRef" | "gradientTransform" | "gradientUnits" | "horizAdvX" | "horizOriginX" | "href" | "imageRendering" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "letterSpacing" | "lightingColor" | "limitingConeAngle" | "local" | "markerEnd" | "markerHeight" | "markerMid" | "markerStart" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mode" | "numOctaves" | "offset" | "opacity" | "operator" | "order" | "orient" | "orientation" | "origin" | "overflow" | "overlinePosition" | "overlineThickness" | "paintOrder" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "pointerEvents" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rotate" | "rx" | "ry" | "scale" | "seed" | "shapeRendering" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "stopColor" | "stopOpacity" | "strikethroughPosition" | "strikethroughThickness" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textAnchor" | "textDecoration" | "textLength" | "textRendering" | "to" | "transform" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeBidi" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "values" | "vectorEffect" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "visibility" | "vMathematical" | "widths" | "wordSpacing" | "writingMode" | "x1" | "x2" | "x" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "y" | "yChannelSelector" | "z" | "zoomAndPan"> & React.RefAttributes<SVGSVGElement>>;
+export default BillingIcon;
+//# sourceMappingURL=Billing.d.ts.map

package/dist/esm/components/Icons/collection/Billing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Billing.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icons/collection/Billing.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,QAAA,MAAM,WAAW,6kPAkBhB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/esm/components/Icons/collection/Billing.js

@@ -0,0 +1,19 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from "react";
+var BillingIcon = /*#__PURE__*/React.forwardRef(function (props, svgRef) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "var(--color-theme-600)",
+    ref: svgRef
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M4 5h3v2H4v10h3v2H4a2 2 0 01-2-2V7a2 2 0 012-2zm16 12h-3v2h3a2 2 0 002-2V7a2 2 0 00-2-2h-3v2h3v10zm-9 0h2v-1h1a1 1 0 001-1v-3a1 1 0 00-1-1h-3v-1h4V8h-2V7h-2v1h-1a1 1 0 00-1 1v3a1 1 0 001 1h3v1H9v2h2v1z"
+  }));
+});
+BillingIcon.displayName = "BillingIcon";
+export default BillingIcon;
+//# sourceMappingURL=Billing.js.map

package/dist/esm/components/Icons/collection/Billing.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Icons/collection/Billing.tsx"],"names":["React","BillingIcon","forwardRef","props","svgRef","displayName"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,IAAMC,WAAW,gBAAGD,KAAK,CAACE,UAAN,CAClB,UAACC,KAAD,EAAuCC,MAAvC;AAAA,sBACE;AACE,IAAA,KAAK,EAAE,EADT;AAEE,IAAA,MAAM,EAAE,EAFV;AAGE,IAAA,OAAO,EAAC,WAHV;AAIE,IAAA,KAAK,EAAC,4BAJR;AAKE,IAAA,IAAI,EAAC,wBALP;AAME,IAAA,GAAG,EAAEA;AANP,KAOMD,KAPN,gBASE;AACE,IAAA,QAAQ,EAAC,SADX;AAEE,IAAA,QAAQ,EAAC,SAFX;AAGE,IAAA,CAAC,EAAC;AAHJ,IATF,CADF;AAAA,CADkB,CAApB;AAmBAF,WAAW,CAACI,WAAZ,GAA0B,aAA1B;AACA,eAAeJ,WAAf","sourcesContent":["import React from \"react\";\nconst BillingIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"var(--color-theme-600)\"\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M4 5h3v2H4v10h3v2H4a2 2 0 01-2-2V7a2 2 0 012-2zm16 12h-3v2h3a2 2 0 002-2V7a2 2 0 00-2-2h-3v2h3v10zm-9 0h2v-1h1a1 1 0 001-1v-3a1 1 0 00-1-1h-3v-1h4V8h-2V7h-2v1h-1a1 1 0 00-1 1v3a1 1 0 001 1h3v1H9v2h2v1z\"\n      />\n    </svg>\n  )\n);\nBillingIcon.displayName = \"BillingIcon\";\nexport default BillingIcon;\n"],"file":"Billing.js"}