@webitel/ui-sdk 24.6.27 → 24.6.30

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "24.6.27",
+  "version": "24.6.30",
   "private": false,
   "scripts": {
     "dev": "vite",

package/src/api/axios/generateInstance.js

@@ -1,9 +1,12 @@
 import axios from 'axios';
 
 // 'X-Webitel-Access' ~ 'X-Access-Token'
-const generateInstance = ({ interceptors } = {}) => {
+const generateInstance = ({
+                            interceptors,
+                            baseURL,
+                          } = {}) => {
   const instance = axios.create({
-    baseURL: import.meta.env.VITE_API_URL,
+    baseURL,
     headers: {
       'X-Webitel-Access': localStorage.getItem('access-token') || '',
     },

package/src/components/wt-app-header/wt-app-navigator.vue

@@ -146,6 +146,8 @@ function close() {
 </script>
 
 <style lang="scss" scoped>
+@import 'src/css/main.scss';
+
 .wt-app-navigator {
   position: relative;
   z-index: var(--wt-app-header-content-z-index);

package/src/components/wt-app-header/wt-header-actions.vue

@@ -133,6 +133,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@import 'src/css/main.scss';
+
 .wt-header-actions {
   position: relative;
   z-index: var(--wt-app-header-content-z-index);

package/src/components/wt-button/wt-button.vue

@@ -112,6 +112,8 @@ export default {
 </style>
 
 <style lang="scss" scoped>
+@import 'src/css/main.scss';
+
 .wt-button {
   @extend %typo-button;
   position: relative;

package/src/components/wt-checkbox/wt-checkbox.vue

@@ -112,7 +112,7 @@ export default {
 <style lang="scss" scoped>
 
 .wt-checkbox {
-  @include width-fit-content;
+  width: fit-content;
   box-sizing: border-box;
 
   .wt-label {

package/src/components/wt-chip/wt-chip.scss

@@ -1,3 +1,6 @@
+
+@import 'src/css/main.scss';
+
 .wt-chip {
   @extend %typo-body-2;
 

package/src/components/wt-context-menu/wt-context-menu.vue

@@ -81,6 +81,7 @@ function handleOptionClick({ option, index, hide }) {
 </style>
 
 <style lang="scss" scoped>
+@import 'src/css/main.scss';
 
 .wt-context-menu {
   line-height: 0;

package/src/components/wt-datepicker/wt-datepicker.vue

@@ -132,6 +132,7 @@ const isDateTime = props.mode === 'datetime';
 </style>
 
 <style lang="scss" scoped>
+@import 'src/css/main.scss';
 
 .wt-datepicker :deep(.dp__main) {
   .dp__input_icon {

package/src/components/wt-dummy/wt-dummy.vue

@@ -69,6 +69,8 @@ const dummy = computed(() => props.darkMode ? dummyDark : dummyLight);
 </style>
 
 <style lang="scss" scoped>
+@import 'src/css/main.scss';
+
 .wt-dummy {
   display: flex;
   align-items: center;

package/src/components/wt-expansion-panel/wt-expansion-panel.vue

@@ -84,6 +84,8 @@ watch(() => props.collapsed, (newVal) => {
 </style>
 
 <style lang="scss" scoped>
+@import 'src/css/main.scss';
+
 .wt-expansion-panel {
   display: flex;
   flex-direction: column;

package/src/components/wt-headline/wt-headline.vue

@@ -25,6 +25,7 @@ export default {
 </style>
 
 <style lang="scss" scoped>
+@import 'src/css/main.scss';
 
 .wt-headline {
   display: flex;

package/src/components/wt-headline-nav/wt-headline-nav.vue

@@ -48,6 +48,8 @@ const props = defineProps({
 </style>
 
 <style lang="scss" scoped>
+@import 'src/css/main.scss';
+
 .wt-headline-nav {
   display: flex;
   align-items: center;

package/src/components/wt-icon/wt-icon.vue

@@ -16,7 +16,6 @@
 <script setup>
 
 import { computed } from 'vue';
-import '../../assets/icons/sprite/index.js';
 
 const props = defineProps({
   /**

package/src/components/wt-indicator/wt-indicator.vue

@@ -52,6 +52,7 @@ export default {
 </style>
 
 <style lang="scss" scoped>
+@import 'src/css/main.scss';
 
 .wt-indicator {
   display: flex;

package/src/components/wt-input/wt-input.vue

@@ -272,6 +272,7 @@ onMounted(() => {
 </style>
 
 <style lang="scss" scoped>
+@import 'src/css/main.scss';
 
 .wt-input {
   cursor: text;

package/src/components/wt-input-info/wt-input-info.vue

@@ -26,6 +26,7 @@ export default {
 </style>
 
 <style lang="scss" scoped>
+@import 'src/css/main.scss';
 
 .wt-input-info {
   @extend %typo-caption;

package/src/components/wt-label/wt-label.vue

@@ -39,6 +39,7 @@ export default {
 </style>
 
 <style lang="scss" scoped>
+@import 'src/css/main.scss';
 
 .wt-label {
   @extend %typo-body-1;

package/src/components/wt-navigation-bar/wt-navigation-bar.vue

@@ -197,11 +197,11 @@ export default {
 </style>
 
 <style lang="scss" scoped>
+@import 'src/css/main.scss';
 
 .wt-navigation-bar__menu-btn {
   display: block;
   width: fit-content;
-  width: -moz-fit-content;
 }
 
 .wt-navigation-bar__nav {

package/src/components/wt-notification/wt-notification.vue

@@ -55,10 +55,11 @@ export default {
 </style>
 
 <style lang="scss" scoped>
+@import 'src/css/main.scss';
 
 .wt-notification {
   @extend %typo-body-1;
-  @include width-fit-content;
+  width: fit-content;
 
   position: relative;
   display: flex;

package/src/components/wt-notifications-bar/wt-notifications-bar.vue

@@ -52,6 +52,7 @@ export default {
 </style>
 
 <style lang="scss" scoped>
+@import 'src/css/main.scss';
 
 .wt-notifications-bar {
   @extend %wt-scrollbar;

package/src/components/wt-pagination/wt-pagination.vue

@@ -112,6 +112,7 @@ export default {
 </style>
 
 <style lang="scss" scoped>
+@import 'src/css/main.scss';
 
 .wt-pagination {
   @extend %typo-body-1;

package/src/components/wt-player/wt-player.vue

@@ -160,6 +160,8 @@ export default {
 </style>
 
 <style lang="scss" scoped>
+@import 'src/css/main.scss';
+
 .wt-player {
   @extend %typo-body-2;
   bottom: 60px;

package/src/components/wt-popup/wt-popup.vue

@@ -92,6 +92,7 @@ export default {
 </style>
 
 <style lang="scss" scoped>
+@import 'src/css/main.scss';
 
 .wt-popup {
   position: fixed;

package/src/components/wt-radio/wt-radio.vue

@@ -96,7 +96,7 @@ export default {
 
 /* Customize the label (the container) */
 .wt-radio {
-  @include width-fit-content;
+  width: fit-content;
   box-sizing: border-box;
 
   .wt-label {

package/src/components/wt-search-bar/wt-search-bar.vue

@@ -151,6 +151,7 @@ function handleKeyup(event) {
 </style>
 
 <style lang="scss" scoped>
+@import 'src/css/main.scss';
 
 .wt-search-bar {
   cursor: text;

package/src/components/wt-select/_multiselect.scss

@@ -1,4 +1,6 @@
 
+@import 'src/css/main.scss';
+
 .multiselect :deep {
   position: relative;
   cursor: pointer;

package/src/components/wt-switcher/wt-switcher.vue

@@ -84,7 +84,7 @@ export default {
 <style lang="scss" scoped>
 
 .wt-switcher {
-  @include width-fit-content;
+  width: fit-content;
   position: relative;
   box-sizing: border-box;
 

package/src/components/wt-table/wt-table.vue

@@ -254,6 +254,7 @@ export default {
 </style>
 
 <style lang="scss" scoped>
+@import 'src/css/main.scss';
 
 .wt-table {
   @extend %wt-scrollbar;

package/src/components/wt-table-column-select/wt-table-column-select.vue

@@ -130,6 +130,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@import 'src/css/main.scss';
+
 $list-height: 400px;
 $list-width-sm: calc(500px - var(--spacing-xl)); // all popup width - (paddings + overflow-padding)
 $list-width-md: calc(800px - var(--spacing-xl)); // all popup width - (paddings + overflow-padding)

package/src/components/wt-tabs/wt-tabs.vue

@@ -88,6 +88,7 @@ export default {
 </style>
 
 <style lang="scss" scoped>
+@import 'src/css/main.scss';
 
 .wt-tabs {
   position: relative;

package/src/components/wt-textarea/wt-textarea.vue

@@ -149,6 +149,7 @@ export default {
 </style>
 
 <style lang="scss" scoped>
+@import 'src/css/main.scss';
 
 .wt-textarea {
   cursor: text;

package/src/components/wt-time-input/wt-time-input.vue

@@ -111,6 +111,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@import 'src/css/main.scss';
+
 .wt-time-input {
   display: inline-block;
   cursor: text;

package/src/components/wt-tooltip/wt-tooltip.vue

@@ -112,6 +112,7 @@ onMounted(() => {
 </style>
 
 <style lang="scss" scoped>
+@import 'src/css/main.scss';
 
 .wt-tooltip {
   display: inline-block;