@activecollab/components 1.0.258 → 1.0.260

package/dist/cjs/components/CommandPallete/CommandPallete.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CommandPallete = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Dialog = require("../Dialog");
+var _CommandPallete = require("./CommandPallete.styles");
+var _CommandPalleteHeader = require("./CommandPalleteHeader");
+var _CommandPalleteItem = require("./CommandPalleteItem");
+var _CommandPalleteList = require("./CommandPalleteList");
+var _excluded = ["children", "onChangeSearch", "search"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var CommandPallete = function CommandPallete(_ref) {
+  var children = _ref.children,
+    onChangeSearch = _ref.onChangeSearch,
+    search = _ref.search,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  // const [searchMode, setSearchMode] = useState<"project" | "id" | "default">(
+  //   "project"
+  // );
+
+  var handleChange = function handleChange(e) {
+    onChangeSearch(e.target.value);
+  };
+  return /*#__PURE__*/_react.default.createElement(_Dialog.Dialog, rest, /*#__PURE__*/_react.default.createElement(_CommandPallete.StyledCommandPallete, null, /*#__PURE__*/_react.default.createElement(_CommandPalleteHeader.CommandPalleteHeader, {
+    search: search,
+    handleChange: handleChange
+  }), children));
+};
+exports.CommandPallete = CommandPallete;
+CommandPallete.displayName = "CommandPallete";
+CommandPallete.List = _CommandPalleteList.CommandPalleteList;
+CommandPallete.Item = _CommandPalleteItem.CommandPalleteItem;
+//# sourceMappingURL=CommandPallete.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CommandPallete.js","names":["CommandPallete","children","onChangeSearch","search","rest","handleChange","e","target","value","displayName","List","CommandPalleteList","Item","CommandPalleteItem"],"sources":["../../../../src/components/CommandPallete/CommandPallete.tsx"],"sourcesContent":["import React, { ChangeEvent, PropsWithChildren } from \"react\";\nimport { Dialog, DialogProps } from \"../Dialog\";\n\nimport { StyledCommandPallete } from \"./CommandPallete.styles\";\nimport { CommandPalleteHeader } from \"./CommandPalleteHeader\";\nimport { CommandPalleteItem } from \"./CommandPalleteItem\";\nimport { CommandPalleteList } from \"./CommandPalleteList\";\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface CommandPalleteProps extends DialogProps {\n  loading?: boolean;\n  onChangeSearch: (search: string) => void;\n  search: string;\n}\n\nexport const CommandPallete = ({\n  children,\n  onChangeSearch,\n  search,\n  ...rest\n}: PropsWithChildren<CommandPalleteProps>) => {\n  // const [searchMode, setSearchMode] = useState<\"project\" | \"id\" | \"default\">(\n  //   \"project\"\n  // );\n\n  const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n    onChangeSearch(e.target.value);\n  };\n\n  return (\n    <Dialog {...rest}>\n      <StyledCommandPallete>\n        <CommandPalleteHeader search={search} handleChange={handleChange} />\n        {children}\n      </StyledCommandPallete>\n    </Dialog>\n  );\n};\n\nCommandPallete.displayName = \"CommandPallete\";\n\nCommandPallete.List = CommandPalleteList;\nCommandPallete.Item = CommandPalleteItem;\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AAA0D;AAAA;AAAA;AAAA;AASnD,IAAMA,cAAc,GAAG,SAAjBA,cAAc,OAKmB;EAAA,IAJ5CC,QAAQ,QAARA,QAAQ;IACRC,cAAc,QAAdA,cAAc;IACdC,MAAM,QAANA,MAAM;IACHC,IAAI;EAEP;EACA;EACA;;EAEA,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAIC,CAAgC,EAAK;IACzDJ,cAAc,CAACI,CAAC,CAACC,MAAM,CAACC,KAAK,CAAC;EAChC,CAAC;EAED,oBACE,6BAAC,cAAM,EAAKJ,IAAI,eACd,6BAAC,oCAAoB,qBACnB,6BAAC,0CAAoB;IAAC,MAAM,EAAED,MAAO;IAAC,YAAY,EAAEE;EAAa,EAAG,EACnEJ,QAAQ,CACY,CAChB;AAEb,CAAC;AAAC;AAEFD,cAAc,CAACS,WAAW,GAAG,gBAAgB;AAE7CT,cAAc,CAACU,IAAI,GAAGC,sCAAkB;AACxCX,cAAc,CAACY,IAAI,GAAGC,sCAAkB"}

package/dist/cjs/components/CommandPallete/CommandPallete.styles.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledSearchIcon = exports.StyledParameter = exports.StyledInput = exports.StyledIcon = exports.StyledCommandPalleteList = exports.StyledCommandPalleteItem = exports.StyledCommandPalleteHeader = exports.StyledCommandPallete = exports.StyledActionWrapper = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _FontStyle = require("../FontStyle");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var StyledCommandPallete = _styledComponents.default.div.withConfig({
+  displayName: "CommandPalletestyles__StyledCommandPallete",
+  componentId: "sc-16m145d-0"
+})(["", " background-color:var(--page-paper-main);border-radius:10px;box-sizing:border-box;max-width:600px;"], _FontStyle.FontStyle);
+exports.StyledCommandPallete = StyledCommandPallete;
+var StyledCommandPalleteHeader = _styledComponents.default.div.withConfig({
+  displayName: "CommandPalletestyles__StyledCommandPalleteHeader",
+  componentId: "sc-16m145d-1"
+})(["align-items:center;display:flex;padding-bottom:12px;padding-left:16px;padding-right:16px;padding-top:12px;"]);
+exports.StyledCommandPalleteHeader = StyledCommandPalleteHeader;
+var StyledSearchIcon = _styledComponents.default.div.withConfig({
+  displayName: "CommandPalletestyles__StyledSearchIcon",
+  componentId: "sc-16m145d-2"
+})(["margin-right:8px;svg{vertical-align:middle;}"]);
+exports.StyledSearchIcon = StyledSearchIcon;
+var StyledInput = _styledComponents.default.input.withConfig({
+  displayName: "CommandPalletestyles__StyledInput",
+  componentId: "sc-16m145d-3"
+})(["all:unset;caret-color:var(--color-primary);color:var(--color-theme-900);flex:1;font-size:32px;font-weight:300;letter-spacing:0.5px;line-height:44px;::placeholder{color:var(--color-theme-transparent-500);}"]);
+exports.StyledInput = StyledInput;
+var StyledParameter = _styledComponents.default.span.withConfig({
+  displayName: "CommandPalletestyles__StyledParameter",
+  componentId: "sc-16m145d-4"
+})(["color:var(--color-theme-transparent-500);font-size:32px;font-weight:300;letter-spacing:0.5px;line-height:44px;margin-right:8px;"]);
+exports.StyledParameter = StyledParameter;
+var StyledActionWrapper = _styledComponents.default.div.withConfig({
+  displayName: "CommandPalletestyles__StyledActionWrapper",
+  componentId: "sc-16m145d-5"
+})(["align-items:center;display:flex;gap:8px;"]);
+exports.StyledActionWrapper = StyledActionWrapper;
+var StyledCommandPalleteItem = _styledComponents.default.li.withConfig({
+  displayName: "CommandPalletestyles__StyledCommandPalleteItem",
+  componentId: "sc-16m145d-6"
+})(["align-items:center;cursor:pointer;display:flex;padding-bottom:12px;padding-left:18px;padding-right:18px;padding-top:12px;position:relative;&:last-child{border-bottom-left-radius:10px;border-bottom-right-radius:10px;}&:hover{background-color:var(--color-theme-200);&::before{background-color:var(--color-primary);content:\"\";height:100%;left:0;position:absolute;width:2px;}}"]);
+exports.StyledCommandPalleteItem = StyledCommandPalleteItem;
+var StyledIcon = _styledComponents.default.div.withConfig({
+  displayName: "CommandPalletestyles__StyledIcon",
+  componentId: "sc-16m145d-7"
+})(["margin-right:8px;svg{vertical-align:middle;}"]);
+exports.StyledIcon = StyledIcon;
+var StyledCommandPalleteList = _styledComponents.default.ul.withConfig({
+  displayName: "CommandPalletestyles__StyledCommandPalleteList",
+  componentId: "sc-16m145d-8"
+})(["border-top:1px solid var(--color-theme-400);list-style-type:none;margin:0;padding:0;overflow:hidden;"]);
+exports.StyledCommandPalleteList = StyledCommandPalleteList;
+//# sourceMappingURL=CommandPallete.styles.js.map

package/dist/cjs/components/CommandPallete/CommandPallete.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandPallete.styles.js","names":["StyledCommandPallete","styled","div","FontStyle","StyledCommandPalleteHeader","StyledSearchIcon","StyledInput","input","StyledParameter","span","StyledActionWrapper","StyledCommandPalleteItem","li","StyledIcon","StyledCommandPalleteList","ul"],"sources":["../../../../src/components/CommandPallete/CommandPallete.styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledCommandPallete = styled.div`\n  ${FontStyle}\n  background-color: var(--page-paper-main);\n  border-radius: 10px;\n  box-sizing: border-box;\n  max-width: 600px;\n`;\n\nexport const StyledCommandPalleteHeader = styled.div`\n  align-items: center;\n  display: flex;\n  padding-bottom: 12px;\n  padding-left: 16px;\n  padding-right: 16px;\n  padding-top: 12px;\n`;\n\nexport const StyledSearchIcon = styled.div`\n  margin-right: 8px;\n\n  svg {\n    vertical-align: middle;\n  }\n`;\n\nexport const StyledInput = styled.input`\n  all: unset;\n  caret-color: var(--color-primary);\n  color: var(--color-theme-900);\n  flex: 1;\n  font-size: 32px;\n  font-weight: 300;\n  letter-spacing: 0.5px;\n  line-height: 44px;\n\n  ::placeholder {\n    color: var(--color-theme-transparent-500);\n  }\n`;\n\nexport const StyledParameter = styled.span`\n  color: var(--color-theme-transparent-500);\n  font-size: 32px;\n  font-weight: 300;\n  letter-spacing: 0.5px;\n  line-height: 44px;\n  margin-right: 8px;\n`;\n\nexport const StyledActionWrapper = styled.div`\n  align-items: center;\n  display: flex;\n  gap: 8px;\n`;\n\nexport const StyledCommandPalleteItem = styled.li`\n  align-items: center;\n  cursor: pointer;\n  display: flex;\n  padding-bottom: 12px;\n  padding-left: 18px;\n  padding-right: 18px;\n  padding-top: 12px;\n  position: relative;\n\n  &:last-child {\n    border-bottom-left-radius: 10px;\n    border-bottom-right-radius: 10px;\n  }\n\n  &:hover {\n    background-color: var(--color-theme-200);\n\n    &::before {\n      background-color: var(--color-primary);\n      content: \"\";\n      height: 100%;\n      left: 0;\n      position: absolute;\n      width: 2px;\n    }\n  }\n`;\n\nexport const StyledIcon = styled.div`\n  margin-right: 8px;\n\n  svg {\n    vertical-align: middle;\n  }\n`;\n\nexport const StyledCommandPalleteList = styled.ul`\n  border-top: 1px solid var(--color-theme-400);\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n  overflow: hidden;\n`;\n"],"mappings":";;;;;;AAAA;AACA;AAAyC;AAElC,IAAMA,oBAAoB,GAAGC,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,+GAC1CC,oBAAS,CAKZ;AAAC;AAEK,IAAMC,0BAA0B,GAAGH,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,kHAOnD;AAAC;AAEK,IAAMG,gBAAgB,GAAGJ,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,oDAMzC;AAAC;AAEK,IAAMI,WAAW,GAAGL,yBAAM,CAACM,KAAK;EAAA;EAAA;AAAA,oNAatC;AAAC;AAEK,IAAMC,eAAe,GAAGP,yBAAM,CAACQ,IAAI;EAAA;EAAA;AAAA,uIAOzC;AAAC;AAEK,IAAMC,mBAAmB,GAAGT,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,gDAI5C;AAAC;AAEK,IAAMS,wBAAwB,GAAGV,yBAAM,CAACW,EAAE;EAAA;EAAA;AAAA,8XA2BhD;AAAC;AAEK,IAAMC,UAAU,GAAGZ,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,oDAMnC;AAAC;AAEK,IAAMY,wBAAwB,GAAGb,yBAAM,CAACc,EAAE;EAAA;EAAA;AAAA,4GAMhD;AAAC"}

package/dist/cjs/components/CommandPallete/CommandPalleteHeader.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CommandPalleteHeader = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _IconButton = require("../IconButton");
+var _Icons = require("../Icons");
+var _Loaders = require("../Loaders");
+var _Tooltip = require("../Tooltip");
+var _CommandPallete = require("./CommandPallete.styles");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var CommandPalleteHeader = function CommandPalleteHeader(_ref) {
+  var search = _ref.search,
+    handleChange = _ref.handleChange,
+    _ref$loading = _ref.loading,
+    loading = _ref$loading === void 0 ? true : _ref$loading;
+  return /*#__PURE__*/_react.default.createElement(_CommandPallete.StyledCommandPalleteHeader, {
+    className: "cp-header"
+  }, /*#__PURE__*/_react.default.createElement(_CommandPallete.StyledSearchIcon, null, /*#__PURE__*/_react.default.createElement(_Icons.SearchLargeIcon, null)), /*#__PURE__*/_react.default.createElement(_CommandPallete.StyledParameter, null, "ID:"), /*#__PURE__*/_react.default.createElement(_CommandPallete.StyledInput, {
+    autoFocus: true,
+    value: search,
+    onChange: handleChange,
+    placeholder: "Search or jump to"
+  }), /*#__PURE__*/_react.default.createElement(_CommandPallete.StyledActionWrapper, null, loading ? /*#__PURE__*/_react.default.createElement(_Loaders.SpinnerLoader, null) : null, /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+    title: "Search by ID",
+    placement: "top"
+  }, /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
+    variant: "text gray"
+  }, /*#__PURE__*/_react.default.createElement(_Icons.HashtagIcon, null))), /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+    title: "Close",
+    placement: "top"
+  }, /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
+    variant: "text gray"
+  }, /*#__PURE__*/_react.default.createElement(_Icons.CloseIcon, null)))));
+};
+exports.CommandPalleteHeader = CommandPalleteHeader;
+CommandPalleteHeader.displayName = "CommandPalleteItem";
+//# sourceMappingURL=CommandPalleteHeader.js.map

