@salutejs/sdds-icons 0.2.0-canary.3007.30767374338.0

package/LICENSE.txt

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) Salute Devices
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,66 @@
+# SDDS Icons
+
+React-иконки для Salute Design System с поддержкой tree-shaking.
+
+## Установка
+
+```sh
+npm install @salutejs/sdds-icons
+```
+
+## Использование
+
+Выберите размер иконки в пути импорта. Пакет поддерживает именованный импорт из общего файла размера:
+
+```tsx
+import { AddFillIcon } from '@salutejs/sdds-icons/24';
+
+export const AddButton = () => <AddFillIcon />;
+```
+
+Также доступен прямой импорт конкретной иконки. Он позволяет сборщику не обрабатывать общий файл со всеми иконками выбранного размера:
+
+```tsx
+import AddFillIcon from '@salutejs/sdds-icons/24/AddFillIcon';
+
+export const AddButton = () => <AddFillIcon />;
+```
+
+У пакета нет экспорта из корня, поэтому размер необходимо указывать всегда. Доступны размеры `16`, `24` и `36`:
+
+```tsx
+import { AddFillIcon as AddFillIcon16 } from '@salutejs/sdds-icons/16';
+import { AddFillIcon as AddFillIcon24 } from '@salutejs/sdds-icons/24';
+import { AddFillIcon as AddFillIcon36 } from '@salutejs/sdds-icons/36';
+```
+
+Каждая точка входа содержит только SVG-иконки соответствующего размера. Компоненты создают один элемент `svg`, наследуют цвет через `currentColor`, поддерживают `ref` и принимают стандартные свойства SVG.
+
+Размер по умолчанию соответствует выбранному варианту. Отображаемые ширину и высоту можно переопределить стандартными SVG-свойствами:
+
+```tsx
+<AddFillIcon width={32} height={32} color="tomato" />
+```
+
+## Разработка
+
+Исходные файлы иконок хранятся отдельно от React-кода:
+
+```text
+svg/
+├── 16/AddFill.svg
+├── 24/AddFill.svg
+└── 36/AddFill.svg
+```
+
+Сейчас в пакете оставлена одна иконка в трёх размерах для разработки архитектуры. Чтобы добавить новую иконку, положите SVG с одинаковым именем во все три директории. Например, `Search.svg` должен существовать в `svg/16`, `svg/24` и `svg/36`.
+
+Команда сборки создаёт временное дерево `build-temp`, генерирует в нём React-компоненты, компилирует его TypeScript и удаляет временные файлы:
+
+```sh
+npm run build
+```
+
+Временное дерево `build-temp` удаляется и после успешной сборки, и при ошибке. В `src` находятся только общие фабрики `createIcon16`, `createIcon24` и `createIcon36`: они задают размер, `viewBox`, поддержку `ref` и стандартных SVG-свойств. Единственным источником геометрии иконок остаются файлы в `svg`. SVGO оптимизирует SVG-разметку, а SVGR преобразует её в JSX; заполнения и обводки становятся `currentColor`.
+
+В публикуемый npm-пакет входят только готовые файлы из `dist`, README и лицензия. Исходные SVG, генератор и TypeScript-исходники остаются в репозитории.

package/dist/16/AddFillIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const AddFillIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default AddFillIcon;

package/dist/16/AddFillIcon.js

@@ -0,0 +1,7 @@
+// This file is generated. Do not edit it manually.
+import React from 'react';
+import { createIcon16 } from '../createIcon16.js';
+export const AddFillIcon = /* @__PURE__ */ createIcon16(React.createElement(React.Fragment, null,
+    React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M3.698 3.25c0-.966.783-1.75 1.75-1.75h7.304c.966 0 1.75.784 1.75 1.75v7.238a1.75 1.75 0 0 1-1.75 1.75H5.448a1.75 1.75 0 0 1-1.75-1.75zm5.401.434a.5.5 0 0 1 .5.5v2.184h2.2a.5.5 0 1 1 0 1H9.607l.029 2.178a.5.5 0 1 1-1 .013l-.03-2.191H6.399a.5.5 0 1 1 0-1H8.6V4.184a.5.5 0 0 1 .5-.5", clipRule: "evenodd" }),
+    React.createElement("path", { fill: "currentColor", d: "M2.5 5.411a.5.5 0 0 0-1 0v6.84a2.25 2.25 0 0 0 2.25 2.25h6.893a.5.5 0 1 0 0-1H3.75c-.69 0-1.25-.56-1.25-1.25z" })));
+export default AddFillIcon;

