@tekkare/auriga 0.1.5 → 0.1.6

package/dist/runtime/components/argSidebar.vue

@@ -1,30 +1,26 @@
 <template>
-    <div class="arg_sidebar">
-        <div class="arg_sidebar_header">
-            <nuxt-link to="/" class="arg_sidebar_home">
-                <arg-icon name="House" color="var(--primary)"/>
-                <span v-if="lang === 'en'">
-                    Home
-                </span>
-                <span v-if="lang === 'fr'">
-                    Accueil
-                </span>
-            </nuxt-link>
-        </div>
-        
-        <h1 class="arg_sidebar_title">{{name}}</h1>
-        <div class="arg_sidebar_body">
-            <div class="arg_sidebar_content">
-                <slot name="menu"/>
-            </div>
-            <div class="arg_sidebar_footer">
-                <slot name="footer"/>
-            </div>
-        </div>
-        
-        <!-- Have a slot here for the submenus -->
-        <!-- What do i do about the bottom menus. I think they are fixed so I just have to make it dynamic -->
+  <div class="arg_sidebar">
+    <div class="arg_sidebar_header">
+      <nuxt-link to="/" class="arg_sidebar_home">
+        <arg-icon name="House" color="var(--primary)" />
+        <span v-if="lang === 'en'"> Home </span>
+        <span v-if="lang === 'fr'"> Accueil </span>
+      </nuxt-link>
     </div>