package/dist/cjs/components/CommandPallete/CommandPalleteHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandPalleteHeader.js","names":["CommandPalleteHeader","search","handleChange","loading","displayName"],"sources":["../../../../src/components/CommandPallete/CommandPalleteHeader.tsx"],"sourcesContent":["import React, { ChangeEvent } from \"react\";\nimport { IconButton } from \"../IconButton\";\nimport { CloseIcon, HashtagIcon, SearchLargeIcon } from \"../Icons\";\nimport { SpinnerLoader } from \"../Loaders\";\nimport { Tooltip } from \"../Tooltip\";\nimport {\n  StyledActionWrapper,\n  StyledCommandPalleteHeader,\n  StyledInput,\n  StyledParameter,\n  StyledSearchIcon,\n} from \"./CommandPallete.styles\";\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface CommandPalleteHeaderProps {\n  search: string;\n  handleChange: (e: ChangeEvent<HTMLInputElement>) => void;\n  loading?: boolean;\n}\n\nexport const CommandPalleteHeader = ({\n  search,\n  handleChange,\n  loading = true,\n}: CommandPalleteHeaderProps) => {\n  return (\n    <StyledCommandPalleteHeader className=\"cp-header\">\n      <StyledSearchIcon>\n        <SearchLargeIcon />\n      </StyledSearchIcon>\n\n      <StyledParameter>ID:</StyledParameter>\n      <StyledInput\n        autoFocus\n        value={search}\n        onChange={handleChange}\n        placeholder=\"Search or jump to\"\n      />\n      <StyledActionWrapper>\n        {loading ? <SpinnerLoader /> : null}\n\n        <Tooltip title=\"Search by ID\" placement=\"top\">\n          <IconButton variant=\"text gray\">\n            <HashtagIcon />\n          </IconButton>\n        </Tooltip>\n\n        <Tooltip title=\"Close\" placement=\"top\">\n          <IconButton variant=\"text gray\">\n            <CloseIcon />\n          </IconButton>\n        </Tooltip>\n      </StyledActionWrapper>\n    </StyledCommandPalleteHeader>\n  );\n};\n\nCommandPalleteHeader.displayName = \"CommandPalleteItem\";\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAMiC;AAS1B,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAoB,OAIA;EAAA,IAH/BC,MAAM,QAANA,MAAM;IACNC,YAAY,QAAZA,YAAY;IAAA,oBACZC,OAAO;IAAPA,OAAO,6BAAG,IAAI;EAEd,oBACE,6BAAC,0CAA0B;IAAC,SAAS,EAAC;EAAW,gBAC/C,6BAAC,gCAAgB,qBACf,6BAAC,sBAAe,OAAG,CACF,eAEnB,6BAAC,+BAAe,cAAsB,eACtC,6BAAC,2BAAW;IACV,SAAS;IACT,KAAK,EAAEF,MAAO;IACd,QAAQ,EAAEC,YAAa;IACvB,WAAW,EAAC;EAAmB,EAC/B,eACF,6BAAC,mCAAmB,QACjBC,OAAO,gBAAG,6BAAC,sBAAa,OAAG,GAAG,IAAI,eAEnC,6BAAC,gBAAO;IAAC,KAAK,EAAC,cAAc;IAAC,SAAS,EAAC;EAAK,gBAC3C,6BAAC,sBAAU;IAAC,OAAO,EAAC;EAAW,gBAC7B,6BAAC,kBAAW,OAAG,CACJ,CACL,eAEV,6BAAC,gBAAO;IAAC,KAAK,EAAC,OAAO;IAAC,SAAS,EAAC;EAAK,gBACpC,6BAAC,sBAAU;IAAC,OAAO,EAAC;EAAW,gBAC7B,6BAAC,gBAAS,OAAG,CACF,CACL,CACU,CACK;AAEjC,CAAC;AAAC;AAEFH,oBAAoB,CAACI,WAAW,GAAG,oBAAoB"}

