@vkontakte/icons@2.129.0

Улучшения

см. @vkontakte/icons-scripts@4.3.0

@vkontakte/icons-sprite@2.3.0

Улучшения

см. @vkontakte/icons-scripts@4.3.0

@vkontakte/icons-scripts@4.3.0

Улучшения

• Добавлена возможность пробрасывать атрибуты с symbol-элемента на svg элемент, который ссылается на symbol, для корректного отображения иконки (#953)

@vkontakte/icons-scripts@4.2.2

Исправления

• Исправлена генерация иконок на Windows (#922)

@vkontakte/icons@2.116.1

Исправления

см. @vkontakte/icons-scripts@4.2.1

@vkontakte/icons-scripts@4.2.1

Исправления

Сборка под ES6 вынесена из dist/es6 в отдельную папку dist_es6/ для правильного разрешения относительных путей (#901)

---

Полный список изменений: https://github.com/VKCOM/icons/compare/@vkontakte/icons-scripts@4.2.0...@vkontakte/icons-scripts@4.2.1

@vkontakte/icons@2.115.0

Улучшения

Добавлен реэкспорт провайдера IconApperanceProvider (#899, см. @vkontakte/icons-sprites@2.2.0).

---

Полный список изменений: https://github.com/VKCOM/icons/compare/@vkontakte/icons@2.114.0...@vkontakte/icons@2.115.0

@vkontakte/icons-sprite@2.2.0

Улучшения

Добавлена возможность создавать спрайты из растровых изображений (#893, также см. @vkontakte/icons-scripts@4.2.0).

Используйте makeRasterIcon() для создания растровой иконки, который возвращает React компонент.

Для категорий разрешений используется именование из 🔗 Android

import { ImgHTMLAttributes, Ref } from 'react';
import { makeRasterIcon } from '@vkontakte/icons-sprite';
import lightmdpi from '.. / ../../src/png/28/drawable-mdpi/verified_light_28.png';
import darkmdpi from ' ../../../src/png/28/drawable-mdpi/verified_dark_28.png';
import lighthdpi from '../../../src/png/28/drawable-xhdpi/verified_light_28.png';
import darkxhdpi from ' ../../../src/png/28/drawable-xhdpi/verified_dark_28.png';
import lightxxhdpi from '../../../src/png/28/drawable-xxhdpi/verified_light_28.png';
import darkxxhdpi from ' ../../../src/png/28/drawable-xxhdpi/verified_dark_28.png';

export interface RasterIcon28VerifiedProps extends ImgHTMLAttributes<HTMLImageElement> {
  getRootRef?: Ref<HTMLImageElement>;
}

export const RasterIcon28Verified = makeRasterIcon<RasterIcon28VerifiedProps>(
  'RasterIcon28Verified',
  'verified',
  28,
  { lightmdpi, darkmdpi, lighthdpi, darkxhdpi, lightxxhdpi, darkxxhdpi },
);

Для смены иконки на light/dark в зависимости от цветовой схемы, используйте провайдер IconAppearanceProvider. Его стоит разово определить в корне вашего проекта. Далее все RasterIcon получат apperance из контекста.

import { IconAppearanceProvider } from '@vkontakte/icons-sprite';

const App = ({ children }) => {
  const apperance = 'light'; /* здесь предполагается, что будет хук определяющий цветовую схему */;
  return (
    <IconAppearanceProvider value={apperance}>
      {children}
    </IconAppearanceProvider>
  );
};

---

Полный список изменений: https://github.com/VKCOM/icons/compare/@vkontakte/icons-sprite@2.1.0...@vkontakte/icons-sprite@2.2.0

@vkontakte/icons-scripts@4.2.0

Улучшения

Добавлена возможность создания растровых иконок (#893, спасибо @MrZillaGold ❤️)

---

Полный список изменений: https://github.com/VKCOM/icons/compare/@vkontakte/icons-scripts@4.1.0...@vkontakte/icons-scripts@4.2.0

@vkontakte/icons@2.113.0

Изменения

• добавлена поддержка подкомпонентов для иконок, которые собираются по частям. (#879) Подробности.