@rathkit/rte-icons 0.0.0 → 0.1.0-alpha.3

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.
Files changed (8) hide show
  1. package/README.md +26 -3
  2. package/dist/defaults.d.ts +1 -0
  3. package/dist/defaults.js +44 -0
  4. package/dist/icons.d.ts +41 -0
  5. package/dist/icons.js +41 -0
  6. package/dist/index.d.ts +2 -0
  7. package/dist/index.js +2 -0
  8. package/package.json +45 -3
package/README.md CHANGED
@@ -1,11 +1,34 @@
1
1
  # @rathkit/rte-icons
2
2
 
3
- This version is an empty placeholder. It holds no code.
3
+ > **Alpha** (0.1.0-alpha.0). Not for production: the APIs will change between releases. Published to the `next` tag only.
4
4
 
5
- @rathkit/rte-icons is in alpha. Install the alpha with the `next` tag:
5
+ The icon set the interface uses, one SVG string each, 24 by 24, drawn in the current text color.
6
+
7
+ ## Install
6
8
 
7
9
  ```sh
8
10
  npm install @rathkit/rte-icons@next
9
11
  ```
10
12
 
11
- About the project: https://rathkit.com
13
+ No dependencies, and nothing runs when it is installed.
14
+
15
+ ## Example
16
+
17
+ ```js
18
+ import { bold, defaultIcons } from "@rathkit/rte-icons";
19
+
20
+ const button = document.createElement("button");
21
+ button.setAttribute("aria-label", "Bold");
22
+ button.innerHTML = bold; // one icon, so a bundler keeps only what you import
23
+ document.body.append(button);
24
+
25
+ console.log(Object.keys(defaultIcons).length, "icons by the names interface items use");
26
+ ```
27
+
28
+ ## More
29
+
30
+ Documentation: <https://rathkit.com>. Source and issues: <https://github.com/rathkit/rte>. What is checked: [SUPPORT.md](https://github.com/rathkit/rte/blob/main/docs/SUPPORT.md). Changes: [CHANGELOG.md](https://github.com/rathkit/rte/blob/main/CHANGELOG.md). How a release is verified: [VERIFY.md](https://github.com/rathkit/rte/blob/main/docs/VERIFY.md).
31
+
32
+ ## License
33
+
34
+ [Apache-2.0](LICENSE)
package/dist/defaults.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare const defaultIcons: Readonly<Record<string, string>>;
package/dist/defaults.js ADDED
@@ -0,0 +1,44 @@
1
+ import * as icons from "./icons.js";
2
+ export const defaultIcons = {
3
+ "undo": icons.undo,
4
+ "redo": icons.redo,
5
+ "bold": icons.bold,
6
+ "italic": icons.italic,
7
+ "underline": icons.underline,
8
+ "strikethrough": icons.strikethrough,
9
+ "code": icons.code,
10
+ "superscript": icons.superscript,
11
+ "subscript": icons.subscript,
12
+ "align-left": icons.alignLeft,
13
+ "align-center": icons.alignCenter,
14
+ "align-right": icons.alignRight,
15
+ "align-justify": icons.alignJustify,
16
+ "link": icons.link,
17
+ "unlink": icons.unlink,
18
+ "list-bulleted": icons.listBulleted,
19
+ "list-numbered": icons.listNumbered,
20
+ "list-definition": icons.listDefinition,
21
+ "checklist": icons.checklist,
22
+ "indent": icons.indent,
23
+ "outdent": icons.outdent,
24
+ "table": icons.table,
25
+ "cell-style": icons.cellStyle,
26
+ "quote": icons.quote,
27
+ "code-block": icons.codeBlock,
28
+ "rule": icons.rule,
29
+ "clear-format": icons.clearFormat,
30
+ "text-color": icons.textColor,
31
+ "highlight": icons.highlight,
32
+ "image": icons.image,
33
+ "image-properties": icons.imageProperties,
34
+ "chevron-down": icons.chevronDown,
35
+ "chevron-up": icons.chevronUp,
36
+ "search": icons.search,
37
+ "source": icons.source,
38
+ "symbols": icons.symbols,
39
+ "keyboard": icons.keyboard,
40
+ "direction-ltr": icons.directionLtr,
41
+ "direction-rtl": icons.directionRtl,
42
+ "check": icons.check,
43
+ "close": icons.close,
44
+ };
package/dist/icons.d.ts ADDED
@@ -0,0 +1,41 @@
1
+ export declare const undo = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M9 14 4 9l5-5\"/><path d=\"M4 9h10.5a5.5 5.5 0 0 1 0 11H11\"/></svg>";
2
+ export declare const redo = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"m15 14 5-5-5-5\"/><path d=\"M20 9H9.5a5.5 5.5 0 0 0 0 11H13\"/></svg>";
3
+ export declare const bold = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M7 5h6a3.5 3.5 0 0 1 0 7H7z\"/><path d=\"M7 12h7a3.5 3.5 0 0 1 0 7H7z\"/></svg>";
4
+ export declare const italic = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M19 4h-9M14 20H5M15 4 9 20\"/></svg>";
5
+ export declare const underline = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M7 4v7a5 5 0 0 0 10 0V4\"/><path d=\"M5 21h14\"/></svg>";
6
+ export declare const strikethrough = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M16 4H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H7\"/><path d=\"M4 12h16\"/></svg>";
7
+ export declare const code = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"m16 18 6-6-6-6\"/><path d=\"m8 6-6 6 6 6\"/></svg>";
8
+ export declare const superscript = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"m4 19 8-8M12 19 4 11\"/><path d=\"M20 12h-4c0-1.5.44-2 1.5-2.5S20 8.33 20 7.2a1.8 1.8 0 0 0-3.6-.5\"/></svg>";
9
+ export declare const subscript = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"m4 5 8 8M12 5 4 13\"/><path d=\"M20 21h-4c0-1.5.44-2 1.5-2.5S20 17.33 20 16.2a1.8 1.8 0 0 0-3.6-.5\"/></svg>";
10
+ export declare const alignLeft = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M4 6h16M4 10h10M4 14h16M4 18h10\"/></svg>";
11
+ export declare const alignCenter = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M4 6h16M7 10h10M4 14h16M7 18h10\"/></svg>";
12
+ export declare const alignRight = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M4 6h16M10 10h10M4 14h16M10 18h10\"/></svg>";
13
+ export declare const alignJustify = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M4 6h16M4 10h16M4 14h16M4 18h16\"/></svg>";
14
+ export declare const link = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M10 14a4 4 0 0 0 5.7 0l3-3a4 4 0 0 0-5.7-5.7l-1 1\"/><path d=\"M14 10a4 4 0 0 0-5.7 0l-3 3a4 4 0 0 0 5.7 5.7l1-1\"/></svg>";
15
+ export declare const unlink = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M10 14a4 4 0 0 0 5.7 0l1-1M14 10a4 4 0 0 0-5.7 0l-3 3a4 4 0 0 0 5.7 5.7l1-1M13.5 6.5l.5-.5a4 4 0 0 1 5.7 5.7l-.5.5\"/><path d=\"m4 4 16 16\"/></svg>";
16
+ export declare const listBulleted = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M9 6h11M9 12h11M9 18h11\"/><circle cx=\"4.5\" cy=\"6\" r=\"1\"/><circle cx=\"4.5\" cy=\"12\" r=\"1\"/><circle cx=\"4.5\" cy=\"18\" r=\"1\"/></svg>";
17
+ export declare const listNumbered = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M10 6h10M10 12h10M10 18h10\"/><path d=\"M4 5.5 5.5 5v3.5M3.8 12.2c.5-.6 2.4-.8 2.4.5 0 1.2-2.4 1.5-2.5 2.8h2.7M3.8 17.2h2.2l-1.1 1.3a1.2 1.2 0 1 1-1.1 1.9\"/></svg>";
18
+ export declare const listDefinition = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M4 6h8M7 9.5h13M4 14.5h8M7 18h13\"/></svg>";
19
+ export declare const indent = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M4 6h16M12 10h8M12 14h8M4 18h16\"/><path d=\"m4 9 3 3-3 3\"/></svg>";
20
+ export declare const outdent = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M4 6h16M12 10h8M12 14h8M4 18h16\"/><path d=\"m7 9-3 3 3 3\"/></svg>";
21
+ export declare const chevronDown = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"m6 9 6 6 6-6\"/></svg>";
22
+ export declare const check = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"m5 12.5 5 5L19 7\"/></svg>";
23
+ export declare const close = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M6 6l12 12M18 6 6 18\"/></svg>";
24
+ export declare const table = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M5 4h14a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z\"/><path d=\"M3 10h18M3 15h18M9 4v16\"/></svg>";
25
+ export declare const quote = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M5 8h5v6H6.5a1.5 1.5 0 0 1-1.5-1.5zM14 8h5v6h-3.5a1.5 1.5 0 0 1-1.5-1.5z\"/><path d=\"M7 14v2M16 14v2\"/></svg>";
26
+ export declare const codeBlock = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M5 4h14a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1z\"/><path d=\"m10 10-2 2 2 2M14 10l2 2-2 2\"/></svg>";
27
+ export declare const rule = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M4 12h16\"/><path d=\"M8 6h8M8 18h8\"/></svg>";
28
+ export declare const clearFormat = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M5 6h11M10.5 6 8 18\"/><path d=\"m14 14 6 6M20 14l-6 6\"/></svg>";
29
+ export declare const textColor = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"m6 15 6-11 6 11M8.5 11h7\"/><path d=\"M5 20h14\"/></svg>";
30
+ export declare const highlight = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"m9 11 6 6M13 4l7 7-8 8H6v-6z\"/><path d=\"M4 21h8\"/></svg>";
31
+ export declare const image = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M5 4h14a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1z\"/><circle cx=\"9\" cy=\"9\" r=\"1.5\"/><path d=\"m20 15-4-4-9 9\"/></svg>";
32
+ export declare const imageProperties = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M13 20H5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v6\"/><circle cx=\"9\" cy=\"9\" r=\"1.5\"/><path d=\"m13 20 0-3 5-5 3 3-5 5z\"/></svg>";
33
+ export declare const search = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><circle cx=\"11\" cy=\"11\" r=\"6\"/><path d=\"m20 20-4.5-4.5\"/></svg>";
34
+ export declare const chevronUp = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"m6 15 6-6 6 6\"/></svg>";
35
+ export declare const source = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"m8 8-5 4 5 4M16 8l5 4-5 4M14 5l-4 14\"/></svg>";
36
+ export declare const directionLtr = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M11 4H8.5a3.5 3.5 0 0 0 0 7H11M11 4v10M15 4v10\"/><path d=\"M4 19h15M16 16l3 3-3 3\"/></svg>";
37
+ export declare const directionRtl = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M13 4h2.5a3.5 3.5 0 0 1 0 7H13M13 4v10M9 4v10\"/><path d=\"M20 19H5M8 16l-3 3 3 3\"/></svg>";
38
+ export declare const symbols = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M5 20h4v-2.2A7 7 0 1 1 15 17.8V20h4\"/></svg>";
39
+ export declare const keyboard = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M4 6h16a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1z\"/><path d=\"M7 10h.01M11 10h.01M15 10h.01M7 14h10\"/></svg>";
40
+ export declare const cellStyle = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M5 4h14a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1z\"/><path d=\"M4 12h16M12 4v16\"/><path d=\"M13.500 5.500h5v5h-5zM5.500 13.500h5v5h-5z\"/></svg>";
41
+ export declare const checklist = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"m3.500 6 1.500 1.500L8 4.500M3.500 17.500 5 19l3-3M12 6h9M12 12h9M12 18h9\"/></svg>";
package/dist/icons.js ADDED
@@ -0,0 +1,41 @@
1
+ export const undo = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M9 14 4 9l5-5\"/><path d=\"M4 9h10.5a5.5 5.5 0 0 1 0 11H11\"/></svg>";
2
+ export const redo = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"m15 14 5-5-5-5\"/><path d=\"M20 9H9.5a5.5 5.5 0 0 0 0 11H13\"/></svg>";
3
+ export const bold = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M7 5h6a3.5 3.5 0 0 1 0 7H7z\"/><path d=\"M7 12h7a3.5 3.5 0 0 1 0 7H7z\"/></svg>";
4
+ export const italic = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M19 4h-9M14 20H5M15 4 9 20\"/></svg>";
5
+ export const underline = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M7 4v7a5 5 0 0 0 10 0V4\"/><path d=\"M5 21h14\"/></svg>";
6
+ export const strikethrough = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M16 4H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H7\"/><path d=\"M4 12h16\"/></svg>";
7
+ export const code = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"m16 18 6-6-6-6\"/><path d=\"m8 6-6 6 6 6\"/></svg>";
8
+ export const superscript = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"m4 19 8-8M12 19 4 11\"/><path d=\"M20 12h-4c0-1.5.44-2 1.5-2.5S20 8.33 20 7.2a1.8 1.8 0 0 0-3.6-.5\"/></svg>";
9
+ export const subscript = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"m4 5 8 8M12 5 4 13\"/><path d=\"M20 21h-4c0-1.5.44-2 1.5-2.5S20 17.33 20 16.2a1.8 1.8 0 0 0-3.6-.5\"/></svg>";
10
+ export const alignLeft = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M4 6h16M4 10h10M4 14h16M4 18h10\"/></svg>";
11
+ export const alignCenter = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M4 6h16M7 10h10M4 14h16M7 18h10\"/></svg>";
12
+ export const alignRight = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M4 6h16M10 10h10M4 14h16M10 18h10\"/></svg>";
13
+ export const alignJustify = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M4 6h16M4 10h16M4 14h16M4 18h16\"/></svg>";
14
+ export const link = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M10 14a4 4 0 0 0 5.7 0l3-3a4 4 0 0 0-5.7-5.7l-1 1\"/><path d=\"M14 10a4 4 0 0 0-5.7 0l-3 3a4 4 0 0 0 5.7 5.7l1-1\"/></svg>";
15
+ export const unlink = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M10 14a4 4 0 0 0 5.7 0l1-1M14 10a4 4 0 0 0-5.7 0l-3 3a4 4 0 0 0 5.7 5.7l1-1M13.5 6.5l.5-.5a4 4 0 0 1 5.7 5.7l-.5.5\"/><path d=\"m4 4 16 16\"/></svg>";
16
+ export const listBulleted = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M9 6h11M9 12h11M9 18h11\"/><circle cx=\"4.5\" cy=\"6\" r=\"1\"/><circle cx=\"4.5\" cy=\"12\" r=\"1\"/><circle cx=\"4.5\" cy=\"18\" r=\"1\"/></svg>";
17
+ export const listNumbered = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M10 6h10M10 12h10M10 18h10\"/><path d=\"M4 5.5 5.5 5v3.5M3.8 12.2c.5-.6 2.4-.8 2.4.5 0 1.2-2.4 1.5-2.5 2.8h2.7M3.8 17.2h2.2l-1.1 1.3a1.2 1.2 0 1 1-1.1 1.9\"/></svg>";
18
+ export const listDefinition = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M4 6h8M7 9.5h13M4 14.5h8M7 18h13\"/></svg>";
19
+ export const indent = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M4 6h16M12 10h8M12 14h8M4 18h16\"/><path d=\"m4 9 3 3-3 3\"/></svg>";
20
+ export const outdent = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M4 6h16M12 10h8M12 14h8M4 18h16\"/><path d=\"m7 9-3 3 3 3\"/></svg>";
21
+ export const chevronDown = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"m6 9 6 6 6-6\"/></svg>";
22
+ export const check = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"m5 12.5 5 5L19 7\"/></svg>";
23
+ export const close = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M6 6l12 12M18 6 6 18\"/></svg>";
24
+ export const table = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M5 4h14a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z\"/><path d=\"M3 10h18M3 15h18M9 4v16\"/></svg>";
25
+ export const quote = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M5 8h5v6H6.5a1.5 1.5 0 0 1-1.5-1.5zM14 8h5v6h-3.5a1.5 1.5 0 0 1-1.5-1.5z\"/><path d=\"M7 14v2M16 14v2\"/></svg>";
26
+ export const codeBlock = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M5 4h14a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1z\"/><path d=\"m10 10-2 2 2 2M14 10l2 2-2 2\"/></svg>";
27
+ export const rule = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M4 12h16\"/><path d=\"M8 6h8M8 18h8\"/></svg>";
28
+ export const clearFormat = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M5 6h11M10.5 6 8 18\"/><path d=\"m14 14 6 6M20 14l-6 6\"/></svg>";
29
+ export const textColor = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"m6 15 6-11 6 11M8.5 11h7\"/><path d=\"M5 20h14\"/></svg>";
30
+ export const highlight = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"m9 11 6 6M13 4l7 7-8 8H6v-6z\"/><path d=\"M4 21h8\"/></svg>";
31
+ export const image = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M5 4h14a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1z\"/><circle cx=\"9\" cy=\"9\" r=\"1.5\"/><path d=\"m20 15-4-4-9 9\"/></svg>";
32
+ export const imageProperties = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M13 20H5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v6\"/><circle cx=\"9\" cy=\"9\" r=\"1.5\"/><path d=\"m13 20 0-3 5-5 3 3-5 5z\"/></svg>";
33
+ export const search = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><circle cx=\"11\" cy=\"11\" r=\"6\"/><path d=\"m20 20-4.5-4.5\"/></svg>";
34
+ export const chevronUp = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"m6 15 6-6 6 6\"/></svg>";
35
+ export const source = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"m8 8-5 4 5 4M16 8l5 4-5 4M14 5l-4 14\"/></svg>";
36
+ export const directionLtr = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M11 4H8.5a3.5 3.5 0 0 0 0 7H11M11 4v10M15 4v10\"/><path d=\"M4 19h15M16 16l3 3-3 3\"/></svg>";
37
+ export const directionRtl = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M13 4h2.5a3.5 3.5 0 0 1 0 7H13M13 4v10M9 4v10\"/><path d=\"M20 19H5M8 16l-3 3 3 3\"/></svg>";
38
+ export const symbols = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M5 20h4v-2.2A7 7 0 1 1 15 17.8V20h4\"/></svg>";
39
+ export const keyboard = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M4 6h16a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1z\"/><path d=\"M7 10h.01M11 10h.01M15 10h.01M7 14h10\"/></svg>";
40
+ export const cellStyle = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M5 4h14a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1z\"/><path d=\"M4 12h16M12 4v16\"/><path d=\"M13.500 5.500h5v5h-5zM5.500 13.500h5v5h-5z\"/></svg>";
41
+ export const checklist = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"m3.500 6 1.500 1.500L8 4.500M3.500 17.500 5 19l3-3M12 6h9M12 12h9M12 18h9\"/></svg>";
package/dist/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from "./icons.ts";
2
+ export { defaultIcons } from "./defaults.ts";
package/dist/index.js ADDED
@@ -0,0 +1,2 @@
1
+ export * from "./icons.js";
2
+ export { defaultIcons } from "./defaults.js";
package/package.json CHANGED
@@ -1,7 +1,17 @@
1
1
  {
2
2
  "name": "@rathkit/rte-icons",
3
- "version": "0.0.0",
4
- "description": "Placeholder. @rathkit/rte-icons is in alpha: install it with the next tag.",
3
+ "version": "0.1.0-alpha.3",
4
+ "description": "The icons the editor interface uses, one SVG string each.",
5
+ "keywords": [
6
+ "rich-text",
7
+ "editor",
8
+ "wysiwyg",
9
+ "contenteditable",
10
+ "zero-dependencies",
11
+ "typescript",
12
+ "icons",
13
+ "svg"
14
+ ],
5
15
  "license": "Apache-2.0",
6
16
  "homepage": "https://rathkit.com",
7
17
  "repository": {
@@ -12,7 +22,39 @@
12
22
  "bugs": {
13
23
  "url": "https://github.com/rathkit/rte/issues"
14
24
  },
25
+ "type": "module",
26
+ "sideEffects": false,
27
+ "engines": {
28
+ "node": ">=22.14.0"
29
+ },
15
30
  "publishConfig": {
16
- "access": "public"
31
+ "access": "public",
32
+ "provenance": true,
33
+ "tag": "next"
34
+ },
35
+ "files": [
36
+ "dist",
37
+ "NOTICE",
38
+ "!dist/**/*.map"
39
+ ],
40
+ "exports": {
41
+ ".": {
42
+ "types": "./dist/index.d.ts",
43
+ "default": "./dist/index.js"
44
+ }
45
+ },
46
+ "scripts": {
47
+ "build": "node -e \"require('node:fs').rmSync('dist',{recursive:true,force:true})\" && tsc -p tsconfig.build.json && tsc -p tsconfig.build.js.json",
48
+ "typecheck": "tsc -p tsconfig.json",
49
+ "test": "node --test \"src/**/*.test.ts\""
50
+ },
51
+ "rathkit": {
52
+ "budgets": [
53
+ {
54
+ "name": "all icons",
55
+ "entry": "dist/index.js",
56
+ "gzipKB": 6
57
+ }
58
+ ]
17
59
  }
18
60
  }