add: IconEye and IconShare

Author: ronan-hello

dist/openmost-ui-kit.js

@@ -1,6 +1,6 @@
 {
   "name": "@openmost/ui-kit",
-  "version": "0.1.35",
+  "version": "0.1.36",
   "type": "module",
   "publishConfig": {
     "access": "public"

dist/openmost-ui-kit.umd.cjs

@@ -0,0 +1,5 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="18" viewBox="0 0 24 18" fill="none">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M23.8372 8.44244C23.8025 8.3767 23.752 8.28323 23.686 8.16599C23.5542 7.93164 23.3601 7.60152 23.1057 7.20747C22.5979 6.42131 21.8432 5.3706 20.8545 4.31606C18.8955 2.22644 15.8995 0 12 0C8.10049 0 5.10448 2.22644 3.14546 4.31606C2.15683 5.3706 1.40207 6.42131 0.894336 7.20747C0.63985 7.60152 0.445792 7.93164 0.313971 8.16599C0.248023 8.28323 0.19754 8.3767 0.162753 8.44244L0.105573 8.55279C-0.0351909 8.83431 -0.0351909 9.16569 0.105573 9.44721L0.162753 9.55756C0.19754 9.6233 0.248023 9.71677 0.313971 9.83401C0.445792 10.0684 0.63985 10.3985 0.894336 10.7925C1.40207 11.5787 2.15683 12.6294 3.14546 13.6839C5.10448 15.7736 8.10049 18 12 18C15.8995 18 18.8955 15.7736 20.8545 13.6839C21.8432 12.6294 22.5979 11.5787 23.1057 10.7925C23.3601 10.3985 23.5542 10.0684 23.686 9.83401L23.8944 9.44721C24.0352 9.16569 24.0348 8.83361 23.8941 8.55208L23.8372 8.44244ZM2.14074 9C2.25003 9.18887 2.39492 9.42955 2.57441 9.70747C3.03543 10.4213 3.71817 11.3706 4.60454 12.3161C6.39552 14.2264 8.89951 16 12 16C15.1005 16 17.6045 14.2264 19.3955 12.3161C20.2818 11.3706 20.9646 10.4213 21.4256 9.70747C21.6051 9.42955 21.75 9.18887 21.8593 9C21.75 8.81113 21.6051 8.57045 21.4256 8.29253C20.9646 7.57869 20.2818 6.6294 19.3955 5.68394C17.6045 3.77356 15.1005 2 12 2C8.89951 2 6.39552 3.77356 4.60454 5.68394C3.71817 6.6294 3.03543 7.57869 2.57441 8.29253C2.39492 8.57045 2.25003 8.81113 2.14074 9Z" fill="currentColor"/>
+  </svg>
+</template>

package.json

@@ -0,0 +1,10 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M9.27766 3.27763C9.99968 2.55562 10.9789 2.14999 12 2.14999C13.0211 2.14999 14.0004 2.55562 14.7224 3.27763C15.4444 3.99965 15.85 4.97891 15.85 5.99999C15.85 7.02108 15.4444 8.00034 14.7224 8.72235C14.0004 9.44437 13.0211 9.84999 12 9.84999C10.9789 9.84999 9.99968 9.44437 9.27766 8.72235C8.55565 8.00034 8.15002 7.02108 8.15002 5.99999C8.15002 4.97891 8.55565 3.99965 9.27766 3.27763ZM12 3.84999C11.4298 3.84999 10.8829 4.07651 10.4797 4.47971C10.0765 4.88292 9.85003 5.42978 9.85003 5.99999C9.85003 6.57021 10.0765 7.11707 10.4797 7.52027C10.8829 7.92348 11.4298 8.14999 12 8.14999C12.5702 8.14999 13.1171 7.92348 13.5203 7.52027C13.9235 7.11707 14.15 6.57021 14.15 5.99999C14.15 5.42978 13.9235 4.88292 13.5203 4.47971C13.1171 4.07651 12.5702 3.84999 12 3.84999Z" fill="currentColor"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M2.77766 15.2776C3.49968 14.5556 4.47894 14.15 5.50002 14.15C6.52111 14.15 7.50037 14.5556 8.22239 15.2776C8.9444 15.9996 9.35002 16.9789 9.35002 18C9.35002 19.0211 8.9444 20.0003 8.22239 20.7224C7.50037 21.4444 6.52111 21.85 5.50002 21.85C4.47894 21.85 3.49968 21.4444 2.77766 20.7224C2.05565 20.0003 1.65002 19.0211 1.65002 18C1.65002 16.9789 2.05565 15.9996 2.77766 15.2776ZM5.50002 15.85C4.92981 15.85 4.38295 16.0765 3.97974 16.4797C3.57654 16.8829 3.35002 17.4298 3.35002 18C3.35002 18.5702 3.57654 19.1171 3.97974 19.5203C4.38295 19.9235 4.92981 20.15 5.50002 20.15C6.07024 20.15 6.6171 19.9235 7.0203 19.5203C7.42351 19.1171 7.65002 18.5702 7.65002 18C7.65002 17.4298 7.42351 16.8829 7.0203 16.4797C6.6171 16.0765 6.07024 15.85 5.50002 15.85Z" fill="currentColor"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M15.7777 15.2776C16.4997 14.5556 17.4789 14.15 18.5 14.15C19.5211 14.15 20.5004 14.5556 21.2224 15.2776C21.9444 15.9996 22.35 16.9789 22.35 18C22.35 19.0211 21.9444 20.0003 21.2224 20.7224C20.5004 21.4444 19.5211 21.85 18.5 21.85C17.4789 21.85 16.4997 21.4444 15.7777 20.7224C15.0556 20.0003 14.65 19.0211 14.65 18C14.65 16.9789 15.0556 15.9996 15.7777 15.2776ZM18.5 15.85C17.9298 15.85 17.3829 16.0765 16.9797 16.4797C16.5765 16.8829 16.35 17.4298 16.35 18C16.35 18.5702 16.5765 19.1171 16.9797 19.5203C17.3829 19.9235 17.9298 20.15 18.5 20.15C19.0702 20.15 19.6171 19.9235 20.0203 19.5203C20.4235 19.1171 20.65 18.5702 20.65 18C20.65 17.4298 20.4235 16.8829 20.0203 16.4797C19.6171 16.0765 19.0702 15.85 18.5 15.85Z" fill="currentColor"/>
+    <path d="M6.75881 6.16C6.53628 6.14444 6.31654 6.21699 6.14702 6.362L6.14595 6.36293C5.20335 7.1926 4.44856 8.21377 3.93193 9.35829C3.41532 10.5028 3.14875 11.7443 3.15002 13C3.15003 13.2255 3.23959 13.4416 3.39898 13.601C3.55839 13.7604 3.77459 13.85 4.00002 13.85C4.22546 13.85 4.44166 13.7604 4.60106 13.601C4.76047 13.4416 4.85002 13.2253 4.85002 12.9999C4.84874 11.9852 5.06404 10.9819 5.48155 10.0571C5.89906 9.13227 6.50917 8.30724 7.27108 7.63709L7.27242 7.63587C7.43722 7.48551 7.53631 7.2764 7.54831 7.05364C7.5603 6.83089 7.48425 6.61234 7.33655 6.44516C7.18885 6.27797 6.98135 6.17556 6.75881 6.16Z" fill="currentColor"/>
+    <path d="M17.853 6.362C17.6835 6.21699 17.4638 6.14444 17.2412 6.16C17.0187 6.17556 16.8112 6.27797 16.6635 6.44516C16.5158 6.61234 16.4397 6.83089 16.4517 7.05364C16.4637 7.2764 16.5628 7.48553 16.7276 7.63588L16.729 7.63708C17.4909 8.30722 18.101 9.13227 18.5185 10.0571C18.936 10.9819 19.1513 11.9853 19.15 13C19.15 13.2254 19.2396 13.4416 19.399 13.601C19.5584 13.7604 19.7746 13.85 20 13.85C20.2255 13.85 20.4417 13.7604 20.6011 13.601C20.7604 13.4417 20.85 13.2255 20.85 13.0001C20.8513 11.7444 20.5847 10.5028 20.0681 9.35829C19.5515 8.21377 18.7967 7.19259 17.8541 6.36292L17.853 6.362Z" fill="currentColor"/>
+    <path d="M10.2132 19.9255C10.7971 20.0747 11.3974 20.1501 12 20.15C12.6026 20.1506 13.2031 20.0751 13.7868 19.9255C13.8956 19.8943 14.0095 19.8852 14.1218 19.8987C14.2347 19.9122 14.3437 19.9483 14.4423 20.0046C14.541 20.061 14.6274 20.1366 14.6964 20.227C14.7653 20.3173 14.8155 20.4206 14.8438 20.5307C14.8722 20.6407 14.8781 20.7554 14.8614 20.8678C14.8447 20.9802 14.8056 21.0881 14.7464 21.1852C14.6873 21.2822 14.6092 21.3664 14.5169 21.4328C14.4251 21.4988 14.3209 21.5459 14.2106 21.5712C12.7605 21.9442 11.2396 21.9442 9.78943 21.5712C9.67912 21.5459 9.57498 21.4988 9.48309 21.4328C9.39082 21.3664 9.31279 21.2822 9.25362 21.1852C9.19445 21.0881 9.15535 20.9802 9.13862 20.8678C9.12189 20.7554 9.12788 20.6407 9.15623 20.5307C9.18458 20.4206 9.23472 20.3173 9.30368 20.227C9.37263 20.1366 9.45901 20.061 9.5577 20.0046C9.65638 19.9483 9.76538 19.9122 9.87823 19.8987C9.99056 19.8852 10.1044 19.8943 10.2132 19.9255Z" fill="currentColor"/>
+  </svg>
+</template>

src/components/Icon/IconEye.vue

@@ -2,11 +2,15 @@
   <div id="app-header">
 
     <header class="app-header-logo">
+      <slot name="header-brand-prepend"/>
       <slot name="header-brand"/>
+      <slot name="header-brand-append"/>
     </header>
 
     <div class="app-header-actions-wrapper">
+      <slot name="header-actions-prepend"/>
       <slot name="header-actions"/>
+      <slot name="header-actions-append"/>
     </div>
 
   </div>

src/components/Icon/IconShare.vue

@@ -71,7 +71,7 @@ const props = defineProps({
 });
 
 const containerClass = computed(() => {
-  props.fluid ? 'container-fluid' : 'container';
+  return props.fluid ? 'container-fluid' : 'container';
 })
 </script>
 

src/components/Layout/AppHeader.vue

@@ -76,6 +76,7 @@ import IconEdit from "./components/Icon/IconEdit.vue";
 import IconExpand from "./components/Icon/IconExpand.vue";
 import IconExport from "./components/Icon/IconExport.vue";
 import IconExternalLink from "./components/Icon/IconExternalLink.vue";
+import IconEye from "./components/Icon/IconEye.vue";
 import IconFilter from "./components/Icon/IconFilter.vue";
 import IconForm from "./components/Icon/IconForm.vue";
 import IconFunnel from "./components/Icon/IconFunnel.vue";
@@ -97,6 +98,7 @@ import IconPuzzle from "./components/Icon/IconPuzzle.vue";
 import IconRefresh from "./components/Icon/IconRefresh.vue";
 import IconRequired from "./components/Icon/IconRequired.vue";
 import IconScheduledReport from "./components/Icon/IconScheduledReport.vue";
+import IconShare from "./components/Icon/IconShare.vue";
 import IconSearch from "./components/Icon/IconSearch.vue";
 import IconSegment from "./components/Icon/IconSegment.vue";
 import IconSessionRecording from "./components/Icon/IconSessionRecording.vue";
@@ -206,6 +208,7 @@ export {
     IconExpand,
     IconExport,
     IconExternalLink,
+    IconEye,
     IconFilter,
     IconForm,
     IconFunnel,
@@ -230,6 +233,7 @@ export {
     IconSearch,
     IconSegment,
     IconSessionRecording,
+    IconShare,
     IconSite,
     IconSuccess,
     IconTag,