@activecollab/components 1.0.137 → 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/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/index.js

@@ -9158,12 +9158,25 @@
   };
   SlideFromTop.displayName = "SlideFromTop";
 
+  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, ")")
+  };
+
   var StyledDialog = styled__default["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, 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";
   var StyledDialogTitle = styled__default["default"].div.withConfig({
     displayName: "Styles__StyledDialogTitle",
@@ -11276,9 +11289,9 @@
   });
   ChipCloseIcon.displayName = "ChipCloseIcon";
 
-  var _excluded = ["url", "label", "onClose"];
+  var _excluded = ["leftAdornment", "label", "onClose"];
   var Chip = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
-    var url = _ref.url,
+    var leftAdornment = _ref.leftAdornment,
         label = _ref.label,
         onClose = _ref.onClose,
         rest = _objectWithoutProperties(_ref, _excluded);
@@ -11287,10 +11300,7 @@
     return /*#__PURE__*/React__default["default"].createElement(ChipContainer, _extends({}, rest, {
       ref: ref,
       $showClose: showClose
-    }), url ? /*#__PURE__*/React__default["default"].createElement(Avatar, {
-      size: 18,
-      url: url
-    }) : null, /*#__PURE__*/React__default["default"].createElement(ChipLabel, null, label), showClose ? /*#__PURE__*/React__default["default"].createElement(ChipTrigger, {
+    }), leftAdornment, /*#__PURE__*/React__default["default"].createElement(ChipLabel, null, label), showClose ? /*#__PURE__*/React__default["default"].createElement(ChipTrigger, {
       onClick: onClose
     }, /*#__PURE__*/React__default["default"].createElement(ChipCloseIcon, {
       fill: "currentColor"