package/dist/16/index.d.ts

@@ -0,0 +1 @@
+export { AddFillIcon } from './AddFillIcon.js';

package/dist/16/index.js

@@ -0,0 +1,2 @@
+// This file is generated from svg/16. Do not edit it manually.
+export { AddFillIcon } from './AddFillIcon.js';

package/dist/24/AddFillIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const AddFillIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default AddFillIcon;

package/dist/24/AddFillIcon.js

@@ -0,0 +1,7 @@
+// This file is generated. Do not edit it manually.
+import React from 'react';
+import { createIcon24 } from '../createIcon24.js';
+export const AddFillIcon = /* @__PURE__ */ createIcon24(React.createElement(React.Fragment, null,
+    React.createElement("path", { fill: "currentColor", d: "M5.226 19.482c.212.017.492.018.924.018h10.1a.75.75 0 0 1 0 1.5H6.121c-.395 0-.736 0-1.017-.023a2.3 2.3 0 0 1-.875-.222 2.25 2.25 0 0 1-.984-.983 2.3 2.3 0 0 1-.222-.876C3 18.616 3 18.274 3 17.88V7.75a.75.75 0 0 1 1.5 0v10.1c0 .432 0 .712.018.924.017.204.045.28.064.316a.75.75 0 0 0 .328.328c.037.02.112.047.316.064" }),
+    React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M18.896 17.977c-.28.023-.622.023-1.017.023H9.12c-.395 0-.736 0-1.017-.023a2.3 2.3 0 0 1-.875-.222 2.25 2.25 0 0 1-.984-.983 2.3 2.3 0 0 1-.222-.876C6 15.616 6 15.274 6 14.88V6.12c0-.395 0-.736.023-1.017a2.3 2.3 0 0 1 .222-.875 2.25 2.25 0 0 1 .984-.984 2.3 2.3 0 0 1 .875-.222C8.384 3 8.726 3 9.12 3h8.758c.395 0 .736 0 1.017.023.297.024.592.078.875.222.424.216.768.56.984.984.144.283.198.578.222.875.023.28.023.622.023 1.017v8.758c0 .395 0 .736-.023 1.017a2.3 2.3 0 0 1-.222.875c-.216.424-.56.768-.983.984-.284.144-.58.198-.876.222M14.25 6.75a.75.75 0 0 0-1.5 0v3h-3a.75.75 0 0 0 0 1.5h3.01l.04 3.01a.75.75 0 1 0 1.5-.02l-.04-2.99h2.99a.75.75 0 0 0 0-1.5h-3z", clipRule: "evenodd" })));
+export default AddFillIcon;

package/dist/24/index.d.ts

@@ -0,0 +1 @@
+export { AddFillIcon } from './AddFillIcon.js';

package/dist/24/index.js

@@ -0,0 +1,2 @@
+// This file is generated from svg/24. Do not edit it manually.
+export { AddFillIcon } from './AddFillIcon.js';

package/dist/36/AddFillIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const AddFillIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default AddFillIcon;

package/dist/36/AddFillIcon.js

@@ -0,0 +1,6 @@
+// This file is generated. Do not edit it manually.
+import React from 'react';
+import { createIcon36 } from '../createIcon36.js';
+export const AddFillIcon = /* @__PURE__ */ createIcon36(React.createElement(React.Fragment, null,
+    React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M8.725 7a3 3 0 0 1 3-3h17.277a3 3 0 0 1 3 3v17.278a3 3 0 0 1-3 3H11.725a3 3 0 0 1-3-3zm11.639 1.82a1 1 0 0 1 1 1v4.819h4.82a1 1 0 1 1 0 2h-4.807l.064 4.806a1 1 0 1 1-2 .026l-.064-4.832h-4.833a1 1 0 1 1 0-2h4.82v-4.82a1 1 0 0 1 1-1M6 11.45a1 1 0 1 0-2 0v16.553a4 4 0 0 0 4 4h17.485a1 1 0 0 0 0-2H8a2 2 0 0 1-2-2z", clipRule: "evenodd" })));
+export default AddFillIcon;

package/dist/36/index.d.ts

@@ -0,0 +1 @@
+export { AddFillIcon } from './AddFillIcon.js';

package/dist/36/index.js

@@ -0,0 +1,2 @@
+// This file is generated from svg/36. Do not edit it manually.
+export { AddFillIcon } from './AddFillIcon.js';

package/dist/createIcon16.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { ReactNode } from 'react';
+export declare const createIcon16: (content: ReactNode) => React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;

package/dist/createIcon16.js

@@ -0,0 +1,2 @@
+import React, { forwardRef } from 'react';
+export const createIcon16 = (content) => forwardRef((props, ref) => (React.createElement("svg", { ref: ref, width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, content)));

package/dist/createIcon24.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { ReactNode } from 'react';
+export declare const createIcon24: (content: ReactNode) => React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;

package/dist/createIcon24.js

@@ -0,0 +1,2 @@
+import React, { forwardRef } from 'react';
+export const createIcon24 = (content) => forwardRef((props, ref) => (React.createElement("svg", { ref: ref, width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, content)));

package/dist/createIcon36.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { ReactNode } from 'react';
+export declare const createIcon36: (content: ReactNode) => React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;

package/dist/createIcon36.js

@@ -0,0 +1,2 @@
+import React, { forwardRef } from 'react';
+export const createIcon36 = (content) => forwardRef((props, ref) => (React.createElement("svg", { ref: ref, width: 36, height: 36, viewBox: "0 0 36 36", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, content)));

package/package.json

@@ -0,0 +1,68 @@
+{
+  "name": "@salutejs/sdds-icons",
+  "version": "0.2.0-canary.3007.30767374338.0",
+  "description": "SDDS icons",
+  "author": "Salute Frontend Team <salute.developers@gmail.com>",
+  "license": "MIT",
+  "type": "module",
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE.txt"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/salute-developers/plasma.git",
+    "directory": "packages/sdds-icons"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "exports": {
+    "./16": {
+      "types": "./dist/16/index.d.ts",
+      "import": "./dist/16/index.js"
+    },
+    "./16/*": {
+      "types": "./dist/16/*.d.ts",
+      "import": "./dist/16/*.js"
+    },
+    "./24": {
+      "types": "./dist/24/index.d.ts",
+      "import": "./dist/24/index.js"
+    },
+    "./24/*": {
+      "types": "./dist/24/*.d.ts",
+      "import": "./dist/24/*.js"
+    },
+    "./36": {
+      "types": "./dist/36/index.d.ts",
+      "import": "./dist/36/index.js"
+    },
+    "./36/*": {
+      "types": "./dist/36/*.d.ts",
+      "import": "./dist/36/*.js"
+    }
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0"
+  },
+  "devDependencies": {
+    "@babel/types": "7.29.7",
+    "@svgr/core": "8.1.0",
+    "@svgr/plugin-jsx": "8.1.0",
+    "@svgr/plugin-svgo": "8.1.0",
+    "@types/react": "18.0.28",
+    "prettier": "2.0.5",
+    "react": "18.2.0"
+  },
+  "scripts": {
+    "prepare": "npm run build",
+    "build": "node ./scripts/build.mjs"
+  },
+  "sideEffects": false,
+  "contributors": [
+    "salute.developers@gmail.com"
+  ],
+  "gitHead": "51468a9be8de64820134240ce2350d660d02307a"
+}