ag-design 1.0.12 → 1.0.15

package/assets/icons/align-center.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
+  <line fill="none" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="15" x2="3" y1="9" y2="9"/>
+  <line fill="none" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="14" x2="4" y1="14" y2="14"/>
+  <line fill="none" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="12" x2="6" y1="4" y2="4"/>
+</svg>

package/assets/icons/align-justify.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
+  <line fill="none" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="15" x2="3" y1="9" y2="9"/>
+  <line fill="none" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="15" x2="3" y1="14" y2="14"/>
+  <line fill="none" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="15" x2="3" y1="4" y2="4"/>
+</svg>

package/assets/icons/align-left.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
+  <line fill="none" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="3" x2="15" y1="9" y2="9"/>
+  <line fill="none" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="3" x2="13" y1="14" y2="14"/>
+  <line fill="none" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="3" x2="9" y1="4" y2="4"/>
+</svg>

package/assets/icons/align-right.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
+  <line fill="none" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="15" x2="3" y1="9" y2="9"/>
+  <line fill="none" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="15" x2="5" y1="14" y2="14"/>
+  <line fill="none" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="15" x2="9" y1="4" y2="4"/>
+</svg>

package/assets/icons/blockquote.svg

@@ -0,0 +1,6 @@
+<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
+  <rect fill="#444" stroke="#444" height="3" width="3" x="4" y="5"/>
+  <rect fill="#444" stroke="#444" height="3" width="3" x="11" y="5"/>
+  <path fill="#444" fill-rule="evenodd" stroke="#444" d="M7,8c0,4.031-3,5-3,5"/>
+  <path fill="#444" fill-rule="evenodd" stroke="#444" d="M14,8c0,4.031-3,5-3,5"/>
+</svg>

package/assets/icons/bold.svg

@@ -0,0 +1,4 @@
+<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
+  <path fill="none" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5,4H9.5A2.5,2.5,0,0,1,12,6.5v0A2.5,2.5,0,0,1,9.5,9H5A0,0,0,0,1,5,9V4A0,0,0,0,1,5,4Z"/>
+  <path fill="none" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5,9h5.5A2.5,2.5,0,0,1,13,11.5v0A2.5,2.5,0,0,1,10.5,14H5a0,0,0,0,1,0,0V9A0,0,0,0,1,5,9Z"/>
+</svg>

package/assets/icons/clean-format.svg

@@ -0,0 +1,7 @@
+<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
+  <line fill="none" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="5" x2="13" y1="3" y2="3"/>
+  <line fill="none" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="6" x2="9.35" y1="12" y2="3"/>
+  <line fill="none" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="11" x2="15" y1="11" y2="15"/>
+  <line fill="none" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="15" x2="11" y1="11" y2="15"/>
+  <rect fill="#444" height="1" rx="0.5" ry="0.5" width="7" x="2" y="14"/>
+</svg>

package/assets/icons/code-block.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
+  <polyline fill="none" fill-rule="evenodd" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" points="5 7 3 9 5 11"/>
+  <polyline fill="none" fill-rule="evenodd" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" points="13 7 15 9 13 11"/>
+  <line fill="none" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="10" x2="8" y1="5" y2="13"/>
+</svg>

package/assets/icons/color-background.svg

@@ -0,0 +1,4 @@
+<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
+  <polyline fill="none" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" points="5.5 13 9 5 12.5 13"/>
+  <line fill="none" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="11.63" x2="6.38" y1="11" y2="11"/>
+</svg>

package/assets/icons/color-text.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
+  <line fill="none" opacity="0.4" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="3" x2="15" y1="15" y2="15"/>
+  <polyline fill="none" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" points="5.5 11 9 3 12.5 11"/>
+  <line fill="none" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="11.63" x2="6.38" y1="9" y2="9"/>
+</svg>

package/assets/icons/direction-ltr.svg

