@progress/kendo-theme-utils 8.0.2-dev.0 → 8.0.2-dev.2

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/dist/all.scss CHANGED
@@ -708,7 +708,7 @@ $kendo-color-level-step: 8% !default;
708
708
  }
709
709
 
710
710
  // #endregion
711
- // #region @import "./_color-variations.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/functions/_color-variations.import.scss
711
+ // #region @import "./_color-system.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/functions/_color-system.import.scss
712
712
  /// Generates all color variations of a given main color
713
713
  /// @param {String} $name - The name of the main color
714
714
  /// @param {Color} $color - The color value to be assigned to the main color
@@ -831,6 +831,22 @@ $kendo-color-level-step: 8% !default;
831
831
 
832
832
  @return $result;
833
833
  }
834
+
835
+ /// Takes a color name from the $kendo-colors map as a parameter
836
+ /// and returns a CSS variable with the actual color as a fallback
837
+ /// @param {String} $key - The name of a color/key in the $kendo-colors map
838
+ /// @return {String} - CSS variable with the actual color as a fallback
839
+ ///
840
+ /// @group color-system
841
+ @function k-color($key) {
842
+ $_color: k-map-get($kendo-colors, $key);
843
+
844
+ @if ($_color) {
845
+ @return var(--kendo-color-#{$key}, $_color);
846
+ } @else {
847
+ @error "Color Variable \`#{$key}\` does not exists in the color collection.";
848
+ }
849
+ }
834
850
  // #endregion
835
851
  // #region @import "./_custom-properties.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/functions/_custom-properties.import.scss
836
852
  @function k-var( $prefix: kendo-, $var: null, $fallback: null ) {
@@ -3213,16 +3229,6 @@ $_default-colors: (
3213
3229
  $kendo-colors: $_default-colors !default;
3214
3230
  $kendo-colors: k-map-merge($_default-colors, $kendo-colors);
3215
3231
 
3216
- @function k-color($key) {
3217
- $_color: k-map-get($kendo-colors, $key);
3218
-
3219
- @if ($_color) {
3220
- @return var(--kendo-color-#{$key}, $_color);
3221
- } @else {
3222
- @error "Color Variable \`#{$key}\` does not exists in the color collection.";
3223
- }
3224
- }
3225
-
3226
3232
  @mixin color-system--styles() {
3227
3233
  :root {
3228
3234
  @each $key, $value in $kendo-colors {
@@ -342,6 +342,20 @@
342
342
  "path": "core/scss/color-system/_swatch.scss",
343
343
  "name": "_swatch.scss"
344
344
  },
345
+ "usedBy": [
346
+ {
347
+ "description": "Takes a color name from the $kendo-colors map as a parameter\nand returns a CSS variable with the actual color as a fallback\n",
348
+ "context": {
349
+ "type": "function",
350
+ "name": "k-color",
351
+ "code": "\n $_color: k-map-get($kendo-colors, $key);\n\n @if ($_color) {\n @return var(--kendo-color-#{$key}, $_color);\n } @else {\n @error \"Color Variable \\`#{$key}\\` does not exists in the color collection.\";\n }\n",
352
+ "line": {
353
+ "start": 130,
354
+ "end": 138
355
+ }
356
+ }
357
+ }
358
+ ],
345
359
  "resolvedValue": "(app-surface: null, on-app-surface: null, subtle: null, surface: null, surface-alt: null, border: null, border-alt: null, base-subtle: null, base-subtle-hover: null, base-subtle-active: null, base: null, base-hover: null, base-active: null, base-emphasis: null, base-on-subtle: null, on-base: null, base-on-surface: null, primary-subtle: null, primary-subtle-hover: null, primary-subtle-active: null, primary: null, primary-hover: null, primary-active: null, primary-emphasis: null, primary-on-subtle: null, on-primary: null, primary-on-surface: null, secondary-subtle: null, secondary-subtle-hover: null, secondary-subtle-active: null, secondary: null, secondary-hover: null, secondary-active: null, secondary-emphasis: null, secondary-on-subtle: null, on-secondary: null, secondary-on-surface: null, tertiary-subtle: null, tertiary-subtle-hover: null, tertiary-subtle-active: null, tertiary: null, tertiary-hover: null, tertiary-active: null, tertiary-emphasis: null, tertiary-on-subtle: null, on-tertiary: null, tertiary-on-surface: null, info-subtle: null, info-subtle-hover: null, info-subtle-active: null, info: null, info-hover: null, info-active: null, info-emphasis: null, info-on-subtle: null, on-info: null, info-on-surface: null, success-subtle: null, success-subtle-hover: null, success-subtle-active: null, success: null, success-hover: null, success-active: null, success-emphasis: null, success-on-subtle: null, on-success: null, success-on-surface: null, warning-subtle: null, warning-subtle-hover: null, warning-subtle-active: null, warning: null, warning-hover: null, warning-active: null, warning-emphasis: null, warning-on-subtle: null, on-warning: null, warning-on-surface: null, error-subtle: null, error-subtle-hover: null, error-subtle-active: null, error: null, error-hover: null, error-active: null, error-emphasis: null, error-on-subtle: null, on-error: null, error-on-surface: null, light-subtle: null, light-subtle-hover: null, light-subtle-active: null, light: null, light-hover: null, light-active: null, light-emphasis: null, light-on-subtle: null, on-light: null, light-on-surface: null, dark-subtle: null, dark-subtle-hover: null, dark-subtle-active: null, dark: null, dark-hover: null, dark-active: null, dark-emphasis: null, dark-on-subtle: null, on-dark: null, dark-on-surface: null, inverse-subtle: null, inverse-subtle-hover: null, inverse-subtle-active: null, inverse: null, inverse-hover: null, inverse-active: null, inverse-emphasis: null, inverse-on-subtle: null, on-inverse: null, inverse-on-surface: null, series-a: null, series-a-bold: null, series-a-bolder: null, series-a-subtle: null, series-a-subtler: null, series-b: null, series-b-bold: null, series-b-bolder: null, series-b-subtle: null, series-b-subtler: null, series-c: null, series-c-bold: null, series-c-bolder: null, series-c-subtle: null, series-c-subtler: null, series-d: null, series-d-bold: null, series-d-bolder: null, series-d-subtle: null, series-d-subtler: null, series-e: null, series-e-bold: null, series-e-bolder: null, series-e-subtle: null, series-e-subtler: null, series-f: null, series-f-bold: null, series-f-bolder: null, series-f-subtle: null, series-f-subtler: null)",
346
360
  "resolvedType": "Map"
347
361
  },
@@ -29080,6 +29094,20 @@
29080
29094
  "path": "core/scss/color-system/_swatch.scss",
29081
29095
  "name": "_swatch.scss"
29082
29096
  },
29097
+ "usedBy": [
29098
+ {
29099
+ "description": "Takes a color name from the $kendo-colors map as a parameter\nand returns a CSS variable with the actual color as a fallback\n",
29100
+ "context": {
29101
+ "type": "function",
29102
+ "name": "k-color",
29103
+ "code": "\n $_color: k-map-get($kendo-colors, $key);\n\n @if ($_color) {\n @return var(--kendo-color-#{$key}, $_color);\n } @else {\n @error \"Color Variable \\`#{$key}\\` does not exists in the color collection.\";\n }\n",
29104
+ "line": {
29105
+ "start": 130,
29106
+ "end": 138
29107
+ }
29108
+ }
29109
+ }
29110
+ ],
29083
29111
  "resolvedValue": "(app-surface: null, on-app-surface: null, subtle: null, surface: null, surface-alt: null, border: null, border-alt: null, base-subtle: null, base-subtle-hover: null, base-subtle-active: null, base: null, base-hover: null, base-active: null, base-emphasis: null, base-on-subtle: null, on-base: null, base-on-surface: null, primary-subtle: null, primary-subtle-hover: null, primary-subtle-active: null, primary: null, primary-hover: null, primary-active: null, primary-emphasis: null, primary-on-subtle: null, on-primary: null, primary-on-surface: null, secondary-subtle: null, secondary-subtle-hover: null, secondary-subtle-active: null, secondary: null, secondary-hover: null, secondary-active: null, secondary-emphasis: null, secondary-on-subtle: null, on-secondary: null, secondary-on-surface: null, tertiary-subtle: null, tertiary-subtle-hover: null, tertiary-subtle-active: null, tertiary: null, tertiary-hover: null, tertiary-active: null, tertiary-emphasis: null, tertiary-on-subtle: null, on-tertiary: null, tertiary-on-surface: null, info-subtle: null, info-subtle-hover: null, info-subtle-active: null, info: null, info-hover: null, info-active: null, info-emphasis: null, info-on-subtle: null, on-info: null, info-on-surface: null, success-subtle: null, success-subtle-hover: null, success-subtle-active: null, success: null, success-hover: null, success-active: null, success-emphasis: null, success-on-subtle: null, on-success: null, success-on-surface: null, warning-subtle: null, warning-subtle-hover: null, warning-subtle-active: null, warning: null, warning-hover: null, warning-active: null, warning-emphasis: null, warning-on-subtle: null, on-warning: null, warning-on-surface: null, error-subtle: null, error-subtle-hover: null, error-subtle-active: null, error: null, error-hover: null, error-active: null, error-emphasis: null, error-on-subtle: null, on-error: null, error-on-surface: null, light-subtle: null, light-subtle-hover: null, light-subtle-active: null, light: null, light-hover: null, light-active: null, light-emphasis: null, light-on-subtle: null, on-light: null, light-on-surface: null, dark-subtle: null, dark-subtle-hover: null, dark-subtle-active: null, dark: null, dark-hover: null, dark-active: null, dark-emphasis: null, dark-on-subtle: null, on-dark: null, dark-on-surface: null, inverse-subtle: null, inverse-subtle-hover: null, inverse-subtle-active: null, inverse: null, inverse-hover: null, inverse-active: null, inverse-emphasis: null, inverse-on-subtle: null, on-inverse: null, inverse-on-surface: null, series-a: null, series-a-bold: null, series-a-bolder: null, series-a-subtle: null, series-a-subtler: null, series-b: null, series-b-bold: null, series-b-bolder: null, series-b-subtle: null, series-b-subtler: null, series-c: null, series-c-bold: null, series-c-bolder: null, series-c-subtle: null, series-c-subtler: null, series-d: null, series-d-bold: null, series-d-bolder: null, series-d-subtle: null, series-d-subtler: null, series-e: null, series-e-bold: null, series-e-bolder: null, series-e-subtle: null, series-e-subtler: null, series-f: null, series-f-bold: null, series-f-bolder: null, series-f-subtle: null, series-f-subtler: null)",
29084
29112
  "resolvedType": "Map"
29085
29113
  }
@@ -27611,7 +27611,21 @@
27611
27611
  "file": {
27612
27612
  "path": "core/scss/color-system/_swatch.scss",
27613
27613
  "name": "_swatch.scss"
27614
- }
27614
+ },
27615
+ "usedBy": [
27616
+ {
27617
+ "description": "Takes a color name from the $kendo-colors map as a parameter\nand returns a CSS variable with the actual color as a fallback\n",
27618
+ "context": {
27619
+ "type": "function",
27620
+ "name": "k-color",
27621
+ "code": "\n $_color: k-map-get($kendo-colors, $key);\n\n @if ($_color) {\n @return var(--kendo-color-#{$key}, $_color);\n } @else {\n @error \"Color Variable \\`#{$key}\\` does not exists in the color collection.\";\n }\n",
27622
+ "line": {
27623
+ "start": 130,
27624
+ "end": 138
27625
+ }
27626
+ }
27627
+ }
27628
+ ]
27615
27629
  },
27616
27630
  {
27617
27631
  "description": "Set a specific jump point for requesting color jumps\n",
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@progress/kendo-theme-utils",
3
3
  "description": "Utility first library alongside Kendo UI",
4
- "version": "8.0.2-dev.0",
4
+ "version": "8.0.2-dev.2",
5
5
  "author": "Progress",
6
6
  "license": "Apache-2.0",
7
7
  "keywords": [
@@ -43,10 +43,10 @@
43
43
  "postpublish": "echo 'no postpublish for utils'"
44
44
  },
45
45
  "dependencies": {
46
- "@progress/kendo-theme-core": "8.0.2-dev.0"
46
+ "@progress/kendo-theme-core": "8.0.2-dev.2"
47
47
  },
48
48
  "directories": {
49
49
  "doc": "docs"
50
50
  },
51
- "gitHead": "f42e30326d9144fe4470129c661ad996e7935a22"
51
+ "gitHead": "d2e0bc66effd4c820a3ca0f87eff34246c2bb9b8"
52
52
  }