@progress/kendo-theme-classic 14.7.0-dev.3 → 14.7.0-dev.6
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 +796 -572
- package/dist/meta/sassdoc-raw-data.json +380 -280
- package/dist/meta/variables.json +26 -6
- 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 +3 -3
- package/scss/button/_variables.scss +20 -0
- package/scss/chip/_variables.scss +4 -4
package/dist/meta/variables.json
CHANGED
|
@@ -3284,6 +3284,22 @@
|
|
|
3284
3284
|
"type": "String",
|
|
3285
3285
|
"value": "var(--kendo-spacing-1)"
|
|
3286
3286
|
},
|
|
3287
|
+
"kendo-button-xs-gap": {
|
|
3288
|
+
"type": "String",
|
|
3289
|
+
"value": "var(--kendo-spacing-1)"
|
|
3290
|
+
},
|
|
3291
|
+
"kendo-button-sm-gap": {
|
|
3292
|
+
"type": "String",
|
|
3293
|
+
"value": "var(--kendo-spacing-1)"
|
|
3294
|
+
},
|
|
3295
|
+
"kendo-button-md-gap": {
|
|
3296
|
+
"type": "String",
|
|
3297
|
+
"value": "var(--kendo-spacing-1)"
|
|
3298
|
+
},
|
|
3299
|
+
"kendo-button-lg-gap": {
|
|
3300
|
+
"type": "String",
|
|
3301
|
+
"value": "var(--kendo-spacing-1)"
|
|
3302
|
+
},
|
|
3287
3303
|
"kendo-button-xs-padding-x": {
|
|
3288
3304
|
"type": "String",
|
|
3289
3305
|
"value": "var(--kendo-spacing-2)"
|
|
@@ -3598,27 +3614,31 @@
|
|
|
3598
3614
|
},
|
|
3599
3615
|
"kendo-button-sizes": {
|
|
3600
3616
|
"type": "Map",
|
|
3601
|
-
"value": "(xs: (padding-x: var(--kendo-spacing-2), padding-y: var(--kendo-spacing-1px), font-size: var(--kendo-font-size), line-height: var(--kendo-line-height)), sm: (padding-x: var(--kendo-spacing-2), padding-y: var(--kendo-spacing-0\\.5), font-size: var(--kendo-font-size), line-height: var(--kendo-line-height)), md: (padding-x: var(--kendo-spacing-2), padding-y: var(--kendo-spacing-1), font-size: var(--kendo-font-size), line-height: var(--kendo-line-height)), lg: (padding-x: var(--kendo-spacing-3), padding-y: var(--kendo-spacing-2), font-size: var(--kendo-font-size-lg), line-height: var(--kendo-line-height-lg)))",
|
|
3617
|
+
"value": "(xs: (gap: var(--kendo-spacing-1), padding-x: var(--kendo-spacing-2), padding-y: var(--kendo-spacing-1px), font-size: var(--kendo-font-size), line-height: var(--kendo-line-height)), sm: (gap: var(--kendo-spacing-1), padding-x: var(--kendo-spacing-2), padding-y: var(--kendo-spacing-0\\.5), font-size: var(--kendo-font-size), line-height: var(--kendo-line-height)), md: (gap: var(--kendo-spacing-1), padding-x: var(--kendo-spacing-2), padding-y: var(--kendo-spacing-1), font-size: var(--kendo-font-size), line-height: var(--kendo-line-height)), lg: (gap: var(--kendo-spacing-1), padding-x: var(--kendo-spacing-3), padding-y: var(--kendo-spacing-2), font-size: var(--kendo-font-size-lg), line-height: var(--kendo-line-height-lg)))",
|
|
3602
3618
|
"prettyValue": {
|
|
3603
3619
|
"xs": {
|
|
3620
|
+
"gap": "var(--kendo-spacing-1)",
|
|
3604
3621
|
"padding-x": "var(--kendo-spacing-2)",
|
|
3605
3622
|
"padding-y": "var(--kendo-spacing-1px)",
|
|
3606
3623
|
"font-size": "var(--kendo-font-size)",
|
|
3607
3624
|
"line-height": "var(--kendo-line-height)"
|
|
3608
3625
|
},
|
|
3609
3626
|
"sm": {
|
|
3627
|
+
"gap": "var(--kendo-spacing-1)",
|
|
3610
3628
|
"padding-x": "var(--kendo-spacing-2)",
|
|
3611
3629
|
"padding-y": "var(--kendo-spacing-0\\.5)",
|
|
3612
3630
|
"font-size": "var(--kendo-font-size)",
|
|
3613
3631
|
"line-height": "var(--kendo-line-height)"
|
|
3614
3632
|
},
|
|
3615
3633
|
"md": {
|
|
3634
|
+
"gap": "var(--kendo-spacing-1)",
|
|
3616
3635
|
"padding-x": "var(--kendo-spacing-2)",
|
|
3617
3636
|
"padding-y": "var(--kendo-spacing-1)",
|
|
3618
3637
|
"font-size": "var(--kendo-font-size)",
|
|
3619
3638
|
"line-height": "var(--kendo-line-height)"
|
|
3620
3639
|
},
|
|
3621
3640
|
"lg": {
|
|
3641
|
+
"gap": "var(--kendo-spacing-1)",
|
|
3622
3642
|
"padding-x": "var(--kendo-spacing-3)",
|
|
3623
3643
|
"padding-y": "var(--kendo-spacing-2)",
|
|
3624
3644
|
"font-size": "var(--kendo-font-size-lg)",
|
|
@@ -5386,7 +5406,7 @@
|
|
|
5386
5406
|
},
|
|
5387
5407
|
"kendo-chip-outline-border": {
|
|
5388
5408
|
"type": "String",
|
|
5389
|
-
"value": "var(--kendo-color-base-
|
|
5409
|
+
"value": "var(--kendo-color-base-emphasis)"
|
|
5390
5410
|
},
|
|
5391
5411
|
"kendo-chip-outline-shadow": {
|
|
5392
5412
|
"type": "List",
|
|
@@ -5394,19 +5414,19 @@
|
|
|
5394
5414
|
},
|
|
5395
5415
|
"kendo-chip-outline-hover-bg": {
|
|
5396
5416
|
"type": "String",
|
|
5397
|
-
"value": "var(--kendo-color-base-
|
|
5417
|
+
"value": "var(--kendo-color-base-hover)"
|
|
5398
5418
|
},
|
|
5399
5419
|
"kendo-chip-outline-hover-text": {
|
|
5400
5420
|
"type": "String",
|
|
5401
|
-
"value": "var(--kendo-color-base-
|
|
5421
|
+
"value": "var(--kendo-color-base-on-surface)"
|
|
5402
5422
|
},
|
|
5403
5423
|
"kendo-chip-outline-selected-bg": {
|
|
5404
5424
|
"type": "String",
|
|
5405
|
-
"value": "var(--kendo-color-base-
|
|
5425
|
+
"value": "var(--kendo-color-base-active)"
|
|
5406
5426
|
},
|
|
5407
5427
|
"kendo-chip-outline-selected-text": {
|
|
5408
5428
|
"type": "String",
|
|
5409
|
-
"value": "var(--kendo-color-base-
|
|
5429
|
+
"value": "var(--kendo-color-base-on-surface)"
|
|
5410
5430
|
},
|
|
5411
5431
|
"kendo-chip-disabled-bg": {
|
|
5412
5432
|
"type": "Null",
|
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": "14.7.0-dev.
|
|
4
|
+
"version": "14.7.0-dev.6",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -53,8 +53,8 @@
|
|
|
53
53
|
},
|
|
54
54
|
"dependencies": {
|
|
55
55
|
"@progress/kendo-svg-icons": "^5.5.0",
|
|
56
|
-
"@progress/kendo-theme-core": "14.7.0-dev.
|
|
57
|
-
"@progress/kendo-theme-utils": "14.7.0-dev.
|
|
56
|
+
"@progress/kendo-theme-core": "14.7.0-dev.6",
|
|
57
|
+
"@progress/kendo-theme-utils": "14.7.0-dev.6"
|
|
58
58
|
},
|
|
59
59
|
"directories": {
|
|
60
60
|
"doc": "docs",
|
|
@@ -33,6 +33,22 @@ $kendo-button-border-radius: null !default;
|
|
|
33
33
|
/// @group button
|
|
34
34
|
$kendo-button-gap: k-spacing(1) !default;
|
|
35
35
|
|
|
36
|
+
/// The spacing between icon and text inside the xsmall Button.
|
|
37
|
+
/// @group button
|
|
38
|
+
$kendo-button-xs-gap: $kendo-button-gap !default;
|
|
39
|
+
|
|
40
|
+
/// The spacing between icon and text inside the small Button.
|
|
41
|
+
/// @group button
|
|
42
|
+
$kendo-button-sm-gap: $kendo-button-gap !default;
|
|
43
|
+
|
|
44
|
+
/// The spacing between icon and text inside the medium Button.
|
|
45
|
+
/// @group button
|
|
46
|
+
$kendo-button-md-gap: $kendo-button-gap !default;
|
|
47
|
+
|
|
48
|
+
/// The spacing between icon and text inside the large Button.
|
|
49
|
+
/// @group button
|
|
50
|
+
$kendo-button-lg-gap: $kendo-button-gap !default;
|
|
51
|
+
|
|
36
52
|
/// The horizontal padding of the xsmall Button.
|
|
37
53
|
/// @group button
|
|
38
54
|
$kendo-button-xs-padding-x: k-spacing(2) !default;
|
|
@@ -273,6 +289,10 @@ $kendo-button-transition: color k-transition(rapid), background-color k-transiti
|
|
|
273
289
|
$kendo-button-border-width: $kendo-button-border-width,
|
|
274
290
|
$kendo-button-border-radius: $kendo-button-border-radius,
|
|
275
291
|
$kendo-button-gap: $kendo-button-gap,
|
|
292
|
+
$kendo-button-xs-gap: $kendo-button-xs-gap,
|
|
293
|
+
$kendo-button-sm-gap: $kendo-button-sm-gap,
|
|
294
|
+
$kendo-button-md-gap: $kendo-button-md-gap,
|
|
295
|
+
$kendo-button-lg-gap: $kendo-button-lg-gap,
|
|
276
296
|
$kendo-button-xs-padding-x: $kendo-button-xs-padding-x,
|
|
277
297
|
$kendo-button-sm-padding-x: $kendo-button-sm-padding-x,
|
|
278
298
|
$kendo-button-md-padding-x: $kendo-button-md-padding-x,
|
|
@@ -119,21 +119,21 @@ $kendo-chip-solid-selected-bg: $kendo-button-active-bg !default;
|
|
|
119
119
|
$kendo-chip-outline-text: k-color(base-on-surface) !default;
|
|
120
120
|
/// The base border color of the outline Chip.
|
|
121
121
|
/// @group chip
|
|
122
|
-
$kendo-chip-outline-border:
|
|
122
|
+
$kendo-chip-outline-border: k-color(base-emphasis) !default;
|
|
123
123
|
/// The base shadow of the outline Chip.
|
|
124
124
|
/// @group chip
|
|
125
125
|
$kendo-chip-outline-shadow: 0 0 0 2px color-mix(in srgb, k-color(base-on-surface) 16%, transparent) !default;
|
|
126
126
|
|
|
127
127
|
/// The base background color of the hovered outline Chip.
|
|
128
128
|
/// @group chip
|
|
129
|
-
$kendo-chip-outline-hover-bg:
|
|
129
|
+
$kendo-chip-outline-hover-bg: k-color(base-hover) !default;
|
|
130
130
|
/// The base text color of the hovered outline Chip.
|
|
131
131
|
/// @group chip
|
|
132
|
-
$kendo-chip-outline-hover-text: k-color(base-
|
|
132
|
+
$kendo-chip-outline-hover-text: k-color(base-on-surface) !default;
|
|
133
133
|
|
|
134
134
|
/// The base background color of the selected outline Chip.
|
|
135
135
|
/// @group chip
|
|
136
|
-
$kendo-chip-outline-selected-bg:
|
|
136
|
+
$kendo-chip-outline-selected-bg: k-color(base-active) !default;
|
|
137
137
|
/// The base text color of the selected outline Chip.
|
|
138
138
|
/// @group chip
|
|
139
139
|
$kendo-chip-outline-selected-text: $kendo-chip-outline-hover-text !default;
|