@tekkare/auriga 0.1.65 → 0.1.67

package/dist/runtime/components/argNavBar.vue

@@ -9,7 +9,7 @@
       class="rcd_scroll_icon scroll_left"
       @click="scroll_left"
     >
-      <arg-icon name="CaretLeft" size="12" color="var(--lavender_grey)" />
+      <arg-icon name="CaretLeft" size="12" color="var(--medium)" />
     </div>
     <div id="scroll_tabs" class="rcd_tabs_overlay">
       <div class="rcd_one_tab_active-selector" id="tabs-selector"></div>
@@ -35,7 +35,7 @@
       class="rcd_scroll_icon scroll_right"
       @click="scroll_right"
     >
-      <arg-icon name="CaretRight" size="12" color="var(--lavender_grey)" />
+      <arg-icon name="CaretRight" size="12" color="var(--medium)" />
     </div>
   </div>
 </template>
@@ -208,127 +208,5 @@ export default defineComponent({
 
 <!-- Custom navbar -->
 <style scoped>
-.rcd_scroll_icon {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  padding: 4px 12px;
-  height: calc(100% - 8px);
-  position: absolute;
-  top: 0;
-  cursor: pointer;
-  z-index: 2;
-}
-.scroll_left {
-  left: 0;
-  border-right: 1px solid var(--demi-fond);
-  box-shadow: 4px 0px 10px rgba(62, 63, 94, 0.04);
-}
-.scroll_right {
-  right: 0;
-  border-left: 1px solid var(--demi-fond);
-  box-shadow: -4px 0px 10px rgba(62, 63, 94, 0.04);
-}
-
-.tabs_overflow {
-  padding: 0px 40px !important;
-}
-.rcd_tabs {
-  padding: 0px 24px;
-  white-space: nowrap;
-  position: relative;
-  background-color: var(--pure-white);
-  width: auto;
-  border-radius: 8px;
-  margin-bottom: 30px;
-}
-
-.rcd_tabs_overlay {
-  scrollbar-width: none;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: 32px;
-  position: relative;
-  overflow-x: scroll;
-}
-
-.rcd_tabs_overlay::-webkit-scrollbar {
-  display: none !important;
-}
-
-.rcd_one_tab_container {
-  display: inline-block;
-  padding: 16px 0px;
-}
-
-.rcd_one_tab {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: 4px;
-  border: none;
-  background-color: transparent;
-  color: var(--wild-blue-yonder);
-  list-style: none;
-  font-style: normal;
-  font-size: 12px;
-  font-weight: 700;
-  text-align: center;
-  padding: 0px !important;
-  white-space: pre-line;
-  overflow-wrap: break-word;
-  vertical-align: middle;
-}
-
-.rcd_one_tab:hover {
-  color: var(--independence);
-  cursor: pointer;
-}
-
-.rcd_one_tab.active {
-  color: var(--independence);
-}
-
-.rcd_one_tab_active-selector {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  height: 3px;
-  z-index: 0;
-  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-  list-style: none;
-  background: var(--accent);
-  overflow-x: hidden;
-}
-
-.rcd_tabs_separator {
-  display: initial;
-  height: 20px;
-  border-left: 1px solid var(--wild-blue-yonder);
-}
-
-.rcd_tabs_left-caret {
-  color: var(--wild-blue-yonder) !important;
-  align-items: center;
-  padding: 4px 12px;
-  position: absolute;
-  width: 36px;
-  height: 20px;
-  left: 0px;
-  top: 18.5px;
-  cursor: pointer;
-}
-.rcd_tabs_right-caret {
-  color: var(--wild-blue-yonder) !important;
-  align-items: center;
-  padding: 4px 12px;
-
-  position: absolute;
-  width: 36px;
-  height: 20px;
-  right: 0px;
-  top: 18.5px;
-  cursor: pointer;
-}
+.rcd_scroll_icon{align-items:center;cursor:pointer;display:flex;flex-direction:row;height:calc(100% - 8px);padding:4px 12px;position:absolute;top:0;z-index:2}.scroll_left{border-right:1px solid var(--demi-fond);box-shadow:4px 0 10px rgba(62,63,94,.04);left:0}.scroll_right{border-left:1px solid var(--demi-fond);box-shadow:-4px 0 10px rgba(62,63,94,.04);right:0}.tabs_overflow{padding:0 40px!important}.rcd_tabs{background-color:var(--white);border-radius:8px;margin-bottom:30px;padding:0 24px;position:relative;white-space:nowrap;width:auto}.rcd_tabs_overlay{align-items:center;display:flex;flex-direction:row;gap:32px;overflow-x:scroll;position:relative;scrollbar-width:none}.rcd_tabs_overlay::-webkit-scrollbar{display:none!important}.rcd_one_tab_container{display:inline-block;padding:16px 0}.rcd_one_tab{align-items:center;background-color:transparent;border:none;color:var(--medium);display:flex;flex-direction:row;font-size:12px;font-style:normal;font-weight:700;gap:4px;list-style:none;overflow-wrap:break-word;padding:0!important;text-align:center;vertical-align:middle;white-space:pre-line}.rcd_one_tab:hover{cursor:pointer}.rcd_one_tab.active,.rcd_one_tab:hover{color:var(--darkest)}.rcd_one_tab_active-selector{background:var(--accent);bottom:0;height:3px;left:0;list-style:none;overflow-x:hidden;position:absolute;transition:transform .3s cubic-bezier(.645,.045,.355,1);z-index:0}.rcd_tabs_separator{border-left:1px solid var(--medium);display:initial;height:20px}.rcd_tabs_left-caret{left:0}.rcd_tabs_left-caret,.rcd_tabs_right-caret{align-items:center;color:var(--medium)!important;cursor:pointer;height:20px;padding:4px 12px;position:absolute;top:18.5px;width:36px}.rcd_tabs_right-caret{right:0}
 </style>

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

@@ -21,7 +21,7 @@ declare const _default: import("vue").DefineComponent<{
     checkOverflow: () => void;
     scroll_left: () => void;
     scroll_right: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("updateMenu" | "update:Menu")[], "updateMenu" | "update:Menu", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("updateMenu" | "update:Menu")[], "updateMenu" | "update:Menu", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     tabs: {
         type: ArrayConstructor;
         required: true;

package/dist/runtime/components/argNoData.vue

@@ -40,48 +40,5 @@ export default defineComponent({
 </script>
 
 <style>
-.common_no_data_found {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-
-  /* height: calc(100vh - 235px); */
-}
-
-.common_no_data_found > h1 {
-  font-family: "Figtree", sans-serif;
-  font-style: normal;
-  font-weight: 500;
-  font-size: 20px;
-
-  letter-spacing: 0.1px;
-
-  text-align: center;
-
-  color: var(--text-color);
-}
-
-.common_no_data_found > h2 {
-  margin-top: 5px;
-  font-family: "Figtree", sans-serif;
-  font-style: normal;
-  font-weight: 500;
-  font-size: 16px;
-
-  letter-spacing: 0.1px;
-
-  text-align: center;
-
-  color: var(--main-color);
-}
-
-.no-data-title {
-  margin-bottom: 15px;
-}
-
-.no-data-sub-title {
-  color: var(--primary);
-  font-size: 14px;
-}
+.common_no_data_found{align-items:center;display:flex;flex-direction:column;justify-content:center}.common_no_data_found>h1{color:var(--text-color);font-size:20px}.common_no_data_found>h1,.common_no_data_found>h2{font-family:Figtree,sans-serif;font-style:normal;font-weight:500;letter-spacing:.1px;text-align:center}.common_no_data_found>h2{color:var(--main-color);font-size:16px;margin-top:5px}.no-data-title{margin-bottom:15px}.no-data-sub-title{color:var(--primary);font-size:14px}
 </style>

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

@@ -10,7 +10,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     link: import("vue").ComputedRef<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     text: {
         type: StringConstructor;
         required: false;

package/dist/runtime/components/argNoSavedScope.vue

@@ -64,27 +64,5 @@ export default defineComponent({
 </script>
 
 <style scoped>
-.no_scope_text {
-  font-family: Figtree;
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 160%;
-}
-
-ul {
-  padding-inline-start: 14px !important;
-}
-
-li {
-  list-style: none;
-  font-size: 14px;
-}
-
-li:before {
-  content: "·    ";
-  vertical-align: middle;
-  font-size: 30px !important;
-  font-weight: 300 !important;
-}
+.no_scope_text{font-family:Figtree;font-size:14px;font-style:normal;font-weight:400;line-height:160%}ul{padding-inline-start:14px!important}li{font-size:14px;list-style:none}li:before{content:"·    ";font-size:30px!important;font-weight:300!important;vertical-align:middle}
 </style>

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

@@ -17,7 +17,7 @@ declare const _default: import("vue").DefineComponent<{
         en: string;
         fr: string;
     };
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     lang: {
         type: StringConstructor;
         default: string;

package/dist/runtime/components/argNoSelectedScope.vue

@@ -99,78 +99,5 @@ export default defineComponent({
 </script>
 
 <style scoped>
-.arg_no_selected_scope {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 24px;
-  max-width: 382px;
-}
-
-.icon_square {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: var(--dividers);
-  padding: 8px;
-  border-radius: 8px;
-}
-
-.arg_no_scope_text {
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 160%;
-  color: var(--cool-grey);
-}
-
-.arg_no_scope_display {
-  height: 100%;
-  width: 100%;
-  margin: 80px 32px 0px 32px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.arg_scopes_select {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 8px;
-  align-self: stretch;
-}
-
-.args_select_title {
-  font-size: 16px;
-  font-style: normal;
-  font-weight: 700;
-  line-height: normal;
-}
-
-.scope_sep {
-  height: 1px;
-  background-color: var(--wild-blue-yonder);
-  flex: 1 1 0;
-  min-width: 40%;
-}
-
-.full-width {
-  width: 100%;
-}
-
-.scope_sep_text {
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: normal;
-  color: var(--wild-blue-yonder);
-}
-
-.full_row {
-  align-self: stretch;
-}
-.justify-between {
-  justify-content: space-between;
-}
+.arg_no_selected_scope{align-items:flex-start;display:flex;flex-direction:column;gap:24px;max-width:382px}.icon_square{align-items:center;background:var(--light);border-radius:8px;display:flex;justify-content:center;padding:8px}.arg_no_scope_text{color:var(--dark);font-size:14px;font-style:normal;font-weight:400;line-height:160%}.arg_no_scope_display{align-items:center;display:flex;height:100%;justify-content:center;margin:80px 32px 0;width:100%}.arg_scopes_select{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:8px}.args_select_title{font-size:16px;font-style:normal;font-weight:700;line-height:normal}.scope_sep{background-color:var(--medium);flex:1 1 0;height:1px;min-width:40%}.full-width{width:100%}.scope_sep_text{color:var(--medium);font-size:14px;font-style:normal;font-weight:400;line-height:normal}.full_row{align-self:stretch}.justify-between{justify-content:space-between}
 </style>

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

@@ -10,10 +10,10 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     getNoScopeMsg: import("vue").ComputedRef<"You need to select your scope to view any results or data. Please choose one of the options below to proceed." | "Vous devez sélectionner votre scope pour voir les résultats ou données. Veuillez choisir une des options ci-dessous pour continuer">;
-    selectedScope: any;
+    selectedScope: import("vue").Ref<any>;
     selectScope: () => void;
     createNewScope: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onSelectScope" | "update:Scope" | "onCreateScope")[], "onSelectScope" | "update:Scope" | "onCreateScope", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onSelectScope" | "update:Scope" | "onCreateScope")[], "onSelectScope" | "update:Scope" | "onCreateScope", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     lang: {
         type: StringConstructor;
         default: string;

package/dist/runtime/components/argNote.vue

@@ -49,39 +49,5 @@ export default defineComponent({
 </script>
 
 <style scoped>
-.prmt_note_box {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  padding: 8px 16px;
-  gap: 16px;
-  border-radius: 12px;
-}
-.prmt_note_box svg {
-  flex-shrink: 0;
-}
-
-.prmt_note_box p {
-  font-weight: 400;
-  font-size: 14px;
-  line-height: 16px;
-}
-.prmt_note_box p span {
-  font-weight: 700;
-}
-
-.blue_box {
-  background: rgba(33, 118, 255, 0.1);
-}
-
-.blue_text {
-  color: var(--primary);
-}
-.orange_text {
-  color: var(--warning);
-}
-
-.orange_box {
-  background: rgba(255, 152, 26, 0.1);
-}
+.prmt_note_box{align-items:center;border-radius:12px;display:flex;flex-direction:row;gap:16px;padding:8px 16px}.prmt_note_box svg{flex-shrink:0}.prmt_note_box p{font-size:14px;font-weight:400;line-height:16px}.prmt_note_box p span{font-weight:700}.blue_box{background:rgba(33,118,255,.1)}.blue_text{color:var(--primary)}.orange_text{color:var(--warning)}.orange_box{background:rgba(255,152,26,.1)}
 </style>

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

@@ -17,7 +17,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     getColorFromProp: import("vue").ComputedRef<"var(--primary)" | "var(--warning)">;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     noteTitle: {
         type: StringConstructor;
         default: string;

package/dist/runtime/components/argNumberInput.vue

@@ -6,7 +6,7 @@
         class="input_number_action action_left"
         @click="changeValueClick(-stepValue)"
       >
-        <arg-icon name="Minus" color="var(--cool-grey)" size="16" />
+        <arg-icon name="Minus" color="var(--dark)" size="16" />
       </div>
       <input
         type="number"
@@ -19,7 +19,7 @@
         class="input_number_action action_right"
         @click="changeValueClick(stepValue)"
       >
-        <arg-icon name="Plus" color="var(--cool-grey)" size="16" />
+        <arg-icon name="Plus" color="var(--dark)" size="16" />
       </div>
     </div>
   </div>
@@ -106,117 +106,5 @@ export default defineComponent({
 </script>
 
 <style scoped>
-.input_number_box .input_number_action.action_left:hover,
-.input_number_box .input_number_action.action_right:hover {
-  border: 1.5px solid rgba(33, 118, 255, 0.2) !important;
-}
-
-.input_number_box .input_number_action.action_left:hover svg,
-.input_number_box .input_number_action.action_right:hover svg {
-  color: var(--primary) !important;
-}
-
-.input_number_box:focus-within {
-  border: 1.5px solid var(--primary) !important;
-  box-shadow: 0px 0px 0px 4px rgba(33, 118, 255, 0.1) !important;
-}
-
-.input_number_box:focus-within .input_number_action.action_left {
-  top: 0px !important;
-  left: 0px !important;
-}
-.input_number_box:focus-within .input_number_action.action_right {
-  top: 0px !important;
-  right: 0px !important;
-}
-.input_number_box:focus-within {
-  z-index: 9999 !important;
-}
-
-.input_number_box:focus-within .input_number_action.action_left,
-.input_number_box:focus-within
-  .input_number_box
-  .input_number_action.action_left:hover {
-  border-top: 1.5px transparent !important;
-  border-left: 1.5px transparent !important;
-  border-bottom: 1.5px transparent !important;
-}
-.input_number_box:focus-within .input_number_action.action_right,
-.input_number_box:focus-within
-  .input_number_box
-  .input_number_action.action_right:hover {
-  border-top: 1.5px transparent !important;
-  border-right: 1.5px transparent !important;
-  border-bottom: 1.5px transparent !important;
-}
-
-.input_number_section {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  padding: 0px;
-  gap: 4px;
-}
-
-.input_number_box {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  padding: 12px 48px;
-  gap: 8px;
-  background: var(--pure-white);
-  border: 1.5px solid var(--dividers);
-  border-radius: 8px;
-  position: relative;
-  z-index: 1;
-}
-
-.input_number_action {
-  position: absolute;
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  padding: 12px;
-  gap: 8px;
-  background: var(--pure-white);
-  border: 1.5px solid var(--dividers);
-  border-radius: 8px;
-  z-index: 2;
-  cursor: pointer;
-}
-.action_right {
-  top: -1.5px;
-  right: -1.5px;
-}
-
-.action_left {
-  top: -1.5px;
-  left: -1.5px;
-}
-
-.number_input_style {
-  border: none;
-  text-align: center;
-  max-width: 127.5px;
-  height: 16px;
-  padding: 0px !important;
-  font-weight: 500;
-  font-size: 14px;
-  line-height: 16px;
-  color: var(--independence);
-}
-
-.number_input_style:focus-visible {
-  border: none;
-  outline: none;
-}
-
-input[type="number"]::-webkit-inner-spin-button {
-  -webkit-appearance: none;
-}
-input[type="number"] {
-  -moz-appearance: textfield;
-  appearance: textfield;
-}
+.input_number_box .input_number_action.action_left:hover,.input_number_box .input_number_action.action_right:hover{border:1.5px solid rgba(33,118,255,.2)!important}.input_number_box .input_number_action.action_left:hover svg,.input_number_box .input_number_action.action_right:hover svg{color:var(--primary)!important}.input_number_box:focus-within{border:1.5px solid var(--primary)!important;box-shadow:0 0 0 4px rgba(33,118,255,.1)!important}.input_number_box:focus-within .input_number_action.action_left{left:0!important;top:0!important}.input_number_box:focus-within .input_number_action.action_right{right:0!important;top:0!important}.input_number_box:focus-within{z-index:9999!important}.input_number_box:focus-within .input_number_action.action_left,.input_number_box:focus-within .input_number_box .input_number_action.action_left:hover{border-bottom:1.5px transparent!important;border-left:1.5px transparent!important;border-top:1.5px transparent!important}.input_number_box:focus-within .input_number_action.action_right,.input_number_box:focus-within .input_number_box .input_number_action.action_right:hover{border-bottom:1.5px transparent!important;border-right:1.5px transparent!important;border-top:1.5px transparent!important}.input_number_section{align-items:flex-start;display:flex;flex-direction:column;gap:4px;padding:0}.input_number_box{padding:12px 48px;position:relative;z-index:1}.input_number_action,.input_number_box{align-items:center;background:var(--white);border:1.5px solid var(--light);border-radius:8px;display:flex;flex-direction:row;gap:8px}.input_number_action{cursor:pointer;justify-content:center;padding:12px;position:absolute;z-index:2}.action_right{right:-1.5px;top:-1.5px}.action_left{left:-1.5px;top:-1.5px}.number_input_style{border:none;color:var(--darkest);font-size:14px;font-weight:500;height:16px;line-height:16px;max-width:127.5px;padding:0!important;text-align:center}.number_input_style:focus-visible{border:none;outline:none}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}
 </style>

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

@@ -24,7 +24,7 @@ declare const _default: import("vue").DefineComponent<{
     typing: import("vue").Ref<boolean>;
     changeInput: (event: any) => void;
     changeValueClick: (value: number) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("changeValue" | "update:Number")[], "changeValue" | "update:Number", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("changeValue" | "update:Number")[], "changeValue" | "update:Number", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     inputLabel: {
         type: StringConstructor;
         required: true;

package/dist/runtime/components/argRadioButtons.vue

@@ -76,7 +76,7 @@ export default defineComponent({
       if (index === selectedRadio.value) {
         return "var(--primary)";
       } else
-        return "var(--lavendar-grey)";
+        return "var(--medium)";
     }
     return {
       selectedRadio,
@@ -89,53 +89,5 @@ export default defineComponent({
 </script>
 
 <style scoped>
-.display-radio,
-.selected-radio {
-  border-radius: 2px;
-  cursor: pointer;
-}
-.display-radio:hover,
-.selected-radio:hover {
-  background: var(--background);
-  box-shadow: 0px 0px 0px 4px #f5f5f9;
-}
-
-.display-radio:hover svg,
-.selected-radio:hover svg {
-  color: var(--primary) !important;
-}
-
-.display-radio p {
-  font-weight: 400;
-  font-size: 14px;
-  line-height: 16px;
-}
-
-.selected-radio p {
-  font-weight: 500;
-  font-size: 14px;
-  line-height: 16px;
-}
-
-.radio_display {
-  display: flex;
-  width: 100%;
-}
-
-.radio_row {
-  flex-direction: row;
-  align-items: center;
-  flex-wrap: wrap;
-  gap: 16px;
-}
-
-.radio_column {
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 8px;
-}
-
-.radio_item {
-  padding: 6px;
-}
+.display-radio,.selected-radio{border-radius:2px;cursor:pointer}.display-radio:hover,.selected-radio:hover{background:var(--lightest);box-shadow:0 0 0 4px #f5f5f9}.display-radio:hover svg,.selected-radio:hover svg{color:var(--primary)!important}.display-radio p{font-size:14px;font-weight:400;line-height:16px}.selected-radio p{font-size:14px;font-weight:500;line-height:16px}.radio_display{display:flex;width:100%}.radio_row{align-items:center;flex-direction:row;flex-wrap:wrap;gap:16px}.radio_column{align-items:flex-start;flex-direction:column;gap:8px}.radio_item{padding:6px}
 </style>

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

@@ -29,11 +29,11 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
 }, {
-    selectedRadio: any;
+    selectedRadio: import("vue").Ref<any>;
     selectRadio: (index: number, value: string) => void;
     getIconName: (index: number) => "CheckCircleFill" | "Circle";
-    getColor: (index: number) => "var(--primary)" | "var(--lavendar-grey)";
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("changeElement" | "update:Selection")[], "changeElement" | "update:Selection", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    getColor: (index: number) => "var(--primary)" | "var(--medium)";
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("changeElement" | "update:Selection")[], "changeElement" | "update:Selection", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     elements: {
         type: {
             (arrayLength: number): String[];