@tekkare/auriga 0.1.26 → 0.1.27

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.1.26"
+  "version": "0.1.27"
 }

package/dist/runtime/components/argCheckbox.vue

@@ -155,7 +155,7 @@ export default defineComponent({
   color: var(--primary) !important;
 }
 .filter_box:hover .filter_icon_check {
-  color: var(--primary-hover2) !important;
+  color: var(--primary-hover) !important;
 }
 .disable {
   cursor: initial;

package/dist/runtime/components/argDropdownSelect.vue

@@ -356,7 +356,7 @@ export default defineComponent({
   color: var(--independence) !important;
 }
 .oip_select_complex_selection_loop:hover > svg.add {
-  color: var(--primary-hover2) !important;
+  color: var(--primary-hover) !important;
 }
 
 .oip_select_complex_selection_loop:hover svg {

package/dist/runtime/components/argHeaderTabs.vue

@@ -162,17 +162,13 @@ export default defineComponent({
   color: var(--wild-blue-yonder);
   list-style: none;
   font-style: normal;
-  font-size: 12px;
-  font-weight: 700;
+  font-size: 14px;
+  font-weight: 500;
   text-align: center;
   padding: 0px 0px 8px 0px;
   white-space: pre-line;
   overflow-wrap: break-word;
   vertical-align: middle;
-  font-size: 16px;
-  font-style: normal;
-  font-weight: 700;
-  line-height: normal;
 }
 
 .header_one_tab:hover {

package/dist/runtime/components/argInfoBar.vue

@@ -7,13 +7,15 @@
       :class="item.name === 'Sources' ? 'relative' : ''"
       @click="openMenu(item.name)"
     >
-      <arg-icon :name="item.icon" size="20" />
-      <div
-        v-if="item.name === 'Sources' && sourceAmount > 0"
-        class="arg_source_nb"
-      >
-        {{ sourceAmount }}
-      </div>
+      <arg-tooltip :tooltip-text="item.name" dir="left">
+        <arg-icon :name="item.icon" size="20" />
+        <div
+          v-if="item.name === 'Sources' && sourceAmount > 0"
+          class="arg_source_nb"
+        >
+          {{ sourceAmount }}
+        </div>
+      </arg-tooltip>
     </div>
   </div>
 </template>
@@ -24,9 +26,10 @@ import {
   defineComponent
 } from "vue";
 import argIcon from "./argIcon.vue";
+import argTooltip from "./argTooltip.vue";
 export default defineComponent({
   name: "argInfoBar",
-  components: { argIcon },
+  components: { argIcon, argTooltip },
   props: {
     infoArray: {
       type: Array,

package/dist/runtime/components/argMultipleChoice.vue

@@ -156,7 +156,7 @@ export default defineComponent({
 }
 
 .selected_option:hover svg {
-  color: var(--primary-hover2) !important;
+  color: var(--primary-hover) !important;
 }
 
 .selected_option p {

package/dist/runtime/components/argMultipleSelect.vue

@@ -822,7 +822,7 @@ export default defineComponent({
   font-weight: 700 !important;
 }
 .oip_select_complex_selection_loop:hover > svg.add {
-  color: var(--primary-hover2) !important;
+  color: var(--) !important;
 }
 .oip_select_complex_selection_loop > svg.add {
   color: var(--primary) !important;

package/dist/runtime/components/argNoSelectedScope.vue

@@ -20,7 +20,7 @@
         </div>
         <arg-radio-buttons
           dir="column"
-          :elements="scopeArray"
+          :elements="scopeArray.map((a) => a.title)"
           :return_value="true"
           v-model:Selection="selectedScope"
         />
@@ -33,13 +33,15 @@
         @onClick="selectScope"
         >{{ lang === "fr" ? "Appliquer le scope" : "Apply scope" }}</arg-btn
       >
-      <div class="oip_row v-center gap-8 full-width">
+      <div
+        v-if="scopeArray.length > 0"
+        class="oip_row v-center gap-8 full-width"
+      >
         <div class="scope_sep" />
         <p class="scope_sep_text">or</p>
         <div class="scope_sep" />
       </div>
       <arg-btn
-        v-if="scopeArray.length > 0"
         btn-style="primary-stroke"
         size="m"
         full-width
@@ -84,8 +86,18 @@ export default defineComponent({
         return `Vous devez s\xE9lectionner votre scope pour voir les r\xE9sultats ou donn\xE9es. Veuillez choisir une des options ci-dessous pour continuer`;
     });
     function selectScope() {
-      emit("onSelectScope", selectedScope.value);
-      emit("update:Scope", selectedScope.value);
+      emit(
+        "onSelectScope",
+        props.scopeArray[props.scopeArray.findIndex(
+          (a) => a.title === selectedScope.value
+        )]
+      );
+      emit(
+        "update:Scope",
+        props.scopeArray[props.scopeArray.findIndex(
+          (a) => a.title === selectedScope.value
+        )]
+      );
     }
     function createNewScope() {
       emit("onCreateScope");

package/dist/runtime/components/argStyle.vue

@@ -25,21 +25,20 @@ export default defineComponent({
 
   /* PRIMARY */
   --primary: #2176ff;
-  --primary-hover: #0966fb;
   --primary-dark: #0056e0;
-  --primary-hover2: #0f44be;
+  --primary-hover: #0f44be;
   --primary-light: #f4f8ff;
 
   /* ACCENT */
   --accent: #2176ff;
   --accent-yellow: #ff981a;
-  --accent-hover: #0966fb;
+  --accent-hover: #0f44be;
   --accent-hover-yellow: #e7860f;
 
   /* SYSTEM */
   --alert: #fb4654;
   --system-alert: #ef4444;
-  --alert-hover: #d21616;
+  --system-alert-hover: #d21616;
   --warning: #fd9147;
   --success: #32d175;
   --system-success: #22c55e;
@@ -333,8 +332,8 @@ button {
 
 .oip_primary-fill_button:hover,
 .oip_primary-fill_button:focus {
-  background: var(--primary-hover2) !important;
-  border: 2px solid var(--primary-hover2) !important;
+  background: var(--primary-hover) !important;
+  border: 2px solid var(--primary-hover) !important;
   box-shadow: none !important;
   color: var(--pure-white) !important;
 }
@@ -502,7 +501,7 @@ button {
 .oip_primary-stroke_icon_button:hover,
 .oip_primary-stroke_icon_button:focus {
   background: rgba(33, 118, 255, 0.05) !important;
-  color: var(--primary-hover2) !important;
+  color: var(--) !important;
 }
 .oip_primary-stroke_button .oip_button_spinner div,
 .oip_primary-stroke_icon_button .oip_button_spinner div {
@@ -528,7 +527,7 @@ button {
 .oip_warning-stroke_icon_button:focus {
   background: rgba(239, 68, 68, 0.2) !important;
   border: 2px solid rgba(251, 70, 84, 0.2) !important;
-  color: var(--alert-hover) !important;
+  color: var(--system-alert-hover) !important;
 }
 .oip_warning-stroke_button .oip_button_spinner div,
 .oip_warning-stroke_icon_button .oip_button_spinner div {
@@ -537,15 +536,15 @@ button {
 }
 .oip_warning-stroke_button:hover .oip_button_spinner div,
 .oip_warning-stroke_icon_button:hover .oip_button_spinner div {
-  border: 2px solid var(--alert-hover);
-  border-color: var(--alert-hover) transparent transparent transparent;
+  border: 2px solid var(--system-alert-hover);
+  border-color: var(--system-alert-hover) transparent transparent transparent;
 }
 .oip_warning-stroke_button:hover .oip__button_prefix_icon,
 .oip_warning-stroke_button:focus .oip__button_prefix_icon,
 .oip_warning-stroke_button:hover .oip__button_suffix_icon,
 .oip_warning-stroke_button:focus .oip__button_suffix_icon {
-  stroke: var(--alert-hover) !important;
-  color: var(--alert-hover) !important;
+  stroke: var(--system-alert-hover) !important;
+  color: var(--system-alert-hover) !important;
 }
 .oip_warning-stroke_icon_button {
   background: transparent !important;
@@ -557,12 +556,12 @@ button {
 .oip_warning-stroke_icon_button:hover,
 .oip_warning-stroke_icon_button:hover {
   border: 2px solid rgba(251, 70, 84, 0.2) !important;
-  color: var(--alert-hover) !important;
+  color: var(--system-alert-hover) !important;
 }
 .oip_warning-stroke_icon_button:hover svg,
 .oip_warning-stroke_icon_button:hover svg {
-  stroke: var(--alert-hover) !important;
-  color: var(--alert-hover) !important;
+  stroke: var(--system-alert-hover) !important;
+  color: var(--system-alert-hover) !important;
 }
 .oip_warning-fill_button {
   background: var(--system-alert) !important;
@@ -574,8 +573,8 @@ button {
 .oip_warning-fill_button:focus,
 .oip_warning-fill_icon_button:hover,
 .oip_warning-fill_icon_button:focus {
-  background: var(--alert-hover) !important;
-  border: 2px solid var(--alert-hover) !important;
+  background: var(--system-alert-hover) !important;
+  border: 2px solid var(--system-alert-hover) !important;
   box-shadow: none !important;
 }
 .oip_warning-fill_button .oip_button_spinner div,

package/dist/runtime/components/argTable.vue

@@ -928,7 +928,7 @@ th:last-child div.show .rcd-searchInput {
 
 .scroll_table .rcd_scrollTable thead {
   background: var(--pure-white) !important;
-  z-index: 90;
+  z-index: 10;
 }
 
 .scroll_table .rcd_scrollTable {

package/dist/runtime/components/argTextBtn.vue

@@ -0,0 +1,59 @@
+<template>
+  <div
+    class="arg_text_btn"
+    :class="`${textStyle}_text_btn`"
+    @click="sendAction()"
+  >
+    <slot />
+  </div>
+</template>
+
+<script>
+import {
+  defineComponent
+} from "vue";
+export default defineComponent({
+  name: "argTextBtn",
+  props: {
+    textStyle: {
+      type: String,
+      default: "primary",
+      validator: (value) => {
+        return ["primary", "warning"].includes(value);
+      }
+    }
+  },
+  emits: ["onClick"],
+  setup(props, { emit }) {
+    function sendAction() {
+      emit("onClick");
+    }
+    return { sendAction };
+  }
+});
+</script>
+
+<style scoped>
+.arg_text_btn {
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: normal;
+  text-decoration-line: underline;
+  cursor: pointer;
+}
+
+.primary_text_btn {
+  color: var(--primary) !important;
+}
+.primary_text_btn:hover {
+  color: var(--primary) !important;
+}
+
+.warning_text_btn {
+  color: var(--system-alert) !important;
+}
+.warning_text_btn:hover {
+  color: var(--system-alert-hover) !important;
+}
+</style>

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

@@ -0,0 +1,20 @@
+declare const _default: import("vue").DefineComponent<{
+    textStyle: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}, {
+    sendAction: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "onClick"[], "onClick", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    textStyle: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}>> & {
+    onOnClick?: ((...args: any[]) => any) | undefined;
+}, {
+    textStyle: string;
+}, {}>;
+export default _default;

package/dist/runtime/components/argTooltip.vue

@@ -8,7 +8,7 @@
       v-if="disable === false"
       :class="`prmt_tooltip_text prmt_tooltip_text-${dir}`"
     >
-      {{ tooltipText }}
+      <p>{{ tooltipText }}</p>
     </div>
   </div>
 </template>
@@ -38,19 +38,20 @@ export default defineComponent({
 
 .prmt_tooltip_text {
   visibility: hidden;
-  min-width: 120px;
+  width: fit-content;
+  max-width: 250px;
   text-align: center;
   background-color: var(--independence);
   color: var(--pure-white);
-  border-radius: 12px;
+  border-radius: 4px;
   position: absolute;
   z-index: 2;
-  padding: 6px 12px;
+  padding: 4px 12px;
   margin-top: 4px;
   font-weight: 400;
   font-size: 14px;
   line-height: 160%;
-  white-space: break-spaces;
+  white-space: nowrap;
 }
 
 .prmt_tooltip .prmt_tooltip_text-top {
@@ -58,51 +59,16 @@ export default defineComponent({
   left: 50%;
   margin-left: -72px;
 }
-.prmt_tooltip .prmt_tooltip_text-top::after {
-  content: "";
-  position: absolute;
-  padding: 1px;
-  top: 98%;
-  left: 50%;
-  margin-left: -8px;
-  border-width: 7px;
-  border-bottom-left-radius: 4px;
-  border-style: solid;
-  border-color: var(--independence) transparent transparent transparent;
-}
 
 .prmt_tooltip .prmt_tooltip_text-right {
-  top: -12px;
+  top: -8px;
   left: 110%;
-  margin-left: 5px;
+  margin-left: 16px;
 }
-.prmt_tooltip .prmt_tooltip_text-right::after {
-  content: "";
-  position: absolute;
-  padding: 1px;
-  top: 60%;
-  right: 99%; /* To the left of the tooltip */
-  margin-top: -11px;
-  border-width: 7px;
-  border-style: solid;
-  border-color: transparent var(--independence) transparent transparent;
-}
-
 .prmt_tooltip .prmt_tooltip_text-left {
-  top: 15%;
+  top: -8px;
   right: 110%;
-  margin-right: 5px;
-}
-.prmt_tooltip .prmt_tooltip_text-left::after {
-  content: "";
-  position: absolute;
-  padding: 1px;
-  top: 55%;
-  left: 99.5%;
-  margin-top: -10px;
-  border-width: 7px;
-  border-style: solid;
-  border-color: transparent transparent transparent var(--independence);
+  margin-right: 16px;
 }
 
 .prmt_tooltip .prmt_tooltip_text-bottom {
@@ -116,26 +82,4 @@ export default defineComponent({
   left: 50%;
   margin-left: -130px;
 }
-.prmt_tooltip.last_tooltip .prmt_tooltip_text-bottom::after {
-  content: "";
-  position: absolute;
-  padding: 1px;
-  bottom: 98%;
-  left: 90% !important;
-  margin-left: -5px;
-  border-width: 7px;
-  border-style: solid;
-  border-color: transparent transparent var(--independence) transparent;
-}
-.prmt_tooltip .prmt_tooltip_text-bottom::after {
-  content: "";
-  position: absolute;
-  padding: 1px;
-  bottom: 95%;
-  left: 50%;
-  margin-left: -5px;
-  border-width: 7px;
-  border-style: solid;
-  border-color: transparent transparent var(--independence) transparent;
-}
 </style>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tekkare/auriga",
-  "version": "0.1.26",
+  "version": "0.1.27",
   "description": "Aurgia is a UI kit developped by Tekkare",
   "license": "MIT",
   "type": "module",