@@ -0,0 +1,7 @@
+<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
+  <polygon fill="#444" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" points="3 11 5 9 3 7 3 11"/>
+  <line fill="#444" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="15" x2="11" y1="4" y2="4"/>
+  <path fill="#444" d="M11,3a3,3,0,0,0,0,6h1V3H11Z"/>
+  <rect fill="#444" height="11" width="1" x="11" y="4"/>
+  <rect fill="#444" height="11" width="1" x="13" y="4"/>
+</svg>

package/assets/icons/direction-rtl.svg

@@ -0,0 +1,7 @@
+<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
+  <polygon fill="#444" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" points="15 12 13 10 15 8 15 12"/>
+  <line fill="#444" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="9" x2="5" y1="4" y2="4"/>
+  <path fill="#444" d="M5,3A3,3,0,0,0,5,9H6V3H5Z"/>
+  <rect fill="#444" height="11" width="1" x="5" y="4"/>
+  <rect fill="#444" height="11" width="1" x="7" y="4"/>
+</svg>

package/assets/icons/formula.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
+  <path fill="#444" d="M11.759,2.482a2.561,2.561,0,0,0-3.53.607A7.656,7.656,0,0,0,6.8,6.2C6.109,9.188,5.275,14.677,4.15,14.927a1.545,1.545,0,0,0-1.3-.933A0.922,0.922,0,0,0,2,15.036S1.954,16,4.119,16s3.091-2.691,3.7-5.553c0.177-.826.36-1.726,0.554-2.6L8.775,6.2c0.381-1.421.807-2.521,1.306-2.676a1.014,1.014,0,0,0,1.02.56A0.966,0.966,0,0,0,11.759,2.482Z"/>
+  <rect fill="#444" height="1.6" rx="0.8" ry="0.8" width="5" x="5.15" y="6.2"/>
+  <path fill="#444" d="M13.663,12.027a1.662,1.662,0,0,1,.266-0.276q0.193,0.069.456,0.138a2.1,2.1,0,0,0,.535.069,1.075,1.075,0,0,0,.767-0.3,1.044,1.044,0,0,0,.314-0.8,0.84,0.84,0,0,0-.238-0.619,0.8,0.8,0,0,0-.594-0.239,1.154,1.154,0,0,0-.781.3,4.607,4.607,0,0,0-.781,1q-0.091.15-.218,0.346l-0.246.38c-0.068-.288-0.137-0.582-0.212-0.885-0.459-1.847-2.494-.984-2.941-0.8-0.482.2-.353,0.647-0.094,0.529a0.869,0.869,0,0,1,1.281.585c0.217,0.751.377,1.436,0.527,2.038a5.688,5.688,0,0,1-.362.467,2.69,2.69,0,0,1-.264.271q-0.221-.08-0.471-0.147a2.029,2.029,0,0,0-.522-0.066,1.079,1.079,0,0,0-.768.3A1.058,1.058,0,0,0,9,15.131a0.82,0.82,0,0,0,.832.852,1.134,1.134,0,0,0,.787-0.3,5.11,5.11,0,0,0,.776-0.993q0.141-.219.215-0.34c0.046-.076.122-0.194,0.223-0.346a2.786,2.786,0,0,0,.918,1.726,2.582,2.582,0,0,0,2.376-.185c0.317-.181.212-0.565,0-0.494A0.807,0.807,0,0,1,14.176,15a5.159,5.159,0,0,1-.913-2.446l0,0Q13.487,12.24,13.663,12.027Z"/>
+</svg>

package/assets/icons/image.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
+  <rect fill="none" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" height="10" width="12" x="3" y="4"/>
+  <circle fill="#444" cx="6" cy="7" r="1"/>
+  <polyline fill="#444" fill-rule="evenodd" points="5 12 5 11 7 9 8 10 11 7 13 9 13 12 5 12"/>
+</svg>

package/assets/icons/indent-decrease.svg

@@ -0,0 +1,6 @@
+<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
+  <line fill="none" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="3" x2="15" y1="14" y2="14"/>
+  <line fill="none" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="3" x2="15" y1="4" y2="4"/>
+  <line fill="none" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="9" x2="15" y1="9" y2="9"/>
+  <polyline fill="none" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" points="5 7 5 11 3 9 5 7"/>
+</svg>