+
+    <h1 class="arg_sidebar_title">{{ name }}</h1>
+    <div class="arg_sidebar_body">
+      <div class="arg_sidebar_content">
+        <slot name="menu" />
+      </div>
+      <div class="arg_sidebar_footer">
+        <slot name="footer" />
+      </div>
+    </div>
+
+    <!-- Have a slot here for the submenus -->
+    <!-- What do i do about the bottom menus. I think they are fixed so I just have to make it dynamic -->
+  </div>
 </template>
 <script>
 import {
@@ -49,66 +45,66 @@ export default defineComponent({
 });
 </script>
 <style scoped>
-.arg_sidebar{
-    display: flex;
-    width: 200px;
-    padding: 16px 8px;
-    flex-direction: column;
-    align-items: flex-start;
-    gap: 16px;
-    border-right: 1px solid var(--base-dividers, #ECECF2);
-    background: var(--base-not-quite-white, #FDFDFF);
-    height: 100vh;
-    position: fixed;
-    z-index: 100;
-    transition: all ease 0.3s;
-    left: 0;
-	top: 0;
-    box-sizing: border-box;
+.arg_sidebar {
+  display: flex;
+  width: 200px;
+  padding: 16px 8px;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 16px;
+  border-right: 1px solid var(--base-dividers, #ececf2);
+  background: var(--background);
+  height: 100vh;
+  position: fixed;
+  z-index: 100;
+  transition: all ease 0.3s;
+  left: 0;
+  top: 0;
+  box-sizing: border-box;
 }
-.arg_sidebar_header{
-    display: flex;
-    justify-content: space-between;
-    align-items: flex-start;
-    align-self: stretch;
+.arg_sidebar_header {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  align-self: stretch;
 }
-.arg_sidebar_home{
-    display: flex;
-    height: 32px;
-    padding: 6px;
-    align-items: center;
-    gap: 6px;
-    font-size: 14px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 160%;
-    color: var(--primary);
+.arg_sidebar_home {
+  display: flex;
+  height: 32px;
+  padding: 6px;
+  align-items: center;
+  gap: 6px;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 160%;
+  color: var(--primary);
 }
-.arg_sidebar_title{
-    display: flex;
-    padding: 0px 8px;
-    flex-direction: column;
-    justify-content: center;
-    align-items: flex-start;
-    gap: 8px;
-    align-self: stretch;
-    font-size: 20px;
-    font-style: normal;
-    font-weight: 900;
-    line-height: normal;
-    margin-bottom: 16px;
+.arg_sidebar_title {
+  display: flex;
+  padding: 0px 8px;
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-start;
+  gap: 8px;
+  align-self: stretch;
+  font-size: 20px;
+  font-style: normal;
+  font-weight: 900;
+  line-height: normal;
+  margin-bottom: 16px;
 }
-.arg_sidebar_body{
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    height: 100%;
-    gap: 16px;
-    width: 100%;
+.arg_sidebar_body {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  height: 100%;
+  gap: 16px;
+  width: 100%;
 }
-.arg_sidebar_content{
-    display: flex;
-    flex-direction: column;
-    gap: 8px;
+.arg_sidebar_content {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
 }
-</style>
+</style>

package/dist/runtime/components/argSimpleLabel.vue

@@ -60,7 +60,7 @@ export default defineComponent({
   gap: 4px;
   border: 1.5px solid var(--dividers);
   border-radius: 8px;
-  background: var(--not-quite-white);
+  background: var(--pure-white);
   position: relative;
 }
 

package/dist/runtime/components/argStyle.vue

@@ -22,7 +22,7 @@ export default defineComponent({
   --lavendar-grey: #cdcede;
   --more: #dedfe9;
   --dividers: #eaeaf5;
-  
+
   /* PRIMARY */
   --primary: #2176ff;
   --primary-hover: #0966fb;
@@ -62,7 +62,7 @@ export default defineComponent({
   --nested-table-bg: #eaeaf5;
   --table-hover: #dddded;
   --base-dividers: #ececf2;
-  --base-not-quite-white: #FDFDFF;
+  --not-quite-white: #fdfdff;
 
   /*SHADOWS*/
   --container-shadow: 0px 0px 40px rgba(94, 92, 154, 0.06);
@@ -981,13 +981,13 @@ button {
   gap: 10px;
   flex-wrap: wrap;
 }
-.arg_sub_menu  .arg_sub_menu .arg_sub_menu_button{
-    padding-left: 24px !important;
+.arg_sub_menu .arg_sub_menu .arg_sub_menu_button {
+  padding-left: 24px !important;
 }
-.arg_sub_menu .arg_sub_menu  .auriga_menu_item{
+.arg_sub_menu .arg_sub_menu .auriga_menu_item {
   padding-left: 40px !important;
 }
-.arg_sub_menu .auriga_menu_item{
+.arg_sub_menu .auriga_menu_item {
   padding-left: 24px !important;
 }
 </style>

package/dist/runtime/components/argSwitch.vue

@@ -1,40 +1,45 @@
 <template>
-  <div
-    @click="changeValue"
-    class="prmt_parent_switch"
-    @focus="activate_switch = true"
-    @focusout="activate_switch = false"
-    tabindex="0"
-    :class="activate_switch ? 'open' : ''"
-  >
+  <div class="oip_select_display">
+    <p class="oip_filter_label">{{ switch_label }}</p>
     <div
-      :class="[
-        'prmt_switch_text',
-        true_is_active ? 'prmt_switch_is_active' : 'prmt_switch_is_inactive',
-      ]"
-    >
-      {{ active_text }}
-    </div>
-    <div
-      :class="[
-        'prmt_switch',
-        true_is_active ? 'prmt_switch_is_active' : 'prmt_switch_is_inactive',
-      ]"
+      @click="changeValue"
+      class="prmt_parent_switch"
+      @focus="activate_switch = true"
+      @focusout="activate_switch = false"
+      tabindex="0"
+      :class="activate_switch ? 'open' : ''"
     >
       <div
         :class="[
-          'prmt_switch_round',
+          'prmt_switch_text',
           true_is_active ? 'prmt_switch_is_active' : 'prmt_switch_is_inactive',
         ]"
-      ></div>
-    </div>
-    <div
-      :class="[
-        'prmt_switch_text',
-        true_is_active ? 'prmt_switch_is_inactive' : 'prmt_switch_is_active',
-      ]"
-    >
-      {{ inactive_text }}
+      >
+        {{ active_text }}
+      </div>
+      <div
+        :class="[
+          'prmt_switch',
+          true_is_active ? 'prmt_switch_is_active' : 'prmt_switch_is_inactive',
+        ]"
+      >
+        <div
+          :class="[
+            'prmt_switch_round',
+            true_is_active
+              ? 'prmt_switch_is_active'
+              : 'prmt_switch_is_inactive',
+          ]"
+        ></div>
+      </div>
+      <div
+        :class="[
+          'prmt_switch_text',
+          true_is_active ? 'prmt_switch_is_inactive' : 'prmt_switch_is_active',
+        ]"
+      >
+        {{ inactive_text }}
+      </div>
     </div>
   </div>
 </template>
@@ -50,7 +55,8 @@ export default defineComponent({
   props: {
     active_text: { type: String, required: true },
     inactive_text: { type: String, required: true },
-    is_active: { type: Boolean, default: true }
+    is_active: { type: Boolean, default: true },
+    switch_label: { type: String, required: true }
   },
   emits: ["changeValue", "update:Switch"],
   setup(props, { emit }) {
@@ -102,7 +108,7 @@ export default defineComponent({
 .prmt_switch {
   transition: all 300ms ease;
   width: 36px;
-  height: 21px;
+  height: 18px;
   border-radius: 35.7px;
   padding: 0 2px;
 }
@@ -125,7 +131,6 @@ export default defineComponent({
 
 .prmt_switch_round {
   transition: all 300ms ease;
-  margin-top: 2px;
   margin-bottom: 2px;
   background-color: var(--pure-white);
   border: solid 0.5px var(--more);

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

@@ -11,6 +11,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    switch_label: {
+        type: StringConstructor;
+        required: true;
+    };
 }, {
     changeValue: () => void;
     activate_switch: import("vue").Ref<boolean>;
@@ -28,6 +32,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    switch_label: {
+        type: StringConstructor;
+        required: true;
+    };
 }>> & {
     onChangeValue?: ((...args: any[]) => any) | undefined;
     "onUpdate:Switch"?: ((...args: any[]) => any) | undefined;