@activecollab/components 1.0.47 → 1.0.50

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (41) hide show
  1. package/dist/cjs/components/CounterButton/CounterButton.js +1 -1
  2. package/dist/cjs/components/CounterButton/CounterButton.js.map +1 -1
  3. package/dist/cjs/components/CounterButton/Styles.js +1 -1
  4. package/dist/cjs/components/CounterButton/Styles.js.map +1 -1
  5. package/dist/cjs/components/GlobalStyle.js +1 -1
  6. package/dist/cjs/components/GlobalStyle.js.map +1 -1
  7. package/dist/cjs/components/Icons/collection/ProjectTemplateAdd.js +31 -0
  8. package/dist/cjs/components/Icons/collection/ProjectTemplateAdd.js.map +1 -0
  9. package/dist/cjs/components/Icons/collection/index.js +8 -0
  10. package/dist/cjs/components/Icons/collection/index.js.map +1 -1
  11. package/dist/cjs/components/ScrollShadow/ScrollShadow.js +11 -1
  12. package/dist/cjs/components/ScrollShadow/ScrollShadow.js.map +1 -1
  13. package/dist/cjs/components/ScrollShadow/Styles.js +20 -4
  14. package/dist/cjs/components/ScrollShadow/Styles.js.map +1 -1
  15. package/dist/esm/components/CounterButton/CounterButton.js +1 -1
  16. package/dist/esm/components/CounterButton/CounterButton.js.map +1 -1
  17. package/dist/esm/components/CounterButton/Styles.js +1 -1
  18. package/dist/esm/components/CounterButton/Styles.js.map +1 -1
  19. package/dist/esm/components/GlobalStyle.js +1 -1
  20. package/dist/esm/components/GlobalStyle.js.map +1 -1
  21. package/dist/esm/components/Icons/collection/ProjectTemplateAdd.d.ts +4 -0
  22. package/dist/esm/components/Icons/collection/ProjectTemplateAdd.d.ts.map +1 -0
  23. package/dist/esm/components/Icons/collection/ProjectTemplateAdd.js +18 -0
  24. package/dist/esm/components/Icons/collection/ProjectTemplateAdd.js.map +1 -0
  25. package/dist/esm/components/Icons/collection/index.d.ts +1 -0
  26. package/dist/esm/components/Icons/collection/index.d.ts.map +1 -1
  27. package/dist/esm/components/Icons/collection/index.js +1 -0
  28. package/dist/esm/components/Icons/collection/index.js.map +1 -1
  29. package/dist/esm/components/ScrollShadow/ScrollShadow.d.ts +2 -0
  30. package/dist/esm/components/ScrollShadow/ScrollShadow.d.ts.map +1 -1
  31. package/dist/esm/components/ScrollShadow/ScrollShadow.js +11 -1
  32. package/dist/esm/components/ScrollShadow/ScrollShadow.js.map +1 -1
  33. package/dist/esm/components/ScrollShadow/Styles.d.ts +9 -4
  34. package/dist/esm/components/ScrollShadow/Styles.d.ts.map +1 -1
  35. package/dist/esm/components/ScrollShadow/Styles.js +20 -4
  36. package/dist/esm/components/ScrollShadow/Styles.js.map +1 -1
  37. package/dist/index.js +51 -8
  38. package/dist/index.js.map +1 -1
  39. package/dist/index.min.js +1 -1
  40. package/dist/index.min.js.map +1 -1
  41. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -949,7 +949,7 @@