package/dist/cjs/components/CommandPallete/CommandPalleteItem.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CommandPalleteItem = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Icons = require("../Icons");
+var _Typography = require("../Typography/Typography");
+var _CommandPallete = require("./CommandPallete.styles");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var CommandPalleteItem = function CommandPalleteItem(_ref) {
+  var title = _ref.title;
+  return /*#__PURE__*/_react.default.createElement(_CommandPallete.StyledCommandPalleteItem, {
+    className: "cp-item",
+    tabIndex: 1
+  }, /*#__PURE__*/_react.default.createElement(_CommandPallete.StyledIcon, null, /*#__PURE__*/_react.default.createElement(_Icons.ProjectsIcon, null)), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
+    variant: "Body 1",
+    color: "primary"
+  }, title));
+};
+exports.CommandPalleteItem = CommandPalleteItem;
+CommandPalleteItem.displayName = "CommandPalleteItem";
+//# sourceMappingURL=CommandPalleteItem.js.map

package/dist/cjs/components/CommandPallete/CommandPalleteItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandPalleteItem.js","names":["CommandPalleteItem","title","displayName"],"sources":["../../../../src/components/CommandPallete/CommandPalleteItem.tsx"],"sourcesContent":["import React from \"react\";\nimport { ProjectsIcon } from \"../Icons\";\nimport { Typography } from \"../Typography/Typography\";\nimport { StyledCommandPalleteItem, StyledIcon } from \"./CommandPallete.styles\";\n\nexport type Entity = \"project\" | \"task\";\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface CommandPalleteItemProps {\n  title: string;\n}\n\nexport const CommandPalleteItem = ({ title }: CommandPalleteItemProps) => {\n  return (\n    <StyledCommandPalleteItem className=\"cp-item\" tabIndex={1}>\n      <StyledIcon>\n        <ProjectsIcon />\n      </StyledIcon>\n      <Typography variant=\"Body 1\" color=\"primary\">\n        {title}\n      </Typography>\n    </StyledCommandPalleteItem>\n  );\n};\n\nCommandPalleteItem.displayName = \"CommandPalleteItem\";\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AAA+E;AASxE,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkB,OAA2C;EAAA,IAArCC,KAAK,QAALA,KAAK;EACxC,oBACE,6BAAC,wCAAwB;IAAC,SAAS,EAAC,SAAS;IAAC,QAAQ,EAAE;EAAE,gBACxD,6BAAC,0BAAU,qBACT,6BAAC,mBAAY,OAAG,CACL,eACb,6BAAC,sBAAU;IAAC,OAAO,EAAC,QAAQ;IAAC,KAAK,EAAC;EAAS,GACzCA,KAAK,CACK,CACY;AAE/B,CAAC;AAAC;AAEFD,kBAAkB,CAACE,WAAW,GAAG,oBAAoB"}

