v5.5.0

Улучшения

• Tappable: добавлено свойство hovered (#4636)

• Cell: добавлен новый компонент Cell.Checkbox (#4819)

  

• Popper, Tooltip, RichTooltip, TextTooltip: добавлена возможность прокидывать кастомную стрелку (#5022)

  Пример из документации Tooltip

  const ARROW_HEIGHT = 11;
  
  /**
   * @param {React.SVGAttributes<SVGSVGElement>} props
   */
  const CustomIcon = (props) => {
    return (
      <svg
        width="80"
        height={ARROW_HEIGHT}
        viewBox={`0 0 80 ${ARROW_HEIGHT}`}
        xmlns="http://www.w3.org/2000/svg"
        {...props}
      >
        <path d="M40 0C33 5.5 20 10 0 10v1h80v-1C60 10 47 5.5 40 0Z" fill="currentColor" />
      </svg>
    );
  };
  
  const App = () => {
    return (
      <TooltipContainer>
        <Tooltip
          text="У этого тултипа кастомная стрелка"
          offsetY={ARROW_HEIGHT}
          arrowPadding={6}
          ArrowIcon={CustomIcon}
        >
          <div
            style={{
              position: 'absolute',
              top: '50%',
              left: '50%',
              transform: 'translate(-50%, -50%)',
            }}
          >
            Якорь
          </div>
        </Tooltip>
      </TooltipContainer>
    );
  };
  
  <App />;

• Popper: добавлена возможность прокидывать portalRoot (#5097)

• Header: обновлен дизайн для vkcom (#5084)

• ScrollArrow: новый компонент стрелки (#4649)

  

• CustomScrollView: добавлен параметр onScroll (#5098)

• Slider: добавлена доступность (#4961)

• RangeSlider: отмечен как @deprecated и будет удалён в v6 – используйте Slider (#4961)

• ButtonGroup: добавлена возможность использовать align вместе с mode="horizontal" (#5125)

• Progress: новое свойство appearance (#5131)

  

• Placeholder: новое свойство withPadding (#4948)

• AspectRatio: добавлен новый компонент для отображения медиа-контента в определенных пропорциях (#5153)

Документация

• CustomSelect: дополнено описание renderOption (#5165)

• CustomSelectOption: дополнено описание disabled (#5165)

Internal

• Подключили VK stylelint конфиг (#5152)

  За счёт правок чуть уменьшили бандл

  CSS | 271.49 KB (-0.03% 🔽)
  CSS (gzip) | 35.38 KB (-0.06% 🔽)
  CSS (brotli) | 28.04 KB (+0.01% 🔺)