@deskhero/dh_ui 1.5.1 → 1.7.0

package/dist/dh_ui.es.js

@@ -1,5 +1,5 @@
 import { defineComponent, openBlock, createElementBlock, normalizeClass, ref, withDirectives, createElementVNode, vModelText, createVNode, createCommentVNode } from "vue";
-var variables = "";
+var main = "";
 var __glob_1_0 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDIxIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjk4NzgxMyA5QzAuOTIzODEzIDkgMC44Njc4MTMgOC45NzYgMC44MTk4MTMgOC45MjhDMC43NzE4MTMgOC44OCAwLjc0NzgxMyA4LjgyNCAwLjc0NzgxMyA4Ljc2QzAuNzQ3ODEzIDguNjk2IDAuNzUxODEzIDguNjUyIDAuNzU5ODEzIDguNjI4TDMuNzM1ODEgMC44NjRDMy43OTk4MSAwLjY4Nzk5OSAzLjkyNzgxIDAuNTk5OTk5IDQuMTE5ODEgMC41OTk5OTlINC45MzU4MUM1LjEyNzgxIDAuNTk5OTk5IDUuMjU1ODEgMC42ODc5OTkgNS4zMTk4MSAwLjg2NEw4LjI4MzgxIDguNjI4TDguMzA3ODEgOC43NkM4LjMwNzgxIDguODI0IDguMjgzODEgOC44OCA4LjIzNTgxIDguOTI4QzguMTg3ODEgOC45NzYgOC4xMzE4MSA5IDguMDY3ODEgOUg3LjQ1NTgxQzcuMzY3ODEgOSA3LjI5OTgxIDguOTggNy4yNTE4MSA4Ljk0QzcuMjAzODEgOC44OTIgNy4xNzE4MSA4Ljg0NCA3LjE1NTgxIDguNzk2TDYuNDk1ODEgNy4wOTJIMi41NTk4MUwxLjg5OTgxIDguNzk2QzEuODgzODEgOC44NDQgMS44NDc4MSA4Ljg5MiAxLjc5MTgxIDguOTRDMS43NDM4MSA4Ljk4IDEuNjc5ODEgOSAxLjU5OTgxIDlIMC45ODc4MTNaTTYuMTQ3ODEgNi4wNkw0LjUyNzgxIDEuOEwyLjkwNzgxIDYuMDZINi4xNDc4MVpNOS4zNjk2MyA1LjkwNEM5LjI4OTYzIDUuOTA0IDkuMjIxNjMgNS44OCA5LjE2NTYzIDUuODMyQzkuMTE3NjMgNS43NzYgOS4wOTM2MyA1LjcwOCA5LjA5MzYzIDUuNjI4VjUuMTcyQzkuMDkzNjMgNS4wOTIgOS4xMTc2MyA1LjAyOCA5LjE2NTYzIDQuOThDOS4yMjE2MyA0LjkyNCA5LjI4OTYzIDQuODk2IDkuMzY5NjMgNC44OTZIMTIuOTY5NkMxMy4wNDk2IDQuODk2IDEzLjExMzYgNC45MjQgMTMuMTYxNiA0Ljk4QzEzLjIxNzYgNS4wMjggMTMuMjQ1NiA1LjA5MiAxMy4yNDU2IDUuMTcyVjUuNjI4QzEzLjI0NTYgNS43MDggMTMuMjE3NiA1Ljc3NiAxMy4xNjE2IDUuODMyQzEzLjExMzYgNS44OCAxMy4wNDk2IDUuOTA0IDEyLjk2OTYgNS45MDRIOS4zNjk2M1pNMTQuMzUzOSA5QzE0LjI3MzkgOSAxNC4yMDU5IDguOTc2IDE0LjE0OTkgOC45MjhDMTQuMTAxOSA4Ljg3MiAxNC4wNzc5IDguOCAxNC4wNzc5IDguNzEyVjguMTk2QzE0LjA3NzkgOC4wOTIgMTQuMDkzOSA4LjAwOCAxNC4xMjU5IDcuOTQ0QzE0LjE2NTkgNy44OCAxNC4yMDk5IDcuODE2IDE0LjI1NzkgNy43NTJMMTguNzIxOSAxLjY0NEgxNC40NjE5QzE0LjM4MTkgMS42NDQgMTQuMzEzOSAxLjYyIDE0LjI1NzkgMS41NzJDMTQuMjA5OSAxLjUxNiAxNC4xODU5IDEuNDQ4IDE0LjE4NTkgMS4zNjhWMC44ODc5OTlDMTQuMTg1OSAwLjc5OTk5OSAxNC4yMDk5IDAuNzMyIDE0LjI1NzkgMC42ODRDMTQuMzEzOSAwLjYyOCAxNC4zODE5IDAuNTk5OTk5IDE0LjQ2MTkgMC41OTk5OTlIMTkuODk3OUMxOS45ODU5IDAuNTk5OTk5IDIwLjA1MzkgMC42MjggMjAuMTAxOSAwLjY4NEMyMC4xNTc5IDAuNzMyIDIwLjE4NTkgMC43OTk5OTkgMjAuMTg1OSAwLjg4Nzk5OVYxLjQwNEMyMC4xODU5IDEuNDkyIDIwLjE2OTkgMS41NjQgMjAuMTM3OSAxLjYyQzIwLjExMzkgMS42NzYgMjAuMDc3OSAxLjc0NCAyMC4wMjk5IDEuODI0TDE1LjYwMTkgNy45NTZIMjAuMDE3OUMyMC4xMDU5IDcuOTU2IDIwLjE3MzkgNy45ODQgMjAuMjIxOSA4LjA0QzIwLjI3NzkgOC4wODggMjAuMzA1OSA4LjE1NiAyMC4zMDU5IDguMjQ0VjguNzI0QzIwLjMwNTkgOC44MDQgMjAuMjc3OSA4Ljg3MiAyMC4yMjE5IDguOTI4QzIwLjE3MzkgOC45NzYgMjAuMTA1OSA5IDIwLjAxNzkgOUgxNC4zNTM5WiIgZmlsbD0iIzgyODI4MiIvPgo8L3N2Zz4K";
 var __glob_1_1 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTEuNTcwMyAwLjY4OTg4NUMxMS44NjMyIDAuOTgyNzc4IDExLjg2MzIgMS40NTc2NSAxMS41NzAzIDEuNzUwNTRMNC42NDAyOSA4LjY4MDU1QzQuNDk5NjQgOC44MjEyIDQuMzA4ODcgOC45MDAyMiA0LjEwOTk2IDguOTAwMjJDMy45MTEwNSA4LjkwMDIyIDMuNzIwMjggOC44MjEyIDMuNTc5NjMgOC42ODA1NUwwLjQyOTYzMSA1LjUzMDU1QzAuMTM2NzM4IDUuMjM3NjUgMC4xMzY3MzggNC43NjI3OCAwLjQyOTYzMSA0LjQ2OTg5QzAuNzIyNTI0IDQuMTc2OTkgMS4xOTc0IDQuMTc2OTkgMS40OTAyOSA0LjQ2OTg5TDQuMTA5OTYgNy4wODk1NUwxMC41MDk2IDAuNjg5ODg1QzEwLjgwMjUgMC4zOTY5OTIgMTEuMjc3NCAwLjM5Njk5MSAxMS41NzAzIDAuNjg5ODg1WiIgZmlsbD0iIzFEODI0NSIvPgo8L3N2Zz4K";
 var __glob_1_2 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE3LjA1NiAxMi45NTdhLjkyNS45MjUgMCAwIDAtLjc1OC0uNDI1Ljg3Ny44NzcgMCAwIDAtLjc1OC40MjVjLS40OTkuODMyLTIuMTA3IDMuNjA0LTIuMTA3IDQuODYxYTIuODg3IDIuODg3IDAgMCAwIDIuODg0IDIuODg0IDIuODg3IDIuODg3IDAgMCAwIDIuODgzLTIuODg0Yy0uMDM3LTEuMjU3LTEuNjQ1LTQuMDQ3LTIuMTQ0LTQuODZ6bS0uNzU4IDYuNjkxQTEuODU0IDEuODU0IDAgMCAxIDE0LjQ1IDE3LjhjMC0uODg3IDEuNDA1LTMuMzY0IDEuODQ4LTQuMTAzLjQyNS43MzkgMS44NDkgMy4yMTYgMS44NDkgNC4xMDMtLjAxOSAxLjAxNi0uODUgMS44NDgtMS44NDkgMS44NDh6bS0uNjY1LTguMjYyIDEuMTQ2LS4xM2EuOTEuOTEgMCAwIDAgLjc5NC0uNjQ2Ljk0OC45NDggMCAwIDAtLjIyMS0uOTk4bC02LjEzNi02LjE1NWEuNjcuNjcgMCAwIDAtLjk0MyAwbC0uOTk4Ljk5OC0uOTA2LS45MDVhMS40NCAxLjQ0IDAgMCAwLTIuMDUxIDAgMS40NCAxLjQ0IDAgMCAwIDAgMi4wNTFsLjkwNS45MDYtMS42NDUgMS42NDVhMi42OTIgMi42OTIgMCAwIDAtLjczOSAyLjM2NmMuMDkyLjU1NC40MDcgMS4wNTMuODEzIDEuNDZsMi42MjUgMi42MjRjLjQwNi40MDcuOTA1LjcwMyAxLjQ2LjgxM2EyLjU5MiAyLjU5MiAwIDAgMCAyLjM2Ni0uNzM5bDMuMDY4LTMuMDY4YS44My44MyAwIDAgMSAuNDYyLS4yMjJ6TTcuMDM4IDQuOWEuNDU4LjQ1OCAwIDAgMSAwLS42MjguNDU4LjQ1OCAwIDAgMSAuNjI5IDBsLjkwNi45MDUtLjYyOS42MjktLjkwNi0uOTA2em03LjYzNCA1LjYtMy4zNjQgMy4zNjRhMS41MTcgMS41MTcgMCAwIDEtMi4xNDQgMEw2LjQxIDExLjA5MWExLjU1OSAxLjU1OSAwIDAgMS0uNDQ0LTEuMDcyYzAtLjQwNy4xNjctLjc3Ny40NDQtMS4wNzJsMS42NDUtMS42NDUgMS45MDQgMS45MjJhLjkwNC45MDQgMCAwIDAgLjI0LjgxMy45MjYuOTI2IDAgMCAwIDEuMjk0IDAgLjkyNi45MjYgMCAwIDAgMC0xLjI5NC44OS44OSAwIDAgMC0uODEzLS4yNEw4Ljc1NyA2LjU5OWwxLjk5Ny0xLjk5NiA1LjU0NCA1LjU0NS0xLjE4My4xM2EuOTE4LjkxOCAwIDAgMC0uNDQzLjIyMXoiIGZpbGw9IiNCRkJGQkYiLz48L3N2Zz4=";

