YSHOP2-1289: Added new icons for RichText editor (#243)

Co-authored-by: Ghita Nekt <[email protected]>
youcan-shop · Jan 24, 2024 · d485239 · d485239
1 parent 5fe1881
commit d485239
Show file tree

Hide file tree

Showing 15 changed files with 92 additions and 36 deletions.
diff --git a/packages/icons/info.json b/packages/icons/info.json
@@ -1,7 +1,7 @@
 {
   "prefix": "youcan",
   "name": "YouCan Icons",
-  "total": 101,
+  "total": 114,
   "version": "1.0.0",
   "author": {
     "name": "YouCan",

diff --git a/packages/icons/source/cell-style.svg b/packages/icons/source/cell-style.svg
diff --git a/packages/icons/source/cell.svg b/packages/icons/source/cell.svg
diff --git a/packages/icons/source/column.svg b/packages/icons/source/column.svg
diff --git a/packages/icons/source/corners-in.svg b/packages/icons/source/corners-in.svg
diff --git a/packages/icons/source/image-legend.svg b/packages/icons/source/image-legend.svg
diff --git a/packages/icons/source/image-position.svg b/packages/icons/source/image-position.svg
diff --git a/packages/icons/source/open-link.svg b/packages/icons/source/open-link.svg
diff --git a/packages/icons/source/row.svg b/packages/icons/source/row.svg
diff --git a/packages/icons/source/table-footer.svg b/packages/icons/source/table-footer.svg
diff --git a/packages/icons/source/table-header.svg b/packages/icons/source/table-header.svg
diff --git a/packages/icons/source/table-style.svg b/packages/icons/source/table-style.svg
diff --git a/packages/icons/source/text-alt.svg b/packages/icons/source/text-alt.svg
diff --git a/packages/icons/source/vertical-align.svg b/packages/icons/source/vertical-align.svg
diff --git a/packages/vue3/src/_dev/App.vue b/packages/vue3/src/_dev/App.vue
@@ -1,44 +1,25 @@
 <script setup lang="ts">
 import 'uno.css';
 import '../assets/main.css';
-import { PrimaryButton, ToastContainer, toast } from '~/components';
-import type { ToastOptions } from '~/components/ToastContainer/types';
-
-const toasts: ToastOptions[] = [
-  {
-    title: 'Info',
-    description: 'Click here to learn more about the exciting enhancements we\'ve made.',
-    type: 'info',
-  },
-  {
-    title: 'Success',
-    description: 'Your profile information has been successfully updated.',
-    type: 'success',
-  },
-  {
-    title: 'Warning',
-    description: 'Please check your internet connection.',
-    type: 'warning',
-  },
-  {
-    title: 'Error',
-    description: 'Unable to save data, check again later.',
-    type: 'error',
-  },
-];
-
-const handleClick = () => {
-  const toastOptions: ToastOptions = toasts[Math.floor(Math.random() * toasts.length)];
-  toast.show(toastOptions);
-};
 </script>
 
 <template>
-  <ToastContainer :limit="3" />
-  <div className="container">
-    <PrimaryButton @click="handleClick">
-      Show Toast
-    </PrimaryButton>
+  <div class="container">
+    <i class="i-youcan:table-header" />
+    <i class="i-youcan:table-footer" />
+    <i class="i-youcan:table" />
+    <i class="i-youcan:row" />
+    <i class="i-youcan:column" />
+    <i class="i-youcan:table-style" />
+    <i class="i-youcan:cell" />
+    <i class="i-youcan:cell-style" />
+    <i class="i-youcan:image-legend" />
+    <i class="i-youcan:text-alt" />
+    <i class="i-youcan:open-link" />
+    <i class="i-youcan:corners-in" />
+    <i class="i-youcan:image-position" />
+    <i class="i-youcan:vertical-align" />
+    <i class="i-youcan:table-style" />
   </div>
 </template>