mediacube-ui 0.1.279 → 0.1.280

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/CHANGELOG.md CHANGED
@@ -2,6 +2,8 @@
2
2
 
3
3
  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.
4
4
 
5
+ ### [0.1.280](https://github.com/MediaCubeCo/mcui/compare/v0.1.279...v0.1.280) (2024-05-31)
6
+
5
7
  ### [0.1.279](https://github.com/MediaCubeCo/mcui/compare/v0.1.278...v0.1.279) (2024-05-31)
6
8
 
7
9
  ### [0.1.278](https://github.com/MediaCubeCo/mcui/compare/v0.1.277...v0.1.278) (2024-05-31)
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "mediacube-ui",
3
- "version": "0.1.279",
3
+ "version": "0.1.280",
4
4
  "description": "Design system for Mediacube services",
5
5
  "author": "Mediacube",
6
6
  "private": false,
@@ -187,7 +187,6 @@ export default {
187
187
  </script>
188
188
  <style lang="scss">
189
189
  @import '../../styles/mixins';
190
- @import '../../tokens/border-radius';
191
190
  @import '../../tokens/durations';
192
191
  $color-borders: $token-colors;
193
192
  $dot-colors: $token-colors;
@@ -95,8 +95,8 @@ export default {
95
95
 
96
96
  <style lang="scss">
97
97
  @import '../../styles/mixins';
98
- @import '../../tokens/border-radius';
99
98
  @import '../../tokens/font-families';
99
+ @import '../../tokens/letter-spacings';
100
100
  .mc-badge {
101
101
  $block-name: &;
102
102
  --mc-badge-color: #{$color-white};
@@ -408,10 +408,11 @@ export default {
408
408
 
409
409
  <style lang="scss">
410
410
  @import '../../styles/mixins';
411
- @import '../../tokens/border-radius';
412
411
  @import '../../tokens/durations';
413
412
  @import '../../tokens/opacities';
414
413
  @import '../../tokens/font-families';
414
+ @import '../../tokens/letter-spacings';
415
+ @import '../../tokens/animations';
415
416
  .mc-button {
416
417
  $block-name: &;
417
418
  @include reset();
@@ -581,8 +581,8 @@ export default {
581
581
  <style lang="scss">
582
582
  @import '~vue2-datepicker/scss/index.scss';
583
583
  @import '../../styles/mixins';
584
- @import '../../tokens/border-radius';
585
584
  @import '../../tokens/font-families';
585
+ @import '../../tokens/box-shadows';
586
586
  .mc-date-picker {
587
587
  $block-name: &;
588
588
 
@@ -152,7 +152,6 @@ export default {
152
152
 
153
153
  <style lang="scss">
154
154
  @import '../../../../styles/mixins';
155
- @import '../../../../tokens/border-radius';
156
155
  .mc-field-radio-button {
157
156
  $block-name: &;
158
157
  display: inline-block;
@@ -613,9 +613,9 @@ export default {
613
613
 
614
614
  <style lang="scss">
615
615
  @import '../../../styles/mixins';
616
- @import '../../../tokens/border-radius';
617
616
  @import '../../../tokens/durations';
618
617
  @import '../../../tokens/font-families';
618
+ @import '../../../tokens/box-shadows';
619
619
  .mc-field-select {
620
620
  $block-name: &;
621
621
  --mc-field-select-color: initial;
@@ -735,7 +735,6 @@ export default {
735
735
 
736
736
  <style lang="scss">
737
737
  @import '../../../styles/mixins';
738
- @import '../../../tokens/border-radius';
739
738
  @import '../../../tokens/durations';
740
739
  @import '../../../tokens/font-families';
741
740
  .mc-field-text {
@@ -161,7 +161,6 @@ export default {
161
161
 
162
162
  <style lang="scss">
163
163
  @import '../../../styles/mixins';
164
- @import '../../../tokens/border-radius';
165
164
  @import '../../../tokens/durations';
166
165
  .mc-field-toggle {
167
166
  $block-name: &;
@@ -127,7 +127,6 @@ export default {
127
127
 
128
128
  <style lang="scss">
129
129
  @import '../../styles/mixins';
130
- @import '../../tokens/border-radius';
131
130
  .mc-notification {
132
131
  $block-name: &;
133
132
  --mc-notification-color: #{$color-orange};
@@ -168,6 +168,7 @@ export default {
168
168
  <style lang="scss">
169
169
  @import '../../styles/mixins';
170
170
  @import '../../tokens/font-families';
171
+ @import '../../tokens/letter-spacings';
171
172
  .mc-title {
172
173
  $block-name: &;
173
174
  --mc-title-color: initial;
@@ -138,9 +138,10 @@ export default {
138
138
 
139
139
  <style lang="scss">
140
140
  @import '../../styles/mixins';
141
- @import '../../tokens/border-radius';
142
141
  @import '../../tokens/durations';
143
142
  @import '../../tokens/font-families';
143
+ @import '../../tokens/box-shadows';
144
+ @import '../../tokens/spacings';
144
145
  .mc-tooltip-target {
145
146
  display: inline-flex;
146
147
  }
@@ -165,7 +165,6 @@ export default {
165
165
 
166
166
  <style lang="scss">
167
167
  @import '../../../styles/mixins';
168
- @import '../../../tokens/border-radius';
169
168
  .mc-chat-comment {
170
169
  $block-name: &;
171
170
  --mc-chat-comment-color: initial;
@@ -114,7 +114,6 @@ export default {
114
114
 
115
115
  <style lang="scss">
116
116
  @import '../../../styles/mixins';
117
- @import '../../../tokens/border-radius';
118
117
  .mc-chat-form {
119
118
  $block-name: &;
120
119
  line-height: $line-height-200;
@@ -161,7 +161,6 @@ export default {
161
161
 
162
162
  <style lang="scss">
163
163
  @import '../../styles/mixins';
164
- @import '../../tokens/border-radius';
165
164
  @import '../../tokens/durations';
166
165
  .mc-collapse {
167
166
  $block-name: &;
@@ -13,7 +13,7 @@ export default {
13
13
 
14
14
  <style lang="scss">
15
15
  @import '../../../styles/mixins';
16
- @import '../../../tokens/border-radius';
16
+ @import '../../../tokens/box-shadows';
17
17
  .mc-dropdown-panel {
18
18
  $block-name: &;
19
19
 
@@ -214,7 +214,6 @@ export default {
214
214
 
215
215
  <style lang="scss">
216
216
  @import '../../styles/mixins';
217
- @import '../../tokens/border-radius';
218
217
  @mixin track-visibility() {
219
218
  right: 0;
220
219
  width: 7px;
@@ -326,7 +326,6 @@ export default {
326
326
 
327
327
  <style lang="scss">
328
328
  @import '../../../styles/mixins';
329
- @import '../../../tokens/border-radius';
330
329
  .mc-filter-tags {
331
330
  $block-name: &;
332
331
 
@@ -286,7 +286,6 @@ export default {
286
286
  <style lang="scss">
287
287
  @import '../../styles/mixins';
288
288
  @import '../../tokens/z-indexes';
289
- @import '../../tokens/border-radius';
290
289
  @import '../../tokens/durations';
291
290
  @import '../../tokens/font-families';
292
291
  .v--modal-block-scroll {
@@ -183,7 +183,6 @@ export default {
183
183
 
184
184
  <style lang="scss">
185
185
  @import '../../../styles/mixins';
186
- @import '../../../tokens/border-radius';
187
186
  .mc-side-bar-button {
188
187
  $block-name: &;
189
188
  &__tooltip {
@@ -588,8 +588,9 @@ export default {
588
588
 
589
589
  <style lang="scss">
590
590
  @import '../../../styles/mixins';
591
- @import '../../../tokens/border-radius';
592
591
  @import '../../../tokens/font-families';
592
+ @import '../../../tokens/animations';
593
+
593
594
  @import '~vxe-table/styles/variable.scss';
594
595
 
595
596
  //override variables:
@@ -1,8 +1,7 @@
1
1
  .toasted-container {
2
2
  $toasted-container-name: &;
3
- @import '/src/styles/mixins';
4
- @import '/src/tokens/z-indexes';
5
- @import '/src/tokens/border-radius';
3
+ @import './mixins';
4
+ @import '../tokens/z-indexes';
6
5
  z-index: $z-index-toasted !important;
7
6
  .toasted {
8
7
  &.mc-toast {
@@ -34,9 +34,10 @@ export default {
34
34
  </script>
35
35
 
36
36
  <style lang="scss">
37
+ @import '../../../styles/global';
38
+ @import '../../../tokens/box-shadows';
37
39
  .mc-root {
38
40
  $block-name: &;
39
- @import '../../../styles/global';
40
41
  .slideout {
41
42
  box-shadow: $shadow-s;
42
43
  }