package/dist/stories/Button.stories.d.ts

@@ -0,0 +1,130 @@
+declare namespace _default {
+    const title: string;
+    namespace argTypes {
+        namespace size {
+            namespace control {
+                const type: string;
+            }
+            const options: string[];
+        }
+    }
+}
+export default _default;
+export function primary(args: any): {
+    setup(): {
+        args: any;
+    };
+    template: string;
+};
+export namespace primary {
+    namespace args {
+        const size_1: string;
+        export { size_1 as size };
+        export const color: string;
+    }
+}
+export function secondary(args: any): {
+    setup(): {
+        args: any;
+    };
+    template: string;
+};
+export namespace secondary {
+    export namespace args_1 {
+        const size_2: string;
+        export { size_2 as size };
+        const color_1: string;
+        export { color_1 as color };
+    }
+    export { args_1 as args };
+}
+export function light(args: any): {
+    setup(): {
+        args: any;
+    };
+    template: string;
+};
+export namespace light {
+    export namespace args_2 {
+        const size_3: string;
+        export { size_3 as size };
+        const color_2: string;
+        export { color_2 as color };
+    }
+    export { args_2 as args };
+}
+export function lighter(args: any): {
+    setup(): {
+        args: any;
+    };
+    template: string;
+};
+export namespace lighter {
+    export namespace args_3 {
+        const size_4: string;
+        export { size_4 as size };
+        const color_3: string;
+        export { color_3 as color };
+    }
+    export { args_3 as args };
+}
+export function dark(args: any): {
+    setup(): {
+        args: any;
+    };
+    template: string;
+};
+export namespace dark {
+    export namespace args_4 {
+        const size_5: string;
+        export { size_5 as size };
+        const color_4: string;
+        export { color_4 as color };
+    }
+    export { args_4 as args };
+}
+export function danger(args: any): {
+    setup(): {
+        args: any;
+    };
+    template: string;
+};
+export namespace danger {
+    export namespace args_5 {
+        const size_6: string;
+        export { size_6 as size };
+        const color_5: string;
+        export { color_5 as color };
+    }
+    export { args_5 as args };
+}
+export function success(args: any): {
+    setup(): {
+        args: any;
+    };
+    template: string;
+};
+export namespace success {
+    export namespace args_6 {
+        const size_7: string;
+        export { size_7 as size };
+        const color_6: string;
+        export { color_6 as color };
+    }
+    export { args_6 as args };
+}
+export function disabled(args: any): {
+    setup(): {
+        args: any;
+    };
+    template: string;
+};
+export namespace disabled {
+    export namespace args_7 {
+        const size_8: string;
+        export { size_8 as size };
+        const color_7: string;
+        export { color_7 as color };
+    }
+    export { args_7 as args };
+}

