@progress/kendo-theme-utils 7.2.1-dev.1 → 7.2.1-dev.3

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.css CHANGED
@@ -23712,34 +23712,70 @@
23712
23712
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12);
23713
23713
  }
23714
23714
 
23715
+ .\!k-elevation-1 {
23716
+ box-shadow: 0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12) !important;
23717
+ }
23718
+
23715
23719
  .k-elevation-2 {
23716
23720
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12);
23717
23721
  }
23718
23722
 
23723
+ .\!k-elevation-2 {
23724
+ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12) !important;
23725
+ }
23726
+
23719
23727
  .k-elevation-3 {
23720
23728
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12);
23721
23729
  }
23722
23730
 
23731
+ .\!k-elevation-3 {
23732
+ box-shadow: 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12) !important;
23733
+ }
23734
+
23723
23735
  .k-elevation-4 {
23724
23736
  box-shadow: 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12);
23725
23737
  }
23726
23738
 
23739
+ .\!k-elevation-4 {
23740
+ box-shadow: 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12) !important;
23741
+ }
23742
+
23727
23743
  .k-elevation-5 {
23728
23744
  box-shadow: 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12);
23729
23745
  }
23730
23746
 
23747
+ .\!k-elevation-5 {
23748
+ box-shadow: 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12) !important;
23749
+ }
23750
+
23731
23751
  .k-elevation-6 {
23732
23752
  box-shadow: 0 12px 14px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.12);
23733
23753
  }
23734
23754
 
23755
+ .\!k-elevation-6 {
23756
+ box-shadow: 0 12px 14px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.12) !important;
23757
+ }
23758
+
23735
23759
  .k-elevation-7 {
23736
23760
  box-shadow: 0 14px 16px rgba(0, 0, 0, 0.24), 0 4px 16px rgba(0, 0, 0, 0.12);
23737
23761
  }
23738
23762
 
23763
+ .\!k-elevation-7 {
23764
+ box-shadow: 0 14px 16px rgba(0, 0, 0, 0.24), 0 4px 16px rgba(0, 0, 0, 0.12) !important;
23765
+ }
23766
+
23739
23767
  .k-elevation-8 {
23740
23768
  box-shadow: 0 16px 18px rgba(0, 0, 0, 0.28), 0 4px 16px rgba(0, 0, 0, 0.12);
23741
23769
  }
23742
23770
 
23771
+ .\!k-elevation-8 {
23772
+ box-shadow: 0 16px 18px rgba(0, 0, 0, 0.28), 0 4px 16px rgba(0, 0, 0, 0.12) !important;
23773
+ }
23774
+
23743
23775
  .k-elevation-9 {
23744
23776
  box-shadow: 0 32px 34px rgba(0, 0, 0, 0.32), 0 4px 16px rgba(0, 0, 0, 0.12);
23745
23777
  }
