@linagora/twake-icons 2.1.0

package/CHANGELOG.md

@@ -0,0 +1,6 @@
+# [2.1.0](https://github.com/linagora/twake-ui/compare/v2.0.0...v2.1.0) (2026-06-15)
+
+
+### Features
+
+* Add twake-icons package ([8468db1](https://github.com/linagora/twake-ui/commit/8468db1c31496c277e7b884444021b616063d1a4))

package/README.md

@@ -0,0 +1,56 @@
+# @linagora/twake-icons
+
+Icon library for Twake applications. Provides SVG icons and illustrations as React components.
+
+## Installation
+
+```bash
+npm install @linagora/twake-icons
+```
+
+## Usage
+
+### Import individual icons (tree-shakeable)
+
+```tsx
+import { Icon, Check, Folder } from '@linagora/twake-icons'
+
+<Icon icon={Check} size={16} />
+<Icon icon={Folder} size={24} color="var(--primary)" />
+```
+
+### Use sprite identifiers
+
+```tsx
+import { Icon, Sprite } from '@linagora/twake-icons'
+
+// Render the sprite once at the root of your app
+<Sprite />
+
+// Then use string identifiers anywhere
+<Icon icon="check" size={16} />
+<Icon icon="folder" color="blue" />
+```
+
+### Icon Props
+
+| Prop | Type | Description |
+|------|------|-------------|
+| `icon` | `string \| Component \| ReactElement` | Icon identifier, SVGr component, or custom SVG element |
+| `size` | `number \| string` | Width and height in pixels |
+| `color` | `string` | Fill color |
+| `rotate` | `number` | Rotation in degrees |
+| `spin` | `boolean` | Apply spinning animation |
+
+## Updating Icons
+
+Icons are sourced from `cozy-ui`. To sync:
+
+```bash
+npm run copy-icons -- ../path/to/cozy-ui
+npm run build:icons
+```
+
+## License
+
+MIT

package/dist/Icon/Sprite.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare function Sprite(): React.ReactElement | null;
+export default Sprite;

package/dist/Icon/Sprite.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import iconSpriteContent from './icons-sprite';
+function Sprite() {
+    if (!iconSpriteContent)
+        return null;
+    return (React.createElement("div", { style: { display: 'none' }, dangerouslySetInnerHTML: { __html: iconSpriteContent } }));
+}
+export default Sprite;