@activecollab/components 1.0.350 → 1.0.351

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":";;;;;;;AAAA;AAEA;AACA;AAAyC;AAAA;AAElC,IAAMA,eAAe,GAAGC,yBAAM,CAACC,KAAK;EAAA;EAAA;AAAA,sCAGvCC,oBAAS,EACTC,8BAAc,EAEZ;EAAA;EAAA;AAA0B,CAAC,EAC3B;EAAA;EAAA;EAAA;AAA+C,CAAC,EAElD,UAACC,KAAK;EAAA,OACNA,KAAK,CAACC,cAAc,IACpBD,KAAK,CAACC,cAAc,KAAK,SAAS,QAClCC,qBAAG,uDAEK;IAAA;IAAA;IAAA;IAAA;IAAA;EAAqD,CAAC,EAMpD;IAAA;EAAQ,CAAC,CAGlB;AAAA,GAEC,UAACF,KAAK;EAAA,OACRA,KAAK,CAACC,cAAc,IACpBD,KAAK,CAACC,cAAc,KAAK,WAAW,QACpCC,qBAAG,mGAEK;IAAA;EAAqB,CAAC,CAe7B;AAAA,EACJ;AAAC;AACFP,eAAe,CAACQ,WAAW,GAAG,iBAAiB;AAExC,IAAMC,eAAe,GAAGR,yBAAM,CAACS,KAAK;EAAA;EAAA;AAAA,6FACvCP,oBAAS,EACTC,8BAAc,EAEZ;EAAA;EAAA;EAAA;AAAY,CAAC,EAGX;EAAA;EAAA;EAAA;AAAY,CAAC,EAKX;EAAA;AAAkB,CAAC,EAKrB;EAAA;EAAA;AAAgC,CAAC,EAE/B;EAAA;AAAa,CAAC,CAGvB;AAAC;AACFK,eAAe,CAACD,WAAW,GAAG,iBAAiB;AAExC,IAAMG,kBAAkB,GAAGV,yBAAM,CAACW,GAAG;EAAA;EAAA;AAAA,wEACxCT,oBAAS,EACTC,8BAAc,EAEZ;EAAA;EAAA;EAAA;EAAA;EAAA;AAAwD,CAAC,EAGvD;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAA8F,CAAC,CAKtG;AAAC;AACFO,kBAAkB,CAACH,WAAW,GAAG,oBAAoB;AAE9C,IAAMK,WAAW,GAAGZ,yBAAM,CAACa,KAAK;EAAA;EAAA;AAAA,oFAGjC;EAAA;EAAA;EAAA;EAAA;EAAA;AAAoC,CAAC,EAGvCd,eAAe,EACfS,eAAe,EAET;EAAA;AAAc,CAAC,EAKjB;EAAA;EAAA;EAAA;EAAA;AAAgB,CAAC,EAGrB,UAACJ,KAAK;EAAA,OACNA,KAAK,CAACU,QAAQ,QACdR,qBAAG,kEACCE,eAAe,EAET;IAAA;EAAgB,CAAC,CAG1B;AAAA,EACJ;AAAC;AACFI,WAAW,CAACL,WAAW,GAAG,aAAa;AAEhC,IAAMQ,eAAe,GAAGf,yBAAM,CAACW,GAAG;EAAA;EAAA;AAAA,+7DACrCT,oBAAS,EACTC,8BAAc,EAeR;EAAA;AAAQ,CAAC,EAEP;EAAA;AAAQ,CAAC,EAQT;EAAA;AAAQ,CAAC,EAKb;EAAA;AAAY,CAAC,EAGT;EAAA;AAAc,CAAC,EAKnB;EAAA;EAAA;EAAA;EAAA;AAAuD,CAAC,EAWxD;EAAA;EAAA;AAA+B,CAAC,EAGhC;EAAA;EAAA;EAAA;AAA8D,CAAC,EAI/D;EAAA;AAAQ,CAAC,EAIP;EAAA;AAAe,CAAC,EAIlB;EAAA;AAAa,CAAC,EAGd;EAAA;AAAe,CAAC,EAMhB;EAAA;AAAa,CAAC,EAEZ;EAAA;AAAkB,CAAC,EAGnB;EAAA;AAAgB,CAAC,EAInB;EAAA;EAAA;AAAoC,CAAC,EAIrC;EAAA;AAAkB,CAAC,EAKnB;EAAA;AAAkB,CAAC,EAGnB;EAAA;EAAA;AAA8B,CAAC,EAsC7B;EAAA;AAAY,CAAC,EAEf;EAAA;AAAY,CAAC,EAUT;EAAA;AAAgB,CAAC,EAKjB;EAAA;AAAsB,CAAC,EAevB;EAAA;AAAQ,CAAC,EAKb;EAAA;AAAO,CAAC,EAKR;EAAA;AAAQ,CAAC,EAGT;EAAA;AAAkB,CAAC,EAGnB;EAAA;AAAe,CAAC,EAGhB;EAAA;AAAc,CAAC,EAGf;EAAA;AAAU,CAAC,CAElB;AAAC;AACFY,eAAe,CAACR,WAAW,GAAG,iBAAiB"}

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/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({