@progress/kendo-theme-core 7.2.1-dev.6 → 7.2.1-dev.8

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 (4) hide show
  1. package/dist/all.scss +3 -8
  2. package/package.json +2 -2
  3. package/scss/color-system/_functions.import.scss +1 -1
  4. package/scss/color-system/_swatch.scss +2 -7
package/dist/all.scss CHANGED
@@ -2844,7 +2844,7 @@ $kendo-palettes: (
2844
2844
  color-on-subtle: k-color( #{$color}-on-subtle ),
2845
2845
  on-color: k-color( on-#{$color} ),
2846
2846
  color-on-surface: k-color( #{$color}-on-surface ),
2847
- on-color-disabled: rgba( k-color( on-#{$color}, true ), .46)
2847
+ on-color-disabled: color-mix(in srgb, k-color( on-#{$color} ) 46%, transparent)
2848
2848
  );
2849
2849
 
2850
2850
  @return if( k-map-has-key( $map, $name ), k-map-get( $map, $name ), $name );
@@ -3107,15 +3107,11 @@ $_default-colors: (
3107
3107
  $kendo-colors: $_default-colors !default;
3108
3108
  $kendo-colors: k-map-merge($_default-colors, $kendo-colors);
3109
3109
 
3110
- @function k-color($key, $rgb: false) {
3110
+ @function k-color($key) {
3111
3111
  $_color: k-map-get($kendo-colors, $key);
3112
3112
 
3113
3113
  @if ($_color) {
3114
- @if ($rgb) {
3115
- @return var(--kendo-color-#{$key}-rgb, k-hex-to-rgb($_color));
3116
- } @else {
3117
- @return var(--kendo-color-#{$key}, $_color);
3118
- }
3114
+ @return var(--kendo-color-#{$key}, $_color);
3119
3115
  } @else {
3120
3116
  @error "Color Variable \`#{$key}\` does not exists in the color collection.";
3121
3117
  }
@@ -3126,7 +3122,6 @@ $kendo-colors: k-map-merge($_default-colors, $kendo-colors);
3126
3122
  @each $key, $value in $kendo-colors {
3127
3123
  @if($value) {
3128
3124
  --kendo-color-#{$key}: #{$value};
3129
- --kendo-color-#{$key}-rgb: #{k-hex-to-rgb($value)};
3130
3125
  }
3131
3126
  }
3132
3127
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@progress/kendo-theme-core",
3
3
  "description": "A collection of functions and mixins used for building themes for Kendo UI",
4
- "version": "7.2.1-dev.6",
4
+ "version": "7.2.1-dev.8",
5
5
  "author": "Progress",
6
6
  "license": "Apache-2.0",
7
7
  "keywords": [
@@ -44,5 +44,5 @@
44
44
  "directories": {
45
45
  "doc": "docs"
46
46
  },
47
- "gitHead": "683ce72fdb19a40f8f3adb06c95f732e8527023c"
47
+ "gitHead": "2a05ecc1e125b0899a93c9af54574731c8dd75d0"
48
48
  }
package/scss/color-system/_functions.import.scss CHANGED
@@ -110,7 +110,7 @@
110
110
  color-on-subtle: k-color( #{$color}-on-subtle ),
111
111
  on-color: k-color( on-#{$color} ),
112
112
  color-on-surface: k-color( #{$color}-on-surface ),
113
- on-color-disabled: rgba( k-color( on-#{$color}, true ), .46)
113
+ on-color-disabled: color-mix(in srgb, k-color( on-#{$color} ) 46%, transparent)
114
114
  );
115
115
 
116
116
  @return if( k-map-has-key( $map, $name ), k-map-get( $map, $name ), $name );
package/scss/color-system/_swatch.scss CHANGED
@@ -177,15 +177,11 @@ $_default-colors: (
177
177
  $kendo-colors: $_default-colors !default;
178
178
  $kendo-colors: k-map-merge($_default-colors, $kendo-colors);
179
179
 
180
- @function k-color($key, $rgb: false) {
180
+ @function k-color($key) {
181
181
  $_color: k-map-get($kendo-colors, $key);
182
182
 
183
183
  @if ($_color) {
184
- @if ($rgb) {
185
- @return var(--kendo-color-#{$key}-rgb, k-hex-to-rgb($_color));
186
- } @else {
187
- @return var(--kendo-color-#{$key}, $_color);
188
- }
184
+ @return var(--kendo-color-#{$key}, $_color);
189
185
  } @else {
190
186
  @error "Color Variable \`#{$key}\` does not exists in the color collection.";
191
187
  }
@@ -196,7 +192,6 @@ $kendo-colors: k-map-merge($_default-colors, $kendo-colors);
196
192
  @each $key, $value in $kendo-colors {
197
193
  @if($value) {
198
194
  --kendo-color-#{$key}: #{$value};
199
- --kendo-color-#{$key}-rgb: #{k-hex-to-rgb($value)};
200
195
  }
201
196
  }
202
197
  }