@milaboratories/uikit 2.4.3 → 2.4.4

package/src/components/PlAutocompleteMulti/pl-autocomplete-multi.scss

@@ -71,57 +71,6 @@
       opacity: 0.5;
       font-style: italic;
     }
-
-    .option {
-      position: relative;
-      padding: 0 10px;
-      height: var(--control-height);
-      line-height: 20px;
-      cursor: pointer;
-      user-select: none;
-      display: flex;
-      align-items: center;
-      gap: 12px;
-
-      --base-icon: url('../../assets/images/24_checkbox-light-enabled-unchecked.svg');
-      --checked-icon: url('../../assets/images/24_checkbox-light-enabled-checked.svg');
-
-      .pl-dropdown-multi__checkmark {
-        cursor: pointer;
-        outline: none;
-        border-radius: 4px;
-        @include icon(var(--base-icon), 24px);
-
-        [data-theme="dark"] & {
-          --base-icon: url('../../assets/images/24_checkbox-dark-enabled-unchecked.svg');
-          --checked-icon: url('../../assets/images/24_checkbox-dark-enabled-checked.svg');
-        }
-      }
-
-      >span {
-        display: block;
-        overflow: hidden;
-        white-space: nowrap;
-        max-width: 100%;
-        text-overflow: ellipsis;
-      }
-
-      &.selected {
-        background-color: var(--color-active-select);
-
-        .pl-dropdown-multi__checkmark {
-          @include icon(var(--checked-icon), 24px);
-        }
-      }
-
-      &.active:not(.selected) {
-        background-color: var(--option-hover-bg);
-      }
-
-      &:hover {
-        background-color: var(--option-hover-bg);
-      }
-    }
   }
 
   &__field {

package/src/components/PlDropdown/pl-dropdown.scss

@@ -25,46 +25,6 @@
   .group-container {
     padding: 4px 0;
   }
-
-  .option {
-    position: relative;
-    padding: 0 30px 0 10px;
-    height: var(--control-height);
-    line-height: var(--control-height);
-    cursor: pointer;
-    user-select: none;
-
-    .checkmark {
-      position: absolute;
-      display: none;
-      right: 10px;
-      @include abs-center-y();
-    }
-
-    > span {
-      display: block;
-      overflow: hidden;
-      white-space: nowrap;
-      max-width: 100%;
-      text-overflow: ellipsis;
-    }
-
-    &.selected {
-      background-color: var(--color-active-select);
-
-      .checkmark {
-        display: block;
-      }
-    }
-
-    &.active:not(.selected) {
-      background-color: var(--option-hover-bg);
-    }
-
-    &:hover {
-      background-color: var(--option-hover-bg);
-    }
-  }
 }
 
 .pl-dropdown {

package/src/components/PlDropdownMulti/PlDropdownMulti.vue

@@ -10,7 +10,6 @@ export default {
 <script lang="ts" setup generic="M = unknown">
 import './pl-dropdown-multi.scss';
 import { computed, reactive, ref, unref, useSlots, useTemplateRef, watch, watchPostEffect } from 'vue';
-import { tap } from '../../helpers/functions';
 import { PlTooltip } from '../PlTooltip';
 import { PlChip } from '../PlChip';
 import DoubleContour from '../../utils/DoubleContour.vue';

package/src/components/PlDropdownMulti/pl-dropdown-multi.scss

@@ -71,57 +71,6 @@
       opacity: 0.5;
       font-style: italic;
     }
-
-    .option {
-      position: relative;
-      padding: 0 10px;
-      height: var(--control-height);
-      line-height: 20px;
-      cursor: pointer;
-      user-select: none;
-      display: flex;
-      align-items: center;
-      gap: 12px;
-
-      --base-icon: url('../../assets/images/24_checkbox-light-enabled-unchecked.svg');
-      --checked-icon: url('../../assets/images/24_checkbox-light-enabled-checked.svg');
-
-      .pl-dropdown-multi__checkmark {
-        cursor: pointer;
-        outline: none;
-        border-radius: 4px;
-        @include icon(var(--base-icon), 24px);
-
-        [data-theme="dark"] & {
-          --base-icon: url('../../assets/images/24_checkbox-dark-enabled-unchecked.svg');
-          --checked-icon: url('../../assets/images/24_checkbox-dark-enabled-checked.svg');
-        }
-      }
-
-      >span {
-        display: block;
-        overflow: hidden;
-        white-space: nowrap;
-        max-width: 100%;
-        text-overflow: ellipsis;
-      }
-
-      &.selected {
-        background-color: var(--color-active-select);
-
-        .pl-dropdown-multi__checkmark {
-          @include icon(var(--checked-icon), 24px);
-        }
-      }
-
-      &.active:not(.selected) {
-        background-color: var(--option-hover-bg);
-      }
-
-      &:hover {
-        background-color: var(--option-hover-bg);
-      }
-    }
   }
 
   &__field {

package/dist/components/PlAccordion/ExpandTransition.vue2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExpandTransition.vue2.js","sources":["../../../src/components/PlAccordion/ExpandTransition.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nconst onStart = (el: Element) => {\n  el.classList.add('expand-collapse-fix');\n  (el as HTMLElement).style.setProperty('--component-height', el.scrollHeight + 'px');\n};\n\nconst onAfter = (el: Element) => {\n  (el as HTMLElement).style.removeProperty('--component-height');\n  el.classList.remove('expand-collapse-fix');\n};\n</script>\n\n<template>\n  <Transition name=\"expand-collapse\" @enter=\"onStart\" @leave=\"onStart\" @after-enter=\"onAfter\" @after-leave=\"onAfter\">\n    <slot/>\n  </Transition>\n</template>\n\n<style>\n.expand-collapse-fix {\n  overflow: hidden;\n}\n\n.expand-collapse-enter-active,\n.expand-collapse-leave-active {\n  transition:\n    height 0.2s ease-in-out,\n    opacity 0.2s ease-in-out;\n  height: var(--component-height);\n}\n\n.expand-collapse-enter-from,\n.expand-collapse-leave-to {\n  opacity: 0.5;\n  height: 0;\n}\n</style>\n"],"names":["onStart","el","onAfter"],"mappings":";;;;AACA,UAAMA,IAAU,CAACC,MAAgB;AAC/B,MAAAA,EAAG,UAAU,IAAI,qBAAqB,GACrCA,EAAmB,MAAM,YAAY,sBAAsBA,EAAG,eAAe,IAAI;AAAA,IACpF,GAEMC,IAAU,CAACD,MAAgB;AAC9B,MAAAA,EAAmB,MAAM,eAAe,oBAAoB,GAC7DA,EAAG,UAAU,OAAO,qBAAqB;AAAA,IAC3C;;;;;;;;;;;;;;;"}