@activecollab/components 1.0.350 → 1.0.352

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

@@ -34,8 +34,8 @@ var StyledSelectDateDatePicker = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledSelectDateDatePicker",
   componentId: "sc-1jkx994-3"
 })(["", " color:red;"], {
-  "paddingTop": "1rem",
-  "paddingBottom": "0.5rem"
+  "paddingBottom": "0.5rem",
+  "paddingTop": "1rem"
 });
 exports.StyledSelectDateDatePicker = StyledSelectDateDatePicker;
 StyledSelectDateDatePicker.displayName = "StyledSelectDateDatePicker";

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

@@ -34,8 +34,8 @@ var StyledSheetWrapper = _styledComponents.default.div.withConfig({
   });
 }, function (props) {
   return props.$position === "right" && (0, _styledComponents.css)(["", ""], {
-    "marginRight": "0.5rem",
-    "marginLeft": "auto"
+    "marginLeft": "auto",
+    "marginRight": "0.5rem"
   });
 }, function (props) {
   return props.$mode === "stretch" && props.$position !== "left" && (0, _styledComponents.css)(["", "{span{right:48px;}}"], StyledSheetIcons);

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

@@ -35,9 +35,9 @@ var StyledIcon = _styledComponents.default.svg.withConfig({
   displayName: "Styles__StyledIcon",
   componentId: "sc-1idn4je-2"
 })(["", ""], {
+  "marginRight": "0.25rem",
   "fontSize": "0.75rem",
-  "lineHeight": "1rem",
-  "marginRight": "0.25rem"
+  "lineHeight": "1rem"
 });
 exports.StyledIcon = StyledIcon;
 StyledIcon.displayName = "StyledIcon";

package/dist/cjs/components/Steppers/DateStepper/Styles.js

@@ -19,30 +19,30 @@ var StyledButton = _styledComponents.default.button.withConfig({
   componentId: "sc-1v8h7mt-0"
 })(["", " ", " ", " color:var(--color-theme-700);margin:0;padding:0;background:none;width:100%;height:auto;border:none;height:30px;line-height:1;transition:all 0.3s ease;svg{fill:currentColor;}&::-moz-focus-inner{border:0;}&:focus{outline:none;}&:hover{text-decoration:none;}&:disabled{cursor:default;opacity:50%;pointer-events:none;}"], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, {
   "position": "relative",
-  "WebkitFontSmoothing": "antialiased",
-  "MozOsxFontSmoothing": "grayscale",
-  "verticalAlign": "middle",
-  "fontWeight": "500",
-  "display": "inline-block",
-  "lineHeight": "1.25rem",
   "margin": "0px",
-  "textDecoration": "none",
-  "fontSize": "0.875rem",
-  "userSelect": "none",
+  "display": "inline-block",
   "cursor": "pointer",
-  "textAlign": "center"
+  "userSelect": "none",
+  "textAlign": "center",
+  "verticalAlign": "middle",
+  "fontSize": "0.875rem",
+  "lineHeight": "1",
+  "fontWeight": "500",
+  "textDecorationLine": "none",
+  "WebkitFontSmoothing": "antialiased",
+  "MozOsxFontSmoothing": "grayscale"
 });
 exports.StyledButton = StyledButton;
 var StyledMenu = (0, _styledComponents.default)(_Menu.Menu).withConfig({
   displayName: "Styles__StyledMenu",
   componentId: "sc-1v8h7mt-1"
 })(["", ""], {
-  "width": "auto",
   "height": "auto",
-  "paddingTop": "1rem",
-  "paddingBottom": "1rem",
+  "width": "auto",
   "paddingLeft": "0.5rem",
-  "paddingRight": "0.5rem"
+  "paddingRight": "0.5rem",
+  "paddingTop": "1rem",
+  "paddingBottom": "1rem"
 });
 exports.StyledMenu = StyledMenu;
 var StyledButtonGroup = (0, _styledComponents.default)(_ButtonGroup.ButtonGroup).withConfig({
@@ -66,21 +66,21 @@ var StyledDiv = _styledComponents.default.div.withConfig({
   return props.$isRounded && (0, _styledComponents.css)(["border-radius:var(--ac-br-rounded);"]);
 }, {
   "position": "relative",
-  "textAlign": "center",
-  "padding": "0px",
-  "WebkitFontSmoothing": "antialiased",
-  "MozOsxFontSmoothing": "grayscale",
-  "verticalAlign": "middle",
-  "fontWeight": "500",
-  "display": "inline-block",
-  "lineHeight": "1.25rem",
   "margin": "0px",
-  "textDecoration": "none",
-  "fontSize": "0.875rem",
-  "userSelect": "none",
+  "display": "inline-block",
   "cursor": "pointer",
+  "userSelect": "none",
   "borderWidth": "1px",
-  "borderStyle": "solid"
+  "borderStyle": "solid",
+  "padding": "0px",
+  "textAlign": "center",
+  "verticalAlign": "middle",
+  "fontSize": "0.875rem",
+  "lineHeight": "1",
+  "fontWeight": "500",
+  "textDecorationLine": "none",
+  "WebkitFontSmoothing": "antialiased",
+  "MozOsxFontSmoothing": "grayscale"
 }, _BreakPoints.screen.md);
 exports.StyledDiv = StyledDiv;
 var StyledControl = (0, _styledComponents.default)(_IconButton.IconButton).withConfig({

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

@@ -17,15 +17,15 @@ var StyledTableHead = _styledComponents.default.thead.withConfig({
   "textAlign": "left",
   "textTransform": "uppercase"
 }, {
-  "color": "var(--color-theme-700)",
+  "fontSize": "0.6875rem",
   "fontWeight": "600",
-  "fontSize": "0.6875rem"
+  "color": "var(--color-theme-700)"
 }, function (props) {
   return props.$headerVariant && props.$headerVariant === "primary" && (0, _styledComponents.css)(["th{", "}tr{td:first-child,th:first-child{", "}}"], {
     "whiteSpace": "nowrap",
+    "paddingBottom": "2rem",
     "paddingLeft": "1rem",
     "paddingRight": "1rem",
-    "paddingBottom": "2rem",
     "paddingTop": "0.5rem"
   }, {
     "paddingLeft": "1.5rem"
@@ -51,10 +51,10 @@ var StyledTableBody = _styledComponents.default.tbody.withConfig({
 }, {
   "color": "var(--color-theme-700)"
 }, {
-  "textDecoration": "none",
-  "color": "var(--color-primary)"
+  "color": "var(--color-primary)",
+  "textDecorationLine": "none"
 }, {
-  "textDecoration": "underline"
+  "textDecorationLine": "underline"
 });
 exports.StyledTableBody = StyledTableBody;
 StyledTableBody.displayName = "StyledTableBody";
@@ -62,19 +62,20 @@ var StyledTableWrapper = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledTableWrapper",
   componentId: "sc-e16t6w-2"
 })(["", " ", " ", " &:before{", " content:\"\";top:39px;z-index:-1;}"], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, {
-  "marginTop": "2rem",
   "marginLeft": "1rem",
   "marginRight": "1rem",
+  "marginTop": "2rem",
   "overflowX": "auto",
   "overflowY": "hidden"
 }, {
   "position": "absolute",
+  "bottom": "0px",
   "left": "0px",
   "right": "0px",
-  "bottom": "0px",
-  "backgroundColor": "var(--page-paper-main)",
   "borderRadius": "0.5rem",
-  "--tw-shadow": "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",
+  "backgroundColor": "var(--page-paper-main)",
+  "--tw-shadow": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
+  "--tw-shadow-colored": "0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)",
   "boxShadow": "var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)"
 });
 exports.StyledTableWrapper = StyledTableWrapper;
@@ -85,16 +86,16 @@ var StyledTable = _styledComponents.default.table.withConfig({
 })(["", " border-spacing:0;", " tr th,", " tr td{&:last-child{", "}}td{", "}", ""], {
   "width": "100%",
   "padding": "0px",
+  "paddingBottom": "1rem",
   "fontSize": "0.75rem",
-  "lineHeight": "1rem",
-  "paddingBottom": "1rem"
+  "lineHeight": "1rem"
 }, StyledTableHead, StyledTableBody, {
   "textAlign": "right"
 }, {
-  "paddingTop": "0.75rem",
-  "paddingBottom": "0.75rem",
   "paddingLeft": "1rem",
-  "paddingRight": "1rem"
+  "paddingRight": "1rem",
+  "paddingTop": "0.75rem",
+  "paddingBottom": "0.75rem"
 }, function (props) {
   return props.$striped && (0, _styledComponents.css)(["", ":not(.c-table__grouped__head){tr:nth-child(odd){", "}}"], StyledTableBody, {
     "backgroundColor": "var(--color-theme-200)"
@@ -116,17 +117,17 @@ var StyledDataTable = _styledComponents.default.div.withConfig({
 }, {
   "opacity": "0.5"
 }, {
+  "pointerEvents": "none",
   "position": "absolute",
-  "width": "100%",
   "left": "0px",
-  "pointerEvents": "none"
+  "width": "100%"
 }, {
   "display": "inline-block",
   "userSelect": "none"
 }, {
   "borderWidth": "0px",
-  "borderColor": "rgba(0, 0, 0, 0)",
-  "borderStyle": "solid"
+  "borderStyle": "solid",
+  "borderColor": "transparent"
 }, {
   "marginLeft": "0.25rem"
 }, {

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["StyledTableHead","styled","thead","FontStyle","BoxSizingStyle","props","$headerVariant","css","displayName","StyledTableBody","tbody","StyledTableWrapper","div","StyledTable","table","$striped","StyledDataTable"],"sources":["../../../../src/components/Tables/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledTableHead = styled.thead<{\n  $headerVariant: \"primary\" | \"secondary\";\n}>`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${tw`tw-text-left tw-uppercase`}\n  ${tw`tw-text-theme-700 tw-font-semibold tw-text-xxs`}\n\n  ${(props) =>\n    props.$headerVariant &&\n    props.$headerVariant === \"primary\" &&\n    css`\n      th {\n        ${tw`tw-whitespace-nowrap tw-pl-4 tw-pr-4 tw-pb-8 tw-pt-2`}\n      }\n\n      tr {\n        td:first-child,\n        th:first-child {\n          ${tw`tw-pl-6`}\n        }\n      }\n    `}\n\n    ${(props) =>\n    props.$headerVariant &&\n    props.$headerVariant === \"secondary\" &&\n    css`\n      th {\n        ${tw`tw-whitespace-nowrap`}\n      }\n\n      tr {\n        th {\n          padding-bottom: 8px;\n          padding-left: 16px;\n        }\n      }\n\n      tr {\n        th:last-child {\n          padding-right: 16px;\n        }\n      }\n    `}\n`;\nStyledTableHead.displayName = \"StyledTableHead\";\n\nexport const StyledTableBody = styled.tbody`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${tw`tw-truncate`}\n\n  td {\n    ${tw`tw-truncate`}\n  }\n\n  &:not(.c-table__grouped__head) {\n    td {\n      ${tw`tw-text-theme-700`}\n    }\n  }\n\n  a {\n    ${tw`tw-no-underline tw-text-primary`}\n    &:hover {\n      ${tw`tw-underline`}\n    }\n  }\n`;\nStyledTableBody.displayName = \"StyledTableBody\";\n\nexport const StyledTableWrapper = styled.div`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${tw`tw-mt-8 tw-mx-4 tw-overflow-x-auto tw-overflow-y-hidden`}\n\n  &:before {\n    ${tw`tw-absolute tw-left-0 tw-right-0 tw-bottom-0 tw-bg-page-paper-main tw-rounded-lg tw-shadow-lg`}\n    content: \"\";\n    top: 39px;\n    z-index: -1;\n  }\n`;\nStyledTableWrapper.displayName = \"StyledTableWrapper\";\n\nexport const StyledTable = styled.table<{\n  $striped: boolean;\n}>`\n  ${tw`tw-w-full tw-p-0 tw-text-xs tw-pb-4`}\n  border-spacing: 0;\n\n  ${StyledTableHead} tr th,\n  ${StyledTableBody} tr td {\n    &:last-child {\n      ${tw`tw-text-right`}\n    }\n  }\n\n  td {\n    ${tw`tw-py-3 tw-px-4`}\n  }\n\n  ${(props) =>\n    props.$striped &&\n    css`\n      ${StyledTableBody}:not(.c-table__grouped__head) {\n        tr:nth-child(odd) {\n          ${tw`tw-bg-theme-200`}\n        }\n      }\n    `}\n`;\nStyledTable.displayName = \"StyledTable\";\n\nexport const StyledDataTable = styled.div`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  &.c-table__collapsible {\n    .c-table__head {\n      tr {\n        th {\n          position: sticky;\n          top: 0;\n          z-index: 1;\n        }\n      }\n    }\n  }\n  &.c-table__grouped {\n    .c-table__head th {\n      ${tw`tw-pb-4`}\n      &:last-child {\n        ${tw`tw-pr-0`}\n      }\n    }\n  }\n  &.c-data-table {\n    position: relative;\n    .c-table__head th {\n      &:last-child {\n        ${tw`tw-pr-0`}\n      }\n    }\n  }\n  .c-table__cell {\n    ${tw`tw-relative`}\n    &:hover {\n      .c-table__icon {\n        ${tw`tw-opacity-50`}\n      }\n    }\n  }\n  .c-table__overlay {\n    ${tw`tw-absolute tw-w-full tw-left-0 tw-pointer-events-none`}\n    top: 0px;\n    border-top-left-radius: 8px;\n    border-top-right-radius: 8px;\n    background: rgba(0, 0, 0, 0.02);\n    .neon & {\n      background: rgba(0, 0, 0, 0.1);\n    }\n    z-index: 5;\n  }\n  .c-table__icon-wrapper {\n    ${tw`tw-inline-block tw-select-none`}\n  }\n  .c-table__label {\n    ${tw`tw-border-0 tw-border-0 tw-border-transparent tw-border-solid`}\n  }\n  .c-table__icon {\n    transform: translateY(1px);\n    ${tw`tw-ml-1`}\n    fill: var(--color-theme-900);\n\n    &:hover {\n      ${tw`tw-opacity-100`}\n    }\n  }\n  .c-table__icon--inactive {\n    ${tw`tw-opacity-0`}\n  }\n  .c-table__icon--active {\n    ${tw`tw-opacity-100`}\n  }\n  .c-table__icon--desc {\n    transform: rotate(-180deg) scale(-1, 1);\n  }\n  .c-table__grouped__head {\n    ${tw`tw-font-bold`}\n    > :first-child {\n      ${tw`tw-text-theme-900`}\n    }\n    a:first-child {\n      ${tw`tw-text-primary`}\n    }\n  }\n  .c-table__head--hidden {\n    ${tw`tw-pointer-events-none tw-opacity-0`}\n  }\n  .c-table__collapse_icon--expanded {\n    transition-duration: 0.3s;\n    ${tw`tw-cursor-pointer`}\n  }\n  .c-table__collapse_icon--collapsed {\n    transform: rotate(180deg);\n    transition-duration: 0.3s;\n    ${tw`tw-cursor-pointer`}\n  }\n  .c-table__head__icon-wrapper__icon {\n    ${tw`tw-absolute tw-cursor-pointer`}\n    transform: translate(-24px, -5px);\n  }\n  &.c-table__collapsible {\n    .c-table__group {\n      .c-table__row:last-child .c-table__cell {\n        border-bottom: 1px solid var(--border-primary);\n      }\n      &:last-child {\n        .c-table__row:last-child .c-table__cell {\n          border-bottom: 0;\n        }\n      }\n    }\n    .c-table__grouped__head {\n      tr td {\n        border-bottom: 1px solid var(--border-primary);\n      }\n      .c-table__body__collapse td {\n        border-bottom: 0;\n      }\n      &.last {\n        tr td {\n          border-bottom: 0 !important;\n        }\n      }\n    }\n    .c-table__grouped__head--expanded {\n      tr:last-child td {\n        border-bottom: 0;\n      }\n    }\n  }\n  .c-table__collapse_body {\n    tr {\n      background-color: transparent !important;\n    }\n    td:last-child {\n      ${tw`tw-border-0`}\n    }\n    ${tw`tw-absolute`}\n  }\n  .c-table__row {\n    td:first-child {\n      position: sticky;\n      left: 0;\n      z-index: 1;\n    }\n    &:nth-child(odd) {\n      td {\n        ${tw`tw-bg-theme-200`}\n      }\n    }\n    &:nth-child(even) {\n      td {\n        ${tw`tw-bg-page-paper-main`}\n      }\n    }\n  }\n  .c-table__row {\n    th:first-child {\n      position: sticky;\n      left: 0;\n      z-index: 2 !important;\n    }\n  }\n  &.c-table__collapsible .c-table__body {\n    tr {\n      td:first-child,\n      th:first-child {\n        ${tw`tw-pl-6`}\n      }\n    }\n  }\n  .c-table__body__icon {\n    ${tw`tw-p-0`}\n    padding-left: 0 !important;\n    transform: translateY(8px);\n  }\n  &.padding-b-0 {\n    ${tw`tw-pb-0`}\n  }\n  .cursor-pointer {\n    ${tw`tw-cursor-pointer`}\n  }\n  .text-center {\n    ${tw`tw-text-center`}\n  }\n  .opacity-75 {\n    ${tw`tw-opacity-75`}\n  }\n  .hidden {\n    ${tw`tw-hidden`}\n  }\n`;\nStyledDataTable.displayName = \"StyledDataTable\";\n"],"mappings":"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"}
+{"version":3,"file":"Styles.js","names":["StyledTableHead","styled","thead","FontStyle","BoxSizingStyle","props","$headerVariant","css","displayName","StyledTableBody","tbody","StyledTableWrapper","div","StyledTable","table","$striped","StyledDataTable"],"sources":["../../../../src/components/Tables/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledTableHead = styled.thead<{\n  $headerVariant: \"primary\" | \"secondary\";\n}>`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${tw`tw-text-left tw-uppercase`}\n  ${tw`tw-text-theme-700 tw-font-semibold tw-text-xxs`}\n\n  ${(props) =>\n    props.$headerVariant &&\n    props.$headerVariant === \"primary\" &&\n    css`\n      th {\n        ${tw`tw-whitespace-nowrap tw-pl-4 tw-pr-4 tw-pb-8 tw-pt-2`}\n      }\n\n      tr {\n        td:first-child,\n        th:first-child {\n          ${tw`tw-pl-6`}\n        }\n      }\n    `}\n\n    ${(props) =>\n    props.$headerVariant &&\n    props.$headerVariant === \"secondary\" &&\n    css`\n      th {\n        ${tw`tw-whitespace-nowrap`}\n      }\n\n      tr {\n        th {\n          padding-bottom: 8px;\n          padding-left: 16px;\n        }\n      }\n\n      tr {\n        th:last-child {\n          padding-right: 16px;\n        }\n      }\n    `}\n`;\nStyledTableHead.displayName = \"StyledTableHead\";\n\nexport const StyledTableBody = styled.tbody`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${tw`tw-truncate`}\n\n  td {\n    ${tw`tw-truncate`}\n  }\n\n  &:not(.c-table__grouped__head) {\n    td {\n      ${tw`tw-text-theme-700`}\n    }\n  }\n\n  a {\n    ${tw`tw-no-underline tw-text-primary`}\n    &:hover {\n      ${tw`tw-underline`}\n    }\n  }\n`;\nStyledTableBody.displayName = \"StyledTableBody\";\n\nexport const StyledTableWrapper = styled.div`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${tw`tw-mt-8 tw-mx-4 tw-overflow-x-auto tw-overflow-y-hidden`}\n\n  &:before {\n    ${tw`tw-absolute tw-left-0 tw-right-0 tw-bottom-0 tw-bg-page-paper-main tw-rounded-lg tw-shadow-lg`}\n    content: \"\";\n    top: 39px;\n    z-index: -1;\n  }\n`;\nStyledTableWrapper.displayName = \"StyledTableWrapper\";\n\nexport const StyledTable = styled.table<{\n  $striped: boolean;\n}>`\n  ${tw`tw-w-full tw-p-0 tw-text-xs tw-pb-4`}\n  border-spacing: 0;\n\n  ${StyledTableHead} tr th,\n  ${StyledTableBody} tr td {\n    &:last-child {\n      ${tw`tw-text-right`}\n    }\n  }\n\n  td {\n    ${tw`tw-py-3 tw-px-4`}\n  }\n\n  ${(props) =>\n    props.$striped &&\n    css`\n      ${StyledTableBody}:not(.c-table__grouped__head) {\n        tr:nth-child(odd) {\n          ${tw`tw-bg-theme-200`}\n        }\n      }\n    `}\n`;\nStyledTable.displayName = \"StyledTable\";\n\nexport const StyledDataTable = styled.div`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  &.c-table__collapsible {\n    .c-table__head {\n      tr {\n        th {\n          position: sticky;\n          top: 0;\n          z-index: 1;\n        }\n      }\n    }\n  }\n  &.c-table__grouped {\n    .c-table__head th {\n      ${tw`tw-pb-4`}\n      &:last-child {\n        ${tw`tw-pr-0`}\n      }\n    }\n  }\n  &.c-data-table {\n    position: relative;\n    .c-table__head th {\n      &:last-child {\n        ${tw`tw-pr-0`}\n      }\n    }\n  }\n  .c-table__cell {\n    ${tw`tw-relative`}\n    &:hover {\n      .c-table__icon {\n        ${tw`tw-opacity-50`}\n      }\n    }\n  }\n  .c-table__overlay {\n    ${tw`tw-absolute tw-w-full tw-left-0 tw-pointer-events-none`}\n    top: 0px;\n    border-top-left-radius: 8px;\n    border-top-right-radius: 8px;\n    background: rgba(0, 0, 0, 0.02);\n    .neon & {\n      background: rgba(0, 0, 0, 0.1);\n    }\n    z-index: 5;\n  }\n  .c-table__icon-wrapper {\n    ${tw`tw-inline-block tw-select-none`}\n  }\n  .c-table__label {\n    ${tw`tw-border-0 tw-border-0 tw-border-transparent tw-border-solid`}\n  }\n  .c-table__icon {\n    transform: translateY(1px);\n    ${tw`tw-ml-1`}\n    fill: var(--color-theme-900);\n\n    &:hover {\n      ${tw`tw-opacity-100`}\n    }\n  }\n  .c-table__icon--inactive {\n    ${tw`tw-opacity-0`}\n  }\n  .c-table__icon--active {\n    ${tw`tw-opacity-100`}\n  }\n  .c-table__icon--desc {\n    transform: rotate(-180deg) scale(-1, 1);\n  }\n  .c-table__grouped__head {\n    ${tw`tw-font-bold`}\n    > :first-child {\n      ${tw`tw-text-theme-900`}\n    }\n    a:first-child {\n      ${tw`tw-text-primary`}\n    }\n  }\n  .c-table__head--hidden {\n    ${tw`tw-pointer-events-none tw-opacity-0`}\n  }\n  .c-table__collapse_icon--expanded {\n    transition-duration: 0.3s;\n    ${tw`tw-cursor-pointer`}\n  }\n  .c-table__collapse_icon--collapsed {\n    transform: rotate(180deg);\n    transition-duration: 0.3s;\n    ${tw`tw-cursor-pointer`}\n  }\n  .c-table__head__icon-wrapper__icon {\n    ${tw`tw-absolute tw-cursor-pointer`}\n    transform: translate(-24px, -5px);\n  }\n  &.c-table__collapsible {\n    .c-table__group {\n      .c-table__row:last-child .c-table__cell {\n        border-bottom: 1px solid var(--border-primary);\n      }\n      &:last-child {\n        .c-table__row:last-child .c-table__cell {\n          border-bottom: 0;\n        }\n      }\n    }\n    .c-table__grouped__head {\n      tr td {\n        border-bottom: 1px solid var(--border-primary);\n      }\n      .c-table__body__collapse td {\n        border-bottom: 0;\n      }\n      &.last {\n        tr td {\n          border-bottom: 0 !important;\n        }\n      }\n    }\n    .c-table__grouped__head--expanded {\n      tr:last-child td {\n        border-bottom: 0;\n      }\n    }\n  }\n  .c-table__collapse_body {\n    tr {\n      background-color: transparent !important;\n    }\n    td:last-child {\n      ${tw`tw-border-0`}\n    }\n    ${tw`tw-absolute`}\n  }\n  .c-table__row {\n    td:first-child {\n      position: sticky;\n      left: 0;\n      z-index: 1;\n    }\n    &:nth-child(odd) {\n      td {\n        ${tw`tw-bg-theme-200`}\n      }\n    }\n    &:nth-child(even) {\n      td {\n        ${tw`tw-bg-page-paper-main`}\n      }\n    }\n  }\n  .c-table__row {\n    th:first-child {\n      position: sticky;\n      left: 0;\n      z-index: 2 !important;\n    }\n  }\n  &.c-table__collapsible .c-table__body {\n    tr {\n      td:first-child,\n      th:first-child {\n        ${tw`tw-pl-6`}\n      }\n    }\n  }\n  .c-table__body__icon {\n    ${tw`tw-p-0`}\n    padding-left: 0 !important;\n    transform: translateY(8px);\n  }\n  &.padding-b-0 {\n    ${tw`tw-pb-0`}\n  }\n  .cursor-pointer {\n    ${tw`tw-cursor-pointer`}\n  }\n  .text-center {\n    ${tw`tw-text-center`}\n  }\n  .opacity-75 {\n    ${tw`tw-opacity-75`}\n  }\n  .hidden {\n    ${tw`tw-hidden`}\n  }\n`;\nStyledDataTable.displayName = \"StyledDataTable\";\n"],"mappings":"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"}

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

@@ -5,12 +5,12 @@ export var StyledAccordion = styled.div.withConfig({
   displayName: "Styles__StyledAccordion",
   componentId: "sc-h8w6zs-0"
 })(["", " ", " ", ""], {
-  "borderRadius": "0.5rem",
   "overflow": "hidden",
-  "borderStyle": "solid",
+  "borderRadius": "0.5rem",
   "borderWidth": "1px",
-  "borderColor": "var(--border-primary)",
-  "borderBottomWidth": "0px"
+  "borderBottomWidth": "0px",
+  "borderStyle": "solid",
+  "borderColor": "var(--border-primary)"
 }, FontStyle, BoxSizingStyle);
 StyledAccordion.displayName = "StyledAccordion";
 export var StyledAccordionItem = styled.div.withConfig({

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

@@ -5,18 +5,19 @@ export var StyledBubble = styled.div.withConfig({
   displayName: "Styles__StyledBubble",
   componentId: "sc-tloccl-0"
 })(["", " transition:opacity 0.2s,visibility 0.2s;", " ", " background-color:var(--page-paper-main);"], {
-  "--tw-bg-opacity": "1",
-  "backgroundColor": "rgba(255, 255, 255, var(--tw-bg-opacity))",
-  "--tw-shadow": "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
-  "boxShadow": "var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)",
-  "borderColor": "var(--color-theme-200)",
+  "visibility": "visible",
+  "display": "block",
   "borderRadius": "0.5rem",
   "borderWidth": "1px",
   "borderStyle": "solid",
+  "borderColor": "var(--color-theme-200)",
+  "--tw-bg-opacity": "1",
+  "backgroundColor": "rgb(255 255 255 / var(--tw-bg-opacity))",
   "color": "var(--color-theme-800)",
   "opacity": "1",
-  "display": "block",
-  "visibility": "visible"
+  "--tw-shadow": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+  "--tw-shadow-colored": "0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)",
+  "boxShadow": "var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)"
 }, FontStyle, BoxSizingStyle);
 StyledBubble.displayName = "StyledBubble";
 //# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","BoxSizingStyle","FontStyle","StyledBubble","div","displayName"],"sources":["../../../../src/components/Bubble/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledBubble = styled.div`\n  ${tw`tw-bg-white tw-shadow-md tw-border-theme-200 tw-rounded-lg tw-border tw-border-solid tw-text-theme-800 tw-opacity-100 tw-block tw-visible`}\n  transition: opacity 0.2s, visibility 0.2s;\n  ${FontStyle}\n  ${BoxSizingStyle}\n  background-color: var(--page-paper-main);\n`;\n\nStyledBubble.displayName = \"StyledBubble\";\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AAExC,OAAO,IAAMC,YAAY,GAAGH,MAAM,CAACI,GAAG;EAAA;EAAA;AAAA,wGAChC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAA0I,CAAC,EAE7IF,SAAS,EACTD,cAAc,CAEjB;AAEDE,YAAY,CAACE,WAAW,GAAG,cAAc"}
+{"version":3,"file":"Styles.js","names":["styled","BoxSizingStyle","FontStyle","StyledBubble","div","displayName"],"sources":["../../../../src/components/Bubble/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledBubble = styled.div`\n  ${tw`tw-bg-white tw-shadow-md tw-border-theme-200 tw-rounded-lg tw-border tw-border-solid tw-text-theme-800 tw-opacity-100 tw-block tw-visible`}\n  transition: opacity 0.2s, visibility 0.2s;\n  ${FontStyle}\n  ${BoxSizingStyle}\n  background-color: var(--page-paper-main);\n`;\n\nStyledBubble.displayName = \"StyledBubble\";\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AAExC,OAAO,IAAMC,YAAY,GAAGH,MAAM,CAACI,GAAG;EAAA;EAAA;AAAA,wGAChC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAA0I,CAAC,EAE7IF,SAAS,EACTD,cAAc,CAEjB;AAEDE,YAAY,CAACE,WAAW,GAAG,cAAc"}

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

@@ -18,8 +18,8 @@ export var StyledButtonGroup = styled.div.withConfig({
   "marginRight": "-1px",
   "borderRadius": "0px"
 }, {
-  "color": "var(--color-theme-900)",
-  "fill": "currentColor"
+  "fill": "currentColor",
+  "color": "var(--color-theme-900)"
 });
 StyledButtonGroup.displayName = "StyledButtonGroup";
 //# sourceMappingURL=Styles.js.map

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

@@ -5,26 +5,26 @@ export var StyledChoose = styled.button.withConfig({
   displayName: "Styles__StyledChoose",
   componentId: "sc-1j2qv02-0"
 })(["", " ", " ", " ", " height:32px;padding:0 16px;transition:all 0.3s ease;border:1px solid var(--border-primary);font-size:13px;transition-duration:0.3s;&:hover{", " box-shadow:inset 0 0 5px 3px var(--color-primary-300);}", ""], {
-  "WebkitFontSmoothing": "antialiased",
-  "MozOsxFontSmoothing": "grayscale",
+  "margin": "0px",
+  "display": "inline-block",
   "verticalAlign": "middle",
   "fontWeight": "500",
-  "display": "inline-block",
   "lineHeight": "1",
-  "margin": "0px",
-  "textDecoration": "none"
+  "textDecorationLine": "none",
+  "WebkitFontSmoothing": "antialiased",
+  "MozOsxFontSmoothing": "grayscale"
 }, {
-  "userSelect": "none",
   "cursor": "pointer",
-  "textAlign": "center",
+  "userSelect": "none",
   "borderRadius": "0.5rem",
+  "textAlign": "center",
   "color": "var(--color-theme-700)"
 }, FontStyle, BoxSizingStyle, {
   "borderColor": "var(--color-primary)"
 }, function (props) {
   return props.active && css(["", " background-color:var(--color-primary-300);"], {
-    "borderColor": "var(--color-primary)",
-    "zIndex": "0"
+    "zIndex": "0",
+    "borderColor": "var(--color-primary)"
   });
 });
 StyledChoose.displayName = "StyledChoose";

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

@@ -5,16 +5,16 @@ export var StyledCompleteCheckbox = styled.button.withConfig({
   displayName: "Styles__StyledCompleteCheckbox",
   componentId: "sc-1801dzg-0"
 })(["", " border-color:var(--color-theme-600);transition:ease 0.3s all;background-color:transparent;padding:0;svg{", " top:50%;left:50%;transform:translate(-50%,-50%);}svg path{fill:none;stroke:#32b370;stroke-width:3;transform:scale(0);}", " svg polyline{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:0.3s;stroke-dasharray:13;stroke-dashoffset:13;stroke:#d2d2d2;", "}", " ", " ", " ", " ", ""], {
-  "width": "1.5rem",
+  "position": "relative",
   "height": "1.5rem",
+  "width": "1.5rem",
+  "cursor": "pointer",
   "borderRadius": "9999px",
   "borderWidth": "1px",
-  "borderStyle": "solid",
-  "position": "relative",
-  "cursor": "pointer"
+  "borderStyle": "solid"
 }, {
-  "position": "absolute",
-  "pointerEvents": "none"
+  "pointerEvents": "none",
+  "position": "absolute"
 }, function (props) {
   return props.$primary && css(["svg path{stroke:var(--color-primary);}"]);
 }, function (props) {
@@ -34,8 +34,8 @@ export var StyledCompleteCheckbox = styled.button.withConfig({
   });
 }, function (props) {
   return !props.$checkMarkClassName && css(["svg{", "}"], {
-    "width": "3rem",
-    "height": "3rem"
+    "height": "3rem",
+    "width": "3rem"
   });
 });
 StyledCompleteCheckbox.displayName = "StyledCompleteCheckbox";

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

@@ -23,8 +23,8 @@ export var StyledDayPicker = styled(DayPicker).withConfig({
 }, {
   "color": "var(--color-theme-600)"
 }, {
-  "color": "var(--color-theme-900)",
-  "fontWeight": "700"
+  "fontWeight": "700",
+  "color": "var(--color-theme-900)"
 });
 export var StyledDatePickerCSSTransition = styled(CSSTransition).withConfig({
   displayName: "Styles__StyledDatePickerCSSTransition",

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

@@ -23,25 +23,22 @@ export var StyledInput = styled(Typography).withConfig({
   componentId: "sc-1wapx2a-2"
 })(["", " background-color:inherit;padding-left:4px;padding-right:4px;padding-top:1px;padding-bottom:1px;text-overflow:ellipsis;&:focus-whitin{text-overflow:clip;}outline-width:0px;outline:none;&:disabled{display:none;}"], {
   "position": "absolute",
-  "top": "0px",
-  "right": "0px",
-  "bottom": "0px",
-  "left": "0px",
+  "inset": "0px",
+  "boxSizing": "border-box",
+  "width": "100%",
+  "overflow": "hidden",
+  "whiteSpace": "nowrap",
+  "borderRadius": "0.375rem",
   "borderWidth": "1px",
-  "borderColor": "rgba(0, 0, 0, 0)",
   "borderStyle": "solid",
-  ":hover": {
-    "borderColor": "var(--color-theme-700)"
-  },
+  "borderColor": "transparent",
   ":focus-within": {
-    "borderColor": "var(--color-theme-700)",
-    "overflow": "scroll"
+    "overflow": "scroll",
+    "borderColor": "var(--color-theme-700)"
   },
-  "borderRadius": "0.375rem",
-  "boxSizing": "border-box",
-  "overflow": "hidden",
-  "whiteSpace": "nowrap",
-  "width": "100%"
+  ":hover": {
+    "borderColor": "var(--color-theme-700)"
+  }
 });
 StyledInput.displayName = "StyledInput";
 //# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","Typography","StyledDiv","div","StyledSpan","$disabled","displayName","StyledInput"],"sources":["../../../../src/components/EditableContent/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport const StyledDiv = styled.div`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${tw`tw-relative tw-inline-block tw-max-w-full`}\n`;\n\nexport const StyledSpan = styled(Typography)<{ $disabled?: boolean }>`\n  visibility: hidden;\n  display: block;\n  padding-left: 4px;\n  padding-right: 4px;\n  padding-top: 1px;\n  padding-bottom: 1px;\n  position: relative;\n  border: 1px solid transparent;\n  border-radius: 6px;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: pre;\n\n  ${({ $disabled }) =>\n    $disabled &&\n    css`\n      visibility: visible;\n    `}\n\n  &:empty:before {\n    content: \"i\";\n  }\n`;\n\nStyledSpan.displayName = \"StyledSpan\";\n\nexport const StyledInput = styled(Typography)`\n  ${tw`\n    tw-absolute\n    tw-inset-0\n    tw-border\n    tw-border-transparent\n    tw-border-solid\n    hover:tw-border-theme-700\n    focus-within:tw-border-theme-700\n    tw-rounded-md\n    tw-box-border\n    tw-overflow-hidden\n    tw-whitespace-nowrap\n    focus-within:tw-overflow-scroll\n    tw-w-full`}\n\n  background-color: inherit;\n  padding-left: 4px;\n  padding-right: 4px;\n  padding-top: 1px;\n  padding-bottom: 1px;\n  text-overflow: ellipsis;\n  &:focus-whitin {\n    text-overflow: clip;\n  }\n  outline-width: 0px;\n  outline: none;\n  &:disabled {\n    display: none;\n  }\n`;\n\nStyledInput.displayName = \"StyledInput\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,UAAU,QAAQ,0BAA0B;AAErD,OAAO,IAAMC,SAAS,GAAGL,MAAM,CAACM,GAAG;EAAA;EAAA;AAAA,uBAC/BH,SAAS,EACTD,cAAc,EAEZ;EAAA;EAAA;EAAA;AAA0C,CAAC,CAChD;AAED,OAAO,IAAMK,UAAU,GAAGP,MAAM,CAACI,UAAU,CAAC;EAAA;EAAA;AAAA,yRAexC;EAAA,IAAGI,SAAS,QAATA,SAAS;EAAA,OACZA,SAAS,IACTP,GAAG,yBAEF;AAAA,EAKJ;AAEDM,UAAU,CAACE,WAAW,GAAG,YAAY;AAErC,OAAO,IAAMC,WAAW,GAAGV,MAAM,CAACI,UAAU,CAAC;EAAA;EAAA;AAAA,+NACvC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAaO,CAAC,CAgBb;AAEDM,WAAW,CAACD,WAAW,GAAG,aAAa"}
+{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","Typography","StyledDiv","div","StyledSpan","$disabled","displayName","StyledInput"],"sources":["../../../../src/components/EditableContent/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport const StyledDiv = styled.div`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${tw`tw-relative tw-inline-block tw-max-w-full`}\n`;\n\nexport const StyledSpan = styled(Typography)<{ $disabled?: boolean }>`\n  visibility: hidden;\n  display: block;\n  padding-left: 4px;\n  padding-right: 4px;\n  padding-top: 1px;\n  padding-bottom: 1px;\n  position: relative;\n  border: 1px solid transparent;\n  border-radius: 6px;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: pre;\n\n  ${({ $disabled }) =>\n    $disabled &&\n    css`\n      visibility: visible;\n    `}\n\n  &:empty:before {\n    content: \"i\";\n  }\n`;\n\nStyledSpan.displayName = \"StyledSpan\";\n\nexport const StyledInput = styled(Typography)`\n  ${tw`\n    tw-absolute\n    tw-inset-0\n    tw-border\n    tw-border-transparent\n    tw-border-solid\n    hover:tw-border-theme-700\n    focus-within:tw-border-theme-700\n    tw-rounded-md\n    tw-box-border\n    tw-overflow-hidden\n    tw-whitespace-nowrap\n    focus-within:tw-overflow-scroll\n    tw-w-full`}\n\n  background-color: inherit;\n  padding-left: 4px;\n  padding-right: 4px;\n  padding-top: 1px;\n  padding-bottom: 1px;\n  text-overflow: ellipsis;\n  &:focus-whitin {\n    text-overflow: clip;\n  }\n  outline-width: 0px;\n  outline: none;\n  &:disabled {\n    display: none;\n  }\n`;\n\nStyledInput.displayName = \"StyledInput\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,UAAU,QAAQ,0BAA0B;AAErD,OAAO,IAAMC,SAAS,GAAGL,MAAM,CAACM,GAAG;EAAA;EAAA;AAAA,uBAC/BH,SAAS,EACTD,cAAc,EAEZ;EAAA;EAAA;EAAA;AAA0C,CAAC,CAChD;AAED,OAAO,IAAMK,UAAU,GAAGP,MAAM,CAACI,UAAU,CAAC;EAAA;EAAA;AAAA,yRAexC;EAAA,IAAGI,SAAS,QAATA,SAAS;EAAA,OACZA,SAAS,IACTP,GAAG,yBAEF;AAAA,EAKJ;AAEDM,UAAU,CAACE,WAAW,GAAG,YAAY;AAErC,OAAO,IAAMC,WAAW,GAAGV,MAAM,CAACI,UAAU,CAAC;EAAA;EAAA;AAAA,+NACvC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;EAAA;AAaO,CAAC,CAgBb;AAEDM,WAAW,CAACD,WAAW,GAAG,aAAa"}

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

@@ -3,9 +3,9 @@ export var StyledExpand = styled.svg.withConfig({
   displayName: "Styles__StyledExpand",
   componentId: "sc-zjpl2-0"
 })(["", ""], {
-  "fill": "currentColor",
+  "height": "1.5rem",
   "width": "1.5rem",
-  "height": "1.5rem"
+  "fill": "currentColor"
 });
 StyledExpand.displayName = "StyledExpand";
 export var StyledExpandSingle = styled(StyledExpand).withConfig({

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

@@ -0,0 +1,23 @@
+import React from "react";
+/**
+ * @component RecurringSmallIcon
+ * @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 (
+ *   <RecurringSmallIcon className="mr-2" />
+ * )
+ *
+ * @see
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+ * @see
+ * https://design.activecollab.com/docs/foundations/icons
+ */
+declare const RecurringSmallIcon: React.ForwardRefExoticComponent<Pick<React.SVGProps<SVGSVGElement>, "string" | "style" | "clipPath" | "filter" | "mask" | "path" | "key" | "css" | "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 RecurringSmallIcon;
+//# sourceMappingURL=RecurringSmall.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RecurringSmall.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icons/collection/RecurringSmall.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;;;;;;;;;;;;;;;;GAkBG;AACH,QAAA,MAAM,kBAAkB,qlPAoBvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

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

@@ -0,0 +1,41 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from "react";
+
+/**
+ * @component RecurringSmallIcon
+ * @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 (
+ *   <RecurringSmallIcon className="mr-2" />
+ * )
+ *
+ * @see
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+ * @see
+ * https://design.activecollab.com/docs/foundations/icons
+ */
+var RecurringSmallIcon = /*#__PURE__*/React.forwardRef(function (props, svgRef) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 12,
+    height: 12,
+    viewBox: "0 0 12 12",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "RecurringSmallIcon",
+    fill: "var(--color-theme-600)",
+    focusable: false,
+    ref: svgRef
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M9.182 2.818l.113.117.107.119a4.43 4.43 0 011.02 2.107l.021.125c.036.22.054.444.057.666h-.004l.001.048H9.493a3.475 3.475 0 00-.715-2.13l-.047-.06a3.5 3.5 0 00-5.119-.369l-.087.084.707.707-2.436.315.315-2.436.707.707A4.488 4.488 0 016.18 1.504c1.05.041 2.088.449 2.907 1.222l.095.092zM2.818 9.182a4.446 4.446 0 01-1.249-2.394 4.508 4.508 0 01-.069-.783h.003V6h1.004a3.472 3.472 0 00.913 2.365l.105.11a3.5 3.5 0 004.863.084l.087-.084-.707-.707 2.436-.315-.315 2.436-.707-.707a4.5 4.5 0 01-6.364 0z"
+  }));
+});
+RecurringSmallIcon.displayName = "RecurringSmallIcon";
+export default RecurringSmallIcon;
+//# sourceMappingURL=RecurringSmall.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RecurringSmall.js","names":["React","RecurringSmallIcon","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/RecurringSmall.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component RecurringSmallIcon\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 *   <RecurringSmallIcon 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 RecurringSmallIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={12}\n      height={12}\n      viewBox=\"0 0 12 12\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      data-testid=\"RecurringSmallIcon\"\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=\"M9.182 2.818l.113.117.107.119a4.43 4.43 0 011.02 2.107l.021.125c.036.22.054.444.057.666h-.004l.001.048H9.493a3.475 3.475 0 00-.715-2.13l-.047-.06a3.5 3.5 0 00-5.119-.369l-.087.084.707.707-2.436.315.315-2.436.707.707A4.488 4.488 0 016.18 1.504c1.05.041 2.088.449 2.907 1.222l.095.092zM2.818 9.182a4.446 4.446 0 01-1.249-2.394 4.508 4.508 0 01-.069-.783h.003V6h1.004a3.472 3.472 0 00.913 2.365l.105.11a3.5 3.5 0 004.863.084l.087-.084-.707-.707 2.436-.315-.315 2.436-.707-.707a4.5 4.5 0 01-6.364 0z\"\n      />\n    </svg>\n  )\n);\nRecurringSmallIcon.displayName = \"RecurringSmallIcon\";\nexport default RecurringSmallIcon;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,kBAAkB,gBAAGD,KAAK,CAACE,UAAU,CACzC,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,oBAAoB;IAChC,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;EAAif,EACnf,CACE;AAAA,CACP,CACF;AACDF,kBAAkB,CAACI,WAAW,GAAG,oBAAoB;AACrD,eAAeJ,kBAAkB"}

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

@@ -136,6 +136,7 @@ export { default as RearangeIcon } from "./Rearange";
 export { default as RearrangeSmallIcon } from "./RearrangeSmall";
 export { default as RecurringCheckmarkSmallIcon } from "./RecurringCheckmarkSmall";
 export { default as RecurringCheckmarkIcon } from "./RecurringCheckmark";
+export { default as RecurringSmallIcon } from "./RecurringSmall";
 export { default as ReportTimeIcon } from "./ReportTime";
 export { default as ReportsIcon } from "./Reports";
 export { default as RocketIcon } from "./Rocket";