@cloud-ru/ds-fields 2.2.7-preview-a2208aeb.0 → 2.2.7-preview-94b5bdf7.0

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

@@ -207,28 +207,6 @@ $sizes: 's', 'm', 'l';
 
   @each $size in $sizes {
     &[data-size='#{$size}'] {
-      // Отступы inputWrapper — только вокруг input: кнопки стоят вплотную к postfix / иконке / краю, как в макете.
-      $inputPaddingLeft: base.simple-var(
-        field.$field,
-        'anatomy',
-        'size',
-        $size,
-        'fieldContainer',
-        'contentWrapper',
-        'inputWrapper',
-        'padding-left'
-      );
-      $inputPaddingRight: base.simple-var(
-        field.$field,
-        'anatomy',
-        'size',
-        $size,
-        'fieldContainer',
-        'contentWrapper',
-        'inputWrapper',
-        'padding-right'
-      );
-
       .lineWrapper {
         display: none;
         width: 0;
@@ -255,33 +233,18 @@ $sizes: 's', 'm', 'l';
         padding: $paddingTop $paddingRight $paddingBottom $paddingLeft;
       }
 
-      // В мастере `multiLine/minHeight` стоит только у варианта `resizable=true`, остальные
-      // живут на высоте одной строки.
-      &[data-resizable] .fieldContainer {
-        min-height: base.simple-var(
+      .inputLine {
+        @include base.composite-var(
           field.$field,
           'anatomy',
           'size',
           $size,
           'fieldContainer',
-          'multiLine',
-          'min-height'
+          'contentWrapper',
+          'inputLine'
         );
       }
 
-      .inputArea {
-        padding-right: $inputPaddingRight;
-        padding-left: $inputPaddingLeft;
-      }
-
-      .prefix {
-        padding-left: $inputPaddingLeft;
-      }
-
-      .postfix {
-        padding-right: $inputPaddingRight;
-      }
-
       .prefix,
       .postfix,
       .fieldInput {
@@ -296,7 +259,7 @@ $sizes: 's', 'm', 'l';
           $size,
           'fieldContainer',
           'centeredWrapper',
-          'height'
+          'max-height'
         );
 
         // Иконки полей (iconBefore/iconAfter + декоративные chevron/calendar/watch) масштабируются
@@ -304,10 +267,10 @@ $sizes: 's', 'm', 'l';
         // приём, что в @cloud-ru/ds-button: @cloud-ru/ds-icons задают инлайн `style="width:24"`, который перебивает
         // обычный width, но не max-width, поэтому svg клампится к нужному размеру без JS-пропа.
         svg {
-          $iconSlotSize: base.$sn-density-icon-s;
+          $iconSlotSize: base.$sn-density-size-icon-s;
 
           @if $size == 's' {
-            $iconSlotSize: base.$sn-density-icon-xs;
+            $iconSlotSize: base.$sn-density-size-icon-xs;
           }
 
           max-width: $iconSlotSize;
@@ -317,26 +280,28 @@ $sizes: 's', 'm', 'l';
 
       .clearButtonSlot,
       .postfixButtonsSlot {
-        // Кнопки clear/copy — иконный квадрат слота centeredWrapper (как легаси ButtonClearValue), а не кнопка 32px.
-        // Размер кнопки — BUTTON_SIZE_MAP из @cloud-ru/ds-input-private: field s → button s, m/l → m.
-        $slotWidth: base.simple-var(field.$field, 'anatomy', 'size', $size, 'fieldContainer', 'centeredWrapper', 'width');
-        $iconSquare: base.$sn-density-icon-s;
+        // Кнопки clear/copy — иконный квадрат (паритет с легаси ButtonClearValue: 16px при s,
+        // 24px при m/l), а не полноразмерная function-кнопка 32px. Те же icon-токены, что у .iconSlot.
+        // @cloud-ru/ds-button читает min-height и iconOnly-minWidth через var() (figma-variables
+        // button.module.scss) — локальный override сжимает кнопку до иконного квадрата без
+        // правки @cloud-ru/ds-button. BUTTON_SIZE_MAP (@cloud-ru/ds-input-private): field s → button s, m/l → m.
+        $iconSquare: base.$sn-density-size-icon-s;
         $btnSize: 'm';
 
         @if $size == 's' {
-          $iconSquare: base.$sn-density-icon-xs;
+          $iconSquare: base.$sn-density-size-icon-xs;
           $btnSize: 's';
         }
 
         --sn-button-anatomy-size-#{$btnSize}-container-minHeight: #{$iconSquare};
-        --sn-button-anatomy-size-#{$btnSize}-container-iconOnly-minWidth: #{$slotWidth};
+        --sn-button-anatomy-size-#{$btnSize}-container-iconOnly-minWidth: #{$iconSquare};
 
-        max-width: $slotWidth;
+        max-width: $iconSquare;
         max-height: $iconSquare;
 
         // Иконки @cloud-ru/ds-icons инлайнят style width:24 — без max-* кнопка при field s не сожмётся до 16.
         svg {
-          max-width: $slotWidth;
+          max-width: $iconSquare;
           max-height: $iconSquare;
         }
       }
@@ -383,12 +348,6 @@ $sizes: 's', 'm', 'l';
   &[data-disabled='true'] {
     cursor: not-allowed;
     opacity: base.$sn-theme-effect-opacity-disabled;
-
-    // Кнопка сегмента, которая в макете не переходит в disabled вместе с полем (глаз FieldSecure):
-    // поле уже затемнено целиком, собственное затемнение кнопки (FieldElementButton) снимаем.
-    .elementButtonInheritDisabled[data-disabled='true'] > * {
-      opacity: 1;
-    }
   }
 
   &[data-readonly='true']:not([data-disabled='true']) {