@salutejs/sdds-insol 0.326.0-canary.2370.19885960439.0 → 0.326.0-canary.2371.19919666002.0
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/Mask/Mask.css +44 -21
- package/components/Mask/Mask.d.ts +16 -32
- package/components/TextField/TextField.clear.config.d.ts +47 -0
- package/components/TextField/TextField.clear.config.js +55 -0
- package/components/TextField/TextField.clear.config.js.map +1 -0
- package/components/TextField/TextField.clear.config_jojjwe.css +22 -0
- package/components/TextField/TextField.config.js +1 -1
- package/components/TextField/TextField.config.js.map +1 -1
- package/components/TextField/{TextField.config_1j14kt5.css → TextField.config_wwkd4j.css} +4 -4
- package/components/TextField/TextField.d.ts +1014 -54
- package/components/TextField/TextField.js +14 -18
- package/components/TextField/TextField.js.map +1 -1
- package/es/components/Mask/Mask.css +44 -21
- package/es/components/TextField/TextField.clear.config.js +51 -0
- package/es/components/TextField/TextField.clear.config.js.map +1 -0
- package/es/components/TextField/TextField.clear.config_jojjwe.css +22 -0
- package/es/components/TextField/TextField.config.js +1 -1
- package/es/components/TextField/TextField.config.js.map +1 -1
- package/es/components/TextField/{TextField.config_1j14kt5.css → TextField.config_wwkd4j.css} +4 -4
- package/es/components/TextField/TextField.js +14 -16
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/index.css +46 -23
- package/package.json +7 -7
- package/styled-components/cjs/components/TextField/TextField.clear.config.js +816 -0
- package/styled-components/cjs/components/TextField/TextField.config.js +4 -8
- package/styled-components/cjs/components/TextField/TextField.js +27 -44
- package/styled-components/es/components/TextField/TextField.clear.config.js +806 -0
- package/styled-components/es/components/TextField/TextField.config.js +4 -8
- package/styled-components/es/components/TextField/TextField.js +15 -40
|
@@ -23,7 +23,6 @@ function _templateObject() {
|
|
|
23
23
|
var data = _tagged_template_literal([
|
|
24
24
|
"\n ",
|
|
25
25
|
": var(--text-primary);\n ",
|
|
26
|
-
": var(--text-primary);\n ",
|
|
27
26
|
": var(--text-tertiary);\n ",
|
|
28
27
|
": var(--text-secondary);\n ",
|
|
29
28
|
": var(--text-tertiary);\n ",
|
|
@@ -60,7 +59,6 @@ function _templateObject1() {
|
|
|
60
59
|
var data = _tagged_template_literal([
|
|
61
60
|
"\n ",
|
|
62
61
|
": color-mix(in oklab, var(--text-positive) 70%, transparent);\n ",
|
|
63
|
-
": color-mix(in oklab, var(--text-positive) 70%, transparent);\n ",
|
|
64
62
|
": var(--text-secondary);\n ",
|
|
65
63
|
": var(--text-tertiary);\n ",
|
|
66
64
|
": var(--text-tertiary);\n ",
|
|
@@ -97,7 +95,6 @@ function _templateObject2() {
|
|
|
97
95
|
var data = _tagged_template_literal([
|
|
98
96
|
"\n ",
|
|
99
97
|
": color-mix(in oklab, var(--text-warning) 70%, transparent);\n ",
|
|
100
|
-
": color-mix(in oklab, var(--text-warning) 70%, transparent);\n ",
|
|
101
98
|
": var(--text-secondary);\n ",
|
|
102
99
|
": var(--text-tertiary);\n ",
|
|
103
100
|
": var(--text-tertiary);\n ",
|
|
@@ -134,7 +131,6 @@ function _templateObject3() {
|
|
|
134
131
|
var data = _tagged_template_literal([
|
|
135
132
|
"\n ",
|
|
136
133
|
": color-mix(in oklab, var(--text-negative) 70%, transparent);\n ",
|
|
137
|
-
": color-mix(in oklab, var(--text-negative) 70%, transparent);\n ",
|
|
138
134
|
": var(--text-secondary);\n ",
|
|
139
135
|
": var(--text-tertiary);\n ",
|
|
140
136
|
": var(--text-tertiary);\n ",
|
|
@@ -858,10 +854,10 @@ var config = {
|
|
|
858
854
|
},
|
|
859
855
|
variations: {
|
|
860
856
|
view: {
|
|
861
|
-
default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.textFieldTokens.color, _styledcomponents.textFieldTokens.
|
|
862
|
-
positive: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.textFieldTokens.color, _styledcomponents.textFieldTokens.
|
|
863
|
-
warning: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.textFieldTokens.color, _styledcomponents.textFieldTokens.
|
|
864
|
-
negative: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.textFieldTokens.color, _styledcomponents.textFieldTokens.
|
|
857
|
+
default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.textFieldTokens.color, _styledcomponents.textFieldTokens.placeholderColorFocus, _styledcomponents.textFieldTokens.clearPlaceholderColor, _styledcomponents.textFieldTokens.clearPlaceholderColorFocus, _styledcomponents.textFieldTokens.backgroundColor, _styledcomponents.textFieldTokens.backgroundColorFocus, _styledcomponents.textFieldTokens.caretColor, _styledcomponents.textFieldTokens.placeholderColor, _styledcomponents.textFieldTokens.textBeforeColor, _styledcomponents.textFieldTokens.textAfterColor, _styledcomponents.textFieldTokens.labelColor, _styledcomponents.textFieldTokens.leftHelperColor, _styledcomponents.textFieldTokens.titleCaptionColor, _styledcomponents.textFieldTokens.hintIconColor, _styledcomponents.textFieldTokens.contentSlotColor, _styledcomponents.textFieldTokens.contentSlotColorHover, _styledcomponents.textFieldTokens.contentSlotColorActive, _styledcomponents.textFieldTokens.dividerColor, _styledcomponents.textFieldTokens.dividerColorHover, _styledcomponents.textFieldTokens.dividerColorFocus, _styledcomponents.textFieldTokens.focusColor, _styledcomponents.textFieldTokens.borderColor, _styledcomponents.textFieldTokens.borderColorFocus, _styledcomponents.textFieldTokens.borderColorHover, _styledcomponents.textFieldTokens.indicatorColor, _styledcomponents.textFieldTokens.optionalColor, _styledcomponents.textFieldTokens.boxShadow),
|
|
858
|
+
positive: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.textFieldTokens.color, _styledcomponents.textFieldTokens.clearPlaceholderColor, _styledcomponents.textFieldTokens.placeholderColorFocus, _styledcomponents.textFieldTokens.clearPlaceholderColorFocus, _styledcomponents.textFieldTokens.backgroundColor, _styledcomponents.textFieldTokens.backgroundColorFocus, _styledcomponents.textFieldTokens.caretColor, _styledcomponents.textFieldTokens.placeholderColor, _styledcomponents.textFieldTokens.textBeforeColor, _styledcomponents.textFieldTokens.textAfterColor, _styledcomponents.textFieldTokens.labelColor, _styledcomponents.textFieldTokens.leftHelperColor, _styledcomponents.textFieldTokens.titleCaptionColor, _styledcomponents.textFieldTokens.hintIconColor, _styledcomponents.textFieldTokens.contentSlotColor, _styledcomponents.textFieldTokens.contentSlotColorHover, _styledcomponents.textFieldTokens.contentSlotColorActive, _styledcomponents.textFieldTokens.dividerColor, _styledcomponents.textFieldTokens.dividerColorHover, _styledcomponents.textFieldTokens.dividerColorFocus, _styledcomponents.textFieldTokens.focusColor, _styledcomponents.textFieldTokens.borderColor, _styledcomponents.textFieldTokens.borderColorFocus, _styledcomponents.textFieldTokens.borderColorHover, _styledcomponents.textFieldTokens.indicatorColor, _styledcomponents.textFieldTokens.optionalColor, _styledcomponents.textFieldTokens.boxShadow),
|
|
859
|
+
warning: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.textFieldTokens.color, _styledcomponents.textFieldTokens.clearPlaceholderColor, _styledcomponents.textFieldTokens.placeholderColorFocus, _styledcomponents.textFieldTokens.clearPlaceholderColorFocus, _styledcomponents.textFieldTokens.backgroundColor, _styledcomponents.textFieldTokens.backgroundColorFocus, _styledcomponents.textFieldTokens.caretColor, _styledcomponents.textFieldTokens.placeholderColor, _styledcomponents.textFieldTokens.textBeforeColor, _styledcomponents.textFieldTokens.textAfterColor, _styledcomponents.textFieldTokens.labelColor, _styledcomponents.textFieldTokens.leftHelperColor, _styledcomponents.textFieldTokens.titleCaptionColor, _styledcomponents.textFieldTokens.hintIconColor, _styledcomponents.textFieldTokens.contentSlotColor, _styledcomponents.textFieldTokens.contentSlotColorHover, _styledcomponents.textFieldTokens.contentSlotColorActive, _styledcomponents.textFieldTokens.dividerColor, _styledcomponents.textFieldTokens.dividerColorHover, _styledcomponents.textFieldTokens.dividerColorFocus, _styledcomponents.textFieldTokens.focusColor, _styledcomponents.textFieldTokens.borderColor, _styledcomponents.textFieldTokens.borderColorFocus, _styledcomponents.textFieldTokens.borderColorHover, _styledcomponents.textFieldTokens.indicatorColor, _styledcomponents.textFieldTokens.optionalColor, _styledcomponents.textFieldTokens.boxShadow),
|
|
860
|
+
negative: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.textFieldTokens.color, _styledcomponents.textFieldTokens.clearPlaceholderColor, _styledcomponents.textFieldTokens.placeholderColorFocus, _styledcomponents.textFieldTokens.clearPlaceholderColorFocus, _styledcomponents.textFieldTokens.backgroundColor, _styledcomponents.textFieldTokens.backgroundColorFocus, _styledcomponents.textFieldTokens.caretColor, _styledcomponents.textFieldTokens.placeholderColor, _styledcomponents.textFieldTokens.textBeforeColor, _styledcomponents.textFieldTokens.textAfterColor, _styledcomponents.textFieldTokens.labelColor, _styledcomponents.textFieldTokens.leftHelperColor, _styledcomponents.textFieldTokens.titleCaptionColor, _styledcomponents.textFieldTokens.hintIconColor, _styledcomponents.textFieldTokens.contentSlotColor, _styledcomponents.textFieldTokens.contentSlotColorHover, _styledcomponents.textFieldTokens.contentSlotColorActive, _styledcomponents.textFieldTokens.dividerColor, _styledcomponents.textFieldTokens.dividerColorHover, _styledcomponents.textFieldTokens.dividerColorFocus, _styledcomponents.textFieldTokens.focusColor, _styledcomponents.textFieldTokens.borderColor, _styledcomponents.textFieldTokens.borderColorFocus, _styledcomponents.textFieldTokens.borderColorHover, _styledcomponents.textFieldTokens.indicatorColor, _styledcomponents.textFieldTokens.optionalColor, _styledcomponents.textFieldTokens.boxShadow)
|
|
865
861
|
},
|
|
866
862
|
size: {
|
|
867
863
|
xl: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.textFieldTokens.height, _styledcomponents.textFieldTokens.padding, _styledcomponents.textFieldTokens.paddingWithChips, _styledcomponents.textFieldTokens.borderRadius, _styledcomponents.textFieldTokens.borderWidth, _styledcomponents.textFieldTokens.leftContentMargin, _styledcomponents.textFieldTokens.rightContentMargin, _styledcomponents.textFieldTokens.fontFamily, _styledcomponents.textFieldTokens.fontSize, _styledcomponents.textFieldTokens.fontStyle, _styledcomponents.textFieldTokens.fontWeight, _styledcomponents.textFieldTokens.letterSpacing, _styledcomponents.textFieldTokens.lineHeight, _styledcomponents.textFieldTokens.labelOffset, _styledcomponents.textFieldTokens.clearLabelOffset, _styledcomponents.textFieldTokens.labelFontFamily, _styledcomponents.textFieldTokens.labelFontSize, _styledcomponents.textFieldTokens.labelFontStyle, _styledcomponents.textFieldTokens.labelFontWeight, _styledcomponents.textFieldTokens.labelLetterSpacing, _styledcomponents.textFieldTokens.labelLineHeight, _styledcomponents.textFieldTokens.hintMargin, _styledcomponents.textFieldTokens.hintTargetSize, _styledcomponents.textFieldTokens.hintInnerLabelPlacementOffset, _styledcomponents.textFieldTokens.clearHintInnerLabelPlacementOffset, _styledcomponents.textFieldTokens.titleCaptionInnerLabelOffset, _styledcomponents.textFieldTokens.titleCaptionFontFamily, _styledcomponents.textFieldTokens.titleCaptionFontSize, _styledcomponents.textFieldTokens.titleCaptionFontStyle, _styledcomponents.textFieldTokens.titleCaptionFontWeight, _styledcomponents.textFieldTokens.titleCaptionLetterSpacing, _styledcomponents.textFieldTokens.titleCaptionLineHeight, _styledcomponents.textFieldTokens.leftHelperOffset, _styledcomponents.textFieldTokens.leftHelperFontFamily, _styledcomponents.textFieldTokens.leftHelperFontSize, _styledcomponents.textFieldTokens.leftHelperFontStyle, _styledcomponents.textFieldTokens.leftHelperFontWeight, _styledcomponents.textFieldTokens.leftHelperLetterSpacing, _styledcomponents.textFieldTokens.leftHelperLineHeight, _styledcomponents.textFieldTokens.labelInnerPadding, _styledcomponents.textFieldTokens.contentLabelInnerPadding, _styledcomponents.textFieldTokens.textBeforeMargin, _styledcomponents.textFieldTokens.textAfterMargin, _styledcomponents.textFieldTokens.chipGap, _styledcomponents.textFieldTokens.chipMarginRight, _styledcomponents.textFieldTokens.chipBorderRadius, _styledcomponents.textFieldTokens.chipWidth, _styledcomponents.textFieldTokens.chipHeight, _styledcomponents.textFieldTokens.chipPadding, _styledcomponents.textFieldTokens.chipClearContentMarginLeft, _styledcomponents.textFieldTokens.chipClearContentMarginRight, _styledcomponents.textFieldTokens.chipCloseIconSize, _styledcomponents.textFieldTokens.chipFontFamily, _styledcomponents.textFieldTokens.chipFontSize, _styledcomponents.textFieldTokens.chipFontStyle, _styledcomponents.textFieldTokens.chipFontWeight, _styledcomponents.textFieldTokens.chipLetterSpacing, _styledcomponents.textFieldTokens.chipLineHeight, _styledcomponents.textFieldTokens.labelInnerFontFamily, _styledcomponents.textFieldTokens.labelInnerFontSize, _styledcomponents.textFieldTokens.labelInnerFontStyle, _styledcomponents.textFieldTokens.labelInnerFontWeight, _styledcomponents.textFieldTokens.labelInnerLetterSpacing, _styledcomponents.textFieldTokens.labelInnerLineHeight, _styledcomponents.textFieldTokens.indicatorSizeInner, _styledcomponents.textFieldTokens.indicatorSizeOuter, _styledcomponents.textFieldTokens.indicatorLabelPlacementInner, _styledcomponents.textFieldTokens.indicatorLabelPlacementOuter, _styledcomponents.textFieldTokens.indicatorLabelPlacementInnerRight, _styledcomponents.textFieldTokens.indicatorLabelPlacementOuterRight, _styledcomponents.textFieldTokens.clearIndicatorLabelPlacementInner, _styledcomponents.textFieldTokens.clearIndicatorLabelPlacementInnerRight, _styledcomponents.textFieldTokens.clearIndicatorHintInnerRight),
|
|
@@ -2,53 +2,36 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: Object.getOwnPropertyDescriptor(all, name).get
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
get TextField () {
|
|
8
13
|
return TextField;
|
|
14
|
+
},
|
|
15
|
+
get TextFieldClear () {
|
|
16
|
+
return TextFieldClear;
|
|
17
|
+
},
|
|
18
|
+
get TextFieldDefault () {
|
|
19
|
+
return TextFieldDefault;
|
|
9
20
|
}
|
|
10
21
|
});
|
|
11
|
-
var _react = /*#__PURE__*/ _interop_require_default(require("react"));
|
|
12
22
|
var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
|
|
13
23
|
var _TextFieldconfig = require("./TextField.config");
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
+
var _TextFieldclearconfig = require("./TextField.clear.config");
|
|
25
|
+
var mergedConfigDefault = (0, _styledcomponents.mergeConfig)(_styledcomponents.textFieldConfig, _TextFieldconfig.config);
|
|
26
|
+
var TextFieldDefault = (0, _styledcomponents.component)(mergedConfigDefault);
|
|
27
|
+
var mergedConfigClear = (0, _styledcomponents.mergeConfig)(_styledcomponents.textFieldConfig, _TextFieldclearconfig.config);
|
|
28
|
+
var TextFieldClear = (0, _styledcomponents.component)(mergedConfigClear);
|
|
29
|
+
var TextField = (0, _styledcomponents.createConditionalComponent)(TextFieldDefault, [
|
|
30
|
+
{
|
|
31
|
+
conditions: {
|
|
32
|
+
prop: 'appearance',
|
|
33
|
+
value: 'clear'
|
|
34
|
+
},
|
|
35
|
+
component: TextFieldClear
|
|
24
36
|
}
|
|
25
|
-
|
|
26
|
-
}
|
|
27
|
-
function _interop_require_default(obj) {
|
|
28
|
-
return obj && obj.__esModule ? obj : {
|
|
29
|
-
default: obj
|
|
30
|
-
};
|
|
31
|
-
}
|
|
32
|
-
function _object_spread(target) {
|
|
33
|
-
for(var i = 1; i < arguments.length; i++){
|
|
34
|
-
var source = arguments[i] != null ? arguments[i] : {};
|
|
35
|
-
var ownKeys = Object.keys(source);
|
|
36
|
-
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
37
|
-
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
38
|
-
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
39
|
-
}));
|
|
40
|
-
}
|
|
41
|
-
ownKeys.forEach(function(key) {
|
|
42
|
-
_define_property(target, key, source[key]);
|
|
43
|
-
});
|
|
44
|
-
}
|
|
45
|
-
return target;
|
|
46
|
-
}
|
|
47
|
-
var mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.textFieldConfig, _TextFieldconfig.config);
|
|
48
|
-
var TextFieldComponent = (0, _styledcomponents.component)(mergedConfig);
|
|
49
|
-
var TexFieldWithTypes = function(props, ref) {
|
|
50
|
-
return /*#__PURE__*/ _react.default.createElement(TextFieldComponent, _object_spread({
|
|
51
|
-
ref: ref
|
|
52
|
-
}, props));
|
|
53
|
-
};
|
|
54
|
-
var TextField = (0, _styledcomponents.fixedForwardRef)(TexFieldWithTypes);
|
|
37
|
+
]);
|