@progress/kendo-theme-classic 10.1.0-dev.2 → 10.1.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.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/{variables.scss → _variables.scss} +2 -1
- package/dist/meta/sassdoc-data.json +1140 -1140
- package/dist/meta/sassdoc-raw-data.json +574 -574
- 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 +11 -10
- package/scss/core/_index.scss +1 -1
- package/scss/core/color-system/_swatch-legacy.scss +1 -1
- package/scss/dataviz/_variables.scss +25 -24
- package/scss/editor/_variables.scss +2 -1
- package/scss/gantt/_index.scss +2 -0
- package/scss/grid/_variables.scss +2 -1
- package/scss/scheduler/_index.scss +2 -0
- package/scss/stepper/_variables.scss +2 -1
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": "10.1.0-dev.
|
|
4
|
+
"version": "10.1.0-dev.4",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -37,11 +37,12 @@
|
|
|
37
37
|
}
|
|
38
38
|
},
|
|
39
39
|
"scripts": {
|
|
40
|
-
"
|
|
41
|
-
"
|
|
42
|
-
"sass": "sass-
|
|
43
|
-
"sass:
|
|
44
|
-
"sass:
|
|
40
|
+
"sass": "npm run sass:compile:all && npm run css:prefix",
|
|
41
|
+
"sass:dist": "gulp sass:dist --theme packages/classic && npm run sass:compile:dist && npm run css:prefix",
|
|
42
|
+
"sass:compile:all": "npx sass --no-source-map --load-path=../../node_modules ./scss/all.scss ./dist/all.css",
|
|
43
|
+
"sass:compile:dist": "npx sass --style=compressed --no-source-map --load-path=../../node_modules ./dist:dist",
|
|
44
|
+
"sass:watch": "npx sass --no-source-map --load-path=../../node_modules --watch ./scss/all.scss ./dist/all.css",
|
|
45
|
+
"css:prefix": "npx postcss --replace ./dist/**/*.css",
|
|
45
46
|
"docs": "node ../../scripts/sassdoc.js",
|
|
46
47
|
"predocs": "npm run resolve-variables",
|
|
47
48
|
"resolve-variables": "node ../../scripts/resolve-variables.js",
|
|
@@ -52,13 +53,13 @@
|
|
|
52
53
|
},
|
|
53
54
|
"dependencies": {
|
|
54
55
|
"@progress/kendo-svg-icons": "^4.0.0",
|
|
55
|
-
"@progress/kendo-theme-core": "10.1.0-dev.
|
|
56
|
-
"@progress/kendo-theme-default": "10.1.0-dev.
|
|
57
|
-
"@progress/kendo-theme-utils": "10.1.0-dev.
|
|
56
|
+
"@progress/kendo-theme-core": "10.1.0-dev.4",
|
|
57
|
+
"@progress/kendo-theme-default": "10.1.0-dev.4",
|
|
58
|
+
"@progress/kendo-theme-utils": "10.1.0-dev.4"
|
|
58
59
|
},
|
|
59
60
|
"directories": {
|
|
60
61
|
"doc": "docs",
|
|
61
62
|
"lib": "lib"
|
|
62
63
|
},
|
|
63
|
-
"gitHead": "
|
|
64
|
+
"gitHead": "4089693fbd3a10aebc8155f11e7b7b7f814be2be"
|
|
64
65
|
}
|
package/scss/core/_index.scss
CHANGED
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
// Variables
|
|
17
17
|
@forward "../_variables.scss";
|
|
18
18
|
|
|
19
|
-
@forward "@progress/kendo-theme-core/scss/index.
|
|
19
|
+
@forward "@progress/kendo-theme-core/scss/index.scss" with (
|
|
20
20
|
// Color System Switch
|
|
21
21
|
$kendo-enable-color-system: $kendo-enable-color-system !default,
|
|
22
22
|
// Color System
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
@use "sass:color";
|
|
1
2
|
@use "../core/_index.scss" as *;
|
|
2
3
|
@use "../core/functions/index.import.scss" as *;
|
|
3
4
|
|
|
@@ -6,50 +7,50 @@
|
|
|
6
7
|
/// The first base series color and its light and dark shades.
|
|
7
8
|
/// @group charts
|
|
8
9
|
$kendo-series-a: if($kendo-enable-color-system, k-color( series-a ), #ff6358) !default;
|
|
9
|
-
$kendo-series-a-dark: if($kendo-enable-color-system, k-color( series-a-bold ),
|
|
10
|
-
$kendo-series-a-darker: if($kendo-enable-color-system, k-color( series-a-bolder ),
|
|
11
|
-
$kendo-series-a-light: if($kendo-enable-color-system, k-color( series-a-subtle ),
|
|
12
|
-
$kendo-series-a-lighter: if($kendo-enable-color-system, k-color( series-a-subtler ),
|
|
10
|
+
$kendo-series-a-dark: if($kendo-enable-color-system, k-color( series-a-bold ), color.mix(black, $kendo-series-a, 25%)) !default;
|
|
11
|
+
$kendo-series-a-darker: if($kendo-enable-color-system, k-color( series-a-bolder ), color.mix(black, $kendo-series-a, 50%)) !default;
|
|
12
|
+
$kendo-series-a-light: if($kendo-enable-color-system, k-color( series-a-subtle ), color.mix(white, $kendo-series-a, 25%)) !default;
|
|
13
|
+
$kendo-series-a-lighter: if($kendo-enable-color-system, k-color( series-a-subtler ), color.mix(white, $kendo-series-a, 50%)) !default;
|
|
13
14
|
|
|
14
15
|
/// The second base series color and its light and dark shades.
|
|
15
16
|
/// @group charts
|
|
16
17
|
$kendo-series-b: if($kendo-enable-color-system, k-color( series-b ), #ffd246) !default;
|
|
17
|
-
$kendo-series-b-dark: if($kendo-enable-color-system, k-color( series-b-bold ),
|
|
18
|
-
$kendo-series-b-darker: if($kendo-enable-color-system, k-color( series-b-bolder ),
|
|
19
|
-
$kendo-series-b-light: if($kendo-enable-color-system, k-color( series-b-subtle ),
|
|
20
|
-
$kendo-series-b-lighter: if($kendo-enable-color-system, k-color( series-b-subtler ),
|
|
18
|
+
$kendo-series-b-dark: if($kendo-enable-color-system, k-color( series-b-bold ), color.mix(black, $kendo-series-b, 25%)) !default;
|
|
19
|
+
$kendo-series-b-darker: if($kendo-enable-color-system, k-color( series-b-bolder ), color.mix(black, $kendo-series-b, 50%)) !default;
|
|
20
|
+
$kendo-series-b-light: if($kendo-enable-color-system, k-color( series-b-subtle ), color.mix(white, $kendo-series-b, 25%)) !default;
|
|
21
|
+
$kendo-series-b-lighter: if($kendo-enable-color-system, k-color( series-b-subtler ), color.mix(white, $kendo-series-b, 50%)) !default;
|
|
21
22
|
|
|
22
23
|
/// The third base series color and its light and dark shades.
|
|
23
24
|
/// @group charts
|
|
24
25
|
$kendo-series-c: if($kendo-enable-color-system, k-color( series-c ), #78d237) !default;
|
|
25
|
-
$kendo-series-c-dark: if($kendo-enable-color-system, k-color( series-c-bold ),
|
|
26
|
-
$kendo-series-c-darker: if($kendo-enable-color-system, k-color( series-c-bolder ),
|
|
27
|
-
$kendo-series-c-light: if($kendo-enable-color-system, k-color( series-c-subtle ),
|
|
28
|
-
$kendo-series-c-lighter: if($kendo-enable-color-system, k-color( series-c-subtler ),
|
|
26
|
+
$kendo-series-c-dark: if($kendo-enable-color-system, k-color( series-c-bold ), color.mix(black, $kendo-series-c, 25%)) !default;
|
|
27
|
+
$kendo-series-c-darker: if($kendo-enable-color-system, k-color( series-c-bolder ), color.mix(black, $kendo-series-c, 50%)) !default;
|
|
28
|
+
$kendo-series-c-light: if($kendo-enable-color-system, k-color( series-c-subtle ), color.mix(white, $kendo-series-c, 25%)) !default;
|
|
29
|
+
$kendo-series-c-lighter: if($kendo-enable-color-system, k-color( series-c-subtler ), color.mix(white, $kendo-series-c, 50%)) !default;
|
|
29
30
|
|
|
30
31
|
/// The fourth base series color and its light and dark shades.
|
|
31
32
|
/// @group charts
|
|
32
33
|
$kendo-series-d: if($kendo-enable-color-system, k-color( series-d ), #28b4c8) !default;
|
|
33
|
-
$kendo-series-d-dark: if($kendo-enable-color-system, k-color( series-d-bold ),
|
|
34
|
-
$kendo-series-d-darker: if($kendo-enable-color-system, k-color( series-d-bolder ),
|
|
35
|
-
$kendo-series-d-light: if($kendo-enable-color-system, k-color( series-d-subtle ),
|
|
36
|
-
$kendo-series-d-lighter: if($kendo-enable-color-system, k-color( series-d-subtler ),
|
|
34
|
+
$kendo-series-d-dark: if($kendo-enable-color-system, k-color( series-d-bold ), color.mix(black, $kendo-series-d, 25%)) !default;
|
|
35
|
+
$kendo-series-d-darker: if($kendo-enable-color-system, k-color( series-d-bolder ), color.mix(black, $kendo-series-d, 50%)) !default;
|
|
36
|
+
$kendo-series-d-light: if($kendo-enable-color-system, k-color( series-d-subtle ), color.mix(white, $kendo-series-d, 25%)) !default;
|
|
37
|
+
$kendo-series-d-lighter: if($kendo-enable-color-system, k-color( series-d-subtler ), color.mix(white, $kendo-series-d, 50%)) !default;
|
|
37
38
|
|
|
38
39
|
/// The fifth base series color and its light and dark shades.
|
|
39
40
|
/// @group charts
|
|
40
41
|
$kendo-series-e: if($kendo-enable-color-system, k-color( series-e ), #2d73f5) !default;
|
|
41
|
-
$kendo-series-e-dark: if($kendo-enable-color-system, k-color( series-e-bold ),
|
|
42
|
-
$kendo-series-e-darker: if($kendo-enable-color-system, k-color( series-e-bolder ),
|
|
43
|
-
$kendo-series-e-light: if($kendo-enable-color-system, k-color( series-e-subtle ),
|
|
44
|
-
$kendo-series-e-lighter: if($kendo-enable-color-system, k-color( series-e-subtler ),
|
|
42
|
+
$kendo-series-e-dark: if($kendo-enable-color-system, k-color( series-e-bold ), color.mix(black, $kendo-series-e, 25%)) !default;
|
|
43
|
+
$kendo-series-e-darker: if($kendo-enable-color-system, k-color( series-e-bolder ), color.mix(black, $kendo-series-e, 50%)) !default;
|
|
44
|
+
$kendo-series-e-light: if($kendo-enable-color-system, k-color( series-e-subtle ), color.mix(white, $kendo-series-e, 25%)) !default;
|
|
45
|
+
$kendo-series-e-lighter: if($kendo-enable-color-system, k-color( series-e-subtler ), color.mix(white, $kendo-series-e, 50%)) !default;
|
|
45
46
|
|
|
46
47
|
/// The sixth base series color and its light and dark shades.
|
|
47
48
|
/// @group charts
|
|
48
49
|
$kendo-series-f: if($kendo-enable-color-system, k-color( series-f ), #aa46be) !default;
|
|
49
|
-
$kendo-series-f-dark: if($kendo-enable-color-system, k-color( series-f-bold ),
|
|
50
|
-
$kendo-series-f-darker: if($kendo-enable-color-system, k-color( series-f-bolder ),
|
|
51
|
-
$kendo-series-f-light: if($kendo-enable-color-system, k-color( series-f-subtle ),
|
|
52
|
-
$kendo-series-f-lighter: if($kendo-enable-color-system, k-color( series-f-subtler ),
|
|
50
|
+
$kendo-series-f-dark: if($kendo-enable-color-system, k-color( series-f-bold ), color.mix(black, $kendo-series-f, 25%)) !default;
|
|
51
|
+
$kendo-series-f-darker: if($kendo-enable-color-system, k-color( series-f-bolder ), color.mix(black, $kendo-series-f, 50%)) !default;
|
|
52
|
+
$kendo-series-f-light: if($kendo-enable-color-system, k-color( series-f-subtle ), color.mix(white, $kendo-series-f, 25%)) !default;
|
|
53
|
+
$kendo-series-f-lighter: if($kendo-enable-color-system, k-color( series-f-subtler ), color.mix(white, $kendo-series-f, 50%)) !default;
|
|
53
54
|
|
|
54
55
|
/// The series colors in order:
|
|
55
56
|
/// base, light, dark, lighter, darker
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
@use "sass:color";
|
|
1
2
|
@use "../core/_index.scss" as *;
|
|
2
3
|
@use "../core/functions/index.import.scss" as *;
|
|
3
4
|
@use "../input/_variables.scss" as *;
|
|
@@ -33,7 +34,7 @@ $kendo-editor-selected-bg: $kendo-color-primary !default;
|
|
|
33
34
|
|
|
34
35
|
/// The highlighted background color of the Editor.
|
|
35
36
|
/// @group editor
|
|
36
|
-
$kendo-editor-highlighted-bg: if($kendo-enable-color-system, k-color( primary-subtle ),
|
|
37
|
+
$kendo-editor-highlighted-bg: if($kendo-enable-color-system, k-color( primary-subtle ), color.mix( $kendo-color-primary, #ffffff, 20% )) !default;
|
|
37
38
|
|
|
38
39
|
/// The horizontal margin of the Editor's export tool icon.
|
|
39
40
|
/// @group editor
|
package/scss/gantt/_index.scss
CHANGED
|
@@ -9,6 +9,7 @@
|
|
|
9
9
|
@use "../window/_index.scss" as *;
|
|
10
10
|
@use "../splitter/_index.scss" as *;
|
|
11
11
|
@use "../treelist/_index.scss" as *;
|
|
12
|
+
@use "../time-marker/_index.scss" as *;
|
|
12
13
|
|
|
13
14
|
// Component
|
|
14
15
|
@forward "./_variables.scss";
|
|
@@ -27,6 +28,7 @@
|
|
|
27
28
|
@include kendo-window--styles();
|
|
28
29
|
@include kendo-splitter--styles();
|
|
29
30
|
@include kendo-treelist--styles();
|
|
31
|
+
@include kendo-time-marker--styles();
|
|
30
32
|
@include kendo-gantt--layout();
|
|
31
33
|
@include kendo-gantt--theme();
|
|
32
34
|
@include kendo-utils--typography--white-space();
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
@use "sass:color";
|
|
1
2
|
@use "sass:math";
|
|
2
3
|
@use "../core/_index.scss" as *;
|
|
3
4
|
@use "../core/functions/index.import.scss" as *;
|
|
@@ -262,7 +263,7 @@ $kendo-grid-sticky-header-border: $kendo-grid-sticky-border !default;
|
|
|
262
263
|
$kendo-grid-sticky-footer-bg: $kendo-grid-header-bg !default;
|
|
263
264
|
$kendo-grid-sticky-footer-hover-bg: $kendo-grid-hover-bg !default;
|
|
264
265
|
|
|
265
|
-
$kendo-grid-sticky-selected-bg: if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent),
|
|
266
|
+
$kendo-grid-sticky-selected-bg: if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), color.mix($kendo-selected-bg, #ffffff, 25%)) !default;
|
|
266
267
|
$kendo-grid-sticky-selected-alt-bg: if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), k-try-shade( $kendo-grid-sticky-selected-bg, .5 )) !default;
|
|
267
268
|
|
|
268
269
|
// Must be a solid color
|
|
@@ -8,6 +8,7 @@
|
|
|
8
8
|
@use "../dropdownlist/_index.scss" as *;
|
|
9
9
|
@use "../dialog/_index.scss" as *;
|
|
10
10
|
@use "../tooltip/_index.scss" as *;
|
|
11
|
+
@use "../time-marker/_index.scss" as *;
|
|
11
12
|
|
|
12
13
|
// Component
|
|
13
14
|
@forward "./_variables.scss";
|
|
@@ -25,6 +26,7 @@
|
|
|
25
26
|
@include kendo-dropdown-list--styles();
|
|
26
27
|
@include kendo-dialog--styles();
|
|
27
28
|
@include kendo-tooltip--styles();
|
|
29
|
+
@include kendo-time-marker--styles();
|
|
28
30
|
@include kendo-scheduler--layout();
|
|
29
31
|
@include kendo-scheduler--theme();
|
|
30
32
|
@include kendo-utils--typography--text-overflow();
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
@use "sass:color";
|
|
1
2
|
@use "../core/_index.scss" as *;
|
|
2
3
|
@use "../core/functions/index.import.scss" as *;
|
|
3
4
|
|
|
@@ -136,7 +137,7 @@ $kendo-stepper-indicator-done-hover-border: null !default;
|
|
|
136
137
|
|
|
137
138
|
/// The background color of the Stepper's disabled done indicator.
|
|
138
139
|
/// @group stepper
|
|
139
|
-
$kendo-stepper-indicator-done-disabled-bg: if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 60%, transparent),
|
|
140
|
+
$kendo-stepper-indicator-done-disabled-bg: if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 60%, transparent), color.mix( $kendo-stepper-indicator-done-bg, $kendo-component-bg, 60% )) !default;
|
|
140
141
|
/// The text color of the Stepper's disabled done indicator.
|
|
141
142
|
/// @group stepper
|
|
142
143
|
$kendo-stepper-indicator-done-disabled-text: if($kendo-enable-color-system, k-color( on-primary ), k-contrast-legacy( $kendo-stepper-indicator-done-bg )) !default;
|