@cloud-ru/uikit-product-fields-predefined 0.13.6 → 0.13.8
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/CHANGELOG.md +25 -0
- package/dist/cjs/components/FieldAi/FieldAi.js +1 -1
- package/dist/cjs/components/FieldAi/components/MobileFieldAi/styles.module.css +21 -0
- package/dist/cjs/components/FieldAi/styles.module.css +9 -0
- package/dist/esm/components/FieldAi/FieldAi.js +1 -1
- package/dist/esm/components/FieldAi/components/MobileFieldAi/styles.module.css +21 -0
- package/dist/esm/components/FieldAi/styles.module.css +9 -0
- package/dist/tsconfig.cjs.tsbuildinfo +1 -1
- package/dist/tsconfig.esm.tsbuildinfo +1 -1
- package/package.json +8 -8
- package/src/components/FieldAi/FieldAi.tsx +2 -2
- package/src/components/FieldAi/components/MobileFieldAi/styles.module.scss +9 -0
- package/src/components/FieldAi/styles.module.scss +18 -0
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cloud-ru/uikit-product-fields-predefined",
|
|
3
3
|
"title": "Fields Predefined",
|
|
4
|
-
"version": "0.13.
|
|
4
|
+
"version": "0.13.8",
|
|
5
5
|
"sideEffects": [
|
|
6
6
|
"*.css",
|
|
7
7
|
"*.woff",
|
|
@@ -32,12 +32,12 @@
|
|
|
32
32
|
},
|
|
33
33
|
"scripts": {},
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@cloud-ru/uikit-product-icons": "15.1.
|
|
36
|
-
"@cloud-ru/uikit-product-mobile-dropdown": "0.9.
|
|
37
|
-
"@cloud-ru/uikit-product-mobile-fields": "0.11.
|
|
38
|
-
"@cloud-ru/uikit-product-mobile-modal": "0.9.
|
|
39
|
-
"@cloud-ru/uikit-product-mobile-tooltip": "0.4.
|
|
40
|
-
"@cloud-ru/uikit-product-utils": "
|
|
35
|
+
"@cloud-ru/uikit-product-icons": "15.1.5",
|
|
36
|
+
"@cloud-ru/uikit-product-mobile-dropdown": "0.9.25",
|
|
37
|
+
"@cloud-ru/uikit-product-mobile-fields": "0.11.28",
|
|
38
|
+
"@cloud-ru/uikit-product-mobile-modal": "0.9.22",
|
|
39
|
+
"@cloud-ru/uikit-product-mobile-tooltip": "0.4.69",
|
|
40
|
+
"@cloud-ru/uikit-product-utils": "8.0.0",
|
|
41
41
|
"@snack-uikit/attachment": "0.4.10",
|
|
42
42
|
"@snack-uikit/button": "0.19.11",
|
|
43
43
|
"@snack-uikit/drop-zone": "0.9.6",
|
|
@@ -59,5 +59,5 @@
|
|
|
59
59
|
"peerDependencies": {
|
|
60
60
|
"@cloud-ru/uikit-product-locale": "*"
|
|
61
61
|
},
|
|
62
|
-
"gitHead": "
|
|
62
|
+
"gitHead": "46b285728ff0dfe51d89b375469a6c05d6f2dba9"
|
|
63
63
|
}
|
|
@@ -97,7 +97,7 @@ export const FieldAi = forwardRef<HTMLTextAreaElement, FieldAiProps>(
|
|
|
97
97
|
minRows={secure ? 1 : 2}
|
|
98
98
|
maxRows={secure ? 1 : 4}
|
|
99
99
|
placeholder={secure ? t('FieldAi.secret.placeholder') : t('FieldAi.regular.placeholder')}
|
|
100
|
-
className={secure && isValueHidden ? styles.secured : undefined}
|
|
100
|
+
className={cn(styles.textarea, secure && isValueHidden ? styles.secured : undefined)}
|
|
101
101
|
onKeyDown={handleKeyDown}
|
|
102
102
|
spellCheck={!secure}
|
|
103
103
|
validationState={showPasswordError ? 'error' : validationState}
|
|
@@ -126,7 +126,7 @@ export const FieldAi = forwardRef<HTMLTextAreaElement, FieldAiProps>(
|
|
|
126
126
|
)}
|
|
127
127
|
<FieldSubmitButton
|
|
128
128
|
showTooltip={!isTouchDevice}
|
|
129
|
-
className={isTouchDevice ? styles.mobileSubmitButton : undefined}
|
|
129
|
+
className={cn(styles.submitButton, isTouchDevice ? styles.mobileSubmitButton : undefined)}
|
|
130
130
|
active={isValueValid && !disabled && isPasswordValid}
|
|
131
131
|
handleClick={handleSubmit}
|
|
132
132
|
size={isTouchDevice ? 's' : 'xs'}
|
|
@@ -47,6 +47,10 @@ $sizes: 's', 'm', 'l';
|
|
|
47
47
|
@include ste.composite-var(ste.$theme-variables, 'sans', 'body', $size);
|
|
48
48
|
|
|
49
49
|
padding-right: calc(42px + ste.simple-var(ste.$fields-scroll-bar-width, 'width'));
|
|
50
|
+
|
|
51
|
+
&::placeholder {
|
|
52
|
+
color: ste.simple-var(ste.$sys-neutral-text-disabled);
|
|
53
|
+
}
|
|
50
54
|
}
|
|
51
55
|
}
|
|
52
56
|
}
|
|
@@ -68,6 +72,11 @@ $sizes: 's', 'm', 'l';
|
|
|
68
72
|
/* stylelint-disable-next-line declaration-no-important */
|
|
69
73
|
flex-shrink: 0 !important;
|
|
70
74
|
|
|
75
|
+
&:not([data-disabled]) {
|
|
76
|
+
/* stylelint-disable-next-line color-no-hex */
|
|
77
|
+
background: radial-gradient(92.53% 92.53% at 65.87% 21.69%, #7CB5F2 15%, #5FD7C2 45%, #26D07C 65%);
|
|
78
|
+
}
|
|
79
|
+
|
|
71
80
|
&:after {
|
|
72
81
|
content: '';
|
|
73
82
|
display: flex;
|
|
@@ -31,3 +31,21 @@
|
|
|
31
31
|
transform: translate(-50%, -50%);
|
|
32
32
|
}
|
|
33
33
|
}
|
|
34
|
+
|
|
35
|
+
.submitButton {
|
|
36
|
+
&:not([data-disabled]) {
|
|
37
|
+
/* stylelint-disable-next-line color-no-hex */
|
|
38
|
+
background: radial-gradient(92.53% 92.53% at 65.87% 21.69%, #7CB5F2 15%, #5FD7C2 45%, #26D07C 65%);
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
.textarea {
|
|
43
|
+
&> :first-child {
|
|
44
|
+
&[data-validation=default]:not([data-readonly]):not([data-disable-focus]):focus-within:not([data-disabled]) {
|
|
45
|
+
border-color: transparent;
|
|
46
|
+
/* stylelint-disable-next-line color-no-hex */
|
|
47
|
+
background: linear-gradient(var(--sys-neutral-background2-level), var(--sys-neutral-background2-level) 0) padding-box, radial-gradient(92.53% 92.53% at 65.87% 21.69%, #7CB5F2 8%, #78B9EC 17%, #70C6DD 28%, #64D8C7 38%, #5FD7C2 44%, #54D5B3 51%, #40D39C 58%, #26D07C 66%) border-box;
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
|