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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloud-ru/uikit-product-fields-predefined",
   "title": "Fields Predefined",
-  "version": "0.13.6",
+  "version": "0.13.7",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -59,5 +59,5 @@
   "peerDependencies": {
     "@cloud-ru/uikit-product-locale": "*"
   },
-  "gitHead": "ce69097516055b330a0b05da5e29ac5b66e56284"
+  "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;
+    }
+  }
+}
+