@activecollab/components 1.0.350 → 1.0.351

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

@@ -12,12 +12,12 @@ var StyledAccordion = _styledComponents.default.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.FontStyle, _BoxSizingStyle.BoxSizingStyle);
 exports.StyledAccordion = StyledAccordion;
 StyledAccordion.displayName = "StyledAccordion";

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

@@ -12,18 +12,19 @@ var StyledBubble = _styledComponents.default.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.FontStyle, _BoxSizingStyle.BoxSizingStyle);
 exports.StyledBubble = StyledBubble;
 StyledBubble.displayName = "StyledBubble";

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["StyledBubble","styled","div","FontStyle","BoxSizingStyle","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;AAEA;AACA;AAAyC;AAElC,IAAMA,YAAY,GAAGC,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,wGAChC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAA0I,CAAC,EAE7IC,oBAAS,EACTC,8BAAc,CAEjB;AAAC;AAEFJ,YAAY,CAACK,WAAW,GAAG,cAAc"}
+{"version":3,"file":"Styles.js","names":["StyledBubble","styled","div","FontStyle","BoxSizingStyle","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;AAEA;AACA;AAAyC;AAElC,IAAMA,YAAY,GAAGC,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,wGAChC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAA0I,CAAC,EAE7IC,oBAAS,EACTC,8BAAc,CAEjB;AAAC;AAEFJ,YAAY,CAACK,WAAW,GAAG,cAAc"}

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

@@ -25,8 +25,8 @@ var StyledButtonGroup = _styledComponents.default.div.withConfig({
   "marginRight": "-1px",
   "borderRadius": "0px"
 }, {
-  "color": "var(--color-theme-900)",
-  "fill": "currentColor"
+  "fill": "currentColor",
+  "color": "var(--color-theme-900)"
 });
 exports.StyledButtonGroup = StyledButtonGroup;
 StyledButtonGroup.displayName = "StyledButtonGroup";

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

@@ -14,26 +14,26 @@ var StyledChoose = _styledComponents.default.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.FontStyle, _BoxSizingStyle.BoxSizingStyle, {
   "borderColor": "var(--color-primary)"
 }, function (props) {
   return props.active && (0, _styledComponents.css)(["", " background-color:var(--color-primary-300);"], {
-    "borderColor": "var(--color-primary)",
-    "zIndex": "0"
+    "zIndex": "0",
+    "borderColor": "var(--color-primary)"
   });
 });
 exports.StyledChoose = StyledChoose;

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

@@ -14,16 +14,16 @@ var StyledCompleteCheckbox = _styledComponents.default.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 && (0, _styledComponents.css)(["svg path{stroke:var(--color-primary);}"]);
 }, function (props) {
@@ -43,8 +43,8 @@ var StyledCompleteCheckbox = _styledComponents.default.button.withConfig({
   });
 }, function (props) {
   return !props.$checkMarkClassName && (0, _styledComponents.css)(["svg{", "}"], {
-    "width": "3rem",
-    "height": "3rem"
+    "height": "3rem",
+    "width": "3rem"
   });
 });
 exports.StyledCompleteCheckbox = StyledCompleteCheckbox;

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

