mediacube-ui 0.1.359 → 0.1.360

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.
Files changed (8) hide show
  1. package/CHANGELOG.md +2 -0
  2. package/package.json +1 -1
  3. package/src/elements/McButton/McButton.vue +1 -1
  4. package/src/elements/McField/McFieldSelect/McFieldSelect.vue +2 -2
  5. package/src/patterns/McSideBar/McSideBarButton/McSideBarButton.vue +2 -3
  6. package/src/styles/global.scss +2 -4
  7. package/src/styles/table.scss +4 -4
  8. package/src/tokens/gradients.scss +18 -13
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.360](https://github.com/MediaCubeCo/mcui/compare/v0.1.359...v0.1.360) (2025-02-07)
6
+
5
7
  ### [0.1.359](https://github.com/MediaCubeCo/mcui/compare/v0.1.358...v0.1.359) (2025-02-04)
6
8
 
7
9
  ### [0.1.358](https://github.com/MediaCubeCo/mcui/compare/v0.1.357...v0.1.358) (2025-01-31)
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "mediacube-ui",
3
- "version": "0.1.359",
3
+ "version": "0.1.360",
4
4
  "description": "Design system for Mediacube services",
5
5
  "author": "Mediacube",
6
6
  "private": false,
package/src/elements/McButton/McButton.vue CHANGED
@@ -324,7 +324,7 @@ export default {
324
324
  break
325
325
  }
326
326
  default: {
327
- textColor = 'main-contrast'
327
+ textColor = 'white'
328
328
  }
329
329
  }
330
330
  break