package/dist/cjs/components/CommandPallete/CommandPalleteList.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CommandPalleteList = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _CommandPallete = require("./CommandPallete.styles");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var CommandPalleteList = function CommandPalleteList(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/_react.default.createElement(_CommandPallete.StyledCommandPalleteList, {
+    className: "cp-list",
+    tabIndex: -1
+  }, children);
+};
+exports.CommandPalleteList = CommandPalleteList;
+CommandPalleteList.displayName = "CommandPalleteList";
+//# sourceMappingURL=CommandPalleteList.js.map

package/dist/cjs/components/CommandPallete/CommandPalleteList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandPalleteList.js","names":["CommandPalleteList","children","displayName"],"sources":["../../../../src/components/CommandPallete/CommandPalleteList.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\nimport { StyledCommandPalleteList } from \"./CommandPallete.styles\";\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface CommandPalleteListProps {}\n\nexport const CommandPalleteList = ({\n  children,\n}: PropsWithChildren<CommandPalleteListProps>) => {\n  return (\n    <StyledCommandPalleteList className=\"cp-list\" tabIndex={-1}>\n      {children}\n    </StyledCommandPalleteList>\n  );\n};\n\nCommandPalleteList.displayName = \"CommandPalleteList\";\n"],"mappings":";;;;;;AAAA;AACA;AAAmE;AAK5D,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkB,OAEmB;EAAA,IADhDC,QAAQ,QAARA,QAAQ;EAER,oBACE,6BAAC,wCAAwB;IAAC,SAAS,EAAC,SAAS;IAAC,QAAQ,EAAE,CAAC;EAAE,GACxDA,QAAQ,CACgB;AAE/B,CAAC;AAAC;AAEFD,kBAAkB,CAACE,WAAW,GAAG,oBAAoB"}

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

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

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

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

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

