@ringcentral/juno 1.11.6-beta.5665-e9a0fa4a → 1.11.6-beta.5669-80059ee8
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/InlineEditable/styles/InlineEditableStyle.js +2 -2
- package/components/InlineEditable/styles/textFieldStyle.js +1 -1
- package/es6/components/InlineEditable/styles/InlineEditableStyle.js +2 -2
- package/es6/components/InlineEditable/styles/textFieldStyle.js +1 -1
- package/package.json +1 -1
|
@@ -10,14 +10,14 @@ var utils_1 = require("../utils");
|
|
|
10
10
|
var textFieldStyle_1 = require("./textFieldStyle");
|
|
11
11
|
exports.InlineEditableStyle = function (_a) {
|
|
12
12
|
var variant = _a.variant, multiline = _a.multiline, fullWidth = _a.fullWidth, disabled = _a.disabled, color = _a.color;
|
|
13
|
-
return foundation_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", ";\n position: relative;\n display: inline-block;\n width: ", ";\n min-width: 32px;\n margin: -4px;\n color: ", ";\n\n &.", " {\n pointer-events: none;\n }\n\n .", " {\n margin: 4px;\n position: relative;\n outline: none;\n box-sizing: border-box;\n pointer-events: ", ";\n ", ";\n
|
|
13
|
+
return foundation_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", ";\n position: relative;\n display: inline-block;\n width: ", ";\n min-width: 32px;\n margin: -4px;\n color: ", ";\n\n &.", " {\n pointer-events: none;\n }\n\n .", " {\n margin: 4px;\n position: relative;\n outline: none;\n box-sizing: border-box;\n pointer-events: ", ";\n ", ";\n overflow-wrap: ", ";\n white-space: ", ";\n\n ", "\n ::after {\n content: ' ';\n width: 0;\n visibility: hidden;\n display: inline-block;\n }\n\n ", "\n user-select: ", ";\n }\n\n .", " {\n ", "\n user-select: none;\n color: ", ";\n }\n\n .", " {\n ", "\n }\n "], ["\n ", ";\n position: relative;\n display: inline-block;\n width: ", ";\n min-width: 32px;\n margin: -4px;\n color: ", ";\n\n &.", " {\n pointer-events: none;\n }\n\n .", " {\n margin: 4px;\n position: relative;\n outline: none;\n box-sizing: border-box;\n pointer-events: ", ";\n ", ";\n overflow-wrap: ", ";\n white-space: ", ";\n\n ",
|
|
14
14
|
/*
|
|
15
15
|
1. the single '\n' would be ignore in the last line. so need append ' ' after '\n' when multiline.
|
|
16
16
|
2. need keep content height when placeholder is empty.
|
|
17
17
|
*/
|
|
18
18
|
"\n ::after {\n content: ' ';\n width: 0;\n visibility: hidden;\n display: inline-block;\n }\n\n ",
|
|
19
19
|
"\n user-select: ", ";\n }\n\n .", " {\n ",
|
|
20
|
-
"\n user-select: none;\n color: ", ";\n }\n\n .", " {\n ", "\n }\n "])), foundation_1.typography(variant), multiline || fullWidth ? '100%' : 'auto', foundation_1.getParsePaletteColor(color), utils_1.RcInlineEditableClasses.saving, utils_1.RcInlineEditableClasses.label, disabled ? 'initial' : 'none', foundation_1.ellipsis(), multiline ? 'pre-wrap' : 'pre', ''
|
|
20
|
+
"\n user-select: none;\n color: ", ";\n }\n\n .", " {\n ", "\n }\n "])), foundation_1.typography(variant), multiline || fullWidth ? '100%' : 'auto', foundation_1.getParsePaletteColor(color), utils_1.RcInlineEditableClasses.saving, utils_1.RcInlineEditableClasses.label, disabled ? 'initial' : 'none', foundation_1.ellipsis(), multiline && 'anwhere', multiline ? 'pre-wrap' : 'pre', ''
|
|
21
21
|
/*
|
|
22
22
|
1. the single '\n' would be ignore in the last line. so need append ' ' after '\n' when multiline.
|
|
23
23
|
2. need keep content height when placeholder is empty.
|
|
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
7
7
|
var foundation_1 = require("../../../foundation");
|
|
8
8
|
var utils_1 = require("../utils");
|
|
9
9
|
var interactionStyle = foundation_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: ", ";\n"], ["\n background-color: ", ";\n"])), foundation_1.palette2('neutral', 'b01'));
|
|
10
|
-
var baseInputStyles = foundation_1.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: absolute;\n width: 100%;\n border: 1px solid transparent;\n padding: 2px;\n background-color: transparent;\n color: transparent;\n line-height: inherit;\n white-space: pre-wrap;\n
|
|
10
|
+
var baseInputStyles = foundation_1.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: absolute;\n width: 100%;\n border: 1px solid transparent;\n padding: 2px;\n background-color: transparent;\n color: transparent;\n line-height: inherit;\n white-space: pre-wrap;\n box-sizing: border-box;\n font: inherit;\n outline: none;\n border-radius: ", ";\n\n ::placeholder {\n font: inherit;\n opacity: 0;\n color: ", ";\n }\n\n &:hover {\n ", ";\n border: 1px solid ", ";\n }\n\n &:focus {\n ", ";\n border: 2px solid ", ";\n color: inherit;\n\n ::placeholder {\n opacity: 1;\n }\n\n & ~ .", " {\n visibility: hidden;\n }\n }\n"], ["\n position: absolute;\n width: 100%;\n border: 1px solid transparent;\n padding: 2px;\n background-color: transparent;\n color: transparent;\n line-height: inherit;\n white-space: pre-wrap;\n box-sizing: border-box;\n font: inherit;\n outline: none;\n border-radius: ", ";\n\n ::placeholder {\n font: inherit;\n opacity: 0;\n color: ", ";\n }\n\n &:hover {\n ", ";\n border: 1px solid ", ";\n }\n\n &:focus {\n ", ";\n border: 2px solid ", ";\n color: inherit;\n\n ::placeholder {\n opacity: 1;\n }\n\n & ~ .", " {\n visibility: hidden;\n }\n }\n"])), foundation_1.radius('lg'), foundation_1.palette2('neutral', 'f03'), interactionStyle, foundation_1.palette2('neutral', 'l02'), interactionStyle, foundation_1.palette2('interactive', 'f01'), utils_1.RcInlineEditableClasses.label);
|
|
11
11
|
exports.inputStyle = foundation_1.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", "\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n"], ["\n ", "\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n"])), baseInputStyles);
|
|
12
12
|
exports.textareaStyle = foundation_1.css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", ";\n height: 100%;\n overflow: hidden;\n resize: none;\n"], ["\n ", ";\n height: 100%;\n overflow: hidden;\n resize: none;\n"])), baseInputStyles);
|
|
13
13
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
|
@@ -8,14 +8,14 @@ import { RcInlineEditableClasses } from '../utils';
|
|
|
8
8
|
import { inputStyle, textareaStyle } from './textFieldStyle';
|
|
9
9
|
export var InlineEditableStyle = function (_a) {
|
|
10
10
|
var variant = _a.variant, multiline = _a.multiline, fullWidth = _a.fullWidth, disabled = _a.disabled, color = _a.color;
|
|
11
|
-
return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", ";\n position: relative;\n display: inline-block;\n width: ", ";\n min-width: 32px;\n margin: -4px;\n color: ", ";\n\n &.", " {\n pointer-events: none;\n }\n\n .", " {\n margin: 4px;\n position: relative;\n outline: none;\n box-sizing: border-box;\n pointer-events: ", ";\n ", ";\n
|
|
11
|
+
return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", ";\n position: relative;\n display: inline-block;\n width: ", ";\n min-width: 32px;\n margin: -4px;\n color: ", ";\n\n &.", " {\n pointer-events: none;\n }\n\n .", " {\n margin: 4px;\n position: relative;\n outline: none;\n box-sizing: border-box;\n pointer-events: ", ";\n ", ";\n overflow-wrap: ", ";\n white-space: ", ";\n\n ", "\n ::after {\n content: ' ';\n width: 0;\n visibility: hidden;\n display: inline-block;\n }\n\n ", "\n user-select: ", ";\n }\n\n .", " {\n ", "\n user-select: none;\n color: ", ";\n }\n\n .", " {\n ", "\n }\n "], ["\n ", ";\n position: relative;\n display: inline-block;\n width: ", ";\n min-width: 32px;\n margin: -4px;\n color: ", ";\n\n &.", " {\n pointer-events: none;\n }\n\n .", " {\n margin: 4px;\n position: relative;\n outline: none;\n box-sizing: border-box;\n pointer-events: ", ";\n ", ";\n overflow-wrap: ", ";\n white-space: ", ";\n\n ",
|
|
12
12
|
/*
|
|
13
13
|
1. the single '\n' would be ignore in the last line. so need append ' ' after '\n' when multiline.
|
|
14
14
|
2. need keep content height when placeholder is empty.
|
|
15
15
|
*/
|
|
16
16
|
"\n ::after {\n content: ' ';\n width: 0;\n visibility: hidden;\n display: inline-block;\n }\n\n ",
|
|
17
17
|
"\n user-select: ", ";\n }\n\n .", " {\n ",
|
|
18
|
-
"\n user-select: none;\n color: ", ";\n }\n\n .", " {\n ", "\n }\n "])), typography(variant), multiline || fullWidth ? '100%' : 'auto', getParsePaletteColor(color), RcInlineEditableClasses.saving, RcInlineEditableClasses.label, disabled ? 'initial' : 'none', ellipsis(), multiline ? 'pre-wrap' : 'pre', ''
|
|
18
|
+
"\n user-select: none;\n color: ", ";\n }\n\n .", " {\n ", "\n }\n "])), typography(variant), multiline || fullWidth ? '100%' : 'auto', getParsePaletteColor(color), RcInlineEditableClasses.saving, RcInlineEditableClasses.label, disabled ? 'initial' : 'none', ellipsis(), multiline && 'anwhere', multiline ? 'pre-wrap' : 'pre', ''
|
|
19
19
|
/*
|
|
20
20
|
1. the single '\n' would be ignore in the last line. so need append ' ' after '\n' when multiline.
|
|
21
21
|
2. need keep content height when placeholder is empty.
|
|
@@ -5,7 +5,7 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
5
5
|
import { css, palette2, radius } from '../../../foundation';
|
|
6
6
|
import { RcInlineEditableClasses } from '../utils';
|
|
7
7
|
var interactionStyle = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: ", ";\n"], ["\n background-color: ", ";\n"])), palette2('neutral', 'b01'));
|
|
8
|
-
var baseInputStyles = css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: absolute;\n width: 100%;\n border: 1px solid transparent;\n padding: 2px;\n background-color: transparent;\n color: transparent;\n line-height: inherit;\n white-space: pre-wrap;\n
|
|
8
|
+
var baseInputStyles = css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: absolute;\n width: 100%;\n border: 1px solid transparent;\n padding: 2px;\n background-color: transparent;\n color: transparent;\n line-height: inherit;\n white-space: pre-wrap;\n box-sizing: border-box;\n font: inherit;\n outline: none;\n border-radius: ", ";\n\n ::placeholder {\n font: inherit;\n opacity: 0;\n color: ", ";\n }\n\n &:hover {\n ", ";\n border: 1px solid ", ";\n }\n\n &:focus {\n ", ";\n border: 2px solid ", ";\n color: inherit;\n\n ::placeholder {\n opacity: 1;\n }\n\n & ~ .", " {\n visibility: hidden;\n }\n }\n"], ["\n position: absolute;\n width: 100%;\n border: 1px solid transparent;\n padding: 2px;\n background-color: transparent;\n color: transparent;\n line-height: inherit;\n white-space: pre-wrap;\n box-sizing: border-box;\n font: inherit;\n outline: none;\n border-radius: ", ";\n\n ::placeholder {\n font: inherit;\n opacity: 0;\n color: ", ";\n }\n\n &:hover {\n ", ";\n border: 1px solid ", ";\n }\n\n &:focus {\n ", ";\n border: 2px solid ", ";\n color: inherit;\n\n ::placeholder {\n opacity: 1;\n }\n\n & ~ .", " {\n visibility: hidden;\n }\n }\n"])), radius('lg'), palette2('neutral', 'f03'), interactionStyle, palette2('neutral', 'l02'), interactionStyle, palette2('interactive', 'f01'), RcInlineEditableClasses.label);
|
|
9
9
|
export var inputStyle = css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", "\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n"], ["\n ", "\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n"])), baseInputStyles);
|
|
10
10
|
export var textareaStyle = css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", ";\n height: 100%;\n overflow: hidden;\n resize: none;\n"], ["\n ", ";\n height: 100%;\n overflow: hidden;\n resize: none;\n"])), baseInputStyles);
|
|
11
11
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|