@tekkare/auriga 0.1.65 → 0.1.67

package/dist/runtime/components/argScopeChange.vue

@@ -28,7 +28,7 @@
             :color="
               selectedScope?.id === element.id
                 ? 'var(--primary)'
-                : 'var(--lavendar-grey)'
+                : 'var(--medium)'
             "
             size="16"
             :name="
@@ -140,63 +140,5 @@ export default defineComponent({
 </script>
 
 <style scoped>
-.scope_select_dropdown_block {
-  z-index: 99 !important;
-  margin-top: 15px;
-  position: absolute;
-  width: max-content;
-  border: 1.5px solid var(--dividers);
-  background: var(--demi-fond);
-  border-radius: 12px;
-  box-shadow: var(--overlay-shadow);
-  padding: 16px;
-  display: flex;
-  flex-direction: column;
-  margin-left: -22px;
-}
-
-.scope_change_display {
-  position: relative;
-}
-
-.oip_select_complex_selection_loop > svg.add {
-  color: var(--primary) !important;
-}
-.oip_select_complex_selection_loop > svg.disable,
-.oip_select_complex_selection_loop.disabled_option:hover svg {
-  color: var(--independence) !important;
-}
-.oip_select_complex_selection_loop:hover > svg.add {
-  color: var(--primary-hover) !important;
-}
-
-.oip_select_complex_selection_loop:hover svg {
-  color: var(--primary) !important;
-}
-.oip_select_complex_selection_loop .add {
-  font-weight: 700 !important;
-}
-.oip_select_complex_selection_loop:hover {
-  background: rgba(33, 118, 255, 0.05) !important;
-  border-radius: 4px !important;
-}
-.oip_select_complex_selection_loop {
-  padding: 2px 4px;
-}
-.oip_select_complex_selection_loop.disabled_option:hover {
-  background: transparent !important;
-}
-.oip_select_complex_selection_loop {
-  margin: 4px 0px !important;
-}
-svg.add {
-  flex-shrink: 0;
-}
-.my-4 {
-  margin: 4px 0px;
-}
-
-.full_width {
-  width: 100%;
-}
+.scope_select_dropdown_block{background:var(--demi-fond);border:1.5px solid var(--light);border-radius:12px;box-shadow:var(--overlay-shadow);display:flex;flex-direction:column;margin-left:-22px;margin-top:15px;padding:16px;position:absolute;width:-moz-max-content;width:max-content;z-index:99!important}.scope_change_display{position:relative}.oip_select_complex_selection_loop>svg.add{color:var(--primary)!important}.oip_select_complex_selection_loop.disabled_option:hover svg,.oip_select_complex_selection_loop>svg.disable{color:var(--darkest)!important}.oip_select_complex_selection_loop:hover>svg.add{color:var(--primary-hover)!important}.oip_select_complex_selection_loop:hover svg{color:var(--primary)!important}.oip_select_complex_selection_loop .add{font-weight:700!important}.oip_select_complex_selection_loop:hover{background:rgba(33,118,255,.05)!important;border-radius:4px!important}.oip_select_complex_selection_loop{padding:2px 4px}.oip_select_complex_selection_loop.disabled_option:hover{background:transparent!important}.oip_select_complex_selection_loop{margin:4px 0!important}svg.add{flex-shrink:0}.my-4{margin:4px 0}.full_width{width:100%}
 </style>

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

@@ -32,9 +32,9 @@ declare const _default: import("vue").DefineComponent<{
     changeDisplay: () => void;
     getTitle: import("vue").ComputedRef<"Change scope" | "Changer de scope" | "New scope" | "Nouveau scope">;
     selectScope: (scope: any) => void;
-    selectedScope: any;
+    selectedScope: import("vue").Ref<any>;
     newScope: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:Scope" | "changeScope" | "onNewScope")[], "update:Scope" | "changeScope" | "onNewScope", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:Scope" | "changeScope" | "onNewScope")[], "update:Scope" | "changeScope" | "onNewScope", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     scopes: {
         type: {
             (arrayLength: number): string[];

package/dist/runtime/components/argScopeCriteria.vue

@@ -69,28 +69,5 @@ export default defineComponent({
 </script>
 
 <style scoped>
-.arg_scope_card {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 24px;
-  align-self: stretch;
-}
-.arg_scope_new,
-.arg_scope_save {
-  display: flex;
-  align-items: flex-start;
-  align-content: flex-start;
-  flex-direction: column;
-  gap: 16px var(--m, 16px);
-  width: 100%;
-}
-
-.arg_scope_new h1,
-.arg_scope_save h1 {
-  font-size: 20px;
-  font-style: normal;
-  font-weight: 900;
-  line-height: normal;
-}
+.arg_scope_card{align-self:stretch;gap:24px}.arg_scope_card,.arg_scope_new,.arg_scope_save{align-items:flex-start;display:flex;flex-direction:column}.arg_scope_new,.arg_scope_save{align-content:flex-start;gap:16px var(--m,16px);width:100%}.arg_scope_new h1,.arg_scope_save h1{font-size:20px;font-style:normal;font-weight:900;line-height:normal}
 </style>

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

@@ -14,7 +14,7 @@ declare const _default: import("vue").DefineComponent<{
         name: string;
         value: string;
     }[];
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:Criteria" | "onChangeCriteria")[], "update:Criteria" | "onChangeCriteria", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:Criteria" | "onChangeCriteria")[], "update:Criteria" | "onChangeCriteria", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     lang: {
         type: StringConstructor;
         default: string;

package/dist/runtime/components/argScopeCriteriaIndicator.vue

@@ -23,19 +23,5 @@ export default defineComponent({
 </script>
 
 <style scoped>
-.arg_scope {
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 600;
-  line-height: normal;
-  color: #525670;
-}
-
-.arg_scope_label {
-  font-size: 12px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: normal;
-  color: #1e293b;
-}
+.arg_scope{color:#525670;font-size:14px;font-weight:600}.arg_scope,.arg_scope_label{font-style:normal;line-height:normal}.arg_scope_label{color:#1e293b;font-size:12px;font-weight:400}
 </style>

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

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

package/dist/runtime/components/argScopeHeader.vue

@@ -62,29 +62,5 @@ export default defineComponent({
 </script>
 
 <style scoped>
-.arg_scope_header {
-  display: flex;
-  flex-direction: row;
-  padding: var(--l, 24px);
-  align-items: center;
-  justify-content: space-between;
-  gap: var(--m, 16px);
-  position: fixed;
-  top: 0;
-  left: 0;
-  align-self: stretch;
-  border-radius: var(--None, 0px);
-  border-bottom: 1px solid var(--base-dividers, #ececf2);
-  background: rgba(253, 253, 255, 0.8);
-  width: calc(100% - 48px);
-  backdrop-filter: blur(12px);
-  z-index: 90;
-}
-
-.scope_title {
-  font-size: 20px;
-  font-style: normal;
-  font-weight: 900;
-  line-height: normal;
-}
+.arg_scope_header{align-items:center;align-self:stretch;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(253,253,255,.8);border-bottom:1px solid var(--light,#ececf2);border-radius:var(--None,0);display:flex;flex-direction:row;gap:var(--m,16px);justify-content:space-between;left:0;padding:var(--l,24px);position:fixed;top:0;width:calc(100% - 48px);z-index:90}.scope_title{font-size:20px;font-style:normal;font-weight:900;line-height:normal}
 </style>

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

@@ -16,7 +16,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     router: import("vue-router").Router;
     goBack: () => void;
-}, 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<{
     scopeTitle: {
         type: StringConstructor;
         default: null;

package/dist/runtime/components/argScopeLayout.vue

@@ -20,18 +20,5 @@ export default defineComponent({
 });
 </script>
 <style>
-.arg_main_scope {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-.arg_scope_layout_body {
-  min-height: calc(100vh - 77px);
-  margin: 116px 32px 0px 32px;
-  max-width: 1088px;
-}
-
-.full_width_footer {
-  align-self: stretch;
-}
+.arg_main_scope{align-items:center;display:flex;flex-direction:column}.arg_scope_layout_body{margin:116px 32px 0;max-width:1088px;min-height:calc(100vh - 77px)}.full_width_footer{align-self:stretch}
 </style>

package/dist/runtime/components/argScopeLayout.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<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/dist/runtime/components/argScopeManage.vue

@@ -7,7 +7,7 @@
             {{ lang === "fr" ? "Gérer mes scopes" : "Manage my scopes" }}
           </h1>
           <div class="cursor-pointer" @click="closeManageScope()">
-            <arg-icon name="X" size="16" color="var(--cool-grey)" />
+            <arg-icon name="X" size="16" color="var(--dark)" />
           </div>
         </div>
         <div class="arg_manage_scope_body">
@@ -141,122 +141,5 @@ export default defineComponent({
 </script>
 
 <style scoped>
-.arg_scope_manage {
-  position: fixed;
-  left: 0;
-  bottom: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  z-index: 99;
-  background-color: rgba(0, 0, 0, 0.4);
-  width: 100%;
-  height: 100%;
-}
-
-.arg_scope_manage_modal {
-  display: flex;
-  width: calc(100% - 164px);
-  max-width: 640px;
-  max-height: 670px;
-  flex-direction: column;
-  align-items: flex-start;
-  flex-shrink: 0;
-  border-radius: 8px;
-  background: var(--pure-white);
-}
-
-.arg_scope_manage_header {
-  display: flex;
-  padding: 24px;
-  justify-content: space-between;
-  align-items: center;
-  align-self: stretch;
-  box-shadow: 0px 6px 8px 0px rgba(30, 41, 59, 0.1) !important;
-  z-index: 1;
-}
-
-.arg_scope_manage_footer {
-  display: flex;
-  padding: 24px;
-  gap: 32px;
-  align-items: center;
-  justify-content: center;
-  align-self: stretch;
-  box-shadow: 0px -6px 8px 0px rgba(30, 41, 59, 0.1);
-  z-index: 1;
-}
-
-.scope_card {
-  display: flex;
-  padding: 12px;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 24px;
-  align-self: stretch;
-}
-
-.arg_scope_manage_header > h1 {
-  font-size: 20px;
-  font-style: normal;
-  font-weight: 900;
-  line-height: normal;
-}
-
-.arg_manage_scope_body {
-  padding: 24px;
-  align-self: stretch;
-  background-color: var(--background);
-  z-index: 0;
-  max-height: 510px;
-  overflow-y: scroll;
-}
-
-.arg_scopes_list {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  align-self: stretch;
-  gap: 24px;
-}
-
-.full-width {
-  align-self: stretch;
-}
-
-.footer_action .footer_btn {
-  align-self: stretch;
-  justify-content: center;
-  white-space: wrap;
-  text-align: center;
-}
-
-.cursor-pointer {
-  cursor: pointer !important;
-}
-
-.oip_required_input,
-.oip_required_input:hover {
-  border-color: var(--system-alert) !important;
-}
-
-.oip_error {
-  color: var(--system-alert);
-}
-
-.arg_manage_scope_general,
-.arg_scope_manage_criteria {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 8px;
-  align-self: stretch;
-}
-
-.scope_criteria_title {
-  font-size: 12px;
-  font-style: normal;
-  font-weight: 700;
-  line-height: normal;
-}
+.arg_scope_manage{align-items:center;background-color:rgba(0,0,0,.4);bottom:0;display:flex;height:100%;justify-content:center;left:0;position:fixed;width:100%;z-index:99}.arg_scope_manage_modal{align-items:flex-start;background:var(--white);border-radius:8px;display:flex;flex-direction:column;flex-shrink:0;max-height:670px;max-width:640px;width:calc(100% - 164px)}.arg_scope_manage_header{box-shadow:0 6px 8px 0 rgba(30,41,59,.1)!important;justify-content:space-between}.arg_scope_manage_footer,.arg_scope_manage_header{align-items:center;align-self:stretch;display:flex;padding:24px;z-index:1}.arg_scope_manage_footer{box-shadow:0 -6px 8px 0 rgba(30,41,59,.1);gap:32px;justify-content:center}.scope_card{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:24px;padding:12px}.arg_scope_manage_header>h1{font-size:20px;font-style:normal;font-weight:900;line-height:normal}.arg_manage_scope_body{align-self:stretch;background-color:var(--lightest);max-height:510px;overflow-y:scroll;padding:24px;z-index:0}.arg_scopes_list{align-items:flex-start;display:flex;flex-direction:column;gap:24px}.arg_scopes_list,.full-width{align-self:stretch}.footer_action .footer_btn{align-self:stretch;justify-content:center;text-align:center;white-space:wrap}.cursor-pointer{cursor:pointer!important}.oip_required_input,.oip_required_input:hover{border-color:var(--system-alert)!important}.oip_error{color:var(--system-alert)}.arg_manage_scope_general,.arg_scope_manage_criteria{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:8px}.scope_criteria_title{font-size:12px;font-style:normal;font-weight:700;line-height:normal}
 </style>

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

@@ -16,8 +16,8 @@ declare const _default: import("vue").DefineComponent<{
     getScopeCriteria: (scope: any) => never[];
     closeManageScope: () => void;
     deleteScope: (scope: any) => void;
-    showAllProps: any;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onClose" | "onDelete")[], "onClose" | "onDelete", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    showAllProps: import("vue").Ref<any>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onClose" | "onDelete")[], "onClose" | "onDelete", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     scopes: {
         type: ArrayConstructor;
         required: true;

package/dist/runtime/components/argScopeModal.vue

@@ -7,7 +7,7 @@
             {{ lang === "fr" ? "Enregistrer mon scope" : "Save my scope" }}
           </h1>
           <div class="cursor-pointer" @click="closeSaveScope()">
-            <arg-icon name="X" size="16" color="var(--cool-grey)" />
+            <arg-icon name="X" size="16" color="var(--dark)" />
           </div>
         </div>
         <div class="arg_save_body">
@@ -170,153 +170,5 @@ export default defineComponent({
 </script>
 
 <style scoped>
-.arg_scope_save {
-  background-color: transparent;
-  transition: all ease 0.5s;
-  position: fixed;
-  left: 0;
-  bottom: 0;
-  height: 0px;
-  width: 0px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.arg_scope_save_open {
-  z-index: 99;
-  background-color: rgba(0, 0, 0, 0.4);
-  width: 100%;
-  height: 100%;
-}
-
-.arg_save_modal {
-  display: flex;
-  width: calc(100% - 164px);
-  max-width: 640px;
-  max-height: 850px;
-  flex-direction: column;
-  align-items: flex-start;
-  flex-shrink: 0;
-  border-radius: var(--m, 8px);
-  background: var(--pure-white);
-}
-
-.arg_save_header {
-  display: flex;
-  padding: 24px;
-  justify-content: space-between;
-  align-items: center;
-  align-self: stretch;
-  border-bottom: 1px solid #e5e7eb;
-}
-
-.arg_save_footer {
-  display: flex;
-  padding: 24px;
-  gap: 32px;
-  align-items: center;
-  align-self: stretch;
-  border-top: 1px solid #e5e7eb;
-}
-
-.footer_action {
-  width: 50%;
-  flex: 1 1 0;
-  display: flex;
-  align-self: stretch;
-}
-
-.arg_save_header > h1 {
-  font-size: 20px;
-  font-style: normal;
-  font-weight: 900;
-  line-height: normal;
-}
-
-.arg_save_body {
-  display: flex;
-  padding: 24px;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 24px;
-  align-self: stretch;
-}
-
-textarea,
-.scope_criteria {
-  border-radius: 8px;
-  border: 1.5px solid var(--dividers);
-  padding: 12px;
-  margin: 5px 0px;
-  outline: none !important;
-  align-self: stretch;
-  font-family: "Figtree", sans-serif !important;
-  height: 110px;
-}
-
-.scope_criteria {
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  gap: 8px;
-}
-
-textarea::placeholder {
-  font-family: "Figtree", sans-serif !important;
-  color: var(--wild-blue-yonder);
-}
-
-.scope_name_input {
-  width: 300px;
-  max-width: 100%;
-}
-
-.full_width {
-  width: 100%;
-}
-
-.footer_action .footer_btn {
-  width: 100%;
-  justify-content: center;
-  white-space: wrap;
-  text-align: center;
-  align-self: stretch;
-}
-
-.cursor-pointer {
-  cursor: pointer !important;
-}
-
-.oip_simple_input {
-  border-radius: 8px;
-  border: 1.5px solid var(--dividers);
-  padding: 12px;
-  margin: 5px 0px;
-  width: calc(100% - 24px);
-}
-.oip_simple_input::placeholder {
-  color: var(--wild-blue-yonder);
-}
-.oip_simple_input,
-.oip_simple_input:focus-visible {
-  outline: none !important;
-}
-.oip_simple_input:hover,
-textarea:hover {
-  border: 1.5px solid rgba(33, 118, 255, 0.2) !important;
-}
-.oip_simple_input:focus-within,
-textarea:focus-within {
-  border: 1.5px solid var(--primary) !important;
-  box-shadow: 0 0 0 4px rgba(33, 118, 255, 0.1) !important;
-}
-.oip_required_input,
-.oip_required_input:hover {
-  border-color: var(--system-alert) !important;
-}
-
-.oip_error {
-  color: var(--system-alert);
-}
+.arg_scope_save{align-items:center;background-color:transparent;bottom:0;display:flex;height:0;justify-content:center;left:0;position:fixed;transition:all .5s ease;width:0}.arg_scope_save_open{background-color:rgba(0,0,0,.4);height:100%;width:100%;z-index:99}.arg_save_modal{align-items:flex-start;background:var(--white);border-radius:var(--m,8px);display:flex;flex-direction:column;flex-shrink:0;max-height:850px;max-width:640px;width:calc(100% - 164px)}.arg_save_header{border-bottom:1px solid #e5e7eb;justify-content:space-between}.arg_save_footer,.arg_save_header{align-items:center;align-self:stretch;display:flex;padding:24px}.arg_save_footer{border-top:1px solid #e5e7eb;gap:32px}.footer_action{align-self:stretch;display:flex;flex:1 1 0;width:50%}.arg_save_header>h1{font-size:20px;font-style:normal;font-weight:900;line-height:normal}.arg_save_body{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:24px;padding:24px}.scope_criteria,textarea{align-self:stretch;border:1.5px solid var(--light);border-radius:8px;font-family:Figtree,sans-serif!important;height:110px;margin:5px 0;outline:none!important;padding:12px}.scope_criteria{align-items:flex-start;display:flex;flex-direction:row;gap:8px}textarea::-moz-placeholder{color:var(--medium);font-family:Figtree,sans-serif!important}textarea::placeholder{color:var(--medium);font-family:Figtree,sans-serif!important}.scope_name_input{max-width:100%;width:300px}.full_width{width:100%}.footer_action .footer_btn{align-self:stretch;justify-content:center;text-align:center;white-space:wrap;width:100%}.cursor-pointer{cursor:pointer!important}.oip_simple_input{border:1.5px solid var(--light);border-radius:8px;margin:5px 0;padding:12px;width:calc(100% - 24px)}.oip_simple_input::-moz-placeholder{color:var(--medium)}.oip_simple_input::placeholder{color:var(--medium)}.oip_simple_input,.oip_simple_input:focus-visible{outline:none!important}.oip_simple_input:hover,textarea:hover{border:1.5px solid rgba(33,118,255,.2)!important}.oip_simple_input:focus-within,textarea:focus-within{border:1.5px solid var(--primary)!important;box-shadow:0 0 0 4px rgba(33,118,255,.1)!important}.oip_required_input,.oip_required_input:hover{border-color:var(--system-alert)!important}.oip_error{color:var(--system-alert)}
 </style>

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

@@ -16,7 +16,7 @@ declare const _default: import("vue").DefineComponent<{
     nameFilled: import("vue").Ref<boolean>;
     saveFail: import("vue").Ref<boolean>;
     getAllCriteria: import("vue").ComputedRef<never[]>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onClose" | "onSave")[], "onClose" | "onSave", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onClose" | "onSave")[], "onClose" | "onSave", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     scopeCriteria: {
         type: ArrayConstructor;
         required: true;

package/dist/runtime/components/argScopeSelect.vue

@@ -77,7 +77,7 @@ export default defineComponent({
       if (index === selectedRadio.value) {
         return "var(--primary)";
       } else
-        return "var(--lavendar-grey)";
+        return "var(--medium)";
     }
     return {
       selectedRadio,
@@ -90,55 +90,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: flex-start;
-  flex-wrap: wrap;
-  gap: 16px;
-}
-
-.radio_column {
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 8px;
-}
-
-.radio_item {
-  padding: 6px;
-  flex: 1 1 0;
-  max-width: 236px;
-}
+.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:flex-start;flex-direction:row;flex-wrap:wrap;gap:16px}.radio_column{align-items:flex-start;flex-direction:column;gap:8px}.radio_item{flex:1 1 0;max-width:236px;padding:6px}
 </style>

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

@@ -25,11 +25,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[];