webcake-ui-kit 1.2.13 → 1.2.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "webcake-ui-kit",
-  "version": "1.2.13",
+  "version": "1.2.14",
   "description": "UI Kit for Vue 2 && 3 - Pure Options API",
   "main": "src/index.js",
   "module": "src/index.js",
@@ -58,7 +58,6 @@
     "./WkSwitch": "./src/components/switch/Switch.vue",
     "./WkSwitchGroup": "./src/components/switch-group/SwitchGroup.vue",
     "./WkTable": "./src/components/table/Table.vue",
-    "./WkTableV2": "./src/components/table-v2/Table.vue",
     "./WkTabs": "./src/components/tabs/Tabs.vue",
     "./WkTag": "./src/components/tag/Tag.vue",
     "./WkTextarea": "./src/components/textarea/Textarea.vue",

package/src/components/date-picker/date-picker.css

@@ -7,7 +7,6 @@
   align-items: center;
   gap: var(--spacing-xs);
   width: 100%;
-  min-width: 200px;
   box-sizing: border-box;
   height: 36px;
   padding: 0 var(--spacing-sm);
@@ -27,6 +26,9 @@
 .ui-date-picker__trigger--sm {
   height: 28px;
   padding: 0 var(--spacing-xs);
+  font-size: var(--paragraph-mini-font-size);
+  line-height: var(--paragraph-mini-line-height);
+  letter-spacing: var(--paragraph-mini-letter-spacing);
 }
 
 .ui-date-picker__trigger--lg {

package/src/components/dropdown/Dropdown.vue

@@ -19,8 +19,8 @@
         :ref="triggerRef"
         class="ui-dropdown__anchor"
         @click.stop="triggerHasClick && handleClick()"
-        @mouseenter="triggerHasHover && handleMouseEnter()"
-        @mouseleave="triggerHasHover && handleMouseLeave()"
+        @mouseenter.stop="triggerHasHover && handleMouseEnter()"
+        @mouseleave.stop="triggerHasHover && handleMouseLeave()"
       >
         <slot></slot>
       </span>

package/src/components/select-option/SelectOption.vue

@@ -13,7 +13,7 @@
     role="option"
     :aria-selected="isSelected ? 'true' : 'false'"
     :aria-disabled="isDisabled ? 'true' : null"
-    @click="handleClick"
+    @click.stop="handleClick"
   >
     <span v-if="hasPrefix()" class="ui-select-option__prefix">
       <slot name="prefix" />
@@ -214,3 +214,4 @@ export default {
 </script>
 
 <style src="./select_option.css" scoped></style>
+<style src="./select_option_sub.css"></style>

package/src/components/select-option/select_option.css

@@ -98,65 +98,3 @@
   font-size: var(--paragraph-mini-font-size);
   line-height: var(--paragraph-mini-line-height);
 }
-
-.ui-select-option ::v-deep .ui-dropdown__anchor {
-  align-self: stretch;
-  display: flex;
-  align-items: center;
-  --submenu-offset: calc(var(--spacing-2xs) + 1px);
-}
-
-.ui-select-option--sm ::v-deep .ui-dropdown__anchor {
-  margin-top: calc(var(--spacing-2xs) * -1 - var(--submenu-offset));
-  margin-right: calc(var(--spacing-xs) * -1);
-  margin-bottom: calc(var(--spacing-2xs) * -1 + var(--submenu-offset));
-  padding: 0 var(--spacing-xs);
-}
-
-.ui-select-option--md ::v-deep .ui-dropdown__anchor {
-  margin-top: calc(var(--spacing-5p5) * -1 - var(--submenu-offset));
-  margin-right: calc(var(--spacing-xs) * -1);
-  margin-bottom: calc(var(--spacing-5p5) * -1 + var(--submenu-offset));
-  padding: 0 var(--spacing-xs);
-}
-
-.ui-select-option--lg ::v-deep .ui-dropdown__anchor {
-  margin-top: calc(var(--spacing-7p5) * -1 - var(--submenu-offset));
-  margin-right: calc(var(--spacing-sm) * -1);
-  margin-bottom: calc(var(--spacing-7p5) * -1 + var(--submenu-offset));
-  padding: 0 var(--spacing-sm);
-}
-
-.expand-trigger {
-  display: flex;
-  align-items: center;
-  transform: translateY(var(--submenu-offset));
-}
-
-.ui-select__list {
-  display: flex;
-  flex-direction: column;
-  overflow-y: auto;
-  padding: var(--spacing-2xs);
-  gap: var(--spacing-3xs);
-}
-
-.ui-select__list::-webkit-scrollbar {
-  width: 6px;
-}
-
-.ui-select__list::-webkit-scrollbar-thumb {
-  background: var(--border-primary);
-  border-radius: 3px;
-}
-
-.ui-select__list ::v-deep .select-empty {
-  height: 100px;
-  width: 100px;
-}
-
-.ui-select__list ::v-deep .select-empty img {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-}

package/src/components/select-option/select_option_sub.css

@@ -0,0 +1,61 @@
+.ui-select-option .ui-dropdown__anchor {
+  align-self: stretch;
+  display: flex;
+  align-items: center;
+  --submenu-offset: calc(var(--spacing-2xs) + 1px);
+}
+
+.ui-select-option--sm .ui-dropdown__anchor {
+  margin-top: calc(var(--spacing-2xs) * -1 - var(--submenu-offset));
+  margin-right: calc(var(--spacing-xs) * -1);
+  margin-bottom: calc(var(--spacing-2xs) * -1 + var(--submenu-offset));
+  padding: 0 var(--spacing-xs);
+}
+
+.ui-select-option--md .ui-dropdown__anchor {
+  margin-top: calc(var(--spacing-5p5) * -1 - var(--submenu-offset));
+  margin-right: calc(var(--spacing-xs) * -1);
+  margin-bottom: calc(var(--spacing-5p5) * -1 + var(--submenu-offset));
+  padding: 0 var(--spacing-xs);
+}
+
+.ui-select-option--lg .ui-dropdown__anchor {
+  margin-top: calc(var(--spacing-7p5) * -1 - var(--submenu-offset));
+  margin-right: calc(var(--spacing-sm) * -1);
+  margin-bottom: calc(var(--spacing-7p5) * -1 + var(--submenu-offset));
+  padding: 0 var(--spacing-sm);
+}
+
+.expand-trigger {
+  display: flex;
+  align-items: center;
+  transform: translateY(var(--submenu-offset));
+}
+
+.ui-select__list {
+  display: flex;
+  flex-direction: column;
+  overflow-y: auto;
+  padding: var(--spacing-2xs);
+  gap: var(--spacing-3xs);
+}
+
+.ui-select__list::-webkit-scrollbar {
+  width: 6px;
+}
+
+.ui-select__list::-webkit-scrollbar-thumb {
+  background: var(--border-primary);
+  border-radius: 3px;
+}
+
+.ui-select__list .select-empty {
+  height: 100px;
+  width: 100px;
+}
+
+.ui-select__list .select-empty img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}

package/src/components/{table-v2 → table}/ColumnDragHandle.vue

@@ -1,11 +1,11 @@
 <template>
   <div
-    :class="['ui-table-v2__cell-resize-handle', dragging && 'dragging', reversed && 'reversed']"
+    :class="['ui-table__cell-resize-handle', dragging && 'dragging', reversed && 'reversed']"
     @mousedown.stop.prevent="handleMouseDown"
     @touchstart.stop.prevent="handleTouchStart"
     @click.stop.prevent
   >
-    <div class="ui-table-v2__cell-resize-line"></div>
+    <div class="ui-table__cell-resize-line"></div>
   </div>
 </template>