@cloud-ru/uikit-product-fields-predefined 0.13.5 → 0.13.7

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloud-ru/uikit-product-fields-predefined",
   "title": "Fields Predefined",
-  "version": "0.13.5",
+  "version": "0.13.7",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -20,7 +20,6 @@
     "name": "Akhremenko Grigorii",
     "url": "https://github.com/AGrigorii"
   },
-  "contributors": [],
   "files": [
     "dist",
     "src",
@@ -33,12 +32,12 @@
   },
   "scripts": {},
   "dependencies": {
-    "@cloud-ru/uikit-product-icons": "15.1.3",
-    "@cloud-ru/uikit-product-mobile-dropdown": "0.9.23",
-    "@cloud-ru/uikit-product-mobile-fields": "0.11.26",
-    "@cloud-ru/uikit-product-mobile-modal": "0.9.20",
-    "@cloud-ru/uikit-product-mobile-tooltip": "0.4.67",
-    "@cloud-ru/uikit-product-utils": "7.0.2",
+    "@cloud-ru/uikit-product-icons": "15.1.4",
+    "@cloud-ru/uikit-product-mobile-dropdown": "0.9.24",
+    "@cloud-ru/uikit-product-mobile-fields": "0.11.27",
+    "@cloud-ru/uikit-product-mobile-modal": "0.9.21",
+    "@cloud-ru/uikit-product-mobile-tooltip": "0.4.68",
+    "@cloud-ru/uikit-product-utils": "7.0.3",
     "@snack-uikit/attachment": "0.4.10",
     "@snack-uikit/button": "0.19.11",
     "@snack-uikit/drop-zone": "0.9.6",
@@ -60,5 +59,5 @@
   "peerDependencies": {
     "@cloud-ru/uikit-product-locale": "*"
   },
-  "gitHead": "bf479ecf7238ef20b78f20acaef439efa535d1a1"
+  "gitHead": "08da536a2d0e000d678f7490df150fc0ebdf3f01"
 }

package/src/components/FieldAi/FieldAi.tsx

@@ -97,7 +97,7 @@ export const FieldAi = forwardRef<HTMLTextAreaElement, FieldAiProps>(
             minRows={secure ? 1 : 2}
             maxRows={secure ? 1 : 4}
             placeholder={secure ? t('FieldAi.secret.placeholder') : t('FieldAi.regular.placeholder')}
-            className={secure && isValueHidden ? styles.secured : undefined}
+            className={cn(styles.textarea, secure && isValueHidden ? styles.secured : undefined)}
             onKeyDown={handleKeyDown}
             spellCheck={!secure}
             validationState={showPasswordError ? 'error' : validationState}
@@ -126,7 +126,7 @@ export const FieldAi = forwardRef<HTMLTextAreaElement, FieldAiProps>(
                     )}
                     <FieldSubmitButton
                       showTooltip={!isTouchDevice}
-                      className={isTouchDevice ? styles.mobileSubmitButton : undefined}
+                      className={cn(styles.submitButton, isTouchDevice ? styles.mobileSubmitButton : undefined)}
                       active={isValueValid && !disabled && isPasswordValid}
                       handleClick={handleSubmit}
                       size={isTouchDevice ? 's' : 'xs'}

package/src/components/FieldAi/components/MobileFieldAi/styles.module.scss

@@ -47,6 +47,10 @@ $sizes: 's', 'm', 'l';
         @include ste.composite-var(ste.$theme-variables, 'sans', 'body', $size);
 
         padding-right: calc(42px + ste.simple-var(ste.$fields-scroll-bar-width, 'width'));
+
+        &::placeholder {
+          color: ste.simple-var(ste.$sys-neutral-text-disabled);
+        }
       }
     }
   }
@@ -68,6 +72,11 @@ $sizes: 's', 'm', 'l';
   /* stylelint-disable-next-line declaration-no-important */
   flex-shrink: 0 !important;
 
+  &:not([data-disabled]) {
+    /* stylelint-disable-next-line color-no-hex */
+    background: radial-gradient(92.53% 92.53% at 65.87% 21.69%, #7CB5F2 15%, #5FD7C2 45%, #26D07C 65%); 
+  }
+
   &:after {
     content: '';
     display: flex;

package/src/components/FieldAi/styles.module.scss

@@ -31,3 +31,21 @@
     transform: translate(-50%, -50%);
   }
 }
+
+.submitButton {
+  &:not([data-disabled]) {
+    /* stylelint-disable-next-line color-no-hex */
+    background: radial-gradient(92.53% 92.53% at 65.87% 21.69%, #7CB5F2 15%, #5FD7C2 45%, #26D07C 65%);
+  }
+}
+
+.textarea {
+  &> :first-child {
+    &[data-validation=default]:not([data-readonly]):not([data-disable-focus]):focus-within:not([data-disabled]) {
+      border-color: transparent;
+      /* stylelint-disable-next-line color-no-hex */
+      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;
+    }
+  }
+}
+