@@ -0,0 +1,46 @@
+"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); }
+/**
+ * @component ArrowDownIcon
+ * @description
+ *
+ * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
+ * The Icon component is
+ * customizable, allowing for variations in size, color, and style to fit the needs of the application.
+ *
+ *
+ * @example
+ * return (
+ *   <ArrowDownIcon className="mr-2" />
+ * )
+ *
+ * @see
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+ * @see
+ * https://design.activecollab.com/docs/foundations/icons
+ */
+var ArrowDownIcon = /*#__PURE__*/_react.default.forwardRef(function (props, svgRef) {
+  return /*#__PURE__*/_react.default.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    "data-testid": "ArrowDownIcon",
+    fill: "var(--color-theme-600)",
+    focusable: false,
+    ref: svgRef
+  }, props), /*#__PURE__*/_react.default.createElement("path", {
+    fillRule: "evenodd",
+    d: "M15.372 10.264a.993.993 0 011.349 0 .867.867 0 010 1.275L12 16l-4.72-4.461a.867.867 0 010-1.275.993.993 0 011.348 0L12 13.451l3.372-3.187z"
+  }));
+});
+ArrowDownIcon.displayName = "ArrowDownIcon";
+var _default = ArrowDownIcon;
+exports.default = _default;
+//# sourceMappingURL=ArrowDown.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowDown.js","names":["ArrowDownIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/ArrowDown.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component ArrowDownIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n *\n * @example\n * return (\n *   <ArrowDownIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst ArrowDownIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={24}\n      height={24}\n      data-testid=\"ArrowDownIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        fillRule=\"evenodd\"\n        d=\"M15.372 10.264a.993.993 0 011.349 0 .867.867 0 010 1.275L12 16l-4.72-4.461a.867.867 0 010-1.275.993.993 0 011.348 0L12 13.451l3.372-3.187z\"\n      />\n    </svg>\n  )\n);\nArrowDownIcon.displayName = \"ArrowDownIcon\";\nexport default ArrowDownIcon;\n"],"mappings":";;;;;;AAAA;AAA0B;AAAA;AAE1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,aAAa,gBAAGC,cAAK,CAACC,UAAU,CACpC,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAC,4BAA4B;IAClC,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,eAAY,eAAe;IAC3B,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IACE,QAAQ,EAAC,SAAS;IAClB,CAAC,EAAC;EAA4I,EAC9I,CACE;AAAA,CACP,CACF;AACDH,aAAa,CAACK,WAAW,GAAG,eAAe;AAAC,eAC7BL,aAAa;AAAA"}

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