package/assets/icons/indent-increase.svg

@@ -0,0 +1,6 @@
+<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
+  <line fill="none" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="3" x2="15" y1="14" y2="14"/>
+  <line fill="none" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="3" x2="15" y1="4" y2="4"/>
+  <line fill="none" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="9" x2="15" y1="9" y2="9"/>
+  <polyline fill="#444" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" points="3 7 3 11 5 9 3 7"/>
+</svg>

package/assets/icons/italic.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
+  <line fill="none" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="7" x2="13" y1="4" y2="4"/>
+  <line fill="none" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="5" x2="11" y1="14" y2="14"/>
+  <line fill="none" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="8" x2="10" y1="14" y2="4"/>
+</svg>

package/assets/icons/link.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
+  <line fill="none" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="7" x2="11" y1="7" y2="11"/>
+  <path fill="none" fill-rule="evenodd" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8.9,4.577a3.476,3.476,0,0,1,.36,4.679A3.476,3.476,0,0,1,4.577,8.9C3.185,7.5,2.035,6.4,4.217,4.217S7.5,3.185,8.9,4.577Z"/>
+  <path fill="none" fill-rule="evenodd" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.423,9.1a3.476,3.476,0,0,0-4.679-.36,3.476,3.476,0,0,0,.36,4.679c1.392,1.392,2.5,2.542,4.679.36S14.815,10.5,13.423,9.1Z"/>
+</svg>

package/assets/icons/list-bullet.svg

@@ -0,0 +1,8 @@
+<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
+  <line fill="none" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="6" x2="15" y1="4" y2="4"/>
+  <line fill="none" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="6" x2="15" y1="9" y2="9"/>
+  <line fill="none" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="6" x2="15" y1="14" y2="14"/>
+  <line fill="none" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="3" x2="3" y1="4" y2="4"/>
+  <line fill="none" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="3" x2="3" y1="9" y2="9"/>
+  <line fill="none" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="3" x2="3" y1="14" y2="14"/>
+</svg>

package/assets/icons/list-ordered.svg

@@ -0,0 +1,9 @@
+<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
+  <line fill="none" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="7" x2="15" y1="4" y2="4"/>
+  <line fill="none" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="7" x2="15" y1="9" y2="9"/>
+  <line fill="none" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="7" x2="15" y1="14" y2="14"/>
+  <line fill="none" stroke="#444" stroke-miterlimit="10" stroke-width="1" x1="2.5" x2="4.5" y1="5.5" y2="5.5"/>
+  <path fill="#444" d="M3.5,6A0.5,0.5,0,0,1,3,5.5V3.085l-0.276.138A0.5,0.5,0,0,1,2.053,3c-0.124-.247-0.023-0.324.224-0.447l1-.5A0.5,0.5,0,0,1,4,2.5v3A0.5,0.5,0,0,1,3.5,6Z"/>
+  <path fill="none" stroke="#444" stroke-miterlimit="10" stroke-width="1" d="M4.5,10.5h-2c0-.234,1.85-1.076,1.85-2.234A0.959,0.959,0,0,0,2.5,8.156"/>
+  <path fill="none" stroke="#444" stroke-miterlimit="10" stroke-width="1" d="M2.5,14.846a0.959,0.959,0,0,0,1.85-.109A0.7,0.7,0,0,0,3.75,14a0.688,0.688,0,0,0,.6-0.736,0.959,0.959,0,0,0-1.85-.109"/>
+</svg>

package/assets/icons/picker-arrows.svg

@@ -0,0 +1,4 @@
+<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
+  <polygon fill="none" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" points="7 11 9 13 11 11 7 11"/>
+  <polygon fill="none" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" points="7 7 9 5 11 7 7 7"/>
+</svg>

package/assets/icons/readme.md

@@ -0,0 +1 @@
+For Icons

package/assets/icons/redo.svg

