@activecollab/components 1.0.349 → 1.0.351

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

@@ -9,18 +9,18 @@ export var StyledLink = styled.a.withConfig({
   displayName: "Styles__StyledLink",
   componentId: "sc-1c1jdox-1"
 })(["", " ", " ", " border:none;height:32px;transition:background-color 0.3s ease,box-shadow 0.3s ease,color 0.3s ease,border-color 0.3s ease;svg{fill:currentColor;}&::-moz-focus-inner{border:0;}&:focus{outline:none;}&:hover{text-decoration:none;}", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", ""], FontStyle, BoxSizingStyle, {
-  "WebkitFontSmoothing": "antialiased",
-  "MozOsxFontSmoothing": "grayscale",
-  "fontWeight": "500",
-  "lineHeight": "1.25rem",
   "margin": "0px",
-  "textDecoration": "none",
-  "fontSize": "0.875rem",
-  "userSelect": "none",
-  "cursor": "pointer",
   "display": "inline-flex",
+  "cursor": "pointer",
+  "userSelect": "none",
   "alignItems": "center",
-  "justifyContent": "center"
+  "justifyContent": "center",
+  "fontSize": "0.875rem",
+  "lineHeight": "1",
+  "fontWeight": "500",
+  "textDecorationLine": "none",
+  "WebkitFontSmoothing": "antialiased",
+  "MozOsxFontSmoothing": "grayscale"
 }, function (props) {
   return props.disabled && css(["cursor:default;opacity:50%;pointer-events:none;"]);
 }, function (props) {
@@ -58,22 +58,22 @@ export var StyledBackLink = styled.a.withConfig({
   displayName: "Styles__StyledBackLink",
   componentId: "sc-1c1jdox-3"
 })(["", " ", " ", " text-decoration:none;border:transparent 1px solid;border-radius:20px;height:32px;font-size:10px;font-weight:500;display:table-cell;vertical-align:middle;&:before,&:after{content:\"\";", " border-width:0 1px 1px 0;position:absolute;left:0;transition:all ease 0.3s;}&:before{", " transform:translateX(1rem) translateY(0.1rem) rotate(135deg);}&:after{", " transform:translateX(2rem) translateY(0.1rem) rotate(135deg);}&:hover{text-decoration:none;border-color:var(--border-primary);&:before{", " transform:translateX(0rem) translateY(0.1rem) rotate(135deg);}&:after{", " transform:translateX(1rem) translateY(0.1rem) rotate(135deg);}}"], FontStyle, BoxSizingStyle, {
+  "display": "inline-flex",
+  "cursor": "pointer",
   "paddingLeft": "2rem",
+  "paddingRight": "1rem",
+  "verticalAlign": "middle",
   "fontSize": "0.6875rem",
   "textTransform": "uppercase",
-  "display": "inline-flex",
-  "verticalAlign": "middle",
-  "paddingRight": "1rem",
-  "color": "var(--color-theme-600)",
-  "cursor": "pointer"
+  "color": "var(--color-theme-600)"
 }, {
-  "borderStyle": "solid",
-  "color": "var(--color-theme-700)",
   "display": "inline-block",
-  "padding": "0px",
-  "width": "0.5rem",
   "height": "0.5rem",
-  "backgroundRepeat": "no-repeat"
+  "width": "0.5rem",
+  "borderStyle": "solid",
+  "backgroundRepeat": "no-repeat",
+  "padding": "0px",
+  "color": "var(--color-theme-700)"
 }, {
   "opacity": "1"
 }, {

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

@@ -6,11 +6,11 @@ export var StyledMenu = styled(Bubble).withConfig({
   displayName: "Styles__StyledMenu",
   componentId: "sc-8fhkp-0"
 })(["", " ", " ", " width:", ";color:var(--color-theme-700);a:focus,a:active{outline:none;}", " ", " ", ""], {
-  "backgroundColor": "var(--page-paper-main)",
-  "borderColor": "var(--border-primary)",
   "marginTop": "0.25rem",
   "marginBottom": "0.25rem",
-  "overflow": "auto"
+  "overflow": "auto",
+  "borderColor": "var(--border-primary)",
+  "backgroundColor": "var(--page-paper-main)"
 }, FontStyle, BoxSizingStyle, function (props) {
   return props.$mode;
 }, function (props) {

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

@@ -7,19 +7,19 @@ export var StyledMenuSelectorDots = styled(TreeDotsIcon).withConfig({
   displayName: "Styles__StyledMenuSelectorDots",
   componentId: "sc-1x7qbnu-0"
 })(["", ""], {
-  "cursor": "pointer",
+  "marginLeft": "0.5rem",
   "flexShrink": "0",
-  "marginLeft": "0.5rem"
+  "cursor": "pointer"
 });
 StyledMenuSelectorDots.displayName = "StyledMenuSelectorDots";
 export var StyledMenuSelectorBack = styled(ArrowLeftIcon).withConfig({
   displayName: "Styles__StyledMenuSelectorBack",
   componentId: "sc-1x7qbnu-1"
 })(["", ""], {
-  "cursor": "pointer",
-  "stroke": "currentColor",
+  "marginRight": "0.5rem",
   "flexShrink": "0",
-  "marginRight": "0.5rem"
+  "cursor": "pointer",
+  "stroke": "currentColor"
 });
 StyledMenuSelectorBack.displayName = "StyledMenuSelectorBack";
 export var StyledMenuSelector = styled.div.withConfig({
@@ -31,9 +31,9 @@ export var StyledMenuSelectorInner = styled.div.withConfig({
   displayName: "Styles__StyledMenuSelectorInner",
   componentId: "sc-1x7qbnu-3"
 })(["", ""], {
+  "margin": "1rem",
   "display": "flex",
-  "alignItems": "center",
-  "margin": "1rem"
+  "alignItems": "center"
 });
 StyledMenuSelectorInner.displayName = "StyledMenuSelectorInner";
 //# sourceMappingURL=Styles.js.map

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

@@ -24,9 +24,9 @@ export var StyledNavList = styled.ul.withConfig({
   displayName: "Styles__StyledNavList",
   componentId: "sc-1khiypw-1"
 })(["", " overflow:clip visible;"], {
+  "margin": "0px",
   "display": "flex",
   "listStyleType": "none",
-  "margin": "0px",
   "padding": "0px"
 });
 StyledNavList.displayName = "StyledNavList";
@@ -34,11 +34,11 @@ export var StyledNavListItem = styled.li.withConfig({
   displayName: "Styles__StyledNavListItem",
   componentId: "sc-1khiypw-2"
 })(["", " color:var(--color-theme-700);font-size:15px;display:flex;align-items:center;font-weight:500;padding:0 10px;flex-shrink:0;&:hover,&:hover *{", "}", " &::after{content:\"\";", " bottom:0;left:50%;transform:translateX(-50%);height:3px;transition:width 0.3s ease,background-color 0.3s ease;}", " ", " ", " ", ""], {
-  "fontSize": "0.875rem",
-  "lineHeight": "1.25rem",
-  "cursor": "default",
   "position": "relative",
-  "userSelect": "none"
+  "cursor": "default",
+  "userSelect": "none",
+  "fontSize": "0.875rem",
+  "lineHeight": "1.25rem"
 }, function (props) {
   return !props.$disabled && css(["", ""], {
     "color": "var(--color-primary)"
@@ -49,10 +49,10 @@ export var StyledNavListItem = styled.li.withConfig({
   });
 }, {
   "position": "absolute",
-  "display": "block",
   "margin": "auto",
+  "display": "block",
   "width": "0px",
-  "backgroundColor": "rgba(0, 0, 0, 0)"
+  "backgroundColor": "transparent"
 }, function (props) {
   return props.$active && css(["", " &::after{", "}"], {
     "pointerEvents": "none"
@@ -62,8 +62,8 @@ export var StyledNavListItem = styled.li.withConfig({
   });
 }, function (props) {
   return props.$disabled && css(["", ""], {
-    "userSelect": "none",
     "cursor": "not-allowed",
+    "userSelect": "none",
     "opacity": "0.5"
   });
 }, function (props) {

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

@@ -14,11 +14,11 @@ export var StyledMonths = styled.div.withConfig({
 })(["top:30px;height:230px;", ""], {
   "position": "absolute",
   "left": "0px",
-  "padding": "1.25rem",
+  "zIndex": "10",
   "display": "flex",
   "flexWrap": "wrap",
   "backgroundColor": "var(--page-paper-main)",
-  "zIndex": "10"
+  "padding": "1.25rem"
 });
 export var StyledMonth = styled.div.withConfig({
   displayName: "Styles__StyledMonth",
@@ -27,9 +27,9 @@ export var StyledMonth = styled.div.withConfig({
   "margin": "auto",
   "cursor": "pointer",
   "borderRadius": "1rem",
-  "fontWeight": "700",
   "fontSize": "0.875rem",
-  "lineHeight": "1.25rem"
+  "lineHeight": "1.25rem",
+  "fontWeight": "700"
 }, function (props) {
   return !props.$isSelected ? css(["&:hover{background-color:var(--color-primary-300);}"]) : css(["", " background-color:var(--color-primary);"], {
     "color": "var(--color-theme-100)"
@@ -58,9 +58,9 @@ export var StyledYearMonthPickerNavBarItem = styled.span.withConfig({
   displayName: "Styles__StyledYearMonthPickerNavBarItem",
   componentId: "sc-1owijsg-5"
 })(["", " transition-duration:0.3s;display:inline-block;&:hover{background-color:var(--color-primary-300);border-radius:15px;}"], {
+  "cursor": "pointer",
   "paddingLeft": "1rem",
-  "paddingRight": "1rem",
-  "cursor": "pointer"
+  "paddingRight": "1rem"
 });
 StyledNavBarButton.displayName = "StyledNavBarButton";
 StyledMonths.displayName = "StyledMonths";

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

@@ -10,9 +10,9 @@ export var StyledScrollShadowTop = styled.div.withConfig({
   componentId: "sc-17pcaqo-1"
 })(["", " background-image:linear-gradient( to top,", ",", " );"], {
   "position": "absolute",
-  "top": "0px",
   "left": "0px",
   "right": "0px",
+  "top": "0px",
   "height": "0.5rem"
 }, function (props) {
   return props.$innerColor ? props.$innerColor : "var(--page-paper-main-shadow)";
@@ -24,9 +24,9 @@ export var StyledScrollShadowBottom = styled.div.withConfig({
   componentId: "sc-17pcaqo-2"
 })(["", " background-image:linear-gradient( to top,", ",", " );"], {
   "position": "absolute",
-  "bottom": "0px",
   "left": "0px",
   "right": "0px",
+  "bottom": "0px",
   "height": "0.5rem"
 }, function (props) {
   return props.$outerColor ? props.$outerColor : "var(--page-paper-main)";
@@ -38,9 +38,9 @@ export var StyledScrollShadowLeft = styled.div.withConfig({
   componentId: "sc-17pcaqo-3"
 })(["", " background-image:linear-gradient( to left,", ",", " );"], {
   "position": "absolute",
-  "left": "0px",
   "top": "0px",
   "bottom": "0px",
+  "left": "0px",
   "width": "0.5rem"
 }, function (props) {
   return props.$innerColor ? props.$innerColor : "var(--page-paper-main-shadow)";
@@ -52,9 +52,9 @@ export var StyledScrollShadowRight = styled.div.withConfig({
   componentId: "sc-17pcaqo-4"
 })(["", " background-image:linear-gradient( to right,", ",", " );"], {
   "position": "absolute",
-  "right": "0px",
   "top": "0px",
   "bottom": "0px",
+  "right": "0px",
   "width": "0.5rem"
 }, function (props) {
   return props.$innerColor ? props.$innerColor : "var(--page-paper-main-shadow)";

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

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

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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"}