23778
+
23779
+ .\!k-elevation-9 {
23780
+ box-shadow: 0 32px 34px rgba(0, 0, 0, 0.32), 0 4px 16px rgba(0, 0, 0, 0.12) !important;
23781
+ }
package/dist/all.scss CHANGED
@@ -3650,43 +3650,43 @@ $kendo-utils: (
3650
3650
  // #region @import "./_zindex.scss"; -> scss/layout/_zindex.scss
3651
3651
  /// This is equivalent to `z-index: 0;`.
3652
3652
  /// @example z-index: 0;
3653
- /// @name .k-zindex-0
3653
+ /// @name .k-z-0
3654
3654
  /// @group zindex
3655
3655
  /// @contextType css
3656
3656
 
3657
3657
  /// This is equivalent to `z-index: 10;`.
3658
3658
  /// @example z-index: 10;
3659
- /// @name .k-zindex-10
3659
+ /// @name .k-z-10
3660
3660
  /// @group zindex
3661
3661
  /// @contextType css
3662
3662
 
3663
3663
  /// This is equivalent to `z-index: 20;`.
3664
3664
  /// @example z-index: 20;
3665
- /// @name .k-zindex-20
3665
+ /// @name .k-z-20
3666
3666
  /// @group zindex
3667
3667
  /// @contextType css
3668
3668
 
3669
3669
  /// This is equivalent to `z-index: 30;`.
3670
3670
  /// @example z-index: 30;
3671
- /// @name .k-zindex-30
3671
+ /// @name .k-z-30
3672
3672
  /// @group zindex
3673
3673
  /// @contextType css
3674
3674
 
3675
3675
  /// This is equivalent to `z-index: 40;`.
3676
3676
  /// @example z-index: 40;
3677
- /// @name .k-zindex-40
3677
+ /// @name .k-z-40
3678
3678
  /// @group zindex
3679
3679
  /// @contextType css
3680
3680
 
3681
3681
  /// This is equivalent to `z-index: 50;`.
3682
3682
  /// @example z-index: 50;
3683
- /// @name .k-zindex-50
3683
+ /// @name .k-z-50
3684
3684
  /// @group zindex
3685
3685
  /// @contextType css
3686
3686
 
3687
3687
  /// This is equivalent to `z-index: auto;`.
3688
3688
  /// @example z-index: auto;
3689
- /// @name .k-zindex-auto
3689
+ /// @name .k-z-auto
3690
3690
  /// @group zindex
3691
3691
  /// @contextType css
3692
3692
 
@@ -9658,11 +9658,7 @@ $kendo-elevation: k-map-merge($_default-elevation, $kendo-elevation);
9658
9658
  // #endregion
9659
9659
 
9660
9660
  @mixin kendo-utils--elevation {
9661
- @each $level, $elevation in $kendo-elevation {
9662
- .k-elevation-#{$level} {
9663
- box-shadow: $elevation;
9664
- }
9665
- }
9661
+ @include generate-utils(elevation, box-shadow, $kendo-elevation);
9666
9662
  }
9667
9663
 
9668
9664
  // #endregion
@@ -27175,7 +27175,7 @@
27175
27175
  },
