@webitel/ui-sdk 0.8.71 → 0.9.3

package/package.json

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

package/src/components/atoms/wt-icon/__tests__/WtIcon.spec.js

@@ -11,7 +11,7 @@ describe('WtIcon', () => {
     expect(wrapper.classes('wt-icon')).toBe(true);
   });
   it('correctly computes icon name', () => {
-    const iconName = '#_icon-jest-bucket--sm';
+    const iconName = '#jest-bucket';
     const wrapper = shallowMount(WtIcon, {
       propsData: {
         icon: 'bucket',

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

@@ -8,9 +8,7 @@
        { 'wt-icon--disabled': disabled }
      ]"
   >
-    <svg
-      class="wt-icon__icon"
-    >
+    <svg class="wt-icon__icon">
       <use :xlink:href="iconName"></use>
     </svg>
   </i>
@@ -44,9 +42,9 @@ export default {
   },
   computed: {
     iconName() {
-      let name = '#_icon';
-      if (this.iconPrefix) name += `-${this.iconPrefix}`;
-      return `${name}-${this.icon}--${this.size}`;
+      let name = '#';
+      if (this.iconPrefix) name += `${this.iconPrefix}-`;
+      return `${name}${this.icon}`;
     },
   },
 };
@@ -62,9 +60,9 @@ export default {
 
 /*svg instead of .icon to override styles by .icon-icon-name-size without any other seelectors*/
 svg {
-  display: flex;
-  width: var(--icon-md-size);
-  height: var(--icon-md-size);
+  display: block;
+  width: 100%;
+  height: 100%;
   stroke-width: 0;
   fill: var(--icon-color);
   transition: var(--transition);
@@ -113,22 +111,22 @@ svg {
 }
 
 .wt-icon--size {
-  &-xl .wt-icon__icon {
+  &-xl {
     width: var(--icon-xl-size);
     height: var(--icon-xl-size);
   }
 
-  &-lg .wt-icon__icon {
+  &-lg {
     width: var(--icon-lg-size);
     height: var(--icon-lg-size);
   }
 
-  &-md .wt-icon__icon {
+  &-md {
     width: var(--icon-md-size);
     height: var(--icon-md-size);
   }
 
-  &-sm .wt-icon__icon {
+  &-sm {
     width: var(--icon-sm-size);
     height: var(--icon-sm-size);
   }

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

@@ -1,6 +1,6 @@
 
 :root {
-  --icon-xl-size: 50px;
+  --icon-xl-size: 40px;
   --icon-lg-size: 32px;
   --icon-md-size: 24px;
   --icon-sm-size: 16px;