@@ -0,0 +1,46 @@
+"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); }
+/**
+ * @component ArrowUpIcon
+ * @description
+ *
+ * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
+ * The Icon component is
+ * customizable, allowing for variations in size, color, and style to fit the needs of the application.
+ *
+ *
+ * @example
+ * return (
+ *   <ArrowUpIcon className="mr-2" />
+ * )
+ *
+ * @see
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+ * @see
+ * https://design.activecollab.com/docs/foundations/icons
+ */
+var ArrowUpIcon = /*#__PURE__*/_react.default.forwardRef(function (props, svgRef) {
+  return /*#__PURE__*/_react.default.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    "data-testid": "ArrowUpIcon",
+    fill: "var(--color-theme-600)",
+    focusable: false,
+    ref: svgRef
+  }, props), /*#__PURE__*/_react.default.createElement("path", {
+    fillRule: "evenodd",
+    d: "M15.372 14.236a.993.993 0 001.349 0 .867.867 0 000-1.275L12 8.5l-4.72 4.461a.867.867 0 000 1.275.993.993 0 001.348 0L12 11.049l3.372 3.187z"
+  }));
+});
+ArrowUpIcon.displayName = "ArrowUpIcon";
+var _default = ArrowUpIcon;
+exports.default = _default;
+//# sourceMappingURL=ArrowUp.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowUp.js","names":["ArrowUpIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/ArrowUp.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component ArrowUpIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n *\n * @example\n * return (\n *   <ArrowUpIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst ArrowUpIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={24}\n      height={24}\n      data-testid=\"ArrowUpIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        fillRule=\"evenodd\"\n        d=\"M15.372 14.236a.993.993 0 001.349 0 .867.867 0 000-1.275L12 8.5l-4.72 4.461a.867.867 0 000 1.275.993.993 0 001.348 0L12 11.049l3.372 3.187z\"\n      />\n    </svg>\n  )\n);\nArrowUpIcon.displayName = \"ArrowUpIcon\";\nexport default ArrowUpIcon;\n"],"mappings":";;;;;;AAAA;AAA0B;AAAA;AAE1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,WAAW,gBAAGC,cAAK,CAACC,UAAU,CAClC,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAC,4BAA4B;IAClC,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,eAAY,aAAa;IACzB,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IACE,QAAQ,EAAC,SAAS;IAClB,CAAC,EAAC;EAA6I,EAC/I,CACE;AAAA,CACP,CACF;AACDH,WAAW,CAACK,WAAW,GAAG,aAAa;AAAC,eACzBL,WAAW;AAAA"}

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

@@ -0,0 +1,48 @@
+"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); }
+/**
+ * @component CloseIcon
+ * @description
+ *
+ * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
+ * The Icon component is
+ * customizable, allowing for variations in size, color, and style to fit the needs of the application.
+ *
+ *
+ * @example
+ * return (
+ *   <CloseIcon className="mr-2" />
+ * )
+ *
+ * @see
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+ * @see
+ * https://design.activecollab.com/docs/foundations/icons
+ */
+var CloseIcon = /*#__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",
+    "data-testid": "CloseIcon",
+    fill: "var(--color-theme-600)",
+    focusable: false,
+    ref: svgRef
+  }, props), /*#__PURE__*/_react.default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M7.613 6.21l.094.083L12 10.585l4.293-4.292a1 1 0 011.497 1.32l-.083.094L13.415 12l4.292 4.293a1 1 0 01-1.32 1.497l-.094-.083L12 13.415l-4.293 4.292a1 1 0 01-1.497-1.32l.083-.094L10.585 12 6.293 7.707a1 1 0 011.32-1.497z"
+  }));
+});
+CloseIcon.displayName = "CloseIcon";
+var _default = CloseIcon;
+exports.default = _default;
+//# sourceMappingURL=Close.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Close.js","names":["CloseIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/Close.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component CloseIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n *\n * @example\n * return (\n *   <CloseIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst CloseIcon = 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      data-testid=\"CloseIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M7.613 6.21l.094.083L12 10.585l4.293-4.292a1 1 0 011.497 1.32l-.083.094L13.415 12l4.292 4.293a1 1 0 01-1.32 1.497l-.094-.083L12 13.415l-4.293 4.292a1 1 0 01-1.497-1.32l.083-.094L10.585 12 6.293 7.707a1 1 0 011.32-1.497z\"\n      />\n    </svg>\n  )\n);\nCloseIcon.displayName = \"CloseIcon\";\nexport default CloseIcon;\n"],"mappings":";;;;;;AAAA;AAA0B;AAAA;AAE1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,SAAS,gBAAGC,cAAK,CAACC,UAAU,CAChC,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,WAAW;IACvB,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IACE,QAAQ,EAAC,SAAS;IAClB,QAAQ,EAAC,SAAS;IAClB,CAAC,EAAC;EAA6N,EAC/N,CACE;AAAA,CACP,CACF;AACDH,SAAS,CAACK,WAAW,GAAG,WAAW;AAAC,eACrBL,SAAS;AAAA"}

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