@@ -34,8 +34,8 @@ var StyledDayPicker = (0, _styledComponents.default)(_reactDayPicker.default).wi
 }, {
   "color": "var(--color-theme-600)"
 }, {
-  "color": "var(--color-theme-900)",
-  "fontWeight": "700"
+  "fontWeight": "700",
+  "color": "var(--color-theme-900)"
 });
 exports.StyledDayPicker = StyledDayPicker;
 var StyledDatePickerCSSTransition = (0, _styledComponents.default)(_reactTransitionGroup.CSSTransition).withConfig({

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

@@ -34,25 +34,22 @@ var StyledInput = (0, _styledComponents.default)(_Typography.Typography).withCon
   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)"
+  }
 });
 exports.StyledInput = StyledInput;
 StyledInput.displayName = "StyledInput";

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["StyledDiv","styled","div","FontStyle","BoxSizingStyle","StyledSpan","Typography","$disabled","css","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;AAEA;AACA;AACA;AAAsD;AAAA;AAE/C,IAAMA,SAAS,GAAGC,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,uBAC/BC,oBAAS,EACTC,8BAAc,EAEZ;EAAA;EAAA;EAAA;AAA0C,CAAC,CAChD;AAAC;AAEK,IAAMC,UAAU,GAAG,IAAAJ,yBAAM,EAACK,sBAAU,CAAC;EAAA;EAAA;AAAA,yRAexC;EAAA,IAAGC,SAAS,QAATA,SAAS;EAAA,OACZA,SAAS,QACTC,qBAAG,0BAEF;AAAA,EAKJ;AAAC;AAEFH,UAAU,CAACI,WAAW,GAAG,YAAY;AAE9B,IAAMC,WAAW,GAAG,IAAAT,yBAAM,EAACK,sBAAU,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;AAAC;AAEFI,WAAW,CAACD,WAAW,GAAG,aAAa"}
+{"version":3,"file":"Styles.js","names":["StyledDiv","styled","div","FontStyle","BoxSizingStyle","StyledSpan","Typography","$disabled","css","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;AAEA;AACA;AACA;AAAsD;AAAA;AAE/C,IAAMA,SAAS,GAAGC,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,uBAC/BC,oBAAS,EACTC,8BAAc,EAEZ;EAAA;EAAA;EAAA;AAA0C,CAAC,CAChD;AAAC;AAEK,IAAMC,UAAU,GAAG,IAAAJ,yBAAM,EAACK,sBAAU,CAAC;EAAA;EAAA;AAAA,yRAexC;EAAA,IAAGC,SAAS,QAATA,SAAS;EAAA,OACZA,SAAS,QACTC,qBAAG,0BAEF;AAAA,EAKJ;AAAC;AAEFH,UAAU,CAACI,WAAW,GAAG,YAAY;AAE9B,IAAMC,WAAW,GAAG,IAAAT,yBAAM,EAACK,sBAAU,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;AAAC;AAEFI,WAAW,CAACD,WAAW,GAAG,aAAa"}

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

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

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

@@ -19,18 +19,18 @@ var StyledLink = _styledComponents.default.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.FontStyle, _BoxSizingStyle.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 && (0, _styledComponents.css)(["cursor:default;opacity:50%;pointer-events:none;"]);
 }, function (props) {
@@ -70,22 +70,22 @@ var StyledBackLink = _styledComponents.default.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.FontStyle, _BoxSizingStyle.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/cjs/components/Menu/Styles.js

@@ -15,11 +15,11 @@ var StyledMenu = (0, _styledComponents.default)(_Bubble.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.FontStyle, _BoxSizingStyle.BoxSizingStyle, function (props) {
   return props.$mode;
 }, function (props) {

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

@@ -14,9 +14,9 @@ var StyledMenuSelectorDots = (0, _styledComponents.default)(_TreeDots.default).w
   displayName: "Styles__StyledMenuSelectorDots",
   componentId: "sc-1x7qbnu-0"
 })(["", ""], {
-  "cursor": "pointer",
+  "marginLeft": "0.5rem",
   "flexShrink": "0",
-  "marginLeft": "0.5rem"
+  "cursor": "pointer"
 });
 exports.StyledMenuSelectorDots = StyledMenuSelectorDots;
 StyledMenuSelectorDots.displayName = "StyledMenuSelectorDots";
@@ -24,10 +24,10 @@ var StyledMenuSelectorBack = (0, _styledComponents.default)(_ArrowLeft.default).
   displayName: "Styles__StyledMenuSelectorBack",
   componentId: "sc-1x7qbnu-1"
 })(["", ""], {
-  "cursor": "pointer",
-  "stroke": "currentColor",
+  "marginRight": "0.5rem",
   "flexShrink": "0",
-  "marginRight": "0.5rem"
+  "cursor": "pointer",
+  "stroke": "currentColor"
 });
 exports.StyledMenuSelectorBack = StyledMenuSelectorBack;
 StyledMenuSelectorBack.displayName = "StyledMenuSelectorBack";
@@ -41,9 +41,9 @@ var StyledMenuSelectorInner = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledMenuSelectorInner",
   componentId: "sc-1x7qbnu-3"
 })(["", ""], {
+  "margin": "1rem",
   "display": "flex",
-  "alignItems": "center",
-  "margin": "1rem"
+  "alignItems": "center"
 });
 exports.StyledMenuSelectorInner = StyledMenuSelectorInner;
 StyledMenuSelectorInner.displayName = "StyledMenuSelectorInner";

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

@@ -34,9 +34,9 @@ var StyledNavList = _styledComponents.default.ul.withConfig({
   displayName: "Styles__StyledNavList",
   componentId: "sc-1khiypw-1"
 })(["", " overflow:clip visible;"], {
+  "margin": "0px",
   "display": "flex",
   "listStyleType": "none",
-  "margin": "0px",
   "padding": "0px"
 });
 exports.StyledNavList = StyledNavList;
@@ -45,11 +45,11 @@ var StyledNavListItem = _styledComponents.default.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 && (0, _styledComponents.css)(["", ""], {
     "color": "var(--color-primary)"
@@ -60,10 +60,10 @@ var StyledNavListItem = _styledComponents.default.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 && (0, _styledComponents.css)(["", " &::after{", "}"], {
     "pointerEvents": "none"
@@ -73,8 +73,8 @@ var StyledNavListItem = _styledComponents.default.li.withConfig({
   });
 }, function (props) {
   return props.$disabled && (0, _styledComponents.css)(["", ""], {
-    "userSelect": "none",
     "cursor": "not-allowed",
+    "userSelect": "none",
     "opacity": "0.5"
   });
 }, function (props) {

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

@@ -24,11 +24,11 @@ var StyledMonths = _styledComponents.default.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"
 });
 exports.StyledMonths = StyledMonths;
 var StyledMonth = _styledComponents.default.div.withConfig({
@@ -38,9 +38,9 @@ var StyledMonth = _styledComponents.default.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 ? (0, _styledComponents.css)(["&:hover{background-color:var(--color-primary-300);}"]) : (0, _styledComponents.css)(["", " background-color:var(--color-primary);"], {
     "color": "var(--color-theme-100)"
@@ -72,9 +72,9 @@ var StyledYearMonthPickerNavBarItem = _styledComponents.default.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"
 });
 exports.StyledYearMonthPickerNavBarItem = StyledYearMonthPickerNavBarItem;
 StyledNavBarButton.displayName = "StyledNavBarButton";

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

@@ -18,9 +18,9 @@ var StyledScrollShadowTop = _styledComponents.default.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)";
@@ -33,9 +33,9 @@ var StyledScrollShadowBottom = _styledComponents.default.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)";
@@ -48,9 +48,9 @@ var StyledScrollShadowLeft = _styledComponents.default.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)";
@@ -63,9 +63,9 @@ var StyledScrollShadowRight = _styledComponents.default.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/cjs/components/SelectDate/Styles.js

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

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

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

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

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

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

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