@progress/kendo-theme-utils 8.0.0-dev.2 → 8.0.0-dev.4

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
@@ -7107,9 +7107,9 @@ $kendo-utils: (
7107
7107
 
7108
7108
  // Gap utility classes
7109
7109
  $kendo-utils-gap: k-map-get( $kendo-utils, "gap" ) !default;
7110
- @include generate-utils( gap, gap, $kendo-utils-gap );
7111
- @include generate-utils( gap-x, column-gap, $kendo-utils-gap );
7112
- @include generate-utils( gap-y, row-gap, $kendo-utils-gap );
7110
+ @include generate-utils( gap, gap, $kendo-utils-gap, $css-var: "spacing" );
7111
+ @include generate-utils( gap-x, column-gap, $kendo-utils-gap, $css-var: "spacing" );
7112
+ @include generate-utils( gap-y, row-gap, $kendo-utils-gap, $css-var: "spacing" );
7113
7113
 
7114
7114
  }
7115
7115
 
@@ -10199,7 +10199,7 @@ $kendo-zindex-loading: 100 !default;
10199
10199
  @mixin kendo-utils--typography--font-weight() {
10200
10200
 
10201
10201
  // Font weight utility classes
10202
- @include generate-utils( font, font-weight, $kendo-font-weights, $css-var: "font" );
10202
+ @include generate-utils( font, font-weight, $kendo-font-weights, $css-var: "font-weight" );
10203
10203
 
10204
10204
 
10205
10205
  // Legacy aliases
@@ -8597,7 +8597,7 @@
8597
8597
  "context": {
8598
8598
  "type": "css",
8599
8599
  "name": ".k-font-thin",
8600
- "value": "// Font weight utility classes\n @include generate-utils( font, font-weight, $kendo-font-weights, $css-var: \"font\" );\n\n\n // Legacy aliases\n @include generate-utils( font-weight, font-weight, $kendo-font-weights, $css-var: \"font-weight\" );",
8600
+ "value": "// Font weight utility classes\n @include generate-utils( font, font-weight, $kendo-font-weights, $css-var: \"font-weight\" );\n\n\n // Legacy aliases\n @include generate-utils( font-weight, font-weight, $kendo-font-weights, $css-var: \"font-weight\" );",
8601
8601
  "line": {
8602
8602
  "start": 57,
8603
8603
  "end": 67
@@ -8628,7 +8628,7 @@
8628
8628
  "context": {
8629
8629
  "type": "css",
8630
8630
  "name": ".k-font-extralight",
8631
- "value": "// Font weight utility classes\n @include generate-utils( font, font-weight, $kendo-font-weights, $css-var: \"font\" );\n\n\n // Legacy aliases\n @include generate-utils( font-weight, font-weight, $kendo-font-weights, $css-var: \"font-weight\" );",
8631
+ "value": "// Font weight utility classes\n @include generate-utils( font, font-weight, $kendo-font-weights, $css-var: \"font-weight\" );\n\n\n // Legacy aliases\n @include generate-utils( font-weight, font-weight, $kendo-font-weights, $css-var: \"font-weight\" );",
8632
8632
  "line": {
8633
8633
  "start": 57,
8634
8634
  "end": 67
@@ -8659,7 +8659,7 @@
8659
8659
  "context": {
8660
8660
  "type": "css",
8661
8661
  "name": ".k-font-light",
8662
- "value": "// Font weight utility classes\n @include generate-utils( font, font-weight, $kendo-font-weights, $css-var: \"font\" );\n\n\n // Legacy aliases\n @include generate-utils( font-weight, font-weight, $kendo-font-weights, $css-var: \"font-weight\" );",
8662
+ "value": "// Font weight utility classes\n @include generate-utils( font, font-weight, $kendo-font-weights, $css-var: \"font-weight\" );\n\n\n // Legacy aliases\n @include generate-utils( font-weight, font-weight, $kendo-font-weights, $css-var: \"font-weight\" );",
8663
8663
  "line": {
8664
8664
  "start": 57,
8665
8665
  "end": 67
@@ -8690,7 +8690,7 @@
8690
8690
  "context": {
8691
8691
  "type": "css",
8692
8692
  "name": ".k-font-normal",
8693
- "value": "// Font weight utility classes\n @include generate-utils( font, font-weight, $kendo-font-weights, $css-var: \"font\" );\n\n\n // Legacy aliases\n @include generate-utils( font-weight, font-weight, $kendo-font-weights, $css-var: \"font-weight\" );",
8693
+ "value": "// Font weight utility classes\n @include generate-utils( font, font-weight, $kendo-font-weights, $css-var: \"font-weight\" );\n\n\n // Legacy aliases\n @include generate-utils( font-weight, font-weight, $kendo-font-weights, $css-var: \"font-weight\" );",
8694
8694
  "line": {
8695
8695
  "start": 57,
8696
8696
  "end": 67
@@ -8721,7 +8721,7 @@
8721
8721
  "context": {
8722
8722
  "type": "css",
8723
8723
  "name": ".k-font-medium",
8724
- "value": "// Font weight utility classes\n @include generate-utils( font, font-weight, $kendo-font-weights, $css-var: \"font\" );\n\n\n // Legacy aliases\n @include generate-utils( font-weight, font-weight, $kendo-font-weights, $css-var: \"font-weight\" );",
8724
+ "value": "// Font weight utility classes\n @include generate-utils( font, font-weight, $kendo-font-weights, $css-var: \"font-weight\" );\n\n\n // Legacy aliases\n @include generate-utils( font-weight, font-weight, $kendo-font-weights, $css-var: \"font-weight\" );",
8725
8725
  "line": {
8726
8726
  "start": 57,
8727
8727
  "end": 67
@@ -8752,7 +8752,7 @@
8752
8752
  "context": {
8753
8753
  "type": "css",
8754
8754
  "name": ".k-font-semibold",
8755
- "value": "// Font weight utility classes\n @include generate-utils( font, font-weight, $kendo-font-weights, $css-var: \"font\" );\n\n\n // Legacy aliases\n @include generate-utils( font-weight, font-weight, $kendo-font-weights, $css-var: \"font-weight\" );",
8755
+ "value": "// Font weight utility classes\n @include generate-utils( font, font-weight, $kendo-font-weights, $css-var: \"font-weight\" );\n\n\n // Legacy aliases\n @include generate-utils( font-weight, font-weight, $kendo-font-weights, $css-var: \"font-weight\" );",
8756
8756
  "line": {
8757
8757
  "start": 57,
8758
8758
  "end": 67
@@ -8783,7 +8783,7 @@
8783
8783
  "context": {
8784
8784
  "type": "css",
8785
8785
  "name": ".k-font-bold",
8786
- "value": "// Font weight utility classes\n @include generate-utils( font, font-weight, $kendo-font-weights, $css-var: \"font\" );\n\n\n // Legacy aliases\n @include generate-utils( font-weight, font-weight, $kendo-font-weights, $css-var: \"font-weight\" );",
8786
+ "value": "// Font weight utility classes\n @include generate-utils( font, font-weight, $kendo-font-weights, $css-var: \"font-weight\" );\n\n\n // Legacy aliases\n @include generate-utils( font-weight, font-weight, $kendo-font-weights, $css-var: \"font-weight\" );",
8787
8787
  "line": {
8788
8788
  "start": 57,
8789
8789
  "end": 67
@@ -8814,7 +8814,7 @@
8814
8814
  "context": {
8815
8815
  "type": "css",
8816
8816
  "name": ".k-font-extrabold",
8817
- "value": "// Font weight utility classes\n @include generate-utils( font, font-weight, $kendo-font-weights, $css-var: \"font\" );\n\n\n // Legacy aliases\n @include generate-utils( font-weight, font-weight, $kendo-font-weights, $css-var: \"font-weight\" );",
8817
+ "value": "// Font weight utility classes\n @include generate-utils( font, font-weight, $kendo-font-weights, $css-var: \"font-weight\" );\n\n\n // Legacy aliases\n @include generate-utils( font-weight, font-weight, $kendo-font-weights, $css-var: \"font-weight\" );",
8818
8818
  "line": {
8819
8819
  "start": 57,
8820
8820
  "end": 67
@@ -8845,7 +8845,7 @@
8845
8845
  "context": {
8846
8846
  "type": "css",
8847
8847
  "name": ".k-font-black",
8848
- "code": "\n\n // Font weight utility classes\n @include generate-utils( font, font-weight, $kendo-font-weights, $css-var: \"font\" );\n\n\n // Legacy aliases\n @include generate-utils( font-weight, font-weight, $kendo-font-weights, $css-var: \"font-weight\" );\n\n",
8848
+ "code": "\n\n // Font weight utility classes\n @include generate-utils( font, font-weight, $kendo-font-weights, $css-var: \"font-weight\" );\n\n\n // Legacy aliases\n @include generate-utils( font-weight, font-weight, $kendo-font-weights, $css-var: \"font-weight\" );\n\n",
8849
8849
  "line": {
8850
8850
  "start": 57,
8851
8851
  "end": 66
@@ -8877,7 +8877,7 @@
8877
8877
  "context": {
8878
8878
  "type": "css",
8879
8879
  "name": ".k-gap-0",
8880
- "value": "// Gap utility classes\n $kendo-utils-gap: k-map-get( $kendo-utils, \"gap\" ) !default;\n @include generate-utils( gap, gap, $kendo-utils-gap );\n @include generate-utils( gap-x, column-gap, $kendo-utils-gap );\n @include generate-utils( gap-y, row-gap, $kendo-utils-gap );",
8880
+ "value": "// Gap utility classes\n $kendo-utils-gap: k-map-get( $kendo-utils, \"gap\" ) !default;\n @include generate-utils( gap, gap, $kendo-utils-gap, $css-var: \"spacing\" );\n @include generate-utils( gap-x, column-gap, $kendo-utils-gap, $css-var: \"spacing\" );\n @include generate-utils( gap-y, row-gap, $kendo-utils-gap, $css-var: \"spacing\" );",
8881
8881
  "line": {
8882
8882
  "start": 181,
8883
8883
  "end": 190
@@ -8908,7 +8908,7 @@
8908
8908
  "context": {
8909
8909
  "type": "css",
8910
8910
  "name": ".k-gap-1px",
8911
- "value": "// Gap utility classes\n $kendo-utils-gap: k-map-get( $kendo-utils, \"gap\" ) !default;\n @include generate-utils( gap, gap, $kendo-utils-gap );\n @include generate-utils( gap-x, column-gap, $kendo-utils-gap );\n @include generate-utils( gap-y, row-gap, $kendo-utils-gap );",
8911
+ "value": "// Gap utility classes\n $kendo-utils-gap: k-map-get( $kendo-utils, \"gap\" ) !default;\n @include generate-utils( gap, gap, $kendo-utils-gap, $css-var: \"spacing\" );\n @include generate-utils( gap-x, column-gap, $kendo-utils-gap, $css-var: \"spacing\" );\n @include generate-utils( gap-y, row-gap, $kendo-utils-gap, $css-var: \"spacing\" );",
8912
8912
  "line": {
8913
8913
  "start": 181,
8914
8914
  "end": 190
@@ -8939,7 +8939,7 @@
8939
8939
  "context": {
8940
8940
  "type": "css",
8941
8941
  "name": ".k-gap-1",
8942
- "value": "// Gap utility classes\n $kendo-utils-gap: k-map-get( $kendo-utils, \"gap\" ) !default;\n @include generate-utils( gap, gap, $kendo-utils-gap );\n @include generate-utils( gap-x, column-gap, $kendo-utils-gap );\n @include generate-utils( gap-y, row-gap, $kendo-utils-gap );",
8942
+ "value": "// Gap utility classes\n $kendo-utils-gap: k-map-get( $kendo-utils, \"gap\" ) !default;\n @include generate-utils( gap, gap, $kendo-utils-gap, $css-var: \"spacing\" );\n @include generate-utils( gap-x, column-gap, $kendo-utils-gap, $css-var: \"spacing\" );\n @include generate-utils( gap-y, row-gap, $kendo-utils-gap, $css-var: \"spacing\" );",
8943
8943
  "line": {
8944
8944
  "start": 181,
8945
8945
  "end": 190
@@ -8970,7 +8970,7 @@
8970
8970
  "context": {
8971
8971
  "type": "css",
8972
8972
  "name": ".k-gap-xs",
8973
- "value": "// Gap utility classes\n $kendo-utils-gap: k-map-get( $kendo-utils, \"gap\" ) !default;\n @include generate-utils( gap, gap, $kendo-utils-gap );\n @include generate-utils( gap-x, column-gap, $kendo-utils-gap );\n @include generate-utils( gap-y, row-gap, $kendo-utils-gap );",
8973
+ "value": "// Gap utility classes\n $kendo-utils-gap: k-map-get( $kendo-utils, \"gap\" ) !default;\n @include generate-utils( gap, gap, $kendo-utils-gap, $css-var: \"spacing\" );\n @include generate-utils( gap-x, column-gap, $kendo-utils-gap, $css-var: \"spacing\" );\n @include generate-utils( gap-y, row-gap, $kendo-utils-gap, $css-var: \"spacing\" );",
8974
8974
  "line": {
8975
8975
  "start": 181,
8976
8976
  "end": 190
@@ -9001,7 +9001,7 @@
9001
9001
  "context": {
9002
9002
  "type": "css",
9003
9003
  "name": ".k-gap-sm",
9004
- "value": "// Gap utility classes\n $kendo-utils-gap: k-map-get( $kendo-utils, \"gap\" ) !default;\n @include generate-utils( gap, gap, $kendo-utils-gap );\n @include generate-utils( gap-x, column-gap, $kendo-utils-gap );\n @include generate-utils( gap-y, row-gap, $kendo-utils-gap );",
9004
+ "value": "// Gap utility classes\n $kendo-utils-gap: k-map-get( $kendo-utils, \"gap\" ) !default;\n @include generate-utils( gap, gap, $kendo-utils-gap, $css-var: \"spacing\" );\n @include generate-utils( gap-x, column-gap, $kendo-utils-gap, $css-var: \"spacing\" );\n @include generate-utils( gap-y, row-gap, $kendo-utils-gap, $css-var: \"spacing\" );",
9005
9005
  "line": {
9006
9006
  "start": 181,
9007
9007
  "end": 190
@@ -9032,7 +9032,7 @@
9032
9032
  "context": {
9033
9033
  "type": "css",
9034
9034
  "name": ".k-gap-md",
9035
- "value": "// Gap utility classes\n $kendo-utils-gap: k-map-get( $kendo-utils, \"gap\" ) !default;\n @include generate-utils( gap, gap, $kendo-utils-gap );\n @include generate-utils( gap-x, column-gap, $kendo-utils-gap );\n @include generate-utils( gap-y, row-gap, $kendo-utils-gap );",
9035
+ "value": "// Gap utility classes\n $kendo-utils-gap: k-map-get( $kendo-utils, \"gap\" ) !default;\n @include generate-utils( gap, gap, $kendo-utils-gap, $css-var: \"spacing\" );\n @include generate-utils( gap-x, column-gap, $kendo-utils-gap, $css-var: \"spacing\" );\n @include generate-utils( gap-y, row-gap, $kendo-utils-gap, $css-var: \"spacing\" );",
9036
9036
  "line": {
9037
9037
  "start": 181,
9038
9038
  "end": 190
@@ -9063,7 +9063,7 @@
9063
9063
  "context": {
9064
9064
  "type": "css",
9065
9065
  "name": ".k-gap-lg",
9066
- "value": "// Gap utility classes\n $kendo-utils-gap: k-map-get( $kendo-utils, \"gap\" ) !default;\n @include generate-utils( gap, gap, $kendo-utils-gap );\n @include generate-utils( gap-x, column-gap, $kendo-utils-gap );\n @include generate-utils( gap-y, row-gap, $kendo-utils-gap );",
9066
+ "value": "// Gap utility classes\n $kendo-utils-gap: k-map-get( $kendo-utils, \"gap\" ) !default;\n @include generate-utils( gap, gap, $kendo-utils-gap, $css-var: \"spacing\" );\n @include generate-utils( gap-x, column-gap, $kendo-utils-gap, $css-var: \"spacing\" );\n @include generate-utils( gap-y, row-gap, $kendo-utils-gap, $css-var: \"spacing\" );",
9067
9067
  "line": {
9068
9068
  "start": 181,
9069
9069
  "end": 190
@@ -9094,7 +9094,7 @@
9094
9094
  "context": {
9095
9095
  "type": "css",
9096
9096
  "name": ".k-gap-xl",
9097
- "value": "// Gap utility classes\n $kendo-utils-gap: k-map-get( $kendo-utils, \"gap\" ) !default;\n @include generate-utils( gap, gap, $kendo-utils-gap );\n @include generate-utils( gap-x, column-gap, $kendo-utils-gap );\n @include generate-utils( gap-y, row-gap, $kendo-utils-gap );",
9097
+ "value": "// Gap utility classes\n $kendo-utils-gap: k-map-get( $kendo-utils, \"gap\" ) !default;\n @include generate-utils( gap, gap, $kendo-utils-gap, $css-var: \"spacing\" );\n @include generate-utils( gap-x, column-gap, $kendo-utils-gap, $css-var: \"spacing\" );\n @include generate-utils( gap-y, row-gap, $kendo-utils-gap, $css-var: \"spacing\" );",
9098
9098
  "line": {
9099
9099
  "start": 181,
9100
9100
  "end": 190
@@ -9125,7 +9125,7 @@
9125
9125
  "context": {
9126
9126
  "type": "css",
9127
9127
  "name": ".k-gap-thin",
9128
- "value": "// Gap utility classes\n $kendo-utils-gap: k-map-get( $kendo-utils, \"gap\" ) !default;\n @include generate-utils( gap, gap, $kendo-utils-gap );\n @include generate-utils( gap-x, column-gap, $kendo-utils-gap );\n @include generate-utils( gap-y, row-gap, $kendo-utils-gap );",
9128
+ "value": "// Gap utility classes\n $kendo-utils-gap: k-map-get( $kendo-utils, \"gap\" ) !default;\n @include generate-utils( gap, gap, $kendo-utils-gap, $css-var: \"spacing\" );\n @include generate-utils( gap-x, column-gap, $kendo-utils-gap, $css-var: \"spacing\" );\n @include generate-utils( gap-y, row-gap, $kendo-utils-gap, $css-var: \"spacing\" );",
9129
9129
  "line": {
9130
9130
  "start": 181,
9131
9131
  "end": 190
@@ -9156,7 +9156,7 @@
9156
9156
  "context": {
9157
9157
  "type": "css",
9158
9158
  "name": ".k-gap-hair",
9159
- "value": "// Gap utility classes\n $kendo-utils-gap: k-map-get( $kendo-utils, \"gap\" ) !default;\n @include generate-utils( gap, gap, $kendo-utils-gap );\n @include generate-utils( gap-x, column-gap, $kendo-utils-gap );\n @include generate-utils( gap-y, row-gap, $kendo-utils-gap );",
9159
+ "value": "// Gap utility classes\n $kendo-utils-gap: k-map-get( $kendo-utils, \"gap\" ) !default;\n @include generate-utils( gap, gap, $kendo-utils-gap, $css-var: \"spacing\" );\n @include generate-utils( gap-x, column-gap, $kendo-utils-gap, $css-var: \"spacing\" );\n @include generate-utils( gap-y, row-gap, $kendo-utils-gap, $css-var: \"spacing\" );",
9160
9160
  "line": {
9161
9161
  "start": 181,
9162
9162
  "end": 190
@@ -9187,7 +9187,7 @@
9187
9187
  "context": {
9188
9188
  "type": "css",
9189
9189
  "name": ".k-gap-x-0",
9190
- "value": "// Gap utility classes\n $kendo-utils-gap: k-map-get( $kendo-utils, \"gap\" ) !default;\n @include generate-utils( gap, gap, $kendo-utils-gap );\n @include generate-utils( gap-x, column-gap, $kendo-utils-gap );\n @include generate-utils( gap-y, row-gap, $kendo-utils-gap );",
9190
+ "value": "// Gap utility classes\n $kendo-utils-gap: k-map-get( $kendo-utils, \"gap\" ) !default;\n @include generate-utils( gap, gap, $kendo-utils-gap, $css-var: \"spacing\" );\n @include generate-utils( gap-x, column-gap, $kendo-utils-gap, $css-var: \"spacing\" );\n @include generate-utils( gap-y, row-gap, $kendo-utils-gap, $css-var: \"spacing\" );",
9191
9191
  "line": {
9192
9192
  "start": 181,
9193
9193
  "end": 190
@@ -9218,7 +9218,7 @@
9218
9218
  "context": {
9219
9219
  "type": "css",
9220
9220
  "name": ".k-gap-x-1px",
9221
- "value": "// Gap utility classes\n $kendo-utils-gap: k-map-get( $kendo-utils, \"gap\" ) !default;\n @include generate-utils( gap, gap, $kendo-utils-gap );\n @include generate-utils( gap-x, column-gap, $kendo-utils-gap );\n @include generate-utils( gap-y, row-gap, $kendo-utils-gap );",
9221
+ "value": "// Gap utility classes\n $kendo-utils-gap: k-map-get( $kendo-utils, \"gap\" ) !default;\n @include generate-utils( gap, gap, $kendo-utils-gap, $css-var: \"spacing\" );\n @include generate-utils( gap-x, column-gap, $kendo-utils-gap, $css-var: \"spacing\" );\n @include generate-utils( gap-y, row-gap, $kendo-utils-gap, $css-var: \"spacing\" );",
9222
9222
  "line": {
9223
9223
  "start": 181,
9224
9224
  "end": 190
@@ -9249,7 +9249,7 @@
9249
9249
  "context": {
9250
9250
  "type": "css",
9251
9251
  "name": ".k-gap-x-1",
9252
- "value": "// Gap utility classes\n $kendo-utils-gap: k-map-get( $kendo-utils, \"gap\" ) !default;\n @include generate-utils( gap, gap, $kendo-utils-gap );\n @include generate-utils( gap-x, column-gap, $kendo-utils-gap );\n @include generate-utils( gap-y, row-gap, $kendo-utils-gap );",
9252
+ "value": "// Gap utility classes\n $kendo-utils-gap: k-map-get( $kendo-utils, \"gap\" ) !default;\n @include generate-utils( gap, gap, $kendo-utils-gap, $css-var: \"spacing\" );\n @include generate-utils( gap-x, column-gap, $kendo-utils-gap, $css-var: \"spacing\" );\n @include generate-utils( gap-y, row-gap, $kendo-utils-gap, $css-var: \"spacing\" );",
9253
9253
  "line": {
9254
9254
  "start": 181,
9255
9255
  "end": 190
@@ -9280,7 +9280,7 @@
9280
9280
  "context": {
9281
9281
  "type": "css",
9282
9282
  "name": ".k-gap-x-xs",
9283
- "value": "// Gap utility classes\n $kendo-utils-gap: k-map-get( $kendo-utils, \"gap\" ) !default;\n @include generate-utils( gap, gap, $kendo-utils-gap );\n @include generate-utils( gap-x, column-gap, $kendo-utils-gap );\n @include generate-utils( gap-y, row-gap, $kendo-utils-gap );",
9283
+ "value": "// Gap utility classes\n $kendo-utils-gap: k-map-get( $kendo-utils, \"gap\" ) !default;\n @include generate-utils( gap, gap, $kendo-utils-gap, $css-var: \"spacing\" );\n @include generate-utils( gap-x, column-gap, $kendo-utils-gap, $css-var: \"spacing\" );\n @include generate-utils( gap-y, row-gap, $kendo-utils-gap, $css-var: \"spacing\" );",
9284
9284
  "line": {
9285
9285
  "start": 181,
9286
9286
  "end": 190
@@ -9311,7 +9311,7 @@
9311
9311
  "context": {
9312
9312
  "type": "css",
9313
9313
  "name": ".k-gap-x-sm",
9314
- "value": "// Gap utility classes\n $kendo-utils-gap: k-map-get( $kendo-utils, \"gap\" ) !default;\n @include generate-utils( gap, gap, $kendo-utils-gap );\n @include generate-utils( gap-x, column-gap, $kendo-utils-gap );\n @include generate-utils( gap-y, row-gap, $kendo-utils-gap );",
9314
+ "value": "// Gap utility classes\n $kendo-utils-gap: k-map-get( $kendo-utils, \"gap\" ) !default;\n @include generate-utils( gap, gap, $kendo-utils-gap, $css-var: \"spacing\" );\n @include generate-utils( gap-x, column-gap, $kendo-utils-gap, $css-var: \"spacing\" );\n @include generate-utils( gap-y, row-gap, $kendo-utils-gap, $css-var: \"spacing\" );",
9315
9315
  "line": {
9316
9316
  "start": 181,
9317
9317
  "end": 190
@@ -9342,7 +9342,7 @@
9342
9342
  "context": {
9343
9343
  "type": "css",
9344
9344
  "name": ".k-gap-x-md",
9345
- "value": "// Gap utility classes\n $kendo-utils-gap: k-map-get( $kendo-utils, \"gap\" ) !default;\n @include generate-utils( gap, gap, $kendo-utils-gap );\n @include generate-utils( gap-x, column-gap, $kendo-utils-gap );\n @include generate-utils( gap-y, row-gap, $kendo-utils-gap );",
9345
+ "value": "// Gap utility classes\n $kendo-utils-gap: k-map-get( $kendo-utils, \"gap\" ) !default;\n @include generate-utils( gap, gap, $kendo-utils-gap, $css-var: \"spacing\" );\n @include generate-utils( gap-x, column-gap, $kendo-utils-gap, $css-var: \"spacing\" );\n @include generate-utils( gap-y, row-gap, $kendo-utils-gap, $css-var: \"spacing\" );",
9346
9346
  "line": {
9347
9347
  "start": 181,
9348
9348
  "end": 190
@@ -9373,7 +9373,7 @@
9373
9373
  "context": {
9374
9374
  "type": "css",
9375
9375
  "name": ".k-gap-x-lg",
9376
- "value": "// Gap utility classes\n $kendo-utils-gap: k-map-get( $kendo-utils, \"gap\" ) !default;\n @include generate-utils( gap, gap, $kendo-utils-gap );\n @include generate-utils( gap-x, column-gap, $kendo-utils-gap );\n @include generate-utils( gap-y, row-gap, $kendo-utils-gap );",
9376
+ "value": "// Gap utility classes\n $kendo-utils-gap: k-map-get( $kendo-utils, \"gap\" ) !default;\n @include generate-utils( gap, gap, $kendo-utils-gap, $css-var: \"spacing\" );\n @include generate-utils( gap-x, column-gap, $kendo-utils-gap, $css-var: \"spacing\" );\n @include generate-utils( gap-y, row-gap, $kendo-utils-gap, $css-var: \"spacing\" );",
9377
9377
  "line": {
9378
9378
  "start": 181,
9379
9379
  "end": 190
@@ -9404,7 +9404,7 @@
9404
9404
  "context": {
9405
9405
  "type": "css",
9406
9406
  "name": ".k-gap-x-xl",
9407
- "value": "// Gap utility classes\n $kendo-utils-gap: k-map-get( $kendo-utils, \"gap\" ) !default;\n @include generate-utils( gap, gap, $kendo-utils-gap );\n @include generate-utils( gap-x, column-gap, $kendo-utils-gap );\n @include generate-utils( gap-y, row-gap, $kendo-utils-gap );",
9407
+ "value": "// Gap utility classes\n $kendo-utils-gap: k-map-get( $kendo-utils, \"gap\" ) !default;\n @include generate-utils( gap, gap, $kendo-utils-gap, $css-var: \"spacing\" );\n @include generate-utils( gap-x, column-gap, $kendo-utils-gap, $css-var: \"spacing\" );\n @include generate-utils( gap-y, row-gap, $kendo-utils-gap, $css-var: \"spacing\" );",
9408
9408
  "line": {
9409
9409
  "start": 181,
9410
9410
  "end": 190
@@ -9435,7 +9435,7 @@
9435
9435
  "context": {
9436
9436
  "type": "css",
9437
9437
  "name": ".k-gap-x-thin",
9438
- "value": "// Gap utility classes\n $kendo-utils-gap: k-map-get( $kendo-utils, \"gap\" ) !default;\n @include generate-utils( gap, gap, $kendo-utils-gap );\n @include generate-utils( gap-x, column-gap, $kendo-utils-gap );\n @include generate-utils( gap-y, row-gap, $kendo-utils-gap );",
9438
+ "value": "// Gap utility classes\n $kendo-utils-gap: k-map-get( $kendo-utils, \"gap\" ) !default;\n @include generate-utils( gap, gap, $kendo-utils-gap, $css-var: \"spacing\" );\n @include generate-utils( gap-x, column-gap, $kendo-utils-gap, $css-var: \"spacing\" );\n @include generate-utils( gap-y, row-gap, $kendo-utils-gap, $css-var: \"spacing\" );",
9439
9439
  "line": {
9440
9440
  "start": 181,
9441
9441
  "end": 190
@@ -9466,7 +9466,7 @@
9466
9466
  "context": {
9467
9467
  "type": "css",
9468
9468
  "name": ".k-gap-x-hair",
9469
- "value": "// Gap utility classes\n $kendo-utils-gap: k-map-get( $kendo-utils, \"gap\" ) !default;\n @include generate-utils( gap, gap, $kendo-utils-gap );\n @include generate-utils( gap-x, column-gap, $kendo-utils-gap );\n @include generate-utils( gap-y, row-gap, $kendo-utils-gap );",
9469
+ "value": "// Gap utility classes\n $kendo-utils-gap: k-map-get( $kendo-utils, \"gap\" ) !default;\n @include generate-utils( gap, gap, $kendo-utils-gap, $css-var: \"spacing\" );\n @include generate-utils( gap-x, column-gap, $kendo-utils-gap, $css-var: \"spacing\" );\n @include generate-utils( gap-y, row-gap, $kendo-utils-gap, $css-var: \"spacing\" );",
9470
9470
  "line": {
9471
9471
  "start": 181,
9472
9472
  "end": 190
@@ -9497,7 +9497,7 @@
9497
9497
  "context": {
9498
9498
  "type": "css",
9499
9499
  "name": ".k-gap-y-0",
9500
- "value": "// Gap utility classes\n $kendo-utils-gap: k-map-get( $kendo-utils, \"gap\" ) !default;\n @include generate-utils( gap, gap, $kendo-utils-gap );\n @include generate-utils( gap-x, column-gap, $kendo-utils-gap );\n @include generate-utils( gap-y, row-gap, $kendo-utils-gap );",
9500
+ "value": "// Gap utility classes\n $kendo-utils-gap: k-map-get( $kendo-utils, \"gap\" ) !default;\n @include generate-utils( gap, gap, $kendo-utils-gap, $css-var: \"spacing\" );\n @include generate-utils( gap-x, column-gap, $kendo-utils-gap, $css-var: \"spacing\" );\n @include generate-utils( gap-y, row-gap, $kendo-utils-gap, $css-var: \"spacing\" );",
9501
9501
  "line": {
9502
9502
  "start": 181,
9503
9503
  "end": 190
@@ -9528,7 +9528,7 @@
9528
9528
  "context": {
9529
9529
  "type": "css",
9530
9530
  "name": ".k-gap-y-1px",
9531
- "value": "// Gap utility classes\n $kendo-utils-gap: k-map-get( $kendo-utils, \"gap\" ) !default;\n @include generate-utils( gap, gap, $kendo-utils-gap );\n @include generate-utils( gap-x, column-gap, $kendo-utils-gap );\n @include generate-utils( gap-y, row-gap, $kendo-utils-gap );",
9531
+ "value": "// Gap utility classes\n $kendo-utils-gap: k-map-get( $kendo-utils, \"gap\" ) !default;\n @include generate-utils( gap, gap, $kendo-utils-gap, $css-var: \"spacing\" );\n @include generate-utils( gap-x, column-gap, $kendo-utils-gap, $css-var: \"spacing\" );\n @include generate-utils( gap-y, row-gap, $kendo-utils-gap, $css-var: \"spacing\" );",
9532
9532
  "line": {
9533
9533
  "start": 181,
9534
9534
  "end": 190
@@ -9559,7 +9559,7 @@
9559
9559
  "context": {
9560
9560
  "type": "css",
9561
9561
  "name": ".k-gap-y-1",
9562
- "value": "// Gap utility classes\n $kendo-utils-gap: k-map-get( $kendo-utils, \"gap\" ) !default;\n @include generate-utils( gap, gap, $kendo-utils-gap );\n @include generate-utils( gap-x, column-gap, $kendo-utils-gap );\n @include generate-utils( gap-y, row-gap, $kendo-utils-gap );",
9562
+ "value": "// Gap utility classes\n $kendo-utils-gap: k-map-get( $kendo-utils, \"gap\" ) !default;\n @include generate-utils( gap, gap, $kendo-utils-gap, $css-var: \"spacing\" );\n @include generate-utils( gap-x, column-gap, $kendo-utils-gap, $css-var: \"spacing\" );\n @include generate-utils( gap-y, row-gap, $kendo-utils-gap, $css-var: \"spacing\" );",
9563
9563
  "line": {
9564
9564
  "start": 181,
9565
9565
  "end": 190
@@ -9590,7 +9590,7 @@
9590
9590
  "context": {
9591
9591
  "type": "css",
9592
9592
  "name": ".k-gap-y-xs",
9593
- "value": "// Gap utility classes\n $kendo-utils-gap: k-map-get( $kendo-utils, \"gap\" ) !default;\n @include generate-utils( gap, gap, $kendo-utils-gap );\n @include generate-utils( gap-x, column-gap, $kendo-utils-gap );\n @include generate-utils( gap-y, row-gap, $kendo-utils-gap );",
9593
+ "value": "// Gap utility classes\n $kendo-utils-gap: k-map-get( $kendo-utils, \"gap\" ) !default;\n @include generate-utils( gap, gap, $kendo-utils-gap, $css-var: \"spacing\" );\n @include generate-utils( gap-x, column-gap, $kendo-utils-gap, $css-var: \"spacing\" );\n @include generate-utils( gap-y, row-gap, $kendo-utils-gap, $css-var: \"spacing\" );",
9594
9594
  "line": {
9595
9595
  "start": 181,
9596
9596
  "end": 190
@@ -9621,7 +9621,7 @@
9621
9621
  "context": {
9622
9622
  "type": "css",
9623
9623
  "name": ".k-gap-y-sm",
9624
- "value": "// Gap utility classes\n $kendo-utils-gap: k-map-get( $kendo-utils, \"gap\" ) !default;\n @include generate-utils( gap, gap, $kendo-utils-gap );\n @include generate-utils( gap-x, column-gap, $kendo-utils-gap );\n @include generate-utils( gap-y, row-gap, $kendo-utils-gap );",
9624
+ "value": "// Gap utility classes\n $kendo-utils-gap: k-map-get( $kendo-utils, \"gap\" ) !default;\n @include generate-utils( gap, gap, $kendo-utils-gap, $css-var: \"spacing\" );\n @include generate-utils( gap-x, column-gap, $kendo-utils-gap, $css-var: \"spacing\" );\n @include generate-utils( gap-y, row-gap, $kendo-utils-gap, $css-var: \"spacing\" );",
9625
9625
  "line": {
9626
9626
  "start": 181,
9627
9627
  "end": 190
@@ -9652,7 +9652,7 @@
9652
9652
  "context": {
9653
9653
  "type": "css",
9654
9654
  "name": ".k-gap-y-md",
9655
- "value": "// Gap utility classes\n $kendo-utils-gap: k-map-get( $kendo-utils, \"gap\" ) !default;\n @include generate-utils( gap, gap, $kendo-utils-gap );\n @include generate-utils( gap-x, column-gap, $kendo-utils-gap );\n @include generate-utils( gap-y, row-gap, $kendo-utils-gap );",
9655
+ "value": "// Gap utility classes\n $kendo-utils-gap: k-map-get( $kendo-utils, \"gap\" ) !default;\n @include generate-utils( gap, gap, $kendo-utils-gap, $css-var: \"spacing\" );\n @include generate-utils( gap-x, column-gap, $kendo-utils-gap, $css-var: \"spacing\" );\n @include generate-utils( gap-y, row-gap, $kendo-utils-gap, $css-var: \"spacing\" );",
9656
9656
  "line": {
9657
9657
  "start": 181,
9658
9658
  "end": 190
@@ -9683,7 +9683,7 @@
9683
9683
  "context": {
9684
9684
  "type": "css",
9685
9685
  "name": ".k-gap-y-lg",
9686
- "value": "// Gap utility classes\n $kendo-utils-gap: k-map-get( $kendo-utils, \"gap\" ) !default;\n @include generate-utils( gap, gap, $kendo-utils-gap );\n @include generate-utils( gap-x, column-gap, $kendo-utils-gap );\n @include generate-utils( gap-y, row-gap, $kendo-utils-gap );",
9686
+ "value": "// Gap utility classes\n $kendo-utils-gap: k-map-get( $kendo-utils, \"gap\" ) !default;\n @include generate-utils( gap, gap, $kendo-utils-gap, $css-var: \"spacing\" );\n @include generate-utils( gap-x, column-gap, $kendo-utils-gap, $css-var: \"spacing\" );\n @include generate-utils( gap-y, row-gap, $kendo-utils-gap, $css-var: \"spacing\" );",
9687
9687
  "line": {
9688
9688
  "start": 181,
9689
9689
  "end": 190
@@ -9714,7 +9714,7 @@
9714
9714
  "context": {
9715
9715
  "type": "css",
9716
9716
  "name": ".k-gap-y-xl",
9717
- "value": "// Gap utility classes\n $kendo-utils-gap: k-map-get( $kendo-utils, \"gap\" ) !default;\n @include generate-utils( gap, gap, $kendo-utils-gap );\n @include generate-utils( gap-x, column-gap, $kendo-utils-gap );\n @include generate-utils( gap-y, row-gap, $kendo-utils-gap );",
9717
+ "value": "// Gap utility classes\n $kendo-utils-gap: k-map-get( $kendo-utils, \"gap\" ) !default;\n @include generate-utils( gap, gap, $kendo-utils-gap, $css-var: \"spacing\" );\n @include generate-utils( gap-x, column-gap, $kendo-utils-gap, $css-var: \"spacing\" );\n @include generate-utils( gap-y, row-gap, $kendo-utils-gap, $css-var: \"spacing\" );",
9718
9718
  "line": {
9719
9719
  "start": 181,
9720
9720
  "end": 190
@@ -9745,7 +9745,7 @@
9745
9745
  "context": {
9746
9746
  "type": "css",
9747
9747
  "name": ".k-gap-y-thin",
9748
- "value": "// Gap utility classes\n $kendo-utils-gap: k-map-get( $kendo-utils, \"gap\" ) !default;\n @include generate-utils( gap, gap, $kendo-utils-gap );\n @include generate-utils( gap-x, column-gap, $kendo-utils-gap );\n @include generate-utils( gap-y, row-gap, $kendo-utils-gap );",
9748
+ "value": "// Gap utility classes\n $kendo-utils-gap: k-map-get( $kendo-utils, \"gap\" ) !default;\n @include generate-utils( gap, gap, $kendo-utils-gap, $css-var: \"spacing\" );\n @include generate-utils( gap-x, column-gap, $kendo-utils-gap, $css-var: \"spacing\" );\n @include generate-utils( gap-y, row-gap, $kendo-utils-gap, $css-var: \"spacing\" );",
9749
9749
  "line": {
9750
9750
  "start": 181,
9751
9751
  "end": 190
@@ -9776,7 +9776,7 @@
9776
9776
  "context": {
9777
9777
  "type": "css",
9778
9778
  "name": ".k-gap-y-hair",
9779
- "code": "\n\n // Gap utility classes\n $kendo-utils-gap: k-map-get( $kendo-utils, \"gap\" ) !default;\n @include generate-utils( gap, gap, $kendo-utils-gap );\n @include generate-utils( gap-x, column-gap, $kendo-utils-gap );\n @include generate-utils( gap-y, row-gap, $kendo-utils-gap );\n\n",
9779
+ "code": "\n\n // Gap utility classes\n $kendo-utils-gap: k-map-get( $kendo-utils, \"gap\" ) !default;\n @include generate-utils( gap, gap, $kendo-utils-gap, $css-var: \"spacing\" );\n @include generate-utils( gap-x, column-gap, $kendo-utils-gap, $css-var: \"spacing\" );\n @include generate-utils( gap-y, row-gap, $kendo-utils-gap, $css-var: \"spacing\" );\n\n",
9780
9780
  "line": {
9781
9781
  "start": 181,
9782
9782
  "end": 189