add built-in check icon

franken-ui · Jan 23, 2025 · ec7c6fe · ec7c6fe
1 parent 8dbf03e
commit ec7c6fe
Show file tree

Hide file tree

Showing 5 changed files with 20 additions and 1 deletion.
diff --git a/dist/js/uikit.js b/dist/js/uikit.js
@@ -8995,6 +8995,8 @@
       }
     };
 
+    var check = "<svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" class=\"lucide lucide-check\" viewBox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"/></svg>";
+
     var closeIcon = "<svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" class=\"lucide lucide-x\" viewBox=\"0 0 24 24\"><path d=\"M18 6 6 18\"/><path d=\"m6 6 12 12\"/></svg>";
 
     var closeLarge = "<svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" class=\"lucide lucide-x\" viewBox=\"0 0 24 24\"><path d=\"M18 6 6 18\"/><path d=\"m6 6 12 12\"/></svg>";
@@ -9039,6 +9041,7 @@
       spinner,
       totop,
       marker,
+      check,
       "close-icon": closeIcon,
       "close-large": closeLarge,
       "drop-parent-icon": dropParentIcon,
@@ -9180,6 +9183,11 @@
       i18n: { label: "Previous page" },
       data: { role: null }
     };
+    const Check = {
+      extends: ButtonComponent,
+      i18n: { label: "Check" },
+      data: { role: null }
+    };
     const parsed = {};
     function install(UIkit) {
       UIkit.icon.add = (name, svg) => {
@@ -9217,6 +9225,7 @@
         __proto__: null,
         Accordion: Accordion,
         Alert: alert,
+        Check: Check,
         Close: Close,
         Cover: cover,
         Drop: drop,

diff --git a/dist/js/uikit.min.js b/dist/js/uikit.min.js
diff --git a/src/images/components/check.svg b/src/images/components/check.svg
diff --git a/src/js/core/icon.js b/src/js/core/icon.js
@@ -13,6 +13,7 @@ import {
     isTag,
     swap,
 } from 'uikit-util';
+import check from '../../images/components/check.svg';
 import closeIcon from '../../images/components/close-icon.svg';
 import closeLarge from '../../images/components/close-large.svg';
 import dropParentIcon from '../../images/components/drop-parent-icon.svg';
@@ -40,6 +41,7 @@ const icons = {
     spinner,
     totop,
     marker,
+    check: check,
     'close-icon': closeIcon,
     'close-large': closeLarge,
     'drop-parent-icon': dropParentIcon,
@@ -232,6 +234,12 @@ export const PaginationPrevious = {
     data: { role: null },
 };
 
+export const Check = {
+    extends: ButtonComponent,
+    i18n: { label: 'Check' },
+    data: { role: null },
+};
+
 const parsed = {};
 function install(UIkit) {
     UIkit.icon.add = (name, svg) => {

diff --git a/src/js/core/index.js b/src/js/core/index.js
@@ -31,6 +31,7 @@ export { default as Video } from './video';
 
 // Icon components
 export {
+    Check,
     Close,
     IconComponent as DropParentIcon,
     Marker,
-Original file line number
+Diff line change
@@ Expand Up / @@ -31,6 +31,7 @@ export { default as Video } from './video'; @@
     // Icon components
     export {
+        Check,
         Close,
         IconComponent as DropParentIcon,
         Marker,
@@ Expand Down @@