package/dist/stories/Card.stories.d.ts

@@ -0,0 +1,7 @@
+declare namespace _default {
+    const title: string;
+}
+export default _default;
+export function Primary(): {
+    template: string;
+};

package/dist/stories/Color.stories.d.ts

@@ -0,0 +1,13 @@
+declare namespace _default {
+    const title: string;
+}
+export default _default;
+export function Primary(): {
+    setup(): {
+        colors: {
+            title: string;
+            variables: string[];
+        }[];
+    };
+    template: string;
+};

package/dist/stories/Icon.stories.d.ts

@@ -2,18 +2,10 @@ declare namespace _default {
     export const title: string;
     export { DhIcon as component };
     export namespace argTypes {
-        namespace iconName {
+        namespace size {
             namespace control {
                 const type: string;
             }
-            const options: string[];
-        }
-        namespace size {
-            export namespace control_1 {
-                const type_1: string;
-                export { type_1 as type };
-            }
-            export { control_1 as control };
         }
     }
 }
@@ -73,6 +65,7 @@ export function Primary(args: any): {
     };
     setup(): {
         args: any;
+        icons: string[];
     };
     template: string;
 };
@@ -82,8 +75,6 @@ export namespace Primary {
         export const active: boolean;
         const size_1: number;
         export { size_1 as size };
-        const iconName_1: string;
-        export { iconName_1 as iconName };
     }
 }
 import DhIcon from "../components/Icon.vue";