@@ -0,0 +1,4 @@
+<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
+  <polygon fill="#444" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" points="12 10 14 12 16 10 12 10"/>
+  <path fill="none" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.91,13.91A4.6,4.6,0,0,1,9,14a5,5,0,1,1,5-5"/>
+</svg>

package/assets/icons/strikethrough.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
+  <line fill="none" stroke="#444" stroke-miterlimit="10" stroke-width="1" x1="15.5" x2="2.5" y1="8.5" y2="9.5"/>
+  <path fill="#444" d="M9.007,8C6.542,7.791,6,7.519,6,6.5,6,5.792,7.283,5,9,5c1.571,0,2.765.679,2.969,1.309a1,1,0,0,0,1.9-.617C13.356,4.106,11.354,3,9,3,6.2,3,4,4.538,4,6.5a3.2,3.2,0,0,0,.5,1.843Z"/>
+  <path fill="#444" d="M8.984,10C11.457,10.208,12,10.479,12,11.5c0,0.708-1.283,1.5-3,1.5-1.571,0-2.765-.679-2.969-1.309a1,1,0,1,0-1.9.617C4.644,13.894,6.646,15,9,15c2.8,0,5-1.538,5-3.5a3.2,3.2,0,0,0-.5-1.843Z"/>
+</svg>

package/assets/icons/subscript.svg

@@ -0,0 +1,4 @@
+<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
+  <path fill="#444" d="M15.5,15H13.861a3.858,3.858,0,0,0,1.914-2.975,1.8,1.8,0,0,0-1.6-1.751A1.921,1.921,0,0,0,12.021,11.7a0.50013,0.50013,0,1,0,.957.291h0a0.914,0.914,0,0,1,1.053-.725,0.81,0.81,0,0,1,.744.762c0,1.076-1.16971,1.86982-1.93971,2.43082A1.45639,1.45639,0,0,0,12,15.5a0.5,0.5,0,0,0,.5.5h3A0.5,0.5,0,0,0,15.5,15Z"/>
+  <path fill="#444" d="M9.65,5.241a1,1,0,0,0-1.409.108L6,7.964,3.759,5.349A1,1,0,0,0,2.192,6.59178Q2.21541,6.6213,2.241,6.649L4.684,9.5,2.241,12.35A1,1,0,0,0,3.71,13.70722q0.02557-.02768.049-0.05722L6,11.036,8.241,13.65a1,1,0,1,0,1.567-1.24277Q9.78459,12.3777,9.759,12.35L7.316,9.5,9.759,6.651A1,1,0,0,0,9.65,5.241Z"/>
+</svg>

package/assets/icons/superscript.svg

@@ -0,0 +1,4 @@
+<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
+  <path fill="#444" d="M15.5,7H13.861a4.015,4.015,0,0,0,1.914-2.975,1.8,1.8,0,0,0-1.6-1.751A1.922,1.922,0,0,0,12.021,3.7a0.5,0.5,0,1,0,.957.291,0.917,0.917,0,0,1,1.053-.725,0.81,0.81,0,0,1,.744.762c0,1.077-1.164,1.925-1.934,2.486A1.423,1.423,0,0,0,12,7.5a0.5,0.5,0,0,0,.5.5h3A0.5,0.5,0,0,0,15.5,7Z"/>
+  <path fill="#444" d="M9.651,5.241a1,1,0,0,0-1.41.108L6,7.964,3.759,5.349a1,1,0,1,0-1.519,1.3L4.683,9.5,2.241,12.35a1,1,0,1,0,1.519,1.3L6,11.036,8.241,13.65a1,1,0,0,0,1.519-1.3L7.317,9.5,9.759,6.651A1,1,0,0,0,9.651,5.241Z"/>
+</svg>

package/assets/icons/underline.svg

@@ -0,0 +1,4 @@
+<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
+  <path fill="none" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5,3V9a4.012,4.012,0,0,0,4,4H9a4.012,4.012,0,0,0,4-4V3"/>
+  <rect fill="#444" height="1" rx="0.5" ry="0.5" width="12" x="3" y="15"/>
+</svg>