@@ -0,0 +1,48 @@
+"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); }
+/**
+ * @component HashtagIcon
+ * @description
+ *
+ * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
+ * The Icon component is
+ * customizable, allowing for variations in size, color, and style to fit the needs of the application.
+ *
+ *
+ * @example
+ * return (
+ *   <HashtagIcon className="mr-2" />
+ * )
+ *
+ * @see
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+ * @see
+ * https://design.activecollab.com/docs/foundations/icons
+ */
+var HashtagIcon = /*#__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",
+    "data-testid": "HashtagIcon",
+    fill: "var(--color-theme-600)",
+    focusable: false,
+    ref: svgRef
+  }, props), /*#__PURE__*/_react.default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M5.33 21l.719-4H2l.354-2h4.049l1.073-6H3.427l.354-2H7.83l.719-4h2.024l-.719 4h6.073l.719-4h2.024l-.719 4H22l-.354 2h-4.049l-1.073 6h4.049l-.354 2H16.17l-.719 4h-2.024l.719-4H8.073l-.719 4H5.33zM9.5 9l-1.073 6H14.5l1.073-6H9.5z"
+  }));
+});
+HashtagIcon.displayName = "HashtagIcon";
+var _default = HashtagIcon;
+exports.default = _default;
+//# sourceMappingURL=Hashtag.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Hashtag.js","names":["HashtagIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/Hashtag.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component HashtagIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n *\n * @example\n * return (\n *   <HashtagIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst HashtagIcon = 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      data-testid=\"HashtagIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M5.33 21l.719-4H2l.354-2h4.049l1.073-6H3.427l.354-2H7.83l.719-4h2.024l-.719 4h6.073l.719-4h2.024l-.719 4H22l-.354 2h-4.049l-1.073 6h4.049l-.354 2H16.17l-.719 4h-2.024l.719-4H8.073l-.719 4H5.33zM9.5 9l-1.073 6H14.5l1.073-6H9.5z\"\n      />\n    </svg>\n  )\n);\nHashtagIcon.displayName = \"HashtagIcon\";\nexport default HashtagIcon;\n"],"mappings":";;;;;;AAAA;AAA0B;AAAA;AAE1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,WAAW,gBAAGC,cAAK,CAACC,UAAU,CAClC,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,aAAa;IACzB,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IACE,QAAQ,EAAC,SAAS;IAClB,QAAQ,EAAC,SAAS;IAClB,CAAC,EAAC;EAAoO,EACtO,CACE;AAAA,CACP,CACF;AACDH,WAAW,CAACK,WAAW,GAAG,aAAa;AAAC,eACzBL,WAAW;AAAA"}

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

@@ -0,0 +1,48 @@
+"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); }
+/**
+ * @component SearchLargeIcon
+ * @description
+ *
+ * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
+ * The Icon component is
+ * customizable, allowing for variations in size, color, and style to fit the needs of the application.
+ *
+ *
+ * @example
+ * return (
+ *   <SearchLargeIcon className="mr-2" />
+ * )
+ *
+ * @see
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+ * @see
+ * https://design.activecollab.com/docs/foundations/icons
+ */
+var SearchLargeIcon = /*#__PURE__*/_react.default.forwardRef(function (props, svgRef) {
+  return /*#__PURE__*/_react.default.createElement("svg", _extends({
+    width: 32,
+    height: 32,
+    viewBox: "0 0 32 32",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "SearchLargeIcon",
+    fill: "var(--color-theme-600)",
+    focusable: false,
+    ref: svgRef
+  }, props), /*#__PURE__*/_react.default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M14 4c5.523 0 10 4.477 10 10 0 2.31-.783 4.436-2.098 6.129.088.04.17.09.248.15l.126.111 5.334 5.334a1.333 1.333 0 01-1.76 1.996l-.126-.11-5.334-5.334a1.332 1.332 0 01-.263-.373A9.953 9.953 0 0114 24C8.477 24 4 19.523 4 14S8.477 4 14 4zm0 2.667a7.333 7.333 0 100 14.666 7.333 7.333 0 000-14.666z"
+  }));
+});
+SearchLargeIcon.displayName = "SearchLargeIcon";
+var _default = SearchLargeIcon;
+exports.default = _default;
+//# sourceMappingURL=SearchLarge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchLarge.js","names":["SearchLargeIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/SearchLarge.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component SearchLargeIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n *\n * @example\n * return (\n *   <SearchLargeIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst SearchLargeIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={32}\n      height={32}\n      viewBox=\"0 0 32 32\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      data-testid=\"SearchLargeIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M14 4c5.523 0 10 4.477 10 10 0 2.31-.783 4.436-2.098 6.129.088.04.17.09.248.15l.126.111 5.334 5.334a1.333 1.333 0 01-1.76 1.996l-.126-.11-5.334-5.334a1.332 1.332 0 01-.263-.373A9.953 9.953 0 0114 24C8.477 24 4 19.523 4 14S8.477 4 14 4zm0 2.667a7.333 7.333 0 100 14.666 7.333 7.333 0 000-14.666z\"\n      />\n    </svg>\n  )\n);\nSearchLargeIcon.displayName = \"SearchLargeIcon\";\nexport default SearchLargeIcon;\n"],"mappings":";;;;;;AAAA;AAA0B;AAAA;AAE1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,eAAe,gBAAGC,cAAK,CAACC,UAAU,CACtC,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,iBAAiB;IAC7B,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IACE,QAAQ,EAAC,SAAS;IAClB,QAAQ,EAAC,SAAS;IAClB,CAAC,EAAC;EAAwS,EAC1S,CACE;AAAA,CACP,CACF;AACDH,eAAe,CAACK,WAAW,GAAG,iBAAiB;AAAC,eACjCL,eAAe;AAAA"}

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

@@ -33,6 +33,12 @@ Object.defineProperty(exports, "ArrowCollapseMultipleIcon", {
     return _ArrowCollapseMultiple.default;
   }
 });
