@milaboratories/uikit 2.2.18 → 2.2.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@milaboratories/uikit",
-  "version": "2.2.18",
+  "version": "2.2.20",
   "type": "module",
   "main": "dist/pl-uikit.umd.js",
   "module": "dist/pl-uikit.js",
@@ -33,7 +33,7 @@
     "yarpm": "^1.2.0",
     "svgo": "^3.3.2",
     "@milaboratories/helpers": "^1.6.8",
-    "@platforma-sdk/model": "^1.13.15"
+    "@platforma-sdk/model": "^1.14.1"
   },
   "scripts": {
     "dev": "vite",

package/src/assets/mixins.scss

@@ -23,7 +23,9 @@
 
   @if $h ==null {
     height: $w;
-  } @else {
+  }
+
+  @else {
     height: $h;
   }
 }
@@ -34,7 +36,9 @@
 
   @if $h ==null {
     height: $w;
-  } @else {
+  }
+
+  @else {
     height: $h;
   }
 }
@@ -46,7 +50,9 @@
 
   @if $h ==null {
     height: $w;
-  } @else {
+  }
+
+  @else {
     height: $h;
   }
 }
@@ -64,7 +70,9 @@
 
   @if $h ==null {
     height: $w;
-  } @else {
+  }
+
+  @else {
     height: $h;
   }
 }
@@ -98,6 +106,7 @@
   &::-webkit-scrollbar-thumb {
     background: var(--thumb-color);
     border-radius: 5px;
+
     &:hover {
       --thumb-color: var(--border-color-focus);
     }
@@ -143,7 +152,11 @@
   font-size: 12px;
   font-weight: 500;
 
-  > span {
+  border-bottom-right-radius: 4px;
+  border-bottom-left-radius: 4px;
+  background: var(--bg-elevated-01);
+
+  >span {
     overflow: hidden;
     white-space: pre;
     text-overflow: ellipsis;
@@ -202,4 +215,4 @@
     border: 2px solid transparent;
     border-right: 1px solid transparent;
   }
-}
+}

package/src/components/PlDialogModal/PlDialogModal.vue

@@ -8,7 +8,7 @@ export default {
 import { useEventListener } from '@/composition/useEventListener';
 import './pl-dialog-modal.scss';
 import { ref, useAttrs, useSlots } from 'vue';
-import CloseModalBtn from '@/utils/CloseModalBtn.vue';
+import PlCloseModalBtn from '@/utils/PlCloseModalBtn.vue';
 
 const slots = useSlots();
 
@@ -96,7 +96,7 @@ useEventListener(document.body, 'keyup', (ev) => {
           :class="{ 'has-title': slots.title, 'has-content': slots.default }"
           :style="{ width, height, minHeight, maxHeight }"
         >
-          <CloseModalBtn v-if="closable" class="close-modal-btn" @click.stop="emit('update:modelValue', false)" />
+          <PlCloseModalBtn v-if="closable" class="close-modal-btn" @click.stop="emit('update:modelValue', false)" />
           <div v-if="slots.title" class="pl-dialog-modal__title">
             <slot name="title" />
           </div>

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

@@ -132,7 +132,7 @@
       padding: 0 60px 0 11px; // @TODO padding-right based on controls width
       pointer-events: none;
       line-height: var(--control-height);
-      color: var(--contour-color);
+      color: var(--txt-01);
       overflow: hidden;
       white-space: pre;
       text-overflow: ellipsis;
@@ -254,5 +254,9 @@
     cursor: not-allowed;
     pointer-events: none;
     user-select: none;
+
+    .input-value {
+      color: var(--dis-01);
+    }
   }
 }

package/src/components/PlFileInput/pl-file-input.scss

@@ -12,6 +12,7 @@
   --label-offset-right-x: 8px;
   --prefix-color: var(--color-placeholder);
   --icon-color: #000;
+  --contour-offset: 2px;
 
   width: 100%;
   height: var(--control-height, 40px);
@@ -70,6 +71,10 @@
     &:empty::before {
       color: var(--color-placeholder);
       content: attr(data-placeholder);
+      color: var(--txt-03);
+      font-size: 14px;
+      font-weight: 500;
+      line-height: 20px;
     }
   }
 

package/src/index.ts

@@ -85,6 +85,12 @@ export { useFormState } from './composition/useFormState';
 export { useQuery } from './composition/useQuery.ts';
 export { useDraggable } from './composition/useDraggable';
 
+/**
+ * Utils/Partials
+ */
+
+export { default as PlCloseModalBtn } from './utils/PlCloseModalBtn.vue';
+
 /**
  * Technical
  * @TODO move it from here maybe