@activecollab/components 1.0.350 → 1.0.351

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

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

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

@@ -24,9 +24,9 @@ export var StyledIcon = styled.svg.withConfig({
   displayName: "Styles__StyledIcon",
   componentId: "sc-1idn4je-2"
 })(["", ""], {
+  "marginRight": "0.25rem",
   "fontSize": "0.75rem",
-  "lineHeight": "1rem",
-  "marginRight": "0.25rem"
+  "lineHeight": "1rem"
 });
 StyledIcon.displayName = "StyledIcon";
 //# sourceMappingURL=Styles.js.map

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

@@ -10,29 +10,29 @@ export var StyledButton = styled.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, 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"
 });
 export var StyledMenu = styled(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"
 });
 export var StyledButtonGroup = styled(ButtonGroup).withConfig({
   displayName: "Styles__StyledButtonGroup",
@@ -53,21 +53,21 @@ export var StyledDiv = styled.div.withConfig({
   return props.$isRounded && 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"
 }, screen.md);
 export var StyledControl = styled(IconButton).withConfig({
   displayName: "Styles__StyledControl",

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

@@ -8,15 +8,15 @@ export var StyledTableHead = styled.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" && 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"
@@ -41,29 +41,30 @@ export var StyledTableBody = styled.tbody.withConfig({
 }, {
   "color": "var(--color-theme-700)"
 }, {
-  "textDecoration": "none",
-  "color": "var(--color-primary)"
+  "color": "var(--color-primary)",
+  "textDecorationLine": "none"
 }, {
-  "textDecoration": "underline"
+  "textDecorationLine": "underline"
 });
 StyledTableBody.displayName = "StyledTableBody";
 export var StyledTableWrapper = styled.div.withConfig({
   displayName: "Styles__StyledTableWrapper",
   componentId: "sc-e16t6w-2"
 })(["", " ", " ", " &:before{", " content:\"\";top:39px;z-index:-1;}"], FontStyle, 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)"
 });
 StyledTableWrapper.displayName = "StyledTableWrapper";
@@ -73,16 +74,16 @@ export var StyledTable = styled.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 && css(["", ":not(.c-table__grouped__head){tr:nth-child(odd){", "}}"], StyledTableBody, {
     "backgroundColor": "var(--color-theme-200)"
@@ -103,17 +104,17 @@ export var StyledDataTable = styled.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/esm/components/Tables/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","StyledTableHead","thead","props","$headerVariant","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":["styled","css","BoxSizingStyle","FontStyle","StyledTableHead","thead","props","$headerVariant","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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"}