@activecollab/components 1.0.49 → 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.
- package/dist/cjs/components/GlobalStyle.js +1 -1
- package/dist/cjs/components/GlobalStyle.js.map +1 -1
- package/dist/cjs/components/ScrollShadow/ScrollShadow.js +11 -1
- package/dist/cjs/components/ScrollShadow/ScrollShadow.js.map +1 -1
- package/dist/cjs/components/ScrollShadow/Styles.js +20 -4
- package/dist/cjs/components/ScrollShadow/Styles.js.map +1 -1
- package/dist/esm/components/GlobalStyle.js +1 -1
- package/dist/esm/components/GlobalStyle.js.map +1 -1
- package/dist/esm/components/ScrollShadow/ScrollShadow.d.ts +2 -0
- package/dist/esm/components/ScrollShadow/ScrollShadow.d.ts.map +1 -1
- package/dist/esm/components/ScrollShadow/ScrollShadow.js +11 -1
- package/dist/esm/components/ScrollShadow/ScrollShadow.js.map +1 -1
- package/dist/esm/components/ScrollShadow/Styles.d.ts +9 -4
- package/dist/esm/components/ScrollShadow/Styles.d.ts.map +1 -1
- package/dist/esm/components/ScrollShadow/Styles.js +20 -4
- package/dist/esm/components/ScrollShadow/Styles.js.map +1 -1
- package/dist/index.js +32 -6
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +1 -1
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -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,
|
|
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,
|
|
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,
|
|
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,
|
|
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
|
}
|
|
@@ -10129,7 +10155,7 @@
|
|
|
10129
10155
|
ThumbsDownIcon.displayName = "ThumbsDownIcon";
|
|
10130
10156
|
var ThumbsDownIcon$1 = ThumbsDownIcon;
|
|
10131
10157
|
|
|
10132
|
-
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
|
|
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);}}"]);
|
|
10133
10159
|
|
|
10134
10160
|
exports.Accordion = Accordion;
|
|
10135
10161
|
exports.AccordionContext = AccordionContext;
|