@ringcentral/juno 2.0.3-beta.0 → 2.0.3
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/components/Forms/Picker/DatePicker/Calendar.js +1 -1
- package/components/Forms/Select/PlainSelect/styles/StyledSelect.js +1 -1
- package/components/Snackbar/SnackbarAction/styles/StyledSnackbarContent.js +1 -1
- package/es6/components/Forms/Picker/DatePicker/Calendar.js +1 -1
- package/es6/components/Forms/Select/PlainSelect/styles/StyledSelect.js +1 -1
- package/es6/components/Snackbar/SnackbarAction/styles/StyledSnackbarContent.js +1 -1
- package/package.json +1 -1
|
@@ -163,7 +163,7 @@ var Calendar = react_1.forwardRef(function (_a, ref) {
|
|
|
163
163
|
}, [previousView, view, viewChange]);
|
|
164
164
|
react_1.useLayoutEffect(function () {
|
|
165
165
|
utils_2.focusDayElement();
|
|
166
|
-
calendarRef.current = document.querySelector("." + utils_2.RcDatePickerClasses.popover + " .
|
|
166
|
+
calendarRef.current = document.querySelector("." + utils_2.RcDatePickerClasses.popover + " ." + utils_2.RcDatePickerClasses.popoverPaper);
|
|
167
167
|
var unsubscribe = utils_1.transitionendSubscriber(calendarRef.current, utils_2.onTransitionEnd);
|
|
168
168
|
return function () {
|
|
169
169
|
unsubscribe();
|
|
@@ -17,6 +17,6 @@ exports.plainSelectStyle = function (_a) {
|
|
|
17
17
|
" {\n ", " {\n margin-right: 0;\n }\n }\n\n ", " {\n margin-right: 0;\n }\n\n .", " {\n margin-bottom: 0;\n }\n\n .", " {\n width: auto;\n pointer-events: none;\n }\n\n .", " {\n padding: 0;\n height: auto;\n }\n\n ", " {\n pointer-events: ", ";\n min-width: unset;\n padding-left: ", ";\n padding-right: ", ";\n border-radius: ", ";\n\n ", " {\n margin: ", ";\n }\n\n ",
|
|
18
18
|
"\n }\n "])), Buttons_1.RcButton /**
|
|
19
19
|
// TODO: cancel button bellow icon margin issue,
|
|
20
|
-
*/, Icon_1.RcIcon, ListItemText_1.RcListItemText, utils_1.RcTextFieldClasses.root, utils_2.RcPlainSelectInputClasses.root, utils_2.RcPlainSelectInputClasses.input, Buttons_1.RcButton, !disabled && 'auto', foundation_1.spacing(isText ? 4 : 1), foundation_1.spacing(isText ? 1 : 0), isRound && foundation_1.radius('xxl'), styles_1.SelectArrowDownIcon, foundation_1.spacing(0, 0, 0, isRound ? 0 : 1), isRound && foundation_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n padding-top: ", ";\n padding-bottom: ", ";\n\n ", "
|
|
20
|
+
*/, Icon_1.RcIcon, ListItemText_1.RcListItemText, utils_1.RcTextFieldClasses.root, utils_2.RcPlainSelectInputClasses.root, utils_2.RcPlainSelectInputClasses.input, Buttons_1.RcButton, !disabled && 'auto', foundation_1.spacing(isText ? 4 : 1), foundation_1.spacing(isText ? 1 : 0), isRound && foundation_1.radius('xxl'), styles_1.SelectArrowDownIcon, foundation_1.spacing(0, 0, 0, isRound ? 0 : 1), isRound && foundation_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n padding-top: ", ";\n padding-bottom: ", ";\n\n ", " {\n .", " {\n background-color: currentColor;\n opacity: ", ";\n }\n .", " {\n display: none;\n }\n }\n "], ["\n padding-top: ", ";\n padding-bottom: ", ";\n\n ", " {\n .", " {\n background-color: currentColor;\n opacity: ", ";\n }\n .", " {\n display: none;\n }\n }\n "])), foundation_1.spacing(1.5), foundation_1.spacing(1.5), foundation_1.focusVisible, utils_2.RcPlainSelectTouchRippleClasses.root, foundation_1.opacity('32'), utils_2.RcPlainSelectTouchRippleClasses.child));
|
|
21
21
|
};
|
|
22
22
|
var templateObject_1, templateObject_2;
|
|
@@ -6,7 +6,7 @@ var utils_1 = require("../../SnackbarContent/utils");
|
|
|
6
6
|
var utils_2 = require("../utils");
|
|
7
7
|
exports.snackbarContentActionStyle = function (_a) {
|
|
8
8
|
var color = _a.color;
|
|
9
|
-
return foundation_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n color: ", ";\n\n &.", " {\n ", ";\n line-height: ", ";\n text-decoration: underline;\n }\n\n & + &.", " {\n margin-left: ", ";\n }\n\n & + &.", " {\n margin-left: ", ";\n }\n\n &:active {\n opacity: ", ";\n }\n\n &:disabled {\n opacity: ", ";\n }\n\n
|
|
9
|
+
return foundation_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n color: ", ";\n\n &.", " {\n ", ";\n line-height: ", ";\n text-decoration: underline;\n }\n\n & + &.", " {\n margin-left: ", ";\n }\n\n & + &.", " {\n margin-left: ", ";\n }\n\n &:active {\n opacity: ", ";\n }\n\n &:disabled {\n opacity: ", ";\n }\n\n ", " {\n ", "\n }\n "], ["\n color: ", ";\n\n &.", " {\n ", ";\n line-height: ", ";\n text-decoration: underline;\n }\n\n & + &.", " {\n margin-left: ", ";\n }\n\n & + &.", " {\n margin-left: ", ";\n }\n\n &:active {\n opacity: ", ";\n }\n\n &:disabled {\n opacity: ", ";\n }\n\n ", " {\n ",
|
|
10
10
|
"\n }\n "])), color && foundation_1.getParsePaletteColor(color), utils_2.RcSnackbarActionClasses.text, foundation_1.typography('body2'), utils_1.RcSnackbarContentLineHeight, utils_2.RcSnackbarActionClasses.text, foundation_1.spacing(3), utils_2.RcSnackbarActionClasses.icon, foundation_1.spacing(4), foundation_1.opacity('24', true), foundation_1.opacity('24'), foundation_1.focusVisible, foundation_1.fakeBorder({
|
|
11
11
|
pseudo: true,
|
|
12
12
|
color: 'currentColor',
|
|
@@ -161,7 +161,7 @@ var Calendar = forwardRef(function (_a, ref) {
|
|
|
161
161
|
}, [previousView, view, viewChange]);
|
|
162
162
|
useLayoutEffect(function () {
|
|
163
163
|
focusDayElement();
|
|
164
|
-
calendarRef.current = document.querySelector("." + RcDatePickerClasses.popover + " .
|
|
164
|
+
calendarRef.current = document.querySelector("." + RcDatePickerClasses.popover + " ." + RcDatePickerClasses.popoverPaper);
|
|
165
165
|
var unsubscribe = transitionendSubscriber(calendarRef.current, onTransitionEnd);
|
|
166
166
|
return function () {
|
|
167
167
|
unsubscribe();
|
|
@@ -15,6 +15,6 @@ export var plainSelectStyle = function (_a) {
|
|
|
15
15
|
" {\n ", " {\n margin-right: 0;\n }\n }\n\n ", " {\n margin-right: 0;\n }\n\n .", " {\n margin-bottom: 0;\n }\n\n .", " {\n width: auto;\n pointer-events: none;\n }\n\n .", " {\n padding: 0;\n height: auto;\n }\n\n ", " {\n pointer-events: ", ";\n min-width: unset;\n padding-left: ", ";\n padding-right: ", ";\n border-radius: ", ";\n\n ", " {\n margin: ", ";\n }\n\n ",
|
|
16
16
|
"\n }\n "])), RcButton /**
|
|
17
17
|
// TODO: cancel button bellow icon margin issue,
|
|
18
|
-
*/, RcIcon, RcListItemText, RcTextFieldClasses.root, RcPlainSelectInputClasses.root, RcPlainSelectInputClasses.input, RcButton, !disabled && 'auto', spacing(isText ? 4 : 1), spacing(isText ? 1 : 0), isRound && radius('xxl'), SelectArrowDownIcon, spacing(0, 0, 0, isRound ? 0 : 1), isRound && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding-top: ", ";\n padding-bottom: ", ";\n\n ", "
|
|
18
|
+
*/, RcIcon, RcListItemText, RcTextFieldClasses.root, RcPlainSelectInputClasses.root, RcPlainSelectInputClasses.input, RcButton, !disabled && 'auto', spacing(isText ? 4 : 1), spacing(isText ? 1 : 0), isRound && radius('xxl'), SelectArrowDownIcon, spacing(0, 0, 0, isRound ? 0 : 1), isRound && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding-top: ", ";\n padding-bottom: ", ";\n\n ", " {\n .", " {\n background-color: currentColor;\n opacity: ", ";\n }\n .", " {\n display: none;\n }\n }\n "], ["\n padding-top: ", ";\n padding-bottom: ", ";\n\n ", " {\n .", " {\n background-color: currentColor;\n opacity: ", ";\n }\n .", " {\n display: none;\n }\n }\n "])), spacing(1.5), spacing(1.5), focusVisible, RcPlainSelectTouchRippleClasses.root, opacity('32'), RcPlainSelectTouchRippleClasses.child));
|
|
19
19
|
};
|
|
20
20
|
var templateObject_1, templateObject_2;
|
|
@@ -4,7 +4,7 @@ import { RcSnackbarContentLineHeight } from '../../SnackbarContent/utils';
|
|
|
4
4
|
import { RcSnackbarActionClasses } from '../utils';
|
|
5
5
|
export var snackbarContentActionStyle = function (_a) {
|
|
6
6
|
var color = _a.color;
|
|
7
|
-
return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n color: ", ";\n\n &.", " {\n ", ";\n line-height: ", ";\n text-decoration: underline;\n }\n\n & + &.", " {\n margin-left: ", ";\n }\n\n & + &.", " {\n margin-left: ", ";\n }\n\n &:active {\n opacity: ", ";\n }\n\n &:disabled {\n opacity: ", ";\n }\n\n
|
|
7
|
+
return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n color: ", ";\n\n &.", " {\n ", ";\n line-height: ", ";\n text-decoration: underline;\n }\n\n & + &.", " {\n margin-left: ", ";\n }\n\n & + &.", " {\n margin-left: ", ";\n }\n\n &:active {\n opacity: ", ";\n }\n\n &:disabled {\n opacity: ", ";\n }\n\n ", " {\n ", "\n }\n "], ["\n color: ", ";\n\n &.", " {\n ", ";\n line-height: ", ";\n text-decoration: underline;\n }\n\n & + &.", " {\n margin-left: ", ";\n }\n\n & + &.", " {\n margin-left: ", ";\n }\n\n &:active {\n opacity: ", ";\n }\n\n &:disabled {\n opacity: ", ";\n }\n\n ", " {\n ",
|
|
8
8
|
"\n }\n "])), color && getParsePaletteColor(color), RcSnackbarActionClasses.text, typography('body2'), RcSnackbarContentLineHeight, RcSnackbarActionClasses.text, spacing(3), RcSnackbarActionClasses.icon, spacing(4), opacity('24', true), opacity('24'), focusVisible, fakeBorder({
|
|
9
9
|
pseudo: true,
|
|
10
10
|
color: 'currentColor',
|