@tekkare/auriga 0.1.8 → 0.1.10

package/dist/runtime/components/argSubMenu.vue.d.ts

@@ -10,6 +10,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    sidebarOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     openMenu: import("vue").Ref<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -24,7 +28,12 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    sidebarOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
+    sidebarOpen: boolean;
     defaultCollapseState: boolean;
 }, {}>;
 export default _default;

package/dist/runtime/components/argTable.vue

@@ -909,4 +909,18 @@ th:last-child div.show .rcd-searchInput {
 .hidden {
   display: none !important;
 }
+.scroll_table .rcd_scrollTable::-webkit-scrollbar {
+  width: 5px !important;
+}
+
+.scroll_table .rcd_scrollTable::-webkit-scrollbar-thumb,
+.modal_content::-webkit-scrollbar-thumb {
+  background: var(--lavendar-grey);
+  border-radius: 15px;
+}
+
+.scroll_table .rcd_scrollTable::-webkit-scrollbar-thumb:hover,
+.modal_content::-webkit-scrollbar-thumb:hover {
+  background: var(--wild-blue-yonder) !important ;
+}
 </style>

package/dist/runtime/components/argTags.vue

@@ -16,7 +16,7 @@ export default defineComponent({
   name: "argTags",
   components: { argIcon, argStyle },
   props: {
-    setStyle: { type: String, default: "primary" },
+    setStyle: { type: String, default: "light_grey" },
     haveClose: { type: Boolean, default: false }
   },
   emits: ["onClose"],

package/dist/runtime/components/argTipsBox.vue

@@ -0,0 +1,153 @@
+<template>
+  <div
+    v-show="displayTip"
+    class="arg_tips_box"
+    :class="showMore ? 'arg_tips_open' : 'arg_tips_collapse'"
+  >
+    <div class="tips_visible_content">
+      <div class="oip_row v-center gap-8">
+        <arg-emoji emoji-size="20" emoji-name="Lightbulb" />
+        <slot name="Text" />
+      </div>
+      <div v-if="haveClose" class="tip_action" @click="displayTip = false">
+        {{ tipsLang === "fr" ? "Fermer" : "Close" }}
+      </div>
+      <div
+        v-else-if="haveMore"
+        class="oip_row v-start gap-6 tip_action"
+        @click="showMore = !showMore"
+      >
+        <arg-icon
+          name="CaretDown"
+          size="20"
+          :class="['action-icon', showMore ? 'icon-rotate' : '']"
+        />
+        <p>
+          {{
+            tipsLang === "fr"
+              ? showMore
+                ? "Réduire"
+                : "En savoir plus"
+              : showMore
+              ? "Hide"
+              : "Learn more"
+          }}
+        </p>
+      </div>
+    </div>
+    <div :class="['more_tips', showMore ? 'arg_more_tips' : 'arg_hide_more']">
+      <slot name="More" />
+    </div>
+  </div>
+</template>
+
+<script>
+import {
+  ref,
+  defineComponent
+} from "vue";
+import argEmoji from "./argEmoji.vue";
+import argIcon from "./argIcon.vue";
+export default defineComponent({
+  name: "argInfoBox",
+  components: { argEmoji, argIcon },
+  props: {
+    haveClose: {
+      type: Boolean,
+      default: false
+    },
+    haveMore: {
+      type: Boolean,
+      default: false
+    },
+    tipsLang: {
+      type: String,
+      default: "en",
+      validator: (value) => {
+        return ["en", "fr"].includes(value);
+      }
+    }
+  },
+  setup(props, { emit }) {
+    const displayTip = ref(true);
+    const showMore = ref(false);
+    return {
+      displayTip,
+      showMore
+    };
+  }
+});
+</script>
+
+<style scoped>
+.arg_tips_box {
+  padding: 16px;
+  border-radius: 8px;
+  border: 1px solid var(--base-dividers, #ececf2);
+  background: rgba(253, 253, 255, 0.8);
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 160%;
+  transition: all ease 0.5s;
+}
+
+.arg_tips_open {
+  max-height: 5000px;
+  overflow: visible;
+}
+
+.arg_tips_collapse {
+  max-height: 32px;
+  overflow: hidden;
+}
+
+.tips_visible_content {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  justify-content: space-between;
+  align-self: stretch;
+}
+
+.lightbulb_icon {
+  font-size: 20px;
+  font-style: normal;
+  font-weight: 900;
+  line-height: normal;
+}
+
+.tip_action {
+  cursor: pointer;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 160%;
+  padding: 6px;
+  border-radius: 4px;
+}
+
+.tip_action:hover {
+  background: var(--background) !important;
+}
+
+.action-icon {
+  transition: transform 0.5s;
+}
+
+.icon-rotate {
+  transform: rotateX(180deg);
+}
+
+.more_tips {
+  transition: all ease 0.5s;
+  padding-left: 30px;
+}
+.arg_hide_more {
+  visibility: hidden;
+}
+
+.arg_more_tips {
+  visibility: visible;
+}
+</style>

package/dist/runtime/components/argTipsBox.vue.d.ts

@@ -0,0 +1,37 @@
+declare const _default: import("vue").DefineComponent<{
+    haveClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    haveMore: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tipsLang: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: unknown) => boolean;
+    };
+}, {
+    displayTip: import("vue").Ref<boolean>;
+    showMore: import("vue").Ref<boolean>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    haveClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    haveMore: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tipsLang: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: unknown) => boolean;
+    };
+}>>, {
+    haveClose: boolean;
+    haveMore: boolean;
+    tipsLang: string;
+}, {}>;
+export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tekkare/auriga",
-  "version": "0.1.8",
+  "version": "0.1.10",
   "description": "Aurgia is a UI kit developped by Tekkare",
   "license": "MIT",
   "type": "module",
@@ -30,6 +30,7 @@
     "patch": "nuxt-module-build && npm version patch && npm publish"
   },
   "dependencies": {
+    "@esbuild/darwin-x64": "^0.19.8",
     "@nuxt/kit": "^3.7.3",
     "apexcharts": "^3.43.0",
     "vue-apexcharts": "^1.6.2",