mediacube-ui 0.1.61 → 0.1.62

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "mediacube-ui",
3
- "version": "0.1.61",
3
+ "version": "0.1.62",
4
4
  "description": "Design system for Mediacube services",
5
5
  "author": "Mediacube",
6
6
  "private": false,
@@ -69,8 +69,8 @@ export default {
69
69
  default: null,
70
70
  },
71
71
  /**
72
- * Размер: m, s, xs
73
- *
72
+ * Размер
73
+ * m, m-compact, s, s-compact, xs, xs-compact
74
74
  */
75
75
  size: {
76
76
  type: String,
@@ -121,22 +121,38 @@ export default {
121
121
  }
122
122
 
123
123
  &--size {
124
+ @mixin padding-x($space, $space-compact) {
125
+ padding-right: $space;
126
+ padding-left: $space;
127
+ &-compact {
128
+ padding-right: $space-compact;
129
+ padding-left: $space-compact;
130
+ }
131
+ }
132
+
124
133
  &-m {
125
- height: $size-400;
126
- padding-left: $space-100;
127
- padding-right: $space-100;
134
+ &,
135
+ &-compact {
136
+ height: $size-400;
137
+ }
138
+ @include padding-x($space-100, $space-50);
128
139
  }
129
140
  &-s {
130
- height: $size-300;
131
- padding-left: $space-50;
132
- padding-right: $space-50;
141
+ &,
142
+ &-compact {
143
+ height: $size-300;
144
+ }
145
+ @include padding-x($space-100, $space-50);
133
146
  }
134
147
  &-xs {
135
- height: $space-200;
136
- padding-left: $space-50;
137
- padding-right: $space-50;
138
- font-size: $font-size-100;
139
- line-height: $line-height-150;
148
+ &,
149
+ &-compact {
150
+ height: $space-200;
151
+ font-size: $font-size-100;
152
+ line-height: $line-height-150;
153
+ }
154
+
155
+ @include padding-x($space-50, 0);
140
156
  }
141
157
  }
142
158
 
@@ -36,7 +36,12 @@
36
36
  <div v-if="$scopedSlots['header-right'] || headerRight" class="mc-table-col__header-right">
37
37
  <!-- @slot Слот справа в ячейке хедера (абсолютно спозиционированный, с бэкграундом) -->
38
38
  <slot :column="column" name="header-right">
39
- <mc-chip v-if="headerRight" class="mc-table-col__total" variation="gray-invert" size="s">
39
+ <mc-chip
40
+ v-if="headerRight"
41
+ class="mc-table-col__total"
42
+ variation="gray-invert"
43
+ size="s-compact"
44
+ >
40
45
  {{ headerRight }}
41
46
  </mc-chip>
42
47
  </slot>