package/dist/stories/Input.stories.d.ts

@@ -0,0 +1,16 @@
+declare namespace _default {
+    const title: string;
+    namespace argTypes {
+        namespace type {
+            namespace control {
+                const type_1: string;
+                export { type_1 as type };
+            }
+            const options: string[];
+        }
+    }
+}
+export default _default;
+export function Primary(args: any): {
+    template: string;
+};

package/dist/stories/Scrollbar.stories.d.ts

@@ -0,0 +1,7 @@
+declare namespace _default {
+    const title: string;
+}
+export default _default;
+export function Primary(): {
+    template: string;
+};

package/dist/stories/Shadow.stories.d.ts

@@ -0,0 +1,10 @@
+declare namespace _default {
+    const title: string;
+}
+export default _default;
+export function Primary(): {
+    setup(): {
+        shadows: string[];
+    };
+    template: string;
+};

package/dist/stories/Table.stories.d.ts

@@ -0,0 +1,11 @@
+declare namespace _default {
+    const title: string;
+    const argTypes: {};
+}
+export default _default;
+export function Default(args: any): {
+    setup(): {
+        args: any;
+    };
+    template: string;
+};

package/dist/stories/Tag.stories.d.ts

@@ -0,0 +1,130 @@
+declare namespace _default {
+    const title: string;
+    namespace argTypes {
+        namespace size {
+            namespace control {
+                const type: string;
+            }
+            const options: string[];
+        }
+    }
+}
+export default _default;
+export function primary(args: any): {
+    setup(): {
+        args: any;
+    };
+    template: string;
+};
+export namespace primary {
+    namespace args {
+        const size_1: string;
+        export { size_1 as size };
+        export const color: string;
+    }
+}
+export function secondary(args: any): {
+    setup(): {
+        args: any;
+    };
+    template: string;
+};
+export namespace secondary {
+    export namespace args_1 {
+        const size_2: string;
+        export { size_2 as size };
+        const color_1: string;
+        export { color_1 as color };
+    }
+    export { args_1 as args };
+}
+export function light(args: any): {
+    setup(): {
+        args: any;
+    };
+    template: string;
+};
+export namespace light {
+    export namespace args_2 {
+        const size_3: string;
+        export { size_3 as size };
+        const color_2: string;
+        export { color_2 as color };
+    }
+    export { args_2 as args };
+}
+export function lighter(args: any): {
+    setup(): {
+        args: any;
+    };
+    template: string;
+};
+export namespace lighter {
+    export namespace args_3 {
+        const size_4: string;
+        export { size_4 as size };
+        const color_3: string;
+        export { color_3 as color };
+    }
+    export { args_3 as args };
+}
+export function dark(args: any): {
+    setup(): {
+        args: any;
+    };
+    template: string;
+};
+export namespace dark {
+    export namespace args_4 {
+        const size_5: string;
+        export { size_5 as size };
+        const color_4: string;
+        export { color_4 as color };
+    }
+    export { args_4 as args };
+}
+export function danger(args: any): {
+    setup(): {
+        args: any;
+    };
+    template: string;
+};
+export namespace danger {
+    export namespace args_5 {
+        const size_6: string;
+        export { size_6 as size };
+        const color_5: string;
+        export { color_5 as color };
+    }
+    export { args_5 as args };
+}
+export function success(args: any): {
+    setup(): {
+        args: any;
+    };
+    template: string;
+};
+export namespace success {
+    export namespace args_6 {
+        const size_7: string;
+        export { size_7 as size };
+        const color_6: string;
+        export { color_6 as color };
+    }
+    export { args_6 as args };
+}
+export function disabled(args: any): {
+    setup(): {
+        args: any;
+    };
+    template: string;
+};
+export namespace disabled {
+    export namespace args_7 {
+        const size_8: string;
+        export { size_8 as size };
+        const color_7: string;
+        export { color_7 as color };
+    }
+    export { args_7 as args };
+}