package/src/elements/McField/McFieldSelect/McFieldSelect.vue CHANGED
@@ -869,7 +869,7 @@ export default {
869
869
  margin-top: $space-50;
870
870
  margin-bottom: $space-50;
871
871
  margin-right: unset;
872
- background-color: var(--color-main-lighter);
872
+ background-color: var(--color-main-alpha-10);
873
873
  color: $color-black;
874
874
  padding: $size-50 $size-50 $size-50 $size-100;
875
875
  border-radius: 100px;
@@ -943,7 +943,7 @@ export default {
943
943
  color: $color-black;
944
944
  }
945
945
  &--selected {
946
- background-color: var(--color-main-lighter) !important;
946
+ background-color: var(--color-main-alpha-10) !important;
947
947
  color: $color-black !important;
948
948
  font-weight: $font-weight-medium;
949
949
  }
package/src/patterns/McSideBar/McSideBarButton/McSideBarButton.vue CHANGED
@@ -24,7 +24,6 @@
24
24
  v-if="info || withIndicator"
25
25
  slot="icon-append"
26
26
  variation="main"
27
- text-color="main-contrast"
28
27
  class="mc-side-bar-button__chip"
29
28
  :class="{ indicator: withIndicator }"
30
29
  >
@@ -213,7 +212,7 @@ export default {
213
212
  @include size($size-300);
214
213
  }
215
214
  &.main-hover:hover {
216
- background-color: var(--color-main-lighter);
215
+ background-color: var(--color-main-alpha-10);
217
216
  }
218
217
 
219
218
  .mc-button__text {
@@ -245,7 +244,7 @@ export default {
245
244
  &.mc-button--is-active,
246
245
  &.mc-button.nuxt-link-active {
247
246
  color: var(--color-main);
248
- background-color: var(--color-main-lighter);
247
+ background-color: var(--color-main-alpha-10);
249
248
  pointer-events: auto;
250
249
  }
251
250
  }
package/src/styles/global.scss CHANGED
@@ -123,12 +123,12 @@ a {
123
123
 
124
124
  ::selection {
125
125
  background: var(--color-main);
126
- color: var(--color-main-contrast);
126
+ color: var(--color-white);
127
127
  }
128
128
 
129
129
  ::-moz-selection {
130
130
  background: var(--color-main);
131
- color: var(--color-main-contrast);
131
+ color: var(--color-white);
132
132
  }
133
133
 
134
134
  input,
@@ -289,14 +289,12 @@ pre {
289
289
  #{'--color-'}#{$name}: #{$color};
290
290
  }
291
291
  // Default main project colors
292
- --color-main-contrast: $color-white;
293
292
  --color-main: $color-purple;
294
293
  --color-main-dark: $color-hover-purple;
295
294
  @for $i from 1 through 10 {
296
295
  #{'--color-main-alpha-'}#{$i * 10}: #{rgba($color-purple, $i / 10)};
297
296
  }
298
297
  --color-main-light: $color-light-purple;
299
- --color-main-lighter: $color-lighter-purple;
300
298
  @each $name, $size in $token-icon-sizes {
301
299
  #{'--size-'}#{$name}: #{$size};
302
300
  }
package/src/styles/table.scss CHANGED
@@ -2,9 +2,9 @@ $vxe-table-border-color: $color-hover-gray;
2
2
  $vxe-table-header-background-color: $color-white;
3
3
  $vxe-table-row-hover-background-color: $color-hover-gray;
4
4
  $vxe-table-row-hover-striped-background-color: $color-hover-gray;
5
- $vxe-table-row-current-background-color: var(--color-main-lighter);
6
- $vxe-table-row-hover-current-background-color: var(--color-main-lighter);
7
- $vxe-table-row-cheched-background-color: var(--color-main-lighter);
8
- $vxe-table-row-hover-cheched-background-color: var(--color-main-lighter);
5
+ $vxe-table-row-current-background-color: var(--color-main-alpha-10);
6
+ $vxe-table-row-hover-current-background-color: var(--color-main-alpha-10);
7
+ $vxe-table-row-cheched-background-color: var(--color-main-alpha-10);
8
+ $vxe-table-row-hover-cheched-background-color: var(--color-main-alpha-10);
9
9
 
10
10
  $vxe-table-row-line-height: 16px;
package/src/tokens/gradients.scss CHANGED
@@ -2,18 +2,23 @@
2
2
  * @tokens Gradients
3
3
  * @presenter Gradient
4
4
  */
5
- $gradient-pink: linear-gradient(180deg, #F5576C 0%, #F093FB 100%); /* Фирменный цвет личного кабинета */
6
- $gradient-violet: linear-gradient(180deg, #E41AFE 0%, var(--color-main-dark) 100%); /* Столбики в графике 5 порядка */
7
- $gradient-blue: linear-gradient(180deg, #1ADBFE 0%, #3580F8 100%); /* Нотификации и столбики в графике 4 порядка */
8
- $gradient-yellow: linear-gradient(180deg, #FEE41A 0%, #F89B35 100%); /* Столбики в графике 3 порядка */
9
- $gradient-green: linear-gradient(180deg, #C9DD4C 0%, #63BE7E 100%); /* Столбики в графике 2 порядка */
10
- $gradient-red: linear-gradient(180deg, #F26567 0%, #F79440 100%); /* Столбики в графике 1 порядка */
11
- $gradient-purple: linear-gradient(270deg, var(--color-main) 0%, var(--color-main-dark) 100%); /* Основной градиент для MCPay */
12
- $gradient-purple-pink: linear-gradient(90deg, var(--color-main) 2%, #fe6ffc 100%); /*Градиент промоакции*/
13
- $gradient-blue-purple: linear-gradient(90deg, #18bfe3 20%, var(--color-main) 70%); /*Градиент промоакции*/
14
- $gradient-dark-blue: linear-gradient(90deg, #5550EF 0%, var(--color-main) 100%); /*Градиент автоплатежей*/
15
- $gradient-light-blue: linear-gradient(277.29deg, #d6e8ff 5.67%, #efe9ff 94.33%); /*Градиент новых криптовалют*/
16
- $gradient-purple-blue: linear-gradient(272.54deg, #18bfe3 17.19%, var(--color-main) 70.31%); /*Градиент баннера для криптовалют*/
5
+ $gradient-pink: linear-gradient(180deg, #F5576C 0%, #F093FB 100%); /* Фирменный цвет личного кабинета TODO DROP?*/
6
+ $gradient-violet: linear-gradient(180deg, #E41AFE 0%, var(--color-main-dark) 100%); /* Столбики в графике 5 порядка TODO DROP?*/
7
+ $gradient-blue: linear-gradient(180deg, #1ADBFE 0%, #3580F8 100%); /* Нотификации и столбики в графике 4 порядка TODO DROP?*/
8
+ $gradient-yellow: linear-gradient(180deg, #FEE41A 0%, #F89B35 100%); /* Столбики в графике 3 порядка TODO DROP?*/
9
+ $gradient-green: linear-gradient(180deg, #C9DD4C 0%, #63BE7E 100%); /* Столбики в графике 2 порядка TODO DROP?*/
10
+ $gradient-red: linear-gradient(180deg, #F26567 0%, #F79440 100%); /* Столбики в графике 1 порядка TODO DROP?*/
11
+ $gradient-primary-radial: radial-gradient(rgb(179, 211, 255), rgb(62, 132, 244)); /* Radial gradient example TODO DROP?*/
12
+ $gradient-purple-blue: linear-gradient(270deg, #18bfe3 17%, var(--color-main) 70%); /*Градиент баннера для криптовалют TODO drop old crypto color*/
17
13
 
18
- $gradient-primary-radial: radial-gradient(rgb(179, 211, 255), rgb(62, 132, 244)); /* Radial gradient example */
14
+ // App new crypto banner
15
+ $gradient-light-blue: linear-gradient(280deg, #d6e8ff 5%, #efe9ff 95%); /*Градиент новых криптовалют*/
19
16
 
17
+ //‘App gradients/Balance’: [Primary/Hover Purple, Primary/Purple]:
18
+ $gradient-purple: linear-gradient(90deg, var(--color-main-dark) 0%, var(--color-main) 100%); /* Основной градиент для MCPay */
19
+ //‘App gradients/FastPayouts’: [Primary/Hover Purple, Transactions/Violet pink]:
20
+ $gradient-purple-pink: linear-gradient(90deg, var(--color-main-dark) 2%, #E986FF 100%); /*Градиент промоакции*/
21
+ //‘App gradients/Studio’: [Transactions/Orchid, Primary/Hover Purple]:
22
+ $gradient-dark-blue: linear-gradient(90deg, #B265FF 0%, var(--color-main-dark) 100%); /*Градиент автоплатежей*/
23
+ //‘App gradients/CryptoEuro’: [Transactions/Lavanda, Transactions/Royal Blue]:
24
+ $gradient-blue-purple: linear-gradient(90deg, #C55FE8 0%, #3C88FA 100%); /*Градиент промоакции по крипте*/