mediacube-ui 0.1.378 → 0.1.380

package/CHANGELOG.md

@@ -2,6 +2,10 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.1.380](https://github.com/MediaCubeCo/mcui/compare/v0.1.379...v0.1.380) (2025-05-29)
+
+### [0.1.379](https://github.com/MediaCubeCo/mcui/compare/v0.1.378...v0.1.379) (2025-05-14)
+
 ### [0.1.378](https://github.com/MediaCubeCo/mcui/compare/v0.1.377...v0.1.378) (2025-05-08)
 
 ### [0.1.377](https://github.com/MediaCubeCo/mcui/compare/v0.1.376...v0.1.377) (2025-05-08)

package/package.json

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

package/src/elements/McDatePicker/McDatePicker.vue

@@ -816,17 +816,27 @@ export default {
             display: flex;
             justify-content: space-between;
             align-items: center;
-            @include child-indent-right($space-200);
-            > * {
-                @include child-indent-right($space-300);
+            flex-direction: column;
+            row-gap: $space-150;
+            @media #{$media-query-m} {
+                flex-direction: row;
+                @include child-indent-right($space-200);
+                > * {
+                    @include child-indent-right($space-300);
+                }
             }
             &-periods {
-                @include child-indent-right(0);
-                column-gap: $space-300;
                 row-gap: $space-100;
                 align-items: center;
                 display: flex;
                 flex-wrap: wrap;
+                width: 100%;
+                justify-content: space-between;
+                @media #{$media-query-m} {
+                    width: auto;
+                    column-gap: $space-300;
+                    @include child-indent-right($space-zero);
+                }
             }
             .mc-button {
                 @include child-indent-right($space-zero);

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

@@ -380,8 +380,14 @@ export default {
             type: Number,
             default: 2,
         },
+        /**
+         * Убираем ли лидирующий 0 01 -> 1 для числовых инпутов num/int/amount_format
+         */
+        removeLeadingZero: {
+            type: Boolean,
+            default: true,
+        },
     },
-
     data() {
         return {
             prependWidth: 0,
@@ -496,7 +502,7 @@ export default {
 
         inputAttrs() {
             return {
-                class: 'mc-field-text__input',
+                class: this.inputClasses,
                 style: this.inputStyles,
                 placeholder: this.placeholder,
                 value: this.computedValue,
@@ -507,6 +513,16 @@ export default {
                 tabindex: this.tabindex,
             }
         },
+        inputClasses() {
+            return {
+              'mc-field-text__input': true,
+              'mc-field-text__input--text-normalized': this.isPhoneType && this.isRtl,
+            }
+        },
+        
+        isPhoneType() {
+          return this.type === 'phone_number'
+        },
 
         isPasswordType() {
             return this.prettyType === 'password'
@@ -582,7 +598,8 @@ export default {
         /**
          * Remove leading zero from input if length > 1 && number isn't decimal
          * */
-        removeLeadingZero(val) {
+        handleRemoveLeadingZero(val) {
+            if (!this.removeLeadingZero) return val
             let result = val
             const [first_char] = val || []
             if (val.length > 1 && +first_char === 0 && val.indexOf('.') === -1) result = val.slice(1)
@@ -597,21 +614,21 @@ export default {
                 case 'num': {
                     let [num] = /-?\d*[\.]?\d*/.exec(String(value)) || []
                     num = this.setDecimalsLimit(num)
-                    num = this.removeLeadingZero(num)
+                    num = this.handleRemoveLeadingZero(num)
                     value = num
                     e.target.value = num
                     break
                 }
                 case 'int': {
                     let [int] = /-?\d*/.exec(String(e.target.value)) || []
-                    int = this.removeLeadingZero(int)
+                    int = this.handleRemoveLeadingZero(int)
                     value = int
                     e.target.value = int
                     break
                 }
                 case 'amount_format': {
                     value = this.setDecimalsLimit(value)
-                    value = this.removeLeadingZero(value)
+                    value = this.handleRemoveLeadingZero(value)
                     const cursor_position = this.getCaretPos(e.target)?.start
                     const prepared_value = this.formattedToNumber(value)
 
@@ -892,6 +909,10 @@ export default {
         @include input-placeholder() {
             color: $color-gray;
         }
+        &--text-normalized {
+            text-align: right;
+            unicode-bidi: plaintext;
+        }
     }
 
     &__footer {

package/src/patterns/McTable/McTable/McTable.vue

@@ -635,7 +635,7 @@ export default {
         display: flex;
         align-items: center;
         justify-content: center;
-        height: $size-700;
+        height: $size-500;
         background-color: $color-white;
         color: $color-outline-gray;
         @include child-indent-right($space-100);

package/src/styles/toast.scss

@@ -34,7 +34,10 @@
             margin-inline-end: $space-50;
           }
           &:first-of-type {
-            margin-inline-start: $space-600;
+            margin-inline-start: auto;
+            @media #{$media-query-s} {
+              margin-inline-start: $space-600;
+            }
           }
           &:last-child {
             margin-inline-end: -$space-300; // TODO: refactor negative margin