27176
27176
  "context": {
27177
27177
  "type": "css",
27178
- "name": ".k-zindex-0",
27178
+ "name": ".k-z-0",
27179
27179
  "value": "// Z-index utility classes\n $kendo-utils-zindex: k-map-get( $kendo-utils, \"zindex\" ) !default;\n @include generate-utils( z, z-index, $kendo-utils-zindex );",
27180
27180
  "line": {
27181
27181
  "start": 43,
@@ -27206,7 +27206,7 @@
27206
27206
  },
27207
27207
  "context": {
27208
27208
  "type": "css",
27209
- "name": ".k-zindex-10",
27209
+ "name": ".k-z-10",
27210
27210
  "value": "// Z-index utility classes\n $kendo-utils-zindex: k-map-get( $kendo-utils, \"zindex\" ) !default;\n @include generate-utils( z, z-index, $kendo-utils-zindex );",
27211
27211
  "line": {
27212
27212
  "start": 43,
@@ -27237,7 +27237,7 @@
27237
27237
  },
27238
27238
  "context": {
27239
27239
  "type": "css",
27240
- "name": ".k-zindex-20",
27240
+ "name": ".k-z-20",
27241
27241
  "value": "// Z-index utility classes\n $kendo-utils-zindex: k-map-get( $kendo-utils, \"zindex\" ) !default;\n @include generate-utils( z, z-index, $kendo-utils-zindex );",
27242
27242
  "line": {
27243
27243
  "start": 43,
@@ -27268,7 +27268,7 @@
27268
27268
  },
27269
27269
  "context": {
27270
27270
  "type": "css",
27271
- "name": ".k-zindex-30",
27271
+ "name": ".k-z-30",
27272
27272
  "value": "// Z-index utility classes\n $kendo-utils-zindex: k-map-get( $kendo-utils, \"zindex\" ) !default;\n @include generate-utils( z, z-index, $kendo-utils-zindex );",
27273
27273
  "line": {
27274
27274
  "start": 43,
@@ -27299,7 +27299,7 @@
27299
27299
  },
27300
27300
  "context": {
27301
27301
  "type": "css",
27302
- "name": ".k-zindex-40",
27302
+ "name": ".k-z-40",
27303
27303
  "value": "// Z-index utility classes\n $kendo-utils-zindex: k-map-get( $kendo-utils, \"zindex\" ) !default;\n @include generate-utils( z, z-index, $kendo-utils-zindex );",
27304
27304
  "line": {
27305
27305
  "start": 43,
@@ -27330,7 +27330,7 @@
27330
27330
  },
27331
27331
  "context": {
27332
27332
  "type": "css",
27333
- "name": ".k-zindex-50",
27333
+ "name": ".k-z-50",
27334
27334
  "value": "// Z-index utility classes\n $kendo-utils-zindex: k-map-get( $kendo-utils, \"zindex\" ) !default;\n @include generate-utils( z, z-index, $kendo-utils-zindex );",
27335
27335
  "line": {
27336
27336
  "start": 43,
@@ -27361,7 +27361,7 @@
27361
27361
  },
27362
27362
  "context": {
27363
27363
  "type": "css",
27364
- "name": ".k-zindex-auto",
27364
+ "name": ".k-z-auto",
27365
27365
  "code": "\n\n // Z-index utility classes\n $kendo-utils-zindex: k-map-get( $kendo-utils, \"zindex\" ) !default;\n @include generate-utils( z, z-index, $kendo-utils-zindex );\n\n",
27366
27366
  "line": {
27367
27367
  "start": 43,
@@ -27170,7 +27170,7 @@
27170
27170
  },
27171
27171
  "context": {
27172
27172
  "type": "css",
27173
- "name": ".k-zindex-0",
27173
+ "name": ".k-z-0",
27174
27174
  "value": "// Z-index utility classes\n $kendo-utils-zindex: k-map-get( $kendo-utils, \"zindex\" ) !default;\n @include generate-utils( z, z-index, $kendo-utils-zindex );",
27175
27175
  "line": {
27176
27176
  "start": 43,
@@ -27201,7 +27201,7 @@
27201
27201
  },
27202
27202
  "context": {
27203
27203
  "type": "css",
27204
- "name": ".k-zindex-10",
27204
+ "name": ".k-z-10",
27205
27205
  "value": "// Z-index utility classes\n $kendo-utils-zindex: k-map-get( $kendo-utils, \"zindex\" ) !default;\n @include generate-utils( z, z-index, $kendo-utils-zindex );",
27206
27206
  "line": {
27207
27207
  "start": 43,
@@ -27232,7 +27232,7 @@
27232
27232
  },
27233
27233
  "context": {
27234
27234
  "type": "css",
27235
- "name": ".k-zindex-20",
27235
+ "name": ".k-z-20",
27236
27236
  "value": "// Z-index utility classes\n $kendo-utils-zindex: k-map-get( $kendo-utils, \"zindex\" ) !default;\n @include generate-utils( z, z-index, $kendo-utils-zindex );",
27237
27237
  "line": {
27238
27238
  "start": 43,
@@ -27263,7 +27263,7 @@
27263
27263
  },
27264
27264
  "context": {
27265
27265
  "type": "css",
27266
- "name": ".k-zindex-30",
27266
+ "name": ".k-z-30",
27267
27267
  "value": "// Z-index utility classes\n $kendo-utils-zindex: k-map-get( $kendo-utils, \"zindex\" ) !default;\n @include generate-utils( z, z-index, $kendo-utils-zindex );",
27268
27268
  "line": {
27269
27269
  "start": 43,
@@ -27294,7 +27294,7 @@
27294
27294
  },
27295
27295
  "context": {
27296
27296
  "type": "css",
27297
- "name": ".k-zindex-40",
27297
+ "name": ".k-z-40",
27298
27298
  "value": "// Z-index utility classes\n $kendo-utils-zindex: k-map-get( $kendo-utils, \"zindex\" ) !default;\n @include generate-utils( z, z-index, $kendo-utils-zindex );",
27299
27299
  "line": {
27300
27300
  "start": 43,
@@ -27325,7 +27325,7 @@
27325
27325
  },
27326
27326
  "context": {
27327
27327
  "type": "css",
27328
- "name": ".k-zindex-50",
27328
+ "name": ".k-z-50",
27329
27329
  "value": "// Z-index utility classes\n $kendo-utils-zindex: k-map-get( $kendo-utils, \"zindex\" ) !default;\n @include generate-utils( z, z-index, $kendo-utils-zindex );",
27330
27330
  "line": {
27331
27331
  "start": 43,
@@ -27356,7 +27356,7 @@
27356
27356
  },
27357
27357
  "context": {
27358
27358
  "type": "css",
27359
- "name": ".k-zindex-auto",
27359
+ "name": ".k-z-auto",
27360
27360
  "code": "\n\n // Z-index utility classes\n $kendo-utils-zindex: k-map-get( $kendo-utils, \"zindex\" ) !default;\n @include generate-utils( z, z-index, $kendo-utils-zindex );\n\n",
27361
27361
  "line": {
27362
27362
  "start": 43,
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": "7.2.1-dev.1",
4
+ "version": "7.2.1-dev.3",
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": "7.2.1-dev.1"
46
+ "@progress/kendo-theme-core": "7.2.1-dev.3"
47
47
  },
48
48
  "directories": {
49
49
  "doc": "docs"
50
50
  },
51
- "gitHead": "e457fb8fc63a63e7f4b44765d1240403e0b74703"
51
+ "gitHead": "1fa522eb015d517b5f30a2aca7f6458195e673d8"
52
52
  }
@@ -1,9 +1,5 @@
1
1
  @import "@progress/kendo-theme-core/scss/elevation/index.import.scss";
2
2
 
3
3
  @mixin kendo-utils--elevation {
4
- @each $level, $elevation in $kendo-elevation {
5
- .k-elevation-#{$level} {
6
- box-shadow: $elevation;
7
- }
8
- }
4
+ @include generate-utils(elevation, box-shadow, $kendo-elevation);
9
5
  }
@@ -1,42 +1,42 @@
1
1
  /// This is equivalent to `z-index: 0;`.
2
2
  /// @example z-index: 0;
3
- /// @name .k-zindex-0
3
+ /// @name .k-z-0
4
4
  /// @group zindex
5
5
  /// @contextType css
6
6
 
7
7
  /// This is equivalent to `z-index: 10;`.
8
8
  /// @example z-index: 10;
9
- /// @name .k-zindex-10
9
+ /// @name .k-z-10
10
10
  /// @group zindex
11
11
  /// @contextType css
12
12
 
13
13
  /// This is equivalent to `z-index: 20;`.
14
14
  /// @example z-index: 20;
15
- /// @name .k-zindex-20
15
+ /// @name .k-z-20
16
16
  /// @group zindex
17
17
  /// @contextType css
18
18
 
19
19
  /// This is equivalent to `z-index: 30;`.
20
20
  /// @example z-index: 30;
21
- /// @name .k-zindex-30
21
+ /// @name .k-z-30
22
22
  /// @group zindex
23
23
  /// @contextType css
24
24
 
25
25
  /// This is equivalent to `z-index: 40;`.
26
26
  /// @example z-index: 40;
27
- /// @name .k-zindex-40
27
+ /// @name .k-z-40
28
28
  /// @group zindex
29
29
  /// @contextType css
30
30
 
31
31
  /// This is equivalent to `z-index: 50;`.
32
32
  /// @example z-index: 50;
33
- /// @name .k-zindex-50
33
+ /// @name .k-z-50
34
34
  /// @group zindex
35
35
  /// @contextType css
36
36
 
37
37
  /// This is equivalent to `z-index: auto;`.
38
38
  /// @example z-index: auto;
39
- /// @name .k-zindex-auto
39
+ /// @name .k-z-auto
40
40
  /// @group zindex
41
41
  /// @contextType css
42
42