949
949
  var StyledCounterButtonLabel = styled__default["default"](Body2).withConfig({
950
950
  displayName: "Styles__StyledCounterButtonLabel",
951
951
  componentId: "sc-1ecrcba-3"
952
- })(["", " ", ":hover &{", "}", ""], {
952
+ })(["", " ", ":hover &&{", "}", ""], {
953
953
  "pointerEvents": "none"
954
954
  }, StyledCounterButton, function (props) {
955
955
  return !props.$active && styled.css(["color:var(--color-theme-900);"]);
@@ -987,7 +987,7 @@
987
987
  color: "secondary",
988
988
  weight: "medium",
989
989
  className: "c-counter-button__label",
990
- $active: active
990
+ $active: counter > 0 || active
991
991
  }, label), counter > 0 ? /*#__PURE__*/React__default["default"].createElement(StyledCounterButtonCounter, {
992
992
  className: "c-counter-button__counter"
993
993
  }, counter) : null), counter > 0 ? /*#__PURE__*/React__default["default"].createElement(Tooltip, {
@@ -3971,42 +3971,58 @@
3971
3971
  var StyledScrollShadowTop = styled__default["default"].div.withConfig({
3972
3972
  displayName: "Styles__StyledScrollShadowTop",
3973
3973
  componentId: "sc-17pcaqo-1"
3974
- })(["", " background-image:linear-gradient( to top,var(--page-paper-main-shadow),var(--page-paper-main) );"], {
3974
+ })(["", " background-image:linear-gradient( to top,", ",", " );"], {
3975
3975
  "position": "absolute",
3976
3976
  "top": "0px",
3977
3977
  "left": "0px",
3978
3978
  "right": "0px",
3979
3979
  "height": "0.5rem"
3980
+ }, function (props) {
3981
+ return props.$innerColor ? props.$innerColor : "var(--page-paper-main-shadow)";
3982
+ }, function (props) {
3983
+ return props.$outerColor ? props.$outerColor : "var(--page-paper-main)";
3980
3984
  });
3981
3985
  var StyledScrollShadowBottom = styled__default["default"].div.withConfig({
3982
3986
  displayName: "Styles__StyledScrollShadowBottom",
3983
3987
  componentId: "sc-17pcaqo-2"
3984
- })(["", " background-image:linear-gradient( to top,var(--page-paper-main),var(--page-paper-main-shadow) );"], {
3988
+ })(["", " background-image:linear-gradient( to top,", ",", " );"], {
3985
3989
  "position": "absolute",
3986
3990
  "bottom": "0px",
3987
3991
  "left": "0px",
3988
3992
  "right": "0px",
3989
3993
  "height": "0.5rem"
3994
+ }, function (props) {
3995
+ return props.$outerColor ? props.$outerColor : "var(--page-paper-main)";
3996
+ }, function (props) {
3997
+ return props.$innerColor ? props.$innerColor : "var(--page-paper-main-shadow)";
3990
3998
  });
3991
3999
  var StyledScrollShadowLeft = styled__default["default"].div.withConfig({
3992
4000
  displayName: "Styles__StyledScrollShadowLeft",
3993
4001
  componentId: "sc-17pcaqo-3"
3994
- })(["", " background-image:linear-gradient( to left,var(--page-paper-main-shadow),var(--page-paper-main) );"], {
4002
+ })(["", " background-image:linear-gradient( to left,", ",", " );"], {
3995
4003
  "position": "absolute",
3996
4004
  "left": "0px",
3997
4005
  "top": "0px",
3998
4006
  "bottom": "0px",
3999
4007
  "width": "0.5rem"
4008
+ }, function (props) {
4009
+ return props.$innerColor ? props.$innerColor : "var(--page-paper-main-shadow)";
4010
+ }, function (props) {
4011
+ return props.$outerColor ? props.$outerColor : "var(--page-paper-main)";
4000
4012
  });
4001
4013
  var StyledScrollShadowRight = styled__default["default"].div.withConfig({
4002
4014
  displayName: "Styles__StyledScrollShadowRight",
4003
4015
  componentId: "sc-17pcaqo-4"
4004
- })(["", " background-image:linear-gradient( to right,var(--page-paper-main-shadow),var(--page-paper-main) );"], {
4016
+ })(["", " background-image:linear-gradient( to right,", ",", " );"], {
4005
4017
  "position": "absolute",
4006
4018
  "right": "0px",
4007
4019
  "top": "0px",
4008
4020
  "bottom": "0px",
4009
4021
  "width": "0.5rem"
4022
+ }, function (props) {
4023
+ return props.$innerColor ? props.$innerColor : "var(--page-paper-main-shadow)";
4024
+ }, function (props) {
4025
+ return props.$outerColor ? props.$outerColor : "var(--page-paper-main)";
4010
4026
  });
4011
4027
  StyledScrollShadow.displayName = "StyledScrollShadow";
4012
4028
  StyledScrollShadowTop.displayName = "StyledScrollShadowTop";
@@ -4014,7 +4030,7 @@
4014
4030
  StyledScrollShadowLeft.displayName = "StyledScrollShadowLeft";
4015
4031
  StyledScrollShadowRight.displayName = "StyledScrollShadowRight";
4016
4032
 
4017
- var _excluded$r = ["children", "className", "disableVertical", "disableHorizontal", "invertHorizontal", "invertVertical"];
4033
+ var _excluded$r = ["children", "className", "disableVertical", "disableHorizontal", "invertHorizontal", "invertVertical", "innerColor", "outerColor"];
4018
4034
  var ScrollShadow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
4019
4035
  var children = _ref.children,
4020
4036
  className = _ref.className,
@@ -4026,6 +4042,8 @@
4026
4042
  invertHorizontal = _ref$invertHorizontal === void 0 ? false : _ref$invertHorizontal,
4027
4043
  _ref$invertVertical = _ref.invertVertical,
4028
4044
  invertVertical = _ref$invertVertical === void 0 ? false : _ref$invertVertical,
4045
+ innerColor = _ref.innerColor,
4046
+ outerColor = _ref.outerColor,
4029
4047
  rest = _objectWithoutProperties(_ref, _excluded$r);
4030
4048
 
4031
4049
  var _useState = React.useState({
@@ -4093,18 +4111,26 @@
4093
4111
  }), children({
4094
4112
  onScroll: handleScroll
4095
4113
  }), !disableVertical ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(StyledScrollShadowTop, {
4114
+ $innerColor: innerColor,
4115
+ $outerColor: outerColor,
4096
4116
  style: {
4097
4117
  opacity: opacity.top
4098
4118
  }
4099
4119
  }), /*#__PURE__*/React__default["default"].createElement(StyledScrollShadowBottom, {
4120
+ $innerColor: innerColor,
4121
+ $outerColor: outerColor,
4100
4122
  style: {
4101
4123
  opacity: opacity.bottom
4102
4124
  }
4103
4125
  })) : null, !disableHorizontal ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(StyledScrollShadowLeft, {
4126
+ $innerColor: innerColor,
4127
+ $outerColor: outerColor,
4104
4128
  style: {
4105
4129
  opacity: opacity.left
4106
4130
  }
4107
4131
  }), /*#__PURE__*/React__default["default"].createElement(StyledScrollShadowRight, {
4132
+ $innerColor: innerColor,
4133
+ $outerColor: outerColor,
4108
4134
  style: {
4109
4135
  opacity: opacity.right
4110
4136
  }
@@ -7063,6 +7089,22 @@
7063
7089
  ProjectAddIcon.displayName = "ProjectAddIcon";
7064
7090
  var ProjectAddIcon$1 = ProjectAddIcon;
7065
7091
 
7092
+ var ProjectTemplateAddIcon = /*#__PURE__*/React__default["default"].forwardRef(function (props, svgRef) {
7093
+ return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
7094
+ width: 24,
7095
+ height: 24,
7096
+ viewBox: "0 0 24 24",
7097
+ xmlns: "http://www.w3.org/2000/svg",
7098
+ fill: "var(--color-theme-600)",
7099
+ ref: svgRef
7100
+ }, props), /*#__PURE__*/React__default["default"].createElement("path", {
7101
+ d: "M20 15v3h3v2h-3v3h-2v-3h-3v-2h3v-3h2zm0-7a2 2 0 012 2v3h-2v-3H10v10h3v2h-3a2 2 0 01-2-2V10a2 2 0 012-2h10zM7 5h10a2 2 0 011.995 1.85L19 7H7v12a2 2 0 01-2-2V7a2 2 0 012-2zm7-3a2 2 0 011.995 1.85L16 4H4v12a2 2 0 01-2-2V4a2 2 0 012-2h10z",
7102
+ fillRule: "evenodd"
7103
+ }));
7104
+ });
7105
+ ProjectTemplateAddIcon.displayName = "ProjectTemplateAddIcon";
7106
+ var ProjectTemplateAddIcon$1 = ProjectTemplateAddIcon;
7107
+
7066
7108
  var ProjectTemplateConvertIcon = /*#__PURE__*/React__default["default"].forwardRef(function (props, svgRef) {
7067
7109
  return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
7068
7110
  width: 24,
@@ -10113,7 +10155,7 @@
10113
10155
  ThumbsDownIcon.displayName = "ThumbsDownIcon";
10114
10156
  var ThumbsDownIcon$1 = ThumbsDownIcon;
10115
10157
 
10116
- var GlobalStyle = styled.createGlobalStyle([":root{--color-primary:#5d2bff;--color-secondary:#5d2bff;--color-theme-100:#ffffff;--color-theme-200:#f6f6f9;--color-theme-300:#ebebee;--color-theme-400:#d7d7da;--color-theme-500:#b9b9bd;--color-theme-600:#89898e;--color-theme-700:#6d6d73;--color-theme-800:#5b5b61;--color-theme-900:#303037;--color-primary-200:rgba(93,43,255,0.05);--color-primary-300:rgba(93,43,255,0.1);--color-primary-400:rgba(93,43,255,0.25);--color-primary-500:rgba(93,43,255,0.5);--color-primary-600:rgba(93,43,255,0.75);--color-primary-700:#5d2bff;--color-primary-800:#4a21cd;--color-primary-900:#32178b;--color-secondary-200:rgba(93,43,255,0.05);--color-secondary-300:rgba(93,43,255,0.1);--color-secondary-400:rgba(93,43,255,0.25);--color-secondary-500:rgba(93,43,255,0.5);--color-secondary-600:rgba(93,43,255,0.75);--color-secondary-700:#5d2bff;--color-secondary-800:#4a21cd;--color-secondary-900:#32178b;--color-primary-opaque-300:#efeaff;--color-primary-opaque-400:#d6caff;--color-secondary-opaque-300:#efeaff;--color-secondary-opaque-400:#d6caff;--color-sucess-green:#64cd93;--body-bg-main:#f4f5f7;--page-paper-main:#ffffff;--border-primary:#d7d7da;--note-bg:#fff9f1;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.06),0 16px 16px 0 rgba(0,0,0,0.04),0 4px 4px 0 rgba(0,0,0,0.04),0 2px 2px 0 rgba(0,0,0,0.04);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.06),0 32px 32px 0 rgba(0,0,0,0.03),0 16px 16px 0 rgba(0,0,0,0.02),0 4px 4px 0 rgba(0,0,0,0.02),0 2px 2px 0 rgba(0,0,0,0.02);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.17);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.05),0 10px 15px -3px rgba(0,0,0,0.1);--shadow-tertiary-hover:0 4px 10px -2px rgba(0,0,0,0.1),0 12px 20px -3px rgba(0,0,0,0.2);--page-paper-main-shadow:rgba( 255,255,255,0 );--modal-background:rgba(244,245,247,0.6);--highlight-dark:rgba(0,0,0,0.03);--input-background-color:#ffffff;--red-alert:rgb(237,97,97);--only-white:#ffffff;--only-black:#000000;--ac-br-4:4px;--ac-br-6:6px;--ac-br-8:8px;--ac-br-rounded:999px;}.cupcake{--color-primary:#29bcdd;--color-secondary:#fe6fa7;--color-primary-200:rgba(41,188,221,0.07);--color-primary-300:rgba(41,188,221,0.12);--color-primary-400:rgba(41,188,221,0.26);--color-primary-500:rgba(41,188,221,0.52);--color-primary-600:rgba(41,188,221,0.75);--color-primary-700:#29bcdd;--color-primary-800:#219fbb;--color-primary-900:#1a768b;--color-secondary-200:rgba(254,111,167,0.07);--color-secondary-300:rgba(254,111,167,0.13);--color-secondary-400:rgba(254,111,167,0.27);--color-secondary-500:rgba(254,111,167,0.52);--color-secondary-600:rgba(254,111,167,0.75);--color-secondary-700:#fe6fa7;--color-secondary-800:#dd6091;--color-secondary-900:#ab496f;--color-primary-opaque-300:#e5f7fb;--color-primary-opaque-400:#c8eef6;--color-secondary-opaque-300:#ffecf4;--color-secondary-opaque-400:#ffd8e7;}.classic{--color-primary:#4182f2;--color-secondary:#4182f2;--color-primary-200:rgba(65,130,242,0.07);--color-primary-300:rgba(65,130,242,0.13);--color-primary-400:rgba(65,130,242,0.26);--color-primary-500:rgba(65,130,242,0.52);--color-primary-600:rgba(65,130,242,0.75);--color-primary-700:#4182f2;--color-primary-800:#356bc8;--color-primary-900:#244a8a;--color-secondary-200:rgba(65,130,242,0.07);--color-secondary-300:rgba(65,130,242,0.13);--color-secondary-400:rgba(65,130,242,0.26);--color-secondary-500:rgba(65,130,242,0.52);--color-secondary-600:rgba(65,130,242,0.75);--color-secondary-700:#4182f2;--color-secondary-800:#356bc8;--color-secondary-900:#244a8a;--color-primary-opaque-300:#e6effd;--color-primary-opaque-400:#cedffc;--color-secondary-opaque-300:#e6effd;--color-secondary-opaque-400:#cedffc;}.neon{--color-primary:#67ffc8;--color-secondary:#67ffc8;--color-theme-100:#000000;--color-theme-200:#31333e;--color-theme-300:#2b2d37;--color-theme-400:#1f2024;--color-theme-500:#99999e;--color-theme-600:#89898e;--color-theme-700:#b0b0b5;--color-theme-800:#dfdfe5;--color-theme-900:#ffffff;--color-primary-200:rgba(103,255,200,0.05);--color-primary-300:rgba(103,255,200,0.1);--color-primary-400:rgba(103,255,200,0.25);--color-primary-500:rgba(103,255,200,0.5);--color-primary-600:rgba(103,255,200,0.75);--color-primary-700:#67ffc8;--color-primary-800:#a5ffdf;--color-primary-900:#d0fdec;--color-secondary-200:rgba(103,255,200,0.05);--color-secondary-300:rgba(103,255,200,0.1);--color-secondary-400:rgba(103,255,200,0.25);--color-secondary-500:rgba(103,255,200,0.5);--color-secondary-600:rgba(103,255,200,0.75);--color-secondary-700:#67ffc8;--color-secondary-800:#a5ffdf;--color-secondary-900:#d0fdec;--color-primary-opaque-300:#3b4e51;--color-primary-opaque-400:#436b64;--color-secondary-opaque-300:#3b4e51;--color-secondary-opaque-400:#436b64;--body-bg-main:#2c2e38;--page-paper-main:#373a44;--border-primary:#1f2024;--note-bg:#464545;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.2),0 32px 32px 0 rgba(0,0,0,0.2),0 16px 16px 0 rgba(0,0,0,0.2),0 4px 4px 0 rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.2);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.1),0 16px 16px 0 rgba(0,0,0,0.1),0 4px 4px 0 rgba(0,0,0,0.1),0 2px 2px 0 rgba(0,0,0,0.1);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.3);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.1),0 10px 15px -3px rgba(0,0,0,0.15);--shadow-tertiary-hover:0 4px 12px -2px rgba(0,0,0,0.4),0 10px 30px -3px rgba(0,0,0,0.5);--page-paper-main-shadow:rgba( 55,58,68,0 );--modal-background:rgba(44,46,56,0.7);--highlight-dark:rgba(0,0,0,0.06);--input-background-color:#2c2e38;--only-white:#ffffff;--only-black:#000000;}.ac-shadow,.ac-shadow--raised{&--lg{box-shadow:var(--shadow-primary);}&--sm{box-shadow:var(--shadow-tertiary);}}.ac-shadow--raised{&--lg{transition:box-shadow 0.3s;&:hover{box-shadow:var(--shadow-primary-hover);}}&--sm{transition:box-shadow 0.3s;&:hover{box-shadow:var(--shadow-tertiary-hover);}}}.ac-shadow-optimized--sm{position:relative;box-shadow:var(--shadow-tertiary);&::before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";box-shadow:var(--shadow-tertiary);opacity:0;border-radius:var(--ac-br-6);transition:opacity 0.3s ease;z-index:-1;}@media (hover:hover){&:hover::before{opacity:1;}}}.ac-shadow-optimized--lg{position:relative;box-shadow:var(--shadow-primary);&::before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";box-shadow:var(--shadow-primary);opacity:0;border-radius:var(--ac-br-8);transition:opacity 0.3s ease;z-index:-1;}@media (hover:hover){&:hover::before{opacity:1;}}}.ac-border-radius{&-4{border-radius:var(--ac-br-4);}&-6{border-radius:var(--ac-br-6);}&-8{border-radius:var(--ac-br-8);}&-rounded{border-radius:var(--ac-br-rounded);}}"]);
10158
+ var GlobalStyle = styled.createGlobalStyle([":root{--color-primary:#5d2bff;--color-secondary:#5d2bff;--color-theme-100:#ffffff;--color-theme-200:#f6f6f9;--color-theme-300:#ebebee;--color-theme-400:#d7d7da;--color-theme-500:#b9b9bd;--color-theme-600:#89898e;--color-theme-700:#6d6d73;--color-theme-800:#5b5b61;--color-theme-900:#303037;--color-primary-200:rgba(93,43,255,0.05);--color-primary-300:rgba(93,43,255,0.1);--color-primary-400:rgba(93,43,255,0.25);--color-primary-500:rgba(93,43,255,0.5);--color-primary-600:rgba(93,43,255,0.75);--color-primary-700:#5d2bff;--color-primary-800:#4a21cd;--color-primary-900:#32178b;--color-secondary-200:rgba(93,43,255,0.05);--color-secondary-300:rgba(93,43,255,0.1);--color-secondary-400:rgba(93,43,255,0.25);--color-secondary-500:rgba(93,43,255,0.5);--color-secondary-600:rgba(93,43,255,0.75);--color-secondary-700:#5d2bff;--color-secondary-800:#4a21cd;--color-secondary-900:#32178b;--color-primary-opaque-300:#efeaff;--color-primary-opaque-400:#d6caff;--color-secondary-opaque-300:#efeaff;--color-secondary-opaque-400:#d6caff;--color-sucess-green:#64cd93;--body-bg-main:rgb(244,245,247);--page-paper-main:#ffffff;--border-primary:#d7d7da;--note-bg:#fff9f1;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.06),0 16px 16px 0 rgba(0,0,0,0.04),0 4px 4px 0 rgba(0,0,0,0.04),0 2px 2px 0 rgba(0,0,0,0.04);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.06),0 32px 32px 0 rgba(0,0,0,0.03),0 16px 16px 0 rgba(0,0,0,0.02),0 4px 4px 0 rgba(0,0,0,0.02),0 2px 2px 0 rgba(0,0,0,0.02);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.17);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.05),0 10px 15px -3px rgba(0,0,0,0.1);--shadow-tertiary-hover:0 4px 10px -2px rgba(0,0,0,0.1),0 12px 20px -3px rgba(0,0,0,0.2);--page-paper-main-shadow:rgba( 255,255,255,0 );--modal-background:rgba(244,245,247,0.6);--highlight-dark:rgba(0,0,0,0.03);--input-background-color:#ffffff;--red-alert:rgb(237,97,97);--only-white:#ffffff;--only-black:#000000;--ac-br-4:4px;--ac-br-6:6px;--ac-br-8:8px;--ac-br-rounded:999px;}.cupcake{--color-primary:#29bcdd;--color-secondary:#fe6fa7;--color-primary-200:rgba(41,188,221,0.07);--color-primary-300:rgba(41,188,221,0.12);--color-primary-400:rgba(41,188,221,0.26);--color-primary-500:rgba(41,188,221,0.52);--color-primary-600:rgba(41,188,221,0.75);--color-primary-700:#29bcdd;--color-primary-800:#219fbb;--color-primary-900:#1a768b;--color-secondary-200:rgba(254,111,167,0.07);--color-secondary-300:rgba(254,111,167,0.13);--color-secondary-400:rgba(254,111,167,0.27);--color-secondary-500:rgba(254,111,167,0.52);--color-secondary-600:rgba(254,111,167,0.75);--color-secondary-700:#fe6fa7;--color-secondary-800:#dd6091;--color-secondary-900:#ab496f;--color-primary-opaque-300:#e5f7fb;--color-primary-opaque-400:#c8eef6;--color-secondary-opaque-300:#ffecf4;--color-secondary-opaque-400:#ffd8e7;}.classic{--color-primary:#4182f2;--color-secondary:#4182f2;--color-primary-200:rgba(65,130,242,0.07);--color-primary-300:rgba(65,130,242,0.13);--color-primary-400:rgba(65,130,242,0.26);--color-primary-500:rgba(65,130,242,0.52);--color-primary-600:rgba(65,130,242,0.75);--color-primary-700:#4182f2;--color-primary-800:#356bc8;--color-primary-900:#244a8a;--color-secondary-200:rgba(65,130,242,0.07);--color-secondary-300:rgba(65,130,242,0.13);--color-secondary-400:rgba(65,130,242,0.26);--color-secondary-500:rgba(65,130,242,0.52);--color-secondary-600:rgba(65,130,242,0.75);--color-secondary-700:#4182f2;--color-secondary-800:#356bc8;--color-secondary-900:#244a8a;--color-primary-opaque-300:#e6effd;--color-primary-opaque-400:#cedffc;--color-secondary-opaque-300:#e6effd;--color-secondary-opaque-400:#cedffc;}.neon{--color-primary:#67ffc8;--color-secondary:#67ffc8;--color-theme-100:#000000;--color-theme-200:#31333e;--color-theme-300:#2b2d37;--color-theme-400:#1f2024;--color-theme-500:#99999e;--color-theme-600:#89898e;--color-theme-700:#b0b0b5;--color-theme-800:#dfdfe5;--color-theme-900:#ffffff;--color-primary-200:rgba(103,255,200,0.05);--color-primary-300:rgba(103,255,200,0.1);--color-primary-400:rgba(103,255,200,0.25);--color-primary-500:rgba(103,255,200,0.5);--color-primary-600:rgba(103,255,200,0.75);--color-primary-700:#67ffc8;--color-primary-800:#a5ffdf;--color-primary-900:#d0fdec;--color-secondary-200:rgba(103,255,200,0.05);--color-secondary-300:rgba(103,255,200,0.1);--color-secondary-400:rgba(103,255,200,0.25);--color-secondary-500:rgba(103,255,200,0.5);--color-secondary-600:rgba(103,255,200,0.75);--color-secondary-700:#67ffc8;--color-secondary-800:#a5ffdf;--color-secondary-900:#d0fdec;--color-primary-opaque-300:#3b4e51;--color-primary-opaque-400:#436b64;--color-secondary-opaque-300:#3b4e51;--color-secondary-opaque-400:#436b64;--body-bg-main:rgb(44,46,56);--page-paper-main:#373a44;--border-primary:#1f2024;--note-bg:#464545;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.2),0 32px 32px 0 rgba(0,0,0,0.2),0 16px 16px 0 rgba(0,0,0,0.2),0 4px 4px 0 rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.2);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.1),0 16px 16px 0 rgba(0,0,0,0.1),0 4px 4px 0 rgba(0,0,0,0.1),0 2px 2px 0 rgba(0,0,0,0.1);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.3);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.1),0 10px 15px -3px rgba(0,0,0,0.15);--shadow-tertiary-hover:0 4px 12px -2px rgba(0,0,0,0.4),0 10px 30px -3px rgba(0,0,0,0.5);--page-paper-main-shadow:rgba( 55,58,68,0 );--modal-background:rgba(44,46,56,0.7);--highlight-dark:rgba(0,0,0,0.06);--input-background-color:#2c2e38;--only-white:#ffffff;--only-black:#000000;}.ac-shadow,.ac-shadow--raised{&--lg{box-shadow:var(--shadow-primary);}&--sm{box-shadow:var(--shadow-tertiary);}}.ac-shadow--raised{&--lg{transition:box-shadow 0.3s;&:hover{box-shadow:var(--shadow-primary-hover);}}&--sm{transition:box-shadow 0.3s;&:hover{box-shadow:var(--shadow-tertiary-hover);}}}.ac-shadow-optimized--sm{position:relative;box-shadow:var(--shadow-tertiary);&::before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";box-shadow:var(--shadow-tertiary);opacity:0;border-radius:var(--ac-br-6);transition:opacity 0.3s ease;z-index:-1;}@media (hover:hover){&:hover::before{opacity:1;}}}.ac-shadow-optimized--lg{position:relative;box-shadow:var(--shadow-primary);&::before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";box-shadow:var(--shadow-primary);opacity:0;border-radius:var(--ac-br-8);transition:opacity 0.3s ease;z-index:-1;}@media (hover:hover){&:hover::before{opacity:1;}}}.ac-border-radius{&-4{border-radius:var(--ac-br-4);}&-6{border-radius:var(--ac-br-6);}&-8{border-radius:var(--ac-br-8);}&-rounded{border-radius:var(--ac-br-rounded);}}"]);
10117
10159
 
10118
10160
  exports.Accordion = Accordion;
10119
10161
  exports.AccordionContext = AccordionContext;
@@ -10288,6 +10330,7 @@
10288
10330
  exports.Pressed = Pressed;
10289
10331
  exports.ProgressBar = ProgressBar;
10290
10332
  exports.ProjectAddIcon = ProjectAddIcon$1;
10333
+ exports.ProjectTemplateAddIcon = ProjectTemplateAddIcon$1;
10291
10334
  exports.ProjectTemplateConvertIcon = ProjectTemplateConvertIcon$1;
10292
10335
  exports.ProjectTemplateIcon = ProjectTemplateIcon$1;
10293
10336
  exports.ProjectsIcon = ProjectsIcon$1;