@webitel/ui-sdk 3.1.54 → 3.1.56

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "3.1.54",
+  "version": "3.1.56",
   "private": false,
   "scripts": {
     "serve-lib": "vue-cli-service serve",

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

@@ -127,6 +127,16 @@ svg {
 }
 
 .wt-icon--size {
+  &-3xl {
+    width: var(--icon-3xl-size);
+    height: var(--icon-3xl-size);
+  }
+
+  &-2xl {
+    width: var(--icon-2xl-size);
+    height: var(--icon-2xl-size);
+  }
+
   &-xl {
     width: var(--icon-xl-size);
     height: var(--icon-xl-size);

package/src/components/index.js

@@ -34,6 +34,7 @@ import WtButtonSelect from './molecules/wt-button-select/wt-button-select.vue';
 import WtHint from './molecules/wt-hint/wt-hint.vue';
 import WtCopyAction from './molecules/wt-copy-action/wt-copy-action.vue';
 import WtLoadBar from './molecules/wt-load-bar/wt-load-bar.vue';
+import WtItemLink from './molecules/wt-item-link/wt-item-link.vue';
 
 import WtAppHeader from './organisms/wt-app-header/wt-app-header.vue';
 import WtAppNavigator from './organisms/wt-app-header/wt-app-navigator.vue';
@@ -107,6 +108,7 @@ const Components = {
   WtLoadBar,
   WtIconAction,
   WtPageHeader,
+  WtItemLink,
 };
 
 export default Components;

package/src/components/molecules/wt-item-link/__tests__/WtItemLink.spec.js

@@ -0,0 +1,9 @@
+import { shallowMount } from '@vue/test-utils';
+import WtItemLink from '../wt-item-link.vue';
+
+describe('WtItemLink', () => {
+  it('renders a component', () => {
+    const wrapper = shallowMount(WtItemLink);
+    expect(wrapper.exists()).toBe(true);
+  });
+});

package/src/components/molecules/wt-item-link/wt-item-link.vue

@@ -0,0 +1,48 @@
+<template>
+  <router-link
+    :target="target"
+    :to="to"
+    class="wt-item-link"
+  >
+    <slot></slot>
+  </router-link>
+</template>
+
+<script setup>
+import { computed } from 'vue';
+
+const props = defineProps({
+  link: {
+    type: [String, Object],
+    default: '',
+  },
+  target: {
+    type: String,
+    default: '_self',
+  },
+  routeName: {
+    type: String,
+  },
+  id: {
+    type: [String, Number],
+  },
+});
+
+const to = computed(() => props.link || {
+    name: `${props.routeName}-edit`,
+    params: { id: props.id },
+  });
+</script>
+
+<style lang="scss" scoped>
+.wt-item-link {
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  transition: var(--transition);
+
+  &:hover {
+    text-decoration: underline;
+  }
+}
+</style>

package/src/css/components/atoms/wt-icon/_variables.scss

@@ -1,8 +1,10 @@
 
 :root {
+  --icon-3xl-size: 56px;
+  --icon-2xl-size: 48px;
   --icon-xl-size: 40px;
   --icon-lg-size: 32px;
   --icon-md-size: 24px;
   --icon-sm-size: 16px;
   --icon-xs-size: 8px;
-}
+}

package/src/locale/en/en.js

@@ -23,6 +23,8 @@ export default {
     save: 'Save',
     saveAs: 'SaveAs',
     saved: 'Saved',
+    send: 'Send',
+    start: 'Start',
     close: 'Close',
     add: 'Add',
     cancel: 'Cancel',

package/src/locale/ru/ru.js

@@ -23,6 +23,8 @@ export default {
     save: 'Сохранить',
     saveAs: 'Сохранить как нового',
     saved: 'Сохранено',
+    send: 'Отправить',
+    start: 'Начать',
     close: 'Закрыть',
     add: 'Добавить',
     cancel: 'Отменить',

package/src/locale/ua/ua.js

@@ -23,6 +23,8 @@ export default {
     save: 'Зберегти',
     saveAs: 'Зберігти як нового',
     saved: 'Збережено',
+    send: 'Надіслати',
+    start: 'Почати',
     close: 'Закрити',
     add: 'Додати',
     cancel: 'Відмінити',