package/dist/stories/Typography.stories.d.ts

@@ -0,0 +1,11 @@
+declare namespace _default {
+    const title: string;
+    const argTypes: {};
+}
+export default _default;
+export function Default(args: any): {
+    setup(): {
+        args: any;
+    };
+    template: string;
+};

package/dist/style.css

@@ -1 +1 @@
-:root{--main-filter-blue: invert(42%) sepia(82%) saturate(6840%) hue-rotate(189deg) brightness(91%) contrast(88%);--main-filter-red: invert(27%) sepia(53%) saturate(2191%) hue-rotate(340deg) brightness(92%) contrast(96%);--main-shadow-2: 0px 0px 12px rgba(136, 136, 136, .08);--main-neutral-100: #f8f9fa;--main-neutral-200: #f8fbfd;--main-neutral-300: #e0e0e0;--main-neutral-400: #aaadb4;--main-neutral-500: #828282;--main-neutral-600: #7a8393;--main-neutral-700: #555555;--main-neutral-800: #231f20;--main-primary-100: #f2f7fa;--main-primary-200: #ecf4fa;--main-primary-300: #cbe7fa;--main-primary-400: #099bfd;--main-primary-500: #0f71b4;--main-primary-600: #0683d8}.active[data-v-2d6cb236],.active-hover[data-v-2d6cb236]:hover{filter:var(--main-filter-blue)}.search-panel[data-v-38e7bf54]{position:absolute;width:10rem;display:flex}.search-panel-input[data-v-38e7bf54]{padding:0 2.5rem;height:2rem;box-shadow:var(--main-shadow-2)}.search-panel-button[data-v-38e7bf54],.search-panel-open[data-v-38e7bf54]{background:transparent;border:transparent;line-height:1;padding-top:.188rem;cursor:pointer}.search-panel-button.close[data-v-38e7bf54] :hover,.search-panel-open.close[data-v-38e7bf54] :hover{filter:var(--main-filter-red)}.search-panel-button[data-v-38e7bf54]{margin-left:-2.25rem}.form-input[data-v-38e7bf54]{height:2.5rem;padding:0 .75rem;border-radius:8px}.form-input[data-v-38e7bf54]{border:solid 1px var(--main-neutral-300);color:solid 1px var(--main-neutral-800)}.form-input[data-v-38e7bf54]::placeholder{color:var(--main-neutral-400)}.form-input.active[data-v-38e7bf54],.form-input[data-v-38e7bf54]:focus{border-color:var(--main-primary-500);outline:0}
+:root{--main-filter-blue: invert(42%) sepia(82%) saturate(6840%) hue-rotate(189deg) brightness(91%) contrast(88%);--main-filter-red: invert(27%) sepia(53%) saturate(2191%) hue-rotate(340deg) brightness(92%) contrast(96%);--main-filter-gray: invert(48%) sepia(0%) saturate(1294%) hue-rotate(102deg) brightness(95%) contrast(86%);--main-filter-light: brightness(120%);--main-filter-lighter: brightness(200%);--main-shadow-1: 0px 10px 30px 0px #97979733;--main-shadow-2: 0px 0px 12px rgba(136, 136, 136, .08);--main-shadow-3: 0px 0px 30px 0px #97979733;--main-white: #fff;--main-black: #000;--main-neutral-100: #f8f9fa;--main-neutral-200: #f8fbfd;--main-neutral-300: #e0e0e0;--main-neutral-400: #aaadb4;--main-neutral-500: #828282;--main-neutral-600: #7a8393;--main-neutral-700: #555555;--main-neutral-800: #231f20;--main-primary-100: #f2f7fa;--main-primary-200: #ecf4fa;--main-primary-300: #cbe7fa;--main-primary-400: #099bfd;--main-primary-500: #0f71b4;--main-primary-600: #0683d8;--main-accent-danger-default: #c32f27;--main-accent-danger-light: #e58b86;--main-accent-danger-lighter: #fce4e2;--main-accent-success-default: #3ca064;--main-accent-success-light: #dcf5e0;--main-accent-success-lighter: #f1fbf3;--main-accent-warning-default: #cd7f0a;--main-accent-warning-light: #fef8ee;--main-accent-warning-lighter: #fff5f4}.btn{border:0;border-radius:.5rem;font-size:14px;height:2.5rem;line-height:2.5rem;cursor:pointer;min-width:unset;padding:0 1rem;white-space:nowrap;text-align:center}.btn-small{line-height:1.5rem;height:1.5rem;font-size:12px}.btn-mini{font-size:14px;padding:.7rem;min-width:0;height:0;line-height:0;border-radius:4px}.btn-large{line-height:3.5rem;height:3.5rem;font-size:16px;font-weight:600}.btn-primary{background-color:var(--main-primary-200);color:var(--main-primary-500)}.btn-primary:active{background-color:var(--main-primary-300)}.btn-secondary{background-color:var(--main-neutral-100);color:var(--main-neutral-700)}.btn-secondary.btn-large{font-weight:400}.btn-secondary:active{background-color:var(--main-neutral-300)}.btn-light{background-color:var(--main-white);color:var(--main-neutral-400)}.btn-light.btn-large{font-weight:500}.btn-light:active{background-color:var(--main-neutral-300)}.btn-danger{background-color:var(--main-accent-danger-lighter);color:var(--main-accent-danger-light)}.btn-success{background-color:var(--main-accent-success-light);color:var(--main-accent-success-default)}.btn-lighter{background-color:var(--main-neutral-100);color:var(--main-neutral-600)}.btn-dark{background-color:var(--main-neutral-600);color:var(--main-neutral-100)}.btn.focus{border:2px solid var(--main-primary-300)}.btn:hover:enabled{box-shadow:var(--main-shadow-1)}.btn:disabled{background-color:var(--main-neutral-100);color:var(--main-neutral-400)}.card{background-color:var(--main-white);border-radius:8px;box-shadow:var(--main-shadow-2)}.input-group{display:flex;flex-direction:column;margin-bottom:1rem}.input-group .input-label{color:var(--main-neutral-500);margin-bottom:.5rem}.form-input{height:2.5rem;padding:0 .75rem;border-radius:8px}.invalid-feedback{display:block;width:100%;margin-top:.25rem;font-size:.875em;color:var(--main-accent-danger-default)}.form-input{border:solid 1px var(--main-neutral-300);color:solid 1px var(--main-neutral-800)}.form-input::placeholder{color:var(--main-neutral-400)}.form-input.active,.form-input:focus{border-color:var(--main-primary-500);outline:0}.form-input.success{background:url(../assets/icons/success.png) no-repeat;background-position:right 10px center;background-size:1rem}.form-input.error{background:url(../assets/icons/error.png) no-repeat;background-position:right 10px center;background-size:1rem;border-color:var(--main-accent-danger-default)}::-webkit-scrollbar-track{border-radius:10px;background-color:transparent}::-webkit-scrollbar{width:5px;height:5px;background-color:transparent}::-webkit-scrollbar-thumb{border-radius:10px;background-color:var(--main-neutral-300)}table{width:100%;border-collapse:collapse}table thead{background-color:var(--main-neutral-100);height:2.5rem;text-transform:uppercase;position:sticky;top:0;z-index:1;font-size:16px}table thead tr th{border-right:1px solid var(--main-neutral-300);text-align:justify}table thead .table-control{background-color:var(--main-neutral-100)}table tbody tr td{height:2.8125rem;color:var(--main-neutral-700)}table tbody tr.hover,table tbody tr:hover{background:var(--main-neutral-200)}table tbody .table-control{background-color:var(--main-white)}table tbody .table-control.hover,table tbody .table-control:hover{background:var(--main-neutral-200)}th,td{border:none;border-top:1px solid var(--main-neutral-300);padding:.5rem 2.5rem;white-space:nowrap;overflow:hidden}th .btn,td .btn{min-width:auto;padding:0 1rem}th:not(.no-ellipse),td:not(.no-ellipse){text-overflow:ellipsis}.content-end{justify-content:flex-end}.content-space-between{justify-content:space-between}.tag{border:0;border-radius:.5rem;font-size:14px;height:2.5rem;line-height:2.5rem;cursor:pointer;min-width:unset;padding:0 1rem;white-space:nowrap;text-align:center}.tag-small{line-height:1.5rem;height:1.5rem;font-size:12px}.tag-mini{font-size:14px;padding:.7rem;min-width:0;height:0;line-height:0;border-radius:4px}.tag-large{line-height:3.5rem;height:3.5rem;font-size:16px;font-weight:600}.tag-primary{background-color:var(--main-primary-200);color:var(--main-primary-500)}.tag-primary:active{background-color:var(--main-primary-300)}.tag-secondary{background-color:var(--main-neutral-100);color:var(--main-neutral-700)}.tag-secondary.btn-large{font-weight:400}.tag-secondary:active{background-color:var(--main-neutral-300)}.tag-light{background-color:var(--main-white);color:var(--main-neutral-400)}.tag-light.btn-large{font-weight:500}.tag-light:active{background-color:var(--main-neutral-300)}.tag-danger{background-color:var(--main-accent-danger-lighter);color:var(--main-accent-danger-light)}.tag-success{background-color:var(--main-accent-success-light);color:var(--main-accent-success-default)}.tag-lighter{background-color:var(--main-neutral-100);color:var(--main-neutral-600)}.tag-dark{background-color:var(--main-neutral-600);color:var(--main-neutral-100)}.tag.focus{border:2px solid var(--main-primary-300)}.tag:hover:enabled{box-shadow:var(--main-shadow-1)}.tag:disabled{background-color:var(--main-neutral-100);color:var(--main-neutral-400)}@font-face{font-family:Rubik-Bold;src:url(../assets/fonts/Rubik-Bold.ttf)}@font-face{font-family:Rubik-Medium;src:url(../assets/fonts/Rubik-Medium.ttf)}@font-face{font-family:Rubik-Regular;src:url(../assets/fonts/Rubik-Regular.ttf)}h1,h3,h4{font-family:Rubik-Medium,Arial,Helvetica,sans-serif}h2{font-family:Rubik-Bold,Arial,Helvetica,sans-serif}h1{font-size:36px}h2{font-size:28px}h3{font-size:24px}h4{font-size:18px}.text-1,.text-2{color:var(--main-neutral-400)}.text-1{font-size:14px}.text-2{font-size:16px}.text-3{font-size:16px;font-weight:700;color:var(--main-neutral-700) default}.text-4{font-weight:400;color:var(--main-neutral-700)}body{font-family:Rubik-Regular,Arial,Helvetica,sans-serif}.label{font-family:Rubik-Regular,Arial,Helvetica,sans-serif;font-size:12px}.additional{font-family:Rubik-Regular,Arial,Helvetica,sans-serif;font-size:10px}.medium{font-family:Rubik-Medium,Arial,Helvetica,sans-serif}a{text-decoration:none}.active[data-v-2d6cb236],.active-hover[data-v-2d6cb236]:hover{filter:var(--main-filter-blue)}.search-panel[data-v-38e7bf54]{position:absolute;width:10rem;display:flex}.search-panel-input[data-v-38e7bf54]{padding:0 2.5rem;height:2rem;box-shadow:var(--main-shadow-2)}.search-panel-button[data-v-38e7bf54],.search-panel-open[data-v-38e7bf54]{background:transparent;border:transparent;line-height:1;padding-top:.188rem;cursor:pointer}.search-panel-button.close[data-v-38e7bf54] :hover,.search-panel-open.close[data-v-38e7bf54] :hover{filter:var(--main-filter-red)}.search-panel-button[data-v-38e7bf54]{margin-left:-2.25rem}.form-input[data-v-38e7bf54]{height:2.5rem;padding:0 .75rem;border-radius:8px}.form-input[data-v-38e7bf54]{border:solid 1px var(--main-neutral-300);color:solid 1px var(--main-neutral-800)}.form-input[data-v-38e7bf54]::placeholder{color:var(--main-neutral-400)}.form-input.active[data-v-38e7bf54],.form-input[data-v-38e7bf54]:focus{border-color:var(--main-primary-500);outline:0}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deskhero/dh_ui",
-  "version": "1.5.1",
+  "version": "1.7.0",
   "files": [
     "dist"
   ],