package/assets/icons/undo.svg

@@ -0,0 +1,4 @@
+<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
+  <polygon fill="#444" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" points="6 10 4 12 2 10 6 10"/>
+  <path fill="none" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8.09,13.91A4.6,4.6,0,0,0,9,14,5,5,0,1,0,4,9"/>
+</svg>

package/assets/icons/video.svg

@@ -0,0 +1,14 @@
+<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
+  <rect fill="none" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" height="12" width="12" x="3" y="3"/>
+  <rect fill="#444" height="12" width="1" x="5" y="3"/>
+  <rect fill="#444" height="12" width="1" x="12" y="3"/>
+  <rect fill="#444" height="2" width="8" x="5" y="8"/>
+  <rect fill="#444" height="1" width="3" x="3" y="5"/>
+  <rect fill="#444" height="1" width="3" x="3" y="7"/>
+  <rect fill="#444" height="1" width="3" x="3" y="10"/>
+  <rect fill="#444" height="1" width="3" x="3" y="12"/>
+  <rect fill="#444" height="1" width="3" x="12" y="5"/>
+  <rect fill="#444" height="1" width="3" x="12" y="7"/>
+  <rect fill="#444" height="1" width="3" x="12" y="10"/>
+  <rect fill="#444" height="1" width="3" x="12" y="12"/>
+</svg>

package/fonts/ag-icons.css

