mediacube-ui 0.1.73 → 0.1.75

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mediacube-ui",
-  "version": "0.1.73",
+  "version": "0.1.75",
   "description": "Design system for Mediacube services",
   "author": "Mediacube",
   "private": false,

package/src/elements/McField/McFieldText/McFieldText.vue

@@ -146,6 +146,7 @@ export default {
          * кастомный int - разрешает ввод только целочисленных значений
          * кастомный amount_format - форматирует ввод числовых данных разделяя на разряды(1 000 000)
          * date - добавляет placeholder, маску и ограничения ввода
+         * uppercase\lowercase - форматирует текст согласну значению (верхний\нижний регистр)
          */
         type: {
             type: String,
@@ -561,6 +562,14 @@ export default {
                     const space_length = e.target.value?.slice(0, cursor_position).replace(/[^ ]/gm, '')?.length || 0
                     this.setCaretPos(e.target, cursor_position + space_length, cursor_position + space_length)
                     break
+                case 'uppercase':
+                    value = value?.toUpperCase()
+                    e.target.value = value
+                    break
+                case 'lowercase':
+                    value = value?.toLowerCase()
+                    e.target.value = value
+                    break
             }
 
             this.handleInput(value)

package/src/styles/_mixins.scss

@@ -364,3 +364,37 @@
     padding-left: $space-200;
   }
 }
+
+@mixin common-slide-styles {
+  &-enter-active,
+  &-leave-active {
+    transition: all $duration-s ease;
+  }
+  &-enter,
+  &-leave-to {
+    opacity: 0;
+  }
+}
+
+@mixin slideAnimations {
+  /*slide-right*/
+  .slide-right {
+    @include common-slide-styles;
+    &-enter {
+      transform: translateX(50%);
+    }
+    &-leave-to {
+      transform: translateX(-50%);
+    }
+  }
+  /*slide-left*/
+  .slide-left {
+    @include common-slide-styles;
+    &-enter {
+      transform: translateX(-50%);
+    }
+    &-leave-to {
+      transform: translateX(50%);
+    }
+  }
+}