+Object.defineProperty(exports, "ArrowDownIcon", {
+  enumerable: true,
+  get: function get() {
+    return _ArrowDown.default;
+  }
+});
 Object.defineProperty(exports, "ArrowDownLongIcon", {
   enumerable: true,
   get: function get() {
@@ -69,6 +75,12 @@ Object.defineProperty(exports, "ArrowRightIcon", {
     return _ArrowRight.default;
   }
 });
+Object.defineProperty(exports, "ArrowUpIcon", {
+  enumerable: true,
+  get: function get() {
+    return _ArrowUp.default;
+  }
+});
 Object.defineProperty(exports, "ArrowUpLongIcon", {
   enumerable: true,
   get: function get() {
@@ -213,6 +225,12 @@ Object.defineProperty(exports, "ClockStopwatchSmallIcon", {
     return _ClockStopwatchSmall.default;
   }
 });
+Object.defineProperty(exports, "CloseIcon", {
+  enumerable: true,
+  get: function get() {
+    return _Close.default;
+  }
+});
 Object.defineProperty(exports, "CloseSmallIcon", {
   enumerable: true,
   get: function get() {
@@ -441,6 +459,12 @@ Object.defineProperty(exports, "GiftIcon", {
     return _Gift.default;
   }
 });
+Object.defineProperty(exports, "HashtagIcon", {
+  enumerable: true,
+  get: function get() {
+    return _Hashtag.default;
+  }
+});
 Object.defineProperty(exports, "HelpIcon", {
   enumerable: true,
   get: function get() {
@@ -771,6 +795,12 @@ Object.defineProperty(exports, "SearchIcon", {
     return _Search.default;
   }
 });
+Object.defineProperty(exports, "SearchLargeIcon", {
+  enumerable: true,
+  get: function get() {
+    return _SearchLarge.default;
+  }
+});
 Object.defineProperty(exports, "SendBlankIcon", {
   enumerable: true,
   get: function get() {
@@ -915,12 +945,14 @@ var _AddCross = _interopRequireDefault(require("./AddCross"));
 var _ArrowBackMobile = _interopRequireDefault(require("./ArrowBackMobile"));
 var _ArrowCollapseMultiple = _interopRequireDefault(require("./ArrowCollapseMultiple"));
 var _ArrowDownLong = _interopRequireDefault(require("./ArrowDownLong"));
+var _ArrowDown = _interopRequireDefault(require("./ArrowDown"));
 var _ArrowExpandeMultiple = _interopRequireDefault(require("./ArrowExpandeMultiple"));
 var _ArrowLeftBox = _interopRequireDefault(require("./ArrowLeftBox"));
 var _ArrowLeft = _interopRequireDefault(require("./ArrowLeft"));
 var _ArrowRefresh = _interopRequireDefault(require("./ArrowRefresh"));
 var _ArrowRight = _interopRequireDefault(require("./ArrowRight"));
 var _ArrowUpLong = _interopRequireDefault(require("./ArrowUpLong"));
+var _ArrowUp = _interopRequireDefault(require("./ArrowUp"));
 var _Assign = _interopRequireDefault(require("./Assign"));
 var _Attachment = _interopRequireDefault(require("./Attachment"));
 var _BellOffSmall = _interopRequireDefault(require("./BellOffSmall"));
@@ -945,6 +977,7 @@ var _ClockStopwatchSmall = _interopRequireDefault(require("./ClockStopwatchSmall
 var _ClockStopwatch = _interopRequireDefault(require("./ClockStopwatch"));
 var _Clock = _interopRequireDefault(require("./Clock"));
 var _CloseSmall = _interopRequireDefault(require("./CloseSmall"));
+var _Close = _interopRequireDefault(require("./Close"));
 var _CollapsIcon = _interopRequireDefault(require("./CollapsIcon"));
 var _CollapseAll = _interopRequireDefault(require("./CollapseAll"));
 var _CollapseExpandSingle = _interopRequireDefault(require("./CollapseExpandSingle"));
@@ -982,6 +1015,7 @@ var _Filter = _interopRequireDefault(require("./Filter"));
 var _FolderMove = _interopRequireDefault(require("./FolderMove"));
 var _FolderOutline = _interopRequireDefault(require("./FolderOutline"));
 var _Gift = _interopRequireDefault(require("./Gift"));
+var _Hashtag = _interopRequireDefault(require("./Hashtag"));
 var _Help = _interopRequireDefault(require("./Help"));
 var _Image = _interopRequireDefault(require("./Image"));
 var _InfoSmall = _interopRequireDefault(require("./InfoSmall"));
@@ -1036,6 +1070,7 @@ var _RecurringCheckmark = _interopRequireDefault(require("./RecurringCheckmark")
 var _ReportTime = _interopRequireDefault(require("./ReportTime"));
 var _Reports = _interopRequireDefault(require("./Reports"));
 var _Rocket = _interopRequireDefault(require("./Rocket"));
+var _SearchLarge = _interopRequireDefault(require("./SearchLarge"));
 var _Search = _interopRequireDefault(require("./Search"));
 var _SendBlank = _interopRequireDefault(require("./SendBlank"));
 var _SendFilled = _interopRequireDefault(require("./SendFilled"));