@progress/kendo-theme-classic 11.0.1-dev.0 → 11.0.1
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 +1 -1
- package/dist/classic-green-dark.css +1 -1
- package/dist/classic-green.css +1 -1
- package/dist/classic-lavender-dark.css +1 -1
- package/dist/classic-lavender.css +1 -1
- package/dist/classic-main-dark.css +1 -1
- package/dist/classic-main.css +1 -1
- package/dist/classic-metro-dark.css +1 -1
- package/dist/classic-metro.css +1 -1
- package/dist/classic-moonlight.css +1 -1
- package/dist/classic-opal-dark.css +1 -1
- package/dist/classic-opal.css +1 -1
- package/dist/classic-silver-dark.css +1 -1
- package/dist/classic-silver.css +1 -1
- package/dist/classic-uniform.css +1 -1
- package/dist/meta/sassdoc-data.json +604 -268
- package/dist/meta/sassdoc-raw-data.json +281 -131
- package/dist/meta/variables.json +41 -3
- package/lib/swatches/classic-green-dark.json +1 -1
- package/lib/swatches/classic-green.json +1 -1
- package/lib/swatches/classic-lavender-dark.json +1 -1
- package/lib/swatches/classic-lavender.json +1 -1
- package/lib/swatches/classic-main-dark.json +1 -1
- package/lib/swatches/classic-main.json +1 -1
- package/lib/swatches/classic-metro-dark.json +1 -1
- package/lib/swatches/classic-metro.json +1 -1
- package/lib/swatches/classic-moonlight.json +1 -1
- package/lib/swatches/classic-opal-dark.json +1 -1
- package/lib/swatches/classic-opal.json +1 -1
- package/lib/swatches/classic-silver-dark.json +1 -1
- package/lib/swatches/classic-silver.json +1 -1
- package/lib/swatches/classic-uniform.json +1 -1
- package/package.json +4 -4
- package/scss/colorgradient/_variables.scss +33 -2
- package/scss/dataviz/_variables.scss +6 -1
package/dist/meta/variables.json
CHANGED
|
@@ -6456,7 +6456,19 @@
|
|
|
6456
6456
|
},
|
|
6457
6457
|
"kendo-color-gradient-canvas-rectangle-height": {
|
|
6458
6458
|
"type": "Number",
|
|
6459
|
-
"value": "
|
|
6459
|
+
"value": "202px"
|
|
6460
|
+
},
|
|
6461
|
+
"kendo-color-gradient-sm-canvas-rectangle-height": {
|
|
6462
|
+
"type": "Number",
|
|
6463
|
+
"value": "182px"
|
|
6464
|
+
},
|
|
6465
|
+
"kendo-color-gradient-md-canvas-rectangle-height": {
|
|
6466
|
+
"type": "Number",
|
|
6467
|
+
"value": "202px"
|
|
6468
|
+
},
|
|
6469
|
+
"kendo-color-gradient-lg-canvas-rectangle-height": {
|
|
6470
|
+
"type": "Number",
|
|
6471
|
+
"value": "268px"
|
|
6460
6472
|
},
|
|
6461
6473
|
"kendo-color-gradient-sm-canvas-gap": {
|
|
6462
6474
|
"type": "String",
|
|
@@ -6484,7 +6496,7 @@
|
|
|
6484
6496
|
},
|
|
6485
6497
|
"kendo-color-gradient-slider-vertical-size": {
|
|
6486
6498
|
"type": "Number",
|
|
6487
|
-
"value": "
|
|
6499
|
+
"value": "202px"
|
|
6488
6500
|
},
|
|
6489
6501
|
"kendo-color-gradient-slider-horizontal-size": {
|
|
6490
6502
|
"type": "Number",
|
|
@@ -6494,6 +6506,18 @@
|
|
|
6494
6506
|
"type": "String",
|
|
6495
6507
|
"value": "\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAuSURBVHgBxYyxDQAwDMJIL+YT+DjtzFRliUfLcklqBCRT4eCTxbD6kdL2/LgYXqpvCbs3kBv/AAAAAElFTkSuQmCC\""
|
|
6496
6508
|
},
|
|
6509
|
+
"kendo-color-gradient-sm-slider-vertical-size": {
|
|
6510
|
+
"type": "Number",
|
|
6511
|
+
"value": "182px"
|
|
6512
|
+
},
|
|
6513
|
+
"kendo-color-gradient-md-slider-vertical-size": {
|
|
6514
|
+
"type": "Number",
|
|
6515
|
+
"value": "202px"
|
|
6516
|
+
},
|
|
6517
|
+
"kendo-color-gradient-lg-slider-vertical-size": {
|
|
6518
|
+
"type": "Number",
|
|
6519
|
+
"value": "268px"
|
|
6520
|
+
},
|
|
6497
6521
|
"kendo-color-gradient-draghandle-width": {
|
|
6498
6522
|
"type": "Number",
|
|
6499
6523
|
"value": "14px"
|
|
@@ -6584,10 +6608,12 @@
|
|
|
6584
6608
|
},
|
|
6585
6609
|
"kendo-color-gradient-sizes": {
|
|
6586
6610
|
"type": "Map",
|
|
6587
|
-
"value": "(sm: (width: 252px, input-width: 42px, gap: var(--kendo-spacing-3, 0.75rem), canvas-gap: var(--kendo-spacing-3, 0.75rem), padding-x: var(--kendo-spacing-3, 0.75rem), padding-y: var(--kendo-spacing-3, 0.75rem)), md: (width: 272px, input-width: 46px, gap: var(--kendo-spacing-3, 0.75rem), canvas-gap: var(--kendo-spacing-3, 0.75rem), padding-x: var(--kendo-spacing-3, 0.75rem), padding-y: var(--kendo-spacing-3, 0.75rem)), lg: (width: 362px, input-width: 62px, gap: var(--kendo-spacing-4\\.5, 1.125rem), canvas-gap: var(--kendo-spacing-4\\.5, 1.125rem), padding-x: var(--kendo-spacing-4\\.5, 1.125rem), padding-y: var(--kendo-spacing-4\\.5, 1.125rem)))",
|
|
6611
|
+
"value": "(sm: (width: 252px, vertical-slider-height: 182px, rectangle-height: 182px, input-width: 42px, gap: var(--kendo-spacing-3, 0.75rem), canvas-gap: var(--kendo-spacing-3, 0.75rem), padding-x: var(--kendo-spacing-3, 0.75rem), padding-y: var(--kendo-spacing-3, 0.75rem)), md: (width: 272px, vertical-slider-height: 202px, rectangle-height: 202px, input-width: 46px, gap: var(--kendo-spacing-3, 0.75rem), canvas-gap: var(--kendo-spacing-3, 0.75rem), padding-x: var(--kendo-spacing-3, 0.75rem), padding-y: var(--kendo-spacing-3, 0.75rem)), lg: (width: 362px, vertical-slider-height: 268px, rectangle-height: 268px, input-width: 62px, gap: var(--kendo-spacing-4\\.5, 1.125rem), canvas-gap: var(--kendo-spacing-4\\.5, 1.125rem), padding-x: var(--kendo-spacing-4\\.5, 1.125rem), padding-y: var(--kendo-spacing-4\\.5, 1.125rem)))",
|
|
6588
6612
|
"prettyValue": {
|
|
6589
6613
|
"sm": {
|
|
6590
6614
|
"width": "252px",
|
|
6615
|
+
"vertical-slider-height": "182px",
|
|
6616
|
+
"rectangle-height": "182px",
|
|
6591
6617
|
"input-width": "42px",
|
|
6592
6618
|
"gap": "var(--kendo-spacing-3, 0.75rem)",
|
|
6593
6619
|
"canvas-gap": "var(--kendo-spacing-3, 0.75rem)",
|
|
@@ -6596,6 +6622,8 @@
|
|
|
6596
6622
|
},
|
|
6597
6623
|
"md": {
|
|
6598
6624
|
"width": "272px",
|
|
6625
|
+
"vertical-slider-height": "202px",
|
|
6626
|
+
"rectangle-height": "202px",
|
|
6599
6627
|
"input-width": "46px",
|
|
6600
6628
|
"gap": "var(--kendo-spacing-3, 0.75rem)",
|
|
6601
6629
|
"canvas-gap": "var(--kendo-spacing-3, 0.75rem)",
|
|
@@ -6604,6 +6632,8 @@
|
|
|
6604
6632
|
},
|
|
6605
6633
|
"lg": {
|
|
6606
6634
|
"width": "362px",
|
|
6635
|
+
"vertical-slider-height": "268px",
|
|
6636
|
+
"rectangle-height": "268px",
|
|
6607
6637
|
"input-width": "62px",
|
|
6608
6638
|
"gap": "var(--kendo-spacing-4\\.5, 1.125rem)",
|
|
6609
6639
|
"canvas-gap": "var(--kendo-spacing-4\\.5, 1.125rem)",
|
|
@@ -15001,6 +15031,14 @@
|
|
|
15001
15031
|
"type": "String",
|
|
15002
15032
|
"value": "var(--kendo-spacing-25, 7rem)"
|
|
15003
15033
|
},
|
|
15034
|
+
"kendo-gauge-pointer-bg": {
|
|
15035
|
+
"type": "String",
|
|
15036
|
+
"value": "var(--kendo-color-primary, #f35800)"
|
|
15037
|
+
},
|
|
15038
|
+
"kendo-gauge-track-bg": {
|
|
15039
|
+
"type": "String",
|
|
15040
|
+
"value": "var(--kendo-color-base-emphasis, #cacaca)"
|
|
15041
|
+
},
|
|
15004
15042
|
"kendo-chart-wizard-icon-area-color": {
|
|
15005
15043
|
"type": "String",
|
|
15006
15044
|
"value": "var(--kendo-color-primary, #f35800)"
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-theme-classic",
|
|
3
3
|
"description": "Sass port of less based themes for Kendo UI theme",
|
|
4
|
-
"version": "11.0.1
|
|
4
|
+
"version": "11.0.1",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -53,12 +53,12 @@
|
|
|
53
53
|
},
|
|
54
54
|
"dependencies": {
|
|
55
55
|
"@progress/kendo-svg-icons": "^4.1.0",
|
|
56
|
-
"@progress/kendo-theme-core": "11.0.1
|
|
57
|
-
"@progress/kendo-theme-utils": "11.0.1
|
|
56
|
+
"@progress/kendo-theme-core": "11.0.1",
|
|
57
|
+
"@progress/kendo-theme-utils": "11.0.1"
|
|
58
58
|
},
|
|
59
59
|
"directories": {
|
|
60
60
|
"doc": "docs",
|
|
61
61
|
"lib": "lib"
|
|
62
62
|
},
|
|
63
|
-
"gitHead": "
|
|
63
|
+
"gitHead": "b016d31c12d66beda4ec9038e28443438b2c29fa"
|
|
64
64
|
}
|
|
@@ -98,7 +98,16 @@ $kendo-color-gradient-canvas-border-radius: k-border-radius(md) !default;
|
|
|
98
98
|
$kendo-color-gradient-canvas-gap: $kendo-color-gradient-spacer !default;
|
|
99
99
|
/// The height the ColorGradient canvas hsv rectangle.
|
|
100
100
|
/// @group color-gradient
|
|
101
|
-
$kendo-color-gradient-canvas-rectangle-height:
|
|
101
|
+
$kendo-color-gradient-canvas-rectangle-height: 202px !default;
|
|
102
|
+
/// The height the small ColorGradient canvas hsv rectangle.
|
|
103
|
+
/// @group color-gradient
|
|
104
|
+
$kendo-color-gradient-sm-canvas-rectangle-height: 182px !default;
|
|
105
|
+
/// The height the medium ColorGradient canvas hsv rectangle.
|
|
106
|
+
/// @group color-gradient
|
|
107
|
+
$kendo-color-gradient-md-canvas-rectangle-height: $kendo-color-gradient-canvas-rectangle-height !default;
|
|
108
|
+
/// The height the large ColorGradient canvas hsv rectangle.
|
|
109
|
+
/// @group color-gradient
|
|
110
|
+
$kendo-color-gradient-lg-canvas-rectangle-height: 268px !default;
|
|
102
111
|
|
|
103
112
|
/// The spacing between the items of the small ColorGradient canvas.
|
|
104
113
|
/// @group color-gradient
|
|
@@ -122,7 +131,7 @@ $kendo-color-gradient-slider-draghandle-border-width: 3px !default;
|
|
|
122
131
|
|
|
123
132
|
/// The height of the ColorGradient vertical slider.
|
|
124
133
|
/// @group color-gradient
|
|
125
|
-
$kendo-color-gradient-slider-vertical-size:
|
|
134
|
+
$kendo-color-gradient-slider-vertical-size: $kendo-color-gradient-canvas-rectangle-height !default;
|
|
126
135
|
/// The width of the ColorGradient horizontal slider.
|
|
127
136
|
/// @group color-gradient
|
|
128
137
|
$kendo-color-gradient-slider-horizontal-size: 100% !default;
|
|
@@ -130,6 +139,16 @@ $kendo-color-gradient-slider-horizontal-size: 100% !default;
|
|
|
130
139
|
/// @group color-gradient
|
|
131
140
|
$kendo-color-gradient-slider-alpha-bgr: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAuSURBVHgBxYyxDQAwDMJIL+YT+DjtzFRliUfLcklqBCRT4eCTxbD6kdL2/LgYXqpvCbs3kBv/AAAAAElFTkSuQmCC" !default;
|
|
132
141
|
|
|
142
|
+
/// The height of the small ColorGradient vertical slider.
|
|
143
|
+
/// @group color-gradient
|
|
144
|
+
$kendo-color-gradient-sm-slider-vertical-size: $kendo-color-gradient-sm-canvas-rectangle-height !default;
|
|
145
|
+
/// The height of the medium ColorGradient vertical slider.
|
|
146
|
+
/// @group color-gradient
|
|
147
|
+
$kendo-color-gradient-md-slider-vertical-size: $kendo-color-gradient-md-canvas-rectangle-height !default;
|
|
148
|
+
/// The height of the large ColorGradient vertical slider.
|
|
149
|
+
/// @group color-gradient
|
|
150
|
+
$kendo-color-gradient-lg-slider-vertical-size: $kendo-color-gradient-lg-canvas-rectangle-height !default;
|
|
151
|
+
|
|
133
152
|
/// The width of the ColorGradient canvas drag handle.
|
|
134
153
|
/// @group color-gradient
|
|
135
154
|
$kendo-color-gradient-draghandle-width: 14px !default;
|
|
@@ -206,6 +225,8 @@ $kendo-color-gradient-contrast-spacer: calc( #{$kendo-color-gradient-spacer} / 1
|
|
|
206
225
|
$kendo-color-gradient-sizes: (
|
|
207
226
|
sm: (
|
|
208
227
|
width: $kendo-color-gradient-sm-width,
|
|
228
|
+
vertical-slider-height: $kendo-color-gradient-sm-slider-vertical-size,
|
|
229
|
+
rectangle-height: $kendo-color-gradient-sm-canvas-rectangle-height,
|
|
209
230
|
input-width: $kendo-color-gradient-sm-input-width,
|
|
210
231
|
gap: $kendo-color-gradient-sm-gap,
|
|
211
232
|
canvas-gap: $kendo-color-gradient-sm-canvas-gap,
|
|
@@ -214,6 +235,8 @@ $kendo-color-gradient-sizes: (
|
|
|
214
235
|
),
|
|
215
236
|
md: (
|
|
216
237
|
width: $kendo-color-gradient-md-width,
|
|
238
|
+
vertical-slider-height: $kendo-color-gradient-md-slider-vertical-size,
|
|
239
|
+
rectangle-height: $kendo-color-gradient-md-canvas-rectangle-height,
|
|
217
240
|
input-width: $kendo-color-gradient-md-input-width,
|
|
218
241
|
gap: $kendo-color-gradient-md-gap,
|
|
219
242
|
canvas-gap: $kendo-color-gradient-md-canvas-gap,
|
|
@@ -222,6 +245,8 @@ $kendo-color-gradient-sizes: (
|
|
|
222
245
|
),
|
|
223
246
|
lg: (
|
|
224
247
|
width: $kendo-color-gradient-lg-width,
|
|
248
|
+
vertical-slider-height: $kendo-color-gradient-lg-slider-vertical-size,
|
|
249
|
+
rectangle-height: $kendo-color-gradient-lg-canvas-rectangle-height,
|
|
225
250
|
input-width: $kendo-color-gradient-lg-input-width,
|
|
226
251
|
gap: $kendo-color-gradient-lg-gap,
|
|
227
252
|
canvas-gap: $kendo-color-gradient-lg-canvas-gap,
|
|
@@ -255,6 +280,9 @@ $kendo-color-gradient-sizes: (
|
|
|
255
280
|
$kendo-color-gradient-canvas-border-radius: $kendo-color-gradient-canvas-border-radius,
|
|
256
281
|
$kendo-color-gradient-canvas-gap: $kendo-color-gradient-canvas-gap,
|
|
257
282
|
$kendo-color-gradient-canvas-rectangle-height: $kendo-color-gradient-canvas-rectangle-height,
|
|
283
|
+
$kendo-color-gradient-sm-canvas-rectangle-height: $kendo-color-gradient-sm-canvas-rectangle-height,
|
|
284
|
+
$kendo-color-gradient-md-canvas-rectangle-height: $kendo-color-gradient-md-canvas-rectangle-height,
|
|
285
|
+
$kendo-color-gradient-lg-canvas-rectangle-height: $kendo-color-gradient-lg-canvas-rectangle-height,
|
|
258
286
|
$kendo-color-gradient-sm-canvas-gap: $kendo-color-gradient-sm-canvas-gap,
|
|
259
287
|
$kendo-color-gradient-md-canvas-gap: $kendo-color-gradient-md-canvas-gap,
|
|
260
288
|
$kendo-color-gradient-lg-canvas-gap: $kendo-color-gradient-lg-canvas-gap,
|
|
@@ -270,6 +298,9 @@ $kendo-color-gradient-sizes: (
|
|
|
270
298
|
$kendo-color-gradient-slider-vertical-size: $kendo-color-gradient-slider-vertical-size,
|
|
271
299
|
$kendo-color-gradient-slider-horizontal-size: $kendo-color-gradient-slider-horizontal-size,
|
|
272
300
|
$kendo-color-gradient-slider-alpha-bgr: $kendo-color-gradient-slider-alpha-bgr,
|
|
301
|
+
$kendo-color-gradient-sm-slider-vertical-size: $kendo-color-gradient-sm-slider-vertical-size,
|
|
302
|
+
$kendo-color-gradient-md-slider-vertical-size: $kendo-color-gradient-md-slider-vertical-size,
|
|
303
|
+
$kendo-color-gradient-lg-slider-vertical-size: $kendo-color-gradient-lg-slider-vertical-size,
|
|
273
304
|
$kendo-color-gradient-draghandle-width: $kendo-color-gradient-draghandle-width,
|
|
274
305
|
$kendo-color-gradient-draghandle-height: $kendo-color-gradient-draghandle-height,
|
|
275
306
|
$kendo-color-gradient-draghandle-border-width: $kendo-color-gradient-draghandle-border-width,
|
|
@@ -159,6 +159,9 @@ $kendo-chart-no-data-font-size: var( --kendo-font-size-lg, inherit ) !default;
|
|
|
159
159
|
$kendo-chart-no-data-font-weight: var( --kendo-font-weight, normal ) !default;
|
|
160
160
|
$kendo-chart-no-data-padding-y: k-spacing( 25 ) !default;
|
|
161
161
|
|
|
162
|
+
// Gauge
|
|
163
|
+
$kendo-gauge-pointer-bg: k-color(primary) !default;
|
|
164
|
+
$kendo-gauge-track-bg: k-color(base-emphasis) !default;
|
|
162
165
|
|
|
163
166
|
@forward "@progress/kendo-theme-core/scss/components/dataviz/_variables.scss" with (
|
|
164
167
|
$kendo-series-a: $kendo-series-a,
|
|
@@ -268,5 +271,7 @@ $kendo-chart-no-data-padding-y: k-spacing( 25 ) !default;
|
|
|
268
271
|
$kendo-treemap-border: $kendo-treemap-border,
|
|
269
272
|
$kendo-treemap-title-text: $kendo-treemap-title-text,
|
|
270
273
|
$kendo-treemap-title-bg: $kendo-treemap-title-bg,
|
|
271
|
-
$kendo-treemap-title-border: $kendo-treemap-title-border
|
|
274
|
+
$kendo-treemap-title-border: $kendo-treemap-title-border,
|
|
275
|
+
$kendo-gauge-pointer-bg: $kendo-gauge-pointer-bg,
|
|
276
|
+
$kendo-gauge-track-bg: $kendo-gauge-track-bg
|
|
272
277
|
);
|