@alfalab/icons-glyph 2.127.0 → 2.129.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CopyLineSIcon.d.ts +3 -0
- package/CopyLineSIcon.js +1 -0
- package/CopyLineXxlIcon.d.ts +3 -0
- package/CopyLineXxlIcon.js +1 -0
- package/README.md +40 -0
- package/WalletArrowRightMIcon.d.ts +3 -0
- package/WalletArrowRightMIcon.js +1 -0
- package/package.json +1 -1
package/CopyLineSIcon.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("./tslib.es6-37b184f2.js"),r=(e=require("react"))&&"object"==typeof e&&"default"in e?e.default:e,l=function(e){return r.createElement("svg",t.__assign({role:"img",focusable:"false",fill:"currentColor",width:"16",height:"16",viewBox:"0 0 16 16"},e),r.createElement("path",{d:"M6.375 0C5.478 0 4.75.716 4.75 1.6h8.125v11.2c.898 0 1.625-.716 1.625-1.6V1.6c0-.884-.727-1.6-1.625-1.6h-6.5z"}),r.createElement("path",{d:"M3.125 3.2c-.897 0-1.625.716-1.625 1.6v9.6c0 .884.728 1.6 1.625 1.6h6.5c.898 0 1.625-.716 1.625-1.6V4.8c0-.884-.727-1.6-1.625-1.6h-6.5zm6.5 1.6h-6.5v9.6h6.5V4.8z",fillRule:"evenodd",clipRule:"evenodd"}))};exports.CopyLineSIcon=l,exports.default=l;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("./tslib.es6-37b184f2.js"),a=(e=require("react"))&&"object"==typeof e&&"default"in e?e.default:e,l=function(e){return a.createElement("svg",t.__assign({role:"img",focusable:"false",fill:"currentColor",width:"48",height:"48",viewBox:"0 0 48 48"},e),a.createElement("path",{d:"M20 4a4 4 0 00-4 4h20v28a4 4 0 004-4V8a4 4 0 00-4-4H20z"}),a.createElement("path",{d:"M12 12a4 4 0 00-4 4v24a4 4 0 004 4h16a4 4 0 004-4V16a4 4 0 00-4-4H12zm16 4H12v24h16V16z",fillRule:"evenodd",clipRule:"evenodd"}))};exports.CopyLineXxlIcon=l,exports.default=l;
|
package/README.md
ADDED
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
## Как найти иконку
|
|
2
|
+
|
|
3
|
+
[Витрина иконок с поиском](https://core-ds.github.io/icons-demo/)
|
|
4
|
+
|
|
5
|
+
## Как сюда попадают новые иконки
|
|
6
|
+
|
|
7
|
+
- Дизайнер рисует [иконки в фигме](https://www.figma.com/file/ZcdUPebEhHfSZ91zgmv2cK/Icons).
|
|
8
|
+
- С помощью [фигма-плагина](https://www.figma.com/community/plugin/1098026825756738050/Publish-Icons) создаётся пулл-реквест с иконками в репозиторий [ui-primitives](https://github.com/core-ds/ui-primitives).
|
|
9
|
+
- После мёрджа пулл-реквеста в [ui-primitives](https://github.com/core-ds/ui-primitives) и публикации нового пакета, с помощью github-actions начинается процесс генерации новых реакт-компонентов на основе svg-файлов иконок.
|
|
10
|
+
- После успешной генерации новых React-компонетов, публикуются новые версии пакетов.
|
|
11
|
+
|
|
12
|
+
## Какие есть пакеты иконок
|
|
13
|
+
|
|
14
|
+
На данный момент есть следующие пакеты иконок:
|
|
15
|
+
| Пакет | Ссылка на npmjs.com | Описание
|
|
16
|
+
| ------ | ------ | ------
|
|
17
|
+
| @alfalab/icons | [@alfalab/icons](https://www.npmjs.com/package/@alfalab/icons) | Общий пакет со всеми иконками
|
|
18
|
+
| @alfalab/icons-classic (old) | [@alfalab/icons-classic](https://www.npmjs.com/package/@alfalab/icons-classic) | Устаревшие иконки
|
|
19
|
+
| @alfalab/icons-glyph | [@alfalab/icons-glyph](https://www.npmjs.com/package/@alfalab/icons-glyph) | Основной стиль иконок для всех продуктов
|
|
20
|
+
| @alfalab/icons-flag | [@alfalab/icons-flag](https://www.npmjs.com/package/@alfalab/icons-flag) | Иконки флагов стран
|
|
21
|
+
| @alfalab/icons-logotype | [@alfalab/icons-logotype](https://www.npmjs.com/package/@alfalab/icons-logotype) | Логотипы
|
|
22
|
+
| @alfalab/icons-corp | [@alfalab/icons-corp](https://www.npmjs.com/package/@alfalab/icons-corp) | Используются только в продуктах корпоратов
|
|
23
|
+
| @alfalab/icons-rocky | [@alfalab/icons-rocky](https://www.npmjs.com/package/@alfalab/icons-rocky) | Иконки в новом стиле
|
|
24
|
+
| @alfalab/icons-ios | [@alfalab/icons-ios](https://www.npmjs.com/package/@alfalab/icons-ios) | Используются только на iOS устройствах
|
|
25
|
+
| @alfalab/icons-android | [@alfalab/icons-android](https://www.npmjs.com/package/@alfalab/icons-android) | Используются только на Android устройствах
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
## Как импортить иконки в проект
|
|
29
|
+
|
|
30
|
+
`import { IconName } from '@alfalab/{packageName}/{IconName}';`
|
|
31
|
+
|
|
32
|
+
или
|
|
33
|
+
|
|
34
|
+
`import IconName from '@alfalab/{packageName}/{IconName}';`
|
|
35
|
+
|
|
36
|
+
## Цвет иконок
|
|
37
|
+
|
|
38
|
+
В пакете `@alfalab/icons-glyph` цвет иконок задается атрибутом `fill="currentColor"`, т.е. цвет наследуется от родительского свойства `color`.
|
|
39
|
+
|
|
40
|
+
В пакете `@alfalab/icons-classic` цвет иконок не наследуется.
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,l=require("./tslib.es6-37b184f2.js"),t=(e=require("react"))&&"object"==typeof e&&"default"in e?e.default:e,r=function(e){return t.createElement("svg",l.__assign({role:"img",focusable:"false",fill:"currentColor",width:"24",height:"24",viewBox:"0 0 24 24"},e),t.createElement("path",{d:"M18.103 5.781L5.825 6.884c-.682.086-.849.486-.849.978v.273h13.835c1.092 0 1.977.884 1.977 1.976v3.774l-.855-.71c-1.605-1.33-4.03-.203-4.058 1.87h-.848c-3.43 0-5.898 2.196-6.93 4.948h-3.12A1.976 1.976 0 013 18.017V7.862c0-1.475.6-2.692 2.545-2.935l10.41-.935a1.976 1.976 0 012.133 1.69l.015.1zm5.183 13.025a.38.38 0 010 .637l-4.749 3.909a.398.398 0 01-.651-.308v-1.945c-.333 0-.671-.005-1.013-.01-2.32-.04-4.793-.08-6.556 1.604H9.92c0-2.923 2.088-5.577 5.178-5.577h2.789v-1.94c0-.338.393-.522.652-.307l4.748 3.937z",fillRule:"evenodd",clipRule:"evenodd"}))};exports.WalletArrowRightMIcon=r,exports.default=r;
|