@milaboratories/uikit 2.2.7 → 2.2.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@milaboratories/uikit",
-  "version": "2.2.7",
+  "version": "2.2.9",
   "type": "module",
   "main": "dist/pl-uikit.umd.js",
   "module": "dist/pl-uikit.js",

package/src/assets/base.scss

@@ -155,15 +155,6 @@ body {
   font-family: var(--font-family-base);
 }
 
-/// @TODO
-.space-keeper {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-}
-
 .base-form {
   display: flex;
   flex-direction: column;

package/src/assets/mixins.scss

@@ -98,10 +98,9 @@
   &::-webkit-scrollbar-thumb {
     background: var(--thumb-color);
     border-radius: 5px;
-  }
-
-  &:hover {
-    --thumb-color: var(--border-color-focus);
+    &:hover {
+      --thumb-color: var(--border-color-focus);
+    }
   }
 }
 

package/src/components/PlBtnGroup/PlBtnGroup.vue

@@ -61,7 +61,7 @@ const normalizedOptions = computed(() =>
 </script>
 
 <template>
-  <div class="ui-btn-group" :class="{ disabled }">
+  <div class="pl-btn-group" :class="{ disabled }">
     <label v-if="label">
       <span>{{ label }}</span>
       <PlTooltip v-if="slots.tooltip" class="info" position="top">
@@ -70,11 +70,11 @@ const normalizedOptions = computed(() =>
         </template>
       </PlTooltip>
     </label>
-    <InnerBorder class="ui-btn-group__container">
+    <InnerBorder class="pl-btn-group__container">
       <div
         v-for="(opt, i) in normalizedOptions"
         :key="i"
-        class="ui-btn-group__option text-s"
+        class="pl-btn-group__option text-s"
         :tabindex="modelValue === opt.value || disabled ? undefined : 0"
         :class="{ active: modelValue === opt.value }"
         @keydown.enter="emitModel(opt.value)"
@@ -83,7 +83,7 @@ const normalizedOptions = computed(() =>
         {{ opt.label }}
       </div>
     </InnerBorder>
-    <div v-if="helper" class="ui-btn-group__helper">{{ helper }}</div>
-    <div v-else-if="error" class="ui-btn-group__error">{{ error }}</div>
+    <div v-if="helper" class="pl-btn-group__helper">{{ helper }}</div>
+    <div v-else-if="error" class="pl-btn-group__error">{{ error }}</div>
   </div>
 </template>

package/src/components/PlBtnGroup/pl-btn-group.scss

@@ -1,9 +1,10 @@
 @import "@/assets/mixins";
 
-.ui-btn-group {
+.pl-btn-group {
+  --pl-btn-group-height: 40px;
   box-sizing: content-box;
   position: relative;
-  min-height: 40px;
+  min-height: var(--pl-btn-group-height);
   font-family: var(--control-font-family);
 
   label {
@@ -25,7 +26,7 @@
   }
 
   .inner-border {
-    min-height: 40px;
+    min-height: var(--pl-btn-group-height);
 
     &::after {
       border: 1px solid var(--color-border-default);
@@ -82,7 +83,7 @@
       }
     }
 
-    &:not(.active)+.ui-btn-group__option:not(.active) {
+    &:not(.active)+.pl-btn-group__option:not(.active) {
       &::before {
         content: '';
         position: absolute;

package/src/components/PlLogView/PlLogView.vue

@@ -16,6 +16,7 @@ import type { AnyLogHandle, Platforma, ValueOrErrors } from '@platforma-sdk/mode
 import { useLogHandle } from './useLogHandle';
 import { useLabelNotch } from '@/utils/useLabelNotch';
 import DoubleContour from '@/utils/DoubleContour.vue';
+import { PlTooltip } from '../PlTooltip';
 
 const getOutputError = <T,>(o?: ValueOrErrors<T>) => {
   if (o && o.ok === false) {
@@ -115,7 +116,12 @@ const onContentScroll = (ev: Event) => {
   <div ref="root" class="pl-log-view" :class="{ 'has-error': computedError }">
     <label v-if="label"> {{ label }} </label>
     <DoubleContour class="pl-log-view__contour" />
-    <PlMaskIcon24 title="Copy content" class="pl-log-view__copy" :name="iconName" @click="onClickCopy" />
+    <div class="pl-log-view__copy">
+      <PlTooltip :close-delay="800" position="top">
+        <PlMaskIcon24 title="Copy content" :name="iconName" @click="onClickCopy" />
+        <template #tooltip>{{ copyActive ? 'copied' : 'copy' }}</template>
+      </PlTooltip>
+    </div>
     <div v-if="computedError" class="pl-log-view__error">{{ computedError }}</div>
     <div v-else ref="contentRef" class="pl-log-view__content" @scroll="onContentScroll">{{ computedValue }}</div>
   </div>

package/src/components/PlLogView/pl-log-view.scss

@@ -46,11 +46,16 @@
     position: absolute;
     top: 12px;
     right: 12px;
-    background-color: var(--ic-02);
     cursor: pointer;
 
+    .mask-24 {
+      background-color: var(--ic-02);
+    }
+
     &:hover {
-      background-color: var(--txt-01);
+      .mask-24 {
+        background-color: var(--txt-01);
+      }
     }
   }