@@ -0,0 +1,102 @@
+@font-face {
+    font-family: "ag-icons";
+    src: url("./ag-icons.ttf?99f85a7c6a873e08bf43efcb816245b3") format("truetype"),
+url("./ag-icons.woff?99f85a7c6a873e08bf43efcb816245b3") format("woff"),
+url("./ag-icons.woff2?99f85a7c6a873e08bf43efcb816245b3") format("woff2");
+}
+
+i[class^="icon-"]:before, i[class*=" icon-"]:before {
+    font-family: ag-icons !important;
+    font-style: normal;
+    font-weight: normal !important;
+    font-variant: normal;
+    text-transform: none;
+    line-height: 1;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-video:before {
+    content: "\f101";
+}
+.icon-undo:before {
+    content: "\f102";
+}
+.icon-underline:before {
+    content: "\f103";
+}
+.icon-superscript:before {
+    content: "\f104";
+}
+.icon-subscript:before {
+    content: "\f105";
+}
+.icon-strikethrough:before {
+    content: "\f106";
+}
+.icon-redo:before {
+    content: "\f107";
+}
+.icon-picker-arrows:before {
+    content: "\f108";
+}
+.icon-list-ordered:before {
+    content: "\f109";
+}
+.icon-list-bullet:before {
+    content: "\f10a";
+}
+.icon-link:before {
+    content: "\f10b";
+}
+.icon-italic:before {
+    content: "\f10c";
+}
+.icon-indent-increase:before {
+    content: "\f10d";
+}
+.icon-indent-decrease:before {
+    content: "\f10e";
+}
+.icon-image:before {
+    content: "\f10f";
+}
+.icon-formula:before {
+    content: "\f110";
+}
+.icon-direction-rtl:before {
+    content: "\f111";
+}
+.icon-direction-ltr:before {
+    content: "\f112";
+}
+.icon-color-text:before {
+    content: "\f113";
+}
+.icon-color-background:before {
+    content: "\f114";
+}
+.icon-code-block:before {
+    content: "\f115";
+}
+.icon-clean-format:before {
+    content: "\f116";
+}
+.icon-bold:before {
+    content: "\f117";
+}
+.icon-blockquote:before {
+    content: "\f118";
+}
+.icon-align-right:before {
+    content: "\f119";
+}
+.icon-align-left:before {
+    content: "\f11a";
+}
+.icon-align-justify:before {
+    content: "\f11b";
+}
+.icon-align-center:before {
+    content: "\f11c";
+}

package/fonts/ag-icons.html

@@ -0,0 +1,312 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>ag-icons</title>
+
+    <style>
+        body {
+            font-family: sans-serif;
+            margin: 0;
+            padding: 10px 20px;
+            text-align: center;
+        }
+        .preview {
+            width: 100px;
+            display: inline-block;
+            margin: 10px;
+        }
+        .preview .inner {
+            display: inline-block;
+            width: 100%;
+            text-align: center;
+            background: #f5f5f5;
+            -webkit-border-radius: 3px 3px 0 0;
+            -moz-border-radius: 3px 3px 0 0;
+            border-radius: 3px 3px 0 0;
+        }
+        .preview .inner  {
+            line-height: 85px;
+            font-size: 40px;
+            color: #333;
+        }
+        .label {
+            display: inline-block;
+            width: 100%;
+            box-sizing: border-box;
+            padding: 5px;
+            font-size: 10px;
+            font-family: Monaco, monospace;
+            color: #666;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            background: #ddd;
+            -webkit-border-radius: 0 0 3px 3px;
+            -moz-border-radius: 0 0 3px 3px;
+            border-radius: 0 0 3px 3px;
+            color: #666;
+        }
+    </style>
+
+    <link rel="stylesheet" type="text/css" href="ag-icons.css" />
+</head>
+<body>
+
+    <h1>ag-icons</h1>
+
+
+        <div class="preview">
+            <span class="inner">
+                <i class="icon icon-video"></i>
+            </span>
+            <br>
+            <span class='label'>video</span>
+        </div>
+
+
+        <div class="preview">
+            <span class="inner">
+                <i class="icon icon-undo"></i>
+            </span>
+            <br>
+            <span class='label'>undo</span>
+        </div>
+
+
+        <div class="preview">
+            <span class="inner">
+                <i class="icon icon-underline"></i>
+            </span>
+            <br>
+            <span class='label'>underline</span>
+        </div>
+
+
+        <div class="preview">
+            <span class="inner">
+                <i class="icon icon-superscript"></i>
+            </span>
+            <br>
+            <span class='label'>superscript</span>
+        </div>
+
+
+        <div class="preview">
+            <span class="inner">
+                <i class="icon icon-subscript"></i>
+            </span>
+            <br>
+            <span class='label'>subscript</span>
+        </div>
+
+
+        <div class="preview">
+            <span class="inner">
+                <i class="icon icon-strikethrough"></i>
+            </span>
+            <br>
+            <span class='label'>strikethrough</span>
+        </div>
+
+
+        <div class="preview">
+            <span class="inner">
+                <i class="icon icon-redo"></i>
+            </span>
+            <br>
+            <span class='label'>redo</span>
+        </div>
+
+
+        <div class="preview">
+            <span class="inner">
+                <i class="icon icon-picker-arrows"></i>
+            </span>
+            <br>
+            <span class='label'>picker-arrows</span>
+        </div>
+
+
+        <div class="preview">
+            <span class="inner">
+                <i class="icon icon-list-ordered"></i>
+            </span>
+            <br>
+            <span class='label'>list-ordered</span>
+        </div>
+
+
+        <div class="preview">
+            <span class="inner">
+                <i class="icon icon-list-bullet"></i>
+            </span>
+            <br>
+            <span class='label'>list-bullet</span>
+        </div>
+
+
+        <div class="preview">
+            <span class="inner">
+                <i class="icon icon-link"></i>
+            </span>
+            <br>
+            <span class='label'>link</span>
+        </div>
+
+
+        <div class="preview">
+            <span class="inner">
+                <i class="icon icon-italic"></i>
+            </span>
+            <br>
+            <span class='label'>italic</span>
+        </div>
+
+
+        <div class="preview">
+            <span class="inner">
+                <i class="icon icon-indent-increase"></i>
+            </span>
+            <br>
+            <span class='label'>indent-increase</span>
+        </div>
+
+
+        <div class="preview">
+            <span class="inner">
+                <i class="icon icon-indent-decrease"></i>
+            </span>
+            <br>
+            <span class='label'>indent-decrease</span>
+        </div>
+
+
+        <div class="preview">
+            <span class="inner">
+                <i class="icon icon-image"></i>
+            </span>
+            <br>
+            <span class='label'>image</span>
+        </div>
+
+
+        <div class="preview">
+            <span class="inner">
+                <i class="icon icon-formula"></i>
+            </span>
+            <br>
+            <span class='label'>formula</span>
+        </div>
+
+
+        <div class="preview">
+            <span class="inner">
+                <i class="icon icon-direction-rtl"></i>
+            </span>
+            <br>
+            <span class='label'>direction-rtl</span>
+        </div>
+
+
+        <div class="preview">
+            <span class="inner">
+                <i class="icon icon-direction-ltr"></i>
+            </span>
+            <br>
+            <span class='label'>direction-ltr</span>
+        </div>
+
+
+        <div class="preview">
+            <span class="inner">
+                <i class="icon icon-color-text"></i>
+            </span>
+            <br>
+            <span class='label'>color-text</span>
+        </div>
+
+
+        <div class="preview">
+            <span class="inner">
+                <i class="icon icon-color-background"></i>
+            </span>
+            <br>
+            <span class='label'>color-background</span>
+        </div>
+
+
+        <div class="preview">
+            <span class="inner">
+                <i class="icon icon-code-block"></i>
+            </span>
+            <br>
+            <span class='label'>code-block</span>
+        </div>
+
+
+        <div class="preview">
+            <span class="inner">
+                <i class="icon icon-clean-format"></i>
+            </span>
+            <br>
+            <span class='label'>clean-format</span>
+        </div>
+
+
+        <div class="preview">
+            <span class="inner">
+                <i class="icon icon-bold"></i>
+            </span>
+            <br>
+            <span class='label'>bold</span>
+        </div>
+
+
+        <div class="preview">
+            <span class="inner">
+                <i class="icon icon-blockquote"></i>
+            </span>
+            <br>
+            <span class='label'>blockquote</span>
+        </div>
+
+
+        <div class="preview">
+            <span class="inner">
+                <i class="icon icon-align-right"></i>
+            </span>
+            <br>
+            <span class='label'>align-right</span>
+        </div>
+
+
+        <div class="preview">
+            <span class="inner">
+                <i class="icon icon-align-left"></i>
+            </span>
+            <br>
+            <span class='label'>align-left</span>
+        </div>
+
+
+        <div class="preview">
+            <span class="inner">
+                <i class="icon icon-align-justify"></i>
+            </span>
+            <br>
+            <span class='label'>align-justify</span>
+        </div>
+
+
+        <div class="preview">
+            <span class="inner">
+                <i class="icon icon-align-center"></i>
+            </span>
+            <br>
+            <span class='label'>align-center</span>
+        </div>
+
+
+</body>
+</html>

package/fonts/ag-icons.json

@@ -0,0 +1,30 @@
+{
+    "video": 61697,
+    "undo": 61698,
+    "underline": 61699,
+    "superscript": 61700,
+    "subscript": 61701,
+    "strikethrough": 61702,
+    "redo": 61703,
+    "picker-arrows": 61704,
+    "list-ordered": 61705,
+    "list-bullet": 61706,
+    "link": 61707,
+    "italic": 61708,
+    "indent-increase": 61709,
+    "indent-decrease": 61710,
+    "image": 61711,
+    "formula": 61712,
+    "direction-rtl": 61713,
+    "direction-ltr": 61714,
+    "color-text": 61715,
+    "color-background": 61716,
+    "code-block": 61717,
+    "clean-format": 61718,
+    "bold": 61719,
+    "blockquote": 61720,
+    "align-right": 61721,
+    "align-left": 61722,
+    "align-justify": 61723,
+    "align-center": 61724
+}

package/fonts/ag-icons.ts

@@ -0,0 +1,121 @@
+export type AgIconsId =
+  | "video"
+  | "undo"
+  | "underline"
+  | "superscript"
+  | "subscript"
+  | "strikethrough"
+  | "redo"
+  | "picker-arrows"
+  | "list-ordered"
+  | "list-bullet"
+  | "link"
+  | "italic"
+  | "indent-increase"
+  | "indent-decrease"
+  | "image"
+  | "formula"
+  | "direction-rtl"
+  | "direction-ltr"
+  | "color-text"
+  | "color-background"
+  | "code-block"
+  | "clean-format"
+  | "bold"
+  | "blockquote"
+  | "align-right"
+  | "align-left"
+  | "align-justify"
+  | "align-center";
+
+export type AgIconsKey =
+  | "Video"
+  | "Undo"
+  | "Underline"
+  | "Superscript"
+  | "Subscript"
+  | "Strikethrough"
+  | "Redo"
+  | "PickerArrows"
+  | "ListOrdered"
+  | "ListBullet"
+  | "Link"
+  | "Italic"
+  | "IndentIncrease"
+  | "IndentDecrease"
+  | "Image"
+  | "Formula"
+  | "DirectionRtl"
+  | "DirectionLtr"
+  | "ColorText"
+  | "ColorBackground"
+  | "CodeBlock"
+  | "CleanFormat"
+  | "Bold"
+  | "Blockquote"
+  | "AlignRight"
+  | "AlignLeft"
+  | "AlignJustify"
+  | "AlignCenter";
+
+export enum AgIcons {
+  Video = "video",
+  Undo = "undo",
+  Underline = "underline",
+  Superscript = "superscript",
+  Subscript = "subscript",
+  Strikethrough = "strikethrough",
+  Redo = "redo",
+  PickerArrows = "picker-arrows",
+  ListOrdered = "list-ordered",
+  ListBullet = "list-bullet",
+  Link = "link",
+  Italic = "italic",
+  IndentIncrease = "indent-increase",
+  IndentDecrease = "indent-decrease",
+  Image = "image",
+  Formula = "formula",
+  DirectionRtl = "direction-rtl",
+  DirectionLtr = "direction-ltr",
+  ColorText = "color-text",
+  ColorBackground = "color-background",
+  CodeBlock = "code-block",
+  CleanFormat = "clean-format",
+  Bold = "bold",
+  Blockquote = "blockquote",
+  AlignRight = "align-right",
+  AlignLeft = "align-left",
+  AlignJustify = "align-justify",
+  AlignCenter = "align-center",
+}
+
+export const AG_ICONS_CODEPOINTS: { [key in AgIcons]: string } = {
+  [AgIcons.Video]: "61697",
+  [AgIcons.Undo]: "61698",
+  [AgIcons.Underline]: "61699",
+  [AgIcons.Superscript]: "61700",
+  [AgIcons.Subscript]: "61701",
+  [AgIcons.Strikethrough]: "61702",
+  [AgIcons.Redo]: "61703",
+  [AgIcons.PickerArrows]: "61704",
+  [AgIcons.ListOrdered]: "61705",
+  [AgIcons.ListBullet]: "61706",
+  [AgIcons.Link]: "61707",
+  [AgIcons.Italic]: "61708",
+  [AgIcons.IndentIncrease]: "61709",
+  [AgIcons.IndentDecrease]: "61710",
+  [AgIcons.Image]: "61711",
+  [AgIcons.Formula]: "61712",
+  [AgIcons.DirectionRtl]: "61713",
+  [AgIcons.DirectionLtr]: "61714",
+  [AgIcons.ColorText]: "61715",
+  [AgIcons.ColorBackground]: "61716",
+  [AgIcons.CodeBlock]: "61717",
+  [AgIcons.CleanFormat]: "61718",
+  [AgIcons.Bold]: "61719",
+  [AgIcons.Blockquote]: "61720",
+  [AgIcons.AlignRight]: "61721",
+  [AgIcons.AlignLeft]: "61722",
+  [AgIcons.AlignJustify]: "61723",
+  [AgIcons.AlignCenter]: "61724",
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ag-design",
-  "version": "1.0.12",
+  "version": "1.0.15",
   "description": "AG Design Core Framework",
   "repository": {
     "type": "git",