@tekkare/auriga 0.1.27 → 0.1.29

package/dist/runtime/components/argStyle.vue

@@ -3,10 +3,18 @@
 </template>
 <script>
 import {
+  onMounted,
   defineComponent
 } from "vue";
 export default defineComponent({
-  name: "argStyle"
+  name: "argStyle",
+  setup() {
+    onMounted(() => {
+      CSS.paintWorklet.addModule(
+        "https://www.unpkg.com/css-houdini-squircle/squircle.min.js"
+      );
+    });
+  }
 });
 </script>
 <style>
@@ -68,7 +76,10 @@ export default defineComponent({
   --overlay-shadow: 0px 0px 40px rgba(94, 92, 154, 0.12);
   --button-small-shadow: 3px 5px 20px rgba(94, 92, 154, 0.1);
   --button-big-shadow: 3px 5px 10px rgba(62, 63, 94, 0.2);
-  --primary-button-shadow: 4px 7px 12px rgba(33, 118, 255, 0.2);
+  --primary-button-shadow: 4px 7px 12px 0px rgba(33, 118, 255, 0.2);
+  --secondary-button-shadow: 4px 7px 12px 0px rgba(62, 63, 94, 0.2);
+  --warning-button-shadow: 4px 7px 12px 0px rgba(239, 68, 68, 0.2);
+  --success-button-shadow: 4px 7px 12px 0px rgba(34, 197, 94, 0.2);
   --accent-button-shadow: 4px 7px 12px rgba(255, 152, 26, 0.2);
 
   /*company colors*/
@@ -107,7 +118,7 @@ button {
 }
 .oip_container {
   margin: 0 auto;
-  padding: 0px 64px 0px 8px;
+  padding: 0px 64px 0px 32px;
   max-width: 1080px;
 }
 
@@ -305,6 +316,32 @@ button {
   font-size: 14px !important;
   line-height: 16px !important;
   width: fit-content;
+  mask-image: paint(squircle);
+  --squircle-radius: 8px;
+  --squircle-smooth: 1;
+}
+
+.oip_primary-fill_shadow {
+  box-shadow: var(--primary-button-shadow) !important;
+  border-radius: 8px;
+}
+.oip_secondary-fill_shadow {
+  box-shadow: var(--secondary-button-shadow) !important;
+  border-radius: 8px;
+}
+.oip_warning-fill_shadow {
+  box-shadow: var(--warning-button-shadow) !important;
+  border-radius: 8px;
+}
+.oip_success-fill_shadow {
+  box-shadow: var(--success-button-shadow) !important;
+  border-radius: 8px;
+}
+.oip_primary-fill_shadow:hover,
+.oip_secondary-fill_shadow:hover,
+.oip_warning-fill_shadow:hover,
+.oip_success-fill_shadow:hover {
+  box-shadow: none !important;
 }
 
 .oip_btn_s {
@@ -316,13 +353,16 @@ button {
 }
 
 .oip_full_btn {
-  width: calc(100% - 32px) !important;
+  width: calc(100% - 36px) !important;
+}
+
+.oip_round_btn {
+  border-radius: 16px !important;
 }
 
 .oip_primary-fill_button {
   background: var(--primary) !important;
   border: 2px solid var(--primary) !important;
-  box-shadow: var(--primary-button-shadow) !important;
   color: var(--pure-white) !important;
 }
 .oip_primary-fill_button .oip_button_spinner div {
@@ -450,11 +490,13 @@ button {
 }
 
 .oip_secondary-stroke_button:hover,
-.oip_secondary-stroke_button:focus {
+.oip_secondary-stroke_button:focus,
+.oip_secondary-stroke_icon_button:hover,
+.oip_secondary-stroke_icon_button:focus {
   background: rgba(62, 63, 94, 0.05) !important;
   border: 2px solid rgba(62, 63, 94, 0.2) !important;
   box-shadow: none !important;
-  color: var(--independence) !important;
+  color: #21223d !important;
 }
 
 .oip_secondary-stroke_button:hover .oip__button_prefix_icon,
@@ -477,16 +519,12 @@ button {
   padding: 0px 6px !important;
 }
 
-.oip_secondary-stroke_icon_button:hover,
-.oip_secondary-stroke_icon_button:focus {
-  border: 2px solid rgba(33, 118, 255, 0.2) !important;
-}
 .oip_secondary-stroke_icon_button:hover svg,
 .oip_secondary-stroke_icon_buttonn:focus svg,
 .oip_secondary-stroke_icon_button:hover svg,
 .oip_secondary-stroke_icon_button:focus svg {
-  stroke: var(--primary) !important;
-  color: var(--primary) !important;
+  stroke: #21223d !important;
+  color: #21223d !important;
 }
 
 .oip_primary-stroke_button {
@@ -501,7 +539,7 @@ button {
 .oip_primary-stroke_icon_button:hover,
 .oip_primary-stroke_icon_button:focus {
   background: rgba(33, 118, 255, 0.05) !important;
-  color: var(--) !important;
+  color: var(--primary-hover) !important;
 }
 .oip_primary-stroke_button .oip_button_spinner div,
 .oip_primary-stroke_icon_button .oip_button_spinner div {
@@ -525,7 +563,7 @@ button {
 .oip_warning-stroke_button:focus,
 .oip_warning-stroke_icon_button:hover,
 .oip_warning-stroke_icon_button:focus {
-  background: rgba(239, 68, 68, 0.2) !important;
+  background: rgba(239, 68, 68, 0.05) !important;
   border: 2px solid rgba(251, 70, 84, 0.2) !important;
   color: var(--system-alert-hover) !important;
 }
@@ -600,8 +638,8 @@ button {
 .oip_success-fill_button:focus,
 .oip_success-fill_icon_button:hover,
 .oip_success-fill_icon_button:focus {
-  background: #2eb830 !important;
-  border: 2px solid #2eb830 !important;
+  background: #069a3d !important;
+  border: 2px solid #069a3d !important;
   box-shadow: none !important;
 }
 .oip_success-fill_button .oip_button_spinner div,
@@ -707,9 +745,11 @@ button {
   width: fit-content;
   font-family: "Figtree", sans-serif;
   display: inline-flex;
-  padding: 4px 8px;
   align-items: center;
   gap: 8px;
+  mask-image: paint(squircle);
+  --squircle-radius: 4px;
+  --squircle-smooth: 1;
 }
 .oip_tag > svg {
   cursor: pointer;
@@ -971,7 +1011,7 @@ button {
   gap: 10px;
   flex-wrap: wrap;
 }
-.arg_sub_menu .arg_sub_menu .arg_sub_menu_button {
+/*.arg_sub_menu .arg_sub_menu .arg_sub_menu_button {
   padding-left: 24px !important;
 }
 .arg_sub_menu .arg_sub_menu .auriga_menu_item {
@@ -979,7 +1019,7 @@ button {
 }
 .arg_sub_menu .auriga_menu_item {
   padding-left: 24px !important;
-}
+}*/
 
 .arg_tuto_content {
   display: flex;

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

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/dist/runtime/components/argSubMenu.vue

@@ -87,6 +87,9 @@ export default defineComponent({
 }
 .arg_sub_menu_content {
   width: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
 }
 
 .icon_sb,

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

@@ -168,7 +168,7 @@ declare const _default: import("vue").DefineComponent<{
     showToggle: import("vue").Ref<boolean>;
     showLine: import("vue").Ref<any>;
     openLine: (index: number) => void;
-    getTooltipDir: (index: number) => "bottom" | "left";
+    getTooltipDir: (index: number) => "left" | "bottom";
     getColumnTypes: () => void;
     isNA: (val: string) => boolean;
     sortDatas: (index: number) => void;

package/dist/runtime/components/argTextBtn.vue

@@ -1,7 +1,7 @@
 <template>
   <div
     class="arg_text_btn"
-    :class="`${textStyle}_text_btn`"
+    :class="[`${textStyle}_text_btn`, disable ? 'disable_text_btn' : '']"
     @click="sendAction()"
   >
     <slot />
@@ -21,6 +21,10 @@ export default defineComponent({
       validator: (value) => {
         return ["primary", "warning"].includes(value);
       }
+    },
+    disable: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ["onClick"],
@@ -43,11 +47,18 @@ export default defineComponent({
   cursor: pointer;
 }
 
+.primary_text_btn.disable_text_btn,
+.warning_text_btn.disable_text_btn,
+.primary_text_btn.disable_text_btn:hover,
+.warning_text_btn.disable_text_btn:hover {
+  color: var(--wild-blue-yonder) !important;
+}
+
 .primary_text_btn {
   color: var(--primary) !important;
 }
 .primary_text_btn:hover {
-  color: var(--primary) !important;
+  color: var(--primary-hover) !important;
 }
 
 .warning_text_btn {

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

@@ -4,6 +4,10 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
         validator: (value: string) => boolean;
     };
+    disable: {
+        type: BooleanConstructor;
+        default: 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<{
@@ -12,9 +16,14 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
         validator: (value: string) => boolean;
     };
+    disable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     onOnClick?: ((...args: any[]) => any) | undefined;
 }, {
+    disable: boolean;
     textStyle: string;
 }, {}>;
 export default _default;

package/dist/runtime/components/argTutoModal.vue

@@ -4,7 +4,7 @@
   >
     <div v-show="openTuto" class="arg_tuto_modal">
       <div class="arg_tuto_header">
-        <arg-actions action-type="close" customize @onClose="closeTuto">
+        <arg-actions action-type="close" customize @onAction="closeTuto">
           <template #custom>
             <div class="oip_row v-center gap-6">
               <arg-icon name="X" size="20" />

package/package.json

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