@avakhula/ui 0.1.19 → 0.1.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@avakhula/ui",
-  "version": "0.1.19",
+  "version": "0.1.20",
   "main": "dist/index.js",
   "module": "dist/index.umd.cjs",
   "source": "src/index.js",

package/src/App.vue

@@ -1,12 +1,16 @@
 <template>
+<div style="display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh;">
+    <ib-select data-testid="tests" data-foo="sdf" dusk="asd" :options="[]" />
+</div>
+
 </template>
 
 <script>
-import IbInput from "./components/Form/Input/Input.vue";
+import IbSelect from "./components/TreeSelect/Select.vue";
 
 export default {
   components: {
-    IbInput,
+    IbSelect,
   },
 };
 </script>

package/src/assets/scss/typography.scss

@@ -147,9 +147,9 @@
 }
 
 .Ib-P1-medium {
-  @include Ib-P1-regular;
+  @include Ib-P1-medium;
 }
 
 .Ib-P1-regular {
-  @include Ib-P1-medium;
-}
+  @include Ib-P1-regular;
+}

package/src/components/Dropdown/DropdownList.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="dropdown-list-wrapper">
+  <div class="dropdown-list-wrapper" :class="class">
     <ib-dropdown
       :horizontal="horizontal"
       :vertical="vertical"
@@ -50,6 +50,10 @@ export default {
       type: Boolean,
       default: false,
     },
+    class: {
+      type: String,
+      default: "",
+    },
   },
   methods: {
     proxyEvents(eventInfo) {

package/src/components/TreeSelect/Select.vue

@@ -4,6 +4,7 @@
   </ib-alert>
 
   <div
+    v-bind="Object.fromEntries(Object.entries($attrs).filter(([key]) => key.startsWith('data-')))"
     class="tree-select"
     :class="{
       ...classList, 'tree-select-custom-trigger-content': hasTriggerContent