@progress/kendo-theme-default 13.2.0-dev.3 → 13.2.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/default-blue.css +1 -1
- package/dist/default-dataviz-v4.css +1 -1
- package/dist/default-green.css +1 -1
- package/dist/default-main-dark.css +1 -1
- package/dist/default-main-dark.scss +0 -20
- package/dist/default-main.css +1 -1
- package/dist/default-nordic.css +1 -1
- package/dist/default-ocean-blue-a11y.css +1 -1
- package/dist/default-ocean-blue-a11y.scss +0 -10
- package/dist/default-ocean-blue.css +1 -1
- package/dist/default-ocean-blue.scss +0 -10
- package/dist/default-orange.css +1 -1
- package/dist/default-purple.css +1 -1
- package/dist/default-turquoise.css +1 -1
- package/dist/default-urban.css +1 -1
- package/dist/meta/sassdoc-data.json +878 -1924
- package/dist/meta/sassdoc-raw-data.json +415 -859
- package/dist/meta/variables.json +24 -147
- package/lib/swatches/default-blue.json +1 -1
- package/lib/swatches/default-dataviz-v4.json +1 -1
- package/lib/swatches/default-green.json +1 -1
- package/lib/swatches/default-main-dark.json +1 -101
- package/lib/swatches/default-main.json +1 -1
- package/lib/swatches/default-nordic.json +1 -1
- package/lib/swatches/default-ocean-blue-a11y.json +1 -51
- package/lib/swatches/default-ocean-blue.json +1 -51
- package/lib/swatches/default-orange.json +1 -1
- package/lib/swatches/default-purple.json +1 -1
- package/lib/swatches/default-turquoise.json +1 -1
- package/lib/swatches/default-urban.json +1 -1
- package/package.json +4 -4
- package/scss/appbar/_variables.scss +1 -19
- package/scss/card/_variables.scss +0 -6
- package/scss/colorgradient/_variables.scss +3 -3
- package/scss/colorpalette/_variables.scss +3 -3
- package/scss/dialog/_variables.scss +0 -6
- package/scss/notification/_variables.scss +1 -1
- package/scss/overlay/_variables.scss +2 -6
- package/scss/scrollview/_variables.scss +2 -3
- package/scss/tooltip/_variables.scss +1 -1
- package/scss/window/_variables.scss +0 -6
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"name": "Default Ocean Blue A11Y",
|
|
4
4
|
"product": "kendo",
|
|
5
5
|
"base": "@progress/kendo-theme-default",
|
|
6
|
-
"version": "13.2.0-dev.
|
|
6
|
+
"version": "13.2.0-dev.4",
|
|
7
7
|
"previewColors": [
|
|
8
8
|
"oklch(100.00% 0.0001 0deg)",
|
|
9
9
|
"oklch(97.01% 0.0001 0deg)",
|
|
@@ -441,56 +441,6 @@
|
|
|
441
441
|
"type": "color",
|
|
442
442
|
"value": "oklch(55.72% 0.2158 26.34deg)"
|
|
443
443
|
},
|
|
444
|
-
"light-subtle": {
|
|
445
|
-
"name": "Light Subtle",
|
|
446
|
-
"type": "color",
|
|
447
|
-
"value": "oklch(91.58% 0.0001 0deg)"
|
|
448
|
-
},
|
|
449
|
-
"light-subtle-hover": {
|
|
450
|
-
"name": "Light Subtle Hover",
|
|
451
|
-
"type": "color",
|
|
452
|
-
"value": "oklch(85.45% 0.0001 0deg)"
|
|
453
|
-
},
|
|
454
|
-
"light-subtle-active": {
|
|
455
|
-
"name": "Light Subtle Active",
|
|
456
|
-
"type": "color",
|
|
457
|
-
"value": "oklch(78.89% 0.0001 0deg)"
|
|
458
|
-
},
|
|
459
|
-
"light": {
|
|
460
|
-
"name": "Light",
|
|
461
|
-
"type": "color",
|
|
462
|
-
"value": "oklch(56.24% 0.0001 0deg)"
|
|
463
|
-
},
|
|
464
|
-
"light-hover": {
|
|
465
|
-
"name": "Light Hover",
|
|
466
|
-
"type": "color",
|
|
467
|
-
"value": "oklch(54.52% 0.0001 0deg)"
|
|
468
|
-
},
|
|
469
|
-
"light-active": {
|
|
470
|
-
"name": "Light Active",
|
|
471
|
-
"type": "color",
|
|
472
|
-
"value": "oklch(51.38% 0.0001 0deg)"
|
|
473
|
-
},
|
|
474
|
-
"light-emphasis": {
|
|
475
|
-
"name": "Light Emphasis",
|
|
476
|
-
"type": "color",
|
|
477
|
-
"value": "oklch(67.97% 0.0001 0deg)"
|
|
478
|
-
},
|
|
479
|
-
"light-on-subtle": {
|
|
480
|
-
"name": "Light On Subtle",
|
|
481
|
-
"type": "color",
|
|
482
|
-
"value": "oklch(28.09% 0.0000 0deg)"
|
|
483
|
-
},
|
|
484
|
-
"on-light": {
|
|
485
|
-
"name": "On Light",
|
|
486
|
-
"type": "color",
|
|
487
|
-
"value": "oklch(100.00% 0.0001 0deg)"
|
|
488
|
-
},
|
|
489
|
-
"light-on-surface": {
|
|
490
|
-
"name": "Light On Surface",
|
|
491
|
-
"type": "color",
|
|
492
|
-
"value": "oklch(46.04% 0.0001 0deg)"
|
|
493
|
-
},
|
|
494
444
|
"series-a": {
|
|
495
445
|
"name": "Series A",
|
|
496
446
|
"type": "color",
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"name": "Default Ocean Blue",
|
|
4
4
|
"product": "kendo",
|
|
5
5
|
"base": "@progress/kendo-theme-default",
|
|
6
|
-
"version": "13.2.0-dev.
|
|
6
|
+
"version": "13.2.0-dev.4",
|
|
7
7
|
"previewColors": [
|
|
8
8
|
"oklch(100.00% 0.0001 0deg)",
|
|
9
9
|
"oklch(97.01% 0.0001 0deg)",
|
|
@@ -441,56 +441,6 @@
|
|
|
441
441
|
"type": "color",
|
|
442
442
|
"value": "oklch(45.22% 0.1727 26.06deg)"
|
|
443
443
|
},
|
|
444
|
-
"light-subtle": {
|
|
445
|
-
"name": "Light Subtle",
|
|
446
|
-
"type": "color",
|
|
447
|
-
"value": "oklch(91.58% 0.0001 0deg)"
|
|
448
|
-
},
|
|
449
|
-
"light-subtle-hover": {
|
|
450
|
-
"name": "Light Subtle Hover",
|
|
451
|
-
"type": "color",
|
|
452
|
-
"value": "oklch(85.45% 0.0001 0deg)"
|
|
453
|
-
},
|
|
454
|
-
"light-subtle-active": {
|
|
455
|
-
"name": "Light Subtle Active",
|
|
456
|
-
"type": "color",
|
|
457
|
-
"value": "oklch(78.89% 0.0001 0deg)"
|
|
458
|
-
},
|
|
459
|
-
"light": {
|
|
460
|
-
"name": "Light",
|
|
461
|
-
"type": "color",
|
|
462
|
-
"value": "oklch(56.24% 0.0001 0deg)"
|
|
463
|
-
},
|
|
464
|
-
"light-hover": {
|
|
465
|
-
"name": "Light Hover",
|
|
466
|
-
"type": "color",
|
|
467
|
-
"value": "oklch(54.52% 0.0001 0deg)"
|
|
468
|
-
},
|
|
469
|
-
"light-active": {
|
|
470
|
-
"name": "Light Active",
|
|
471
|
-
"type": "color",
|
|
472
|
-
"value": "oklch(51.38% 0.0001 0deg)"
|
|
473
|
-
},
|
|
474
|
-
"light-emphasis": {
|
|
475
|
-
"name": "Light Emphasis",
|
|
476
|
-
"type": "color",
|
|
477
|
-
"value": "oklch(67.97% 0.0001 0deg)"
|
|
478
|
-
},
|
|
479
|
-
"light-on-subtle": {
|
|
480
|
-
"name": "Light On Subtle",
|
|
481
|
-
"type": "color",
|
|
482
|
-
"value": "oklch(28.09% 0.0000 0deg)"
|
|
483
|
-
},
|
|
484
|
-
"on-light": {
|
|
485
|
-
"name": "On Light",
|
|
486
|
-
"type": "color",
|
|
487
|
-
"value": "oklch(100.00% 0.0001 0deg)"
|
|
488
|
-
},
|
|
489
|
-
"light-on-surface": {
|
|
490
|
-
"name": "Light On Surface",
|
|
491
|
-
"type": "color",
|
|
492
|
-
"value": "oklch(46.04% 0.0001 0deg)"
|
|
493
|
-
},
|
|
494
444
|
"series-a": {
|
|
495
445
|
"name": "Series A",
|
|
496
446
|
"type": "color",
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-theme-default",
|
|
3
3
|
"description": "SASS resources for the default Kendo UI theme",
|
|
4
|
-
"version": "13.2.0-dev.
|
|
4
|
+
"version": "13.2.0-dev.4",
|
|
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.8.0",
|
|
56
|
-
"@progress/kendo-theme-core": "13.2.0-dev.
|
|
57
|
-
"@progress/kendo-theme-utils": "13.2.0-dev.
|
|
56
|
+
"@progress/kendo-theme-core": "13.2.0-dev.4",
|
|
57
|
+
"@progress/kendo-theme-utils": "13.2.0-dev.4"
|
|
58
58
|
},
|
|
59
59
|
"directories": {
|
|
60
60
|
"doc": "docs",
|
|
61
61
|
"lib": "lib"
|
|
62
62
|
},
|
|
63
|
-
"gitHead": "
|
|
63
|
+
"gitHead": "7368a47b22d3a917d55b6f022728aee002b3125a"
|
|
64
64
|
}
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
/// The default theme color of the AppBar.
|
|
8
8
|
/// @group appbar
|
|
9
9
|
/// @role default
|
|
10
|
-
$kendo-appbar-default-theme-color: "
|
|
10
|
+
$kendo-appbar-default-theme-color: "base" !default;
|
|
11
11
|
|
|
12
12
|
/// The horizontal margin of the AppBar.
|
|
13
13
|
/// @group appbar
|
|
@@ -41,20 +41,6 @@ $kendo-appbar-line-height: var(--kendo-line-height) !default;
|
|
|
41
41
|
/// @group appbar
|
|
42
42
|
$kendo-appbar-gap: k-spacing(2) !default;
|
|
43
43
|
|
|
44
|
-
/// The background color of the AppBar based on light theme color.
|
|
45
|
-
/// @group appbar
|
|
46
|
-
$kendo-appbar-light-bg: k-color(light) !default;
|
|
47
|
-
/// The text color of the AppBar based on light theme color.
|
|
48
|
-
/// @group appbar
|
|
49
|
-
$kendo-appbar-light-text: k-color(on-light) !default;
|
|
50
|
-
|
|
51
|
-
/// The background color of the AppBar based on dark theme color.
|
|
52
|
-
/// @group appbar
|
|
53
|
-
$kendo-appbar-dark-bg: k-color(dark) !default;
|
|
54
|
-
/// The text color of the AppBar based on dark theme color.
|
|
55
|
-
/// @group appbar
|
|
56
|
-
$kendo-appbar-dark-text: k-color(on-dark) !default;
|
|
57
|
-
|
|
58
44
|
/// The box shadow of the AppBar.
|
|
59
45
|
/// @group appbar
|
|
60
46
|
$kendo-appbar-box-shadow: k-elevation(4) !default;
|
|
@@ -73,10 +59,6 @@ $kendo-appbar-bottom-box-shadow: $kendo-appbar-box-shadow !default;
|
|
|
73
59
|
$kendo-appbar-font-size: $kendo-appbar-font-size,
|
|
74
60
|
$kendo-appbar-line-height: $kendo-appbar-line-height,
|
|
75
61
|
$kendo-appbar-gap: $kendo-appbar-gap,
|
|
76
|
-
$kendo-appbar-light-bg: $kendo-appbar-light-bg,
|
|
77
|
-
$kendo-appbar-light-text: $kendo-appbar-light-text,
|
|
78
|
-
$kendo-appbar-dark-bg: $kendo-appbar-dark-bg,
|
|
79
|
-
$kendo-appbar-dark-text: $kendo-appbar-dark-text,
|
|
80
62
|
$kendo-appbar-box-shadow: $kendo-appbar-box-shadow,
|
|
81
63
|
$kendo-appbar-bottom-box-shadow: $kendo-appbar-bottom-box-shadow,
|
|
82
64
|
$kendo-appbar-default-theme-color: $kendo-appbar-default-theme-color
|
|
@@ -3,11 +3,6 @@
|
|
|
3
3
|
|
|
4
4
|
// Card
|
|
5
5
|
|
|
6
|
-
/// The default theme color of the Card.
|
|
7
|
-
/// @group card
|
|
8
|
-
/// @role default
|
|
9
|
-
$kendo-card-default-theme-color: null !default;
|
|
10
|
-
|
|
11
6
|
/// The horizontal padding of the Card.
|
|
12
7
|
/// @group card
|
|
13
8
|
$kendo-card-padding-x: k-spacing(4) !default;
|
|
@@ -187,7 +182,6 @@ $kendo-card-callout-width: 20px !default;
|
|
|
187
182
|
$kendo-card-callout-height: 20px !default;
|
|
188
183
|
|
|
189
184
|
@forward "@progress/kendo-theme-core/scss/components/card/_variables.scss" with (
|
|
190
|
-
$kendo-card-default-theme-color: $kendo-card-default-theme-color,
|
|
191
185
|
$kendo-card-padding-x: $kendo-card-padding-x,
|
|
192
186
|
$kendo-card-padding-y: $kendo-card-padding-y,
|
|
193
187
|
$kendo-card-border-width: $kendo-card-border-width,
|
|
@@ -171,13 +171,13 @@ $kendo-color-gradient-draghandle-text: null !default;
|
|
|
171
171
|
$kendo-color-gradient-draghandle-bg: transparent !default;
|
|
172
172
|
/// The color of the border around the ColorGradient canvas drag handle.
|
|
173
173
|
/// @group color-gradient
|
|
174
|
-
$kendo-color-gradient-draghandle-border: color-mix(in srgb, k-color(
|
|
174
|
+
$kendo-color-gradient-draghandle-border: color-mix(in srgb, k-color(on-inverse) 80%, transparent) !default;
|
|
175
175
|
/// The focus color of the outline around the ColorGradient canvas drag handle.
|
|
176
176
|
/// @group color-gradient
|
|
177
|
-
$kendo-color-gradient-draghandle-focus-shadow: k-color(
|
|
177
|
+
$kendo-color-gradient-draghandle-focus-shadow: k-color(inverse) !default;
|
|
178
178
|
/// The hover color of the outline around the ColorGradient canvas drag handle.
|
|
179
179
|
/// @group color-gradient
|
|
180
|
-
$kendo-color-gradient-draghandle-hover-shadow: k-color(
|
|
180
|
+
$kendo-color-gradient-draghandle-hover-shadow: k-color(inverse) !default;
|
|
181
181
|
/// The box shadow of the ColorGradient canvas drag handle.
|
|
182
182
|
/// @group color-gradient
|
|
183
183
|
$kendo-color-gradient-draghandle-shadow: k-elevation(2) !default;
|
|
@@ -44,13 +44,13 @@ $kendo-color-palette-lg-tile-height: $kendo-color-palette-lg-tile-width !default
|
|
|
44
44
|
|
|
45
45
|
/// The shadow of the ColorPalette focused tile.
|
|
46
46
|
/// @group color-palette
|
|
47
|
-
$kendo-color-palette-tile-focus-shadow: 0 0 3px 1px color-mix(in srgb, k-color(
|
|
47
|
+
$kendo-color-palette-tile-focus-shadow: 0 0 3px 1px color-mix(in srgb, k-color(inverse) 30%, transparent), inset 0 0 0 1px color-mix(in srgb, k-color(on-inverse) 50%, transparent) !default;
|
|
48
48
|
/// The shadow of the ColorPalette hovered tile.
|
|
49
49
|
/// @group color-palette
|
|
50
|
-
$kendo-color-palette-tile-hover-shadow: 0 0 3px 1px color-mix(in srgb, k-color(
|
|
50
|
+
$kendo-color-palette-tile-hover-shadow: 0 0 3px 1px color-mix(in srgb, k-color(inverse) 30%, transparent), inset 0 0 0 1px color-mix(in srgb, k-color(on-inverse) 80%, transparent) !default;
|
|
51
51
|
/// The shadow of the ColorPalette selected tile.
|
|
52
52
|
/// @group color-palette
|
|
53
|
-
$kendo-color-palette-tile-selected-shadow: 0 1px 3px 1px color-mix(in srgb, k-color(
|
|
53
|
+
$kendo-color-palette-tile-selected-shadow: 0 1px 3px 1px color-mix(in srgb, k-color(inverse) 30%, transparent), inset 0 0 0 1px color-mix(in srgb, k-color(on-inverse) 100%, transparent) !default;
|
|
54
54
|
|
|
55
55
|
@forward "@progress/kendo-theme-core/scss/components/colorpalette/_variables.scss" with (
|
|
56
56
|
$kendo-color-palette-default-size: $kendo-color-palette-default-size,
|
|
@@ -4,11 +4,6 @@
|
|
|
4
4
|
|
|
5
5
|
// Dialog
|
|
6
6
|
|
|
7
|
-
/// The default theme color of the Dialog.
|
|
8
|
-
/// @group dialog
|
|
9
|
-
/// @role default
|
|
10
|
-
$kendo-dialog-default-theme-color: null !default;
|
|
11
|
-
|
|
12
7
|
/// The background color of the Dialog titlebar.
|
|
13
8
|
/// @group dialog
|
|
14
9
|
$kendo-dialog-titlebar-bg: k-color(surface) !default;
|
|
@@ -37,7 +32,6 @@ $kendo-dialog-button-spacing: $kendo-actions-button-spacing !default;
|
|
|
37
32
|
$kendo-dialog-bg: k-color(surface-alt) !default;
|
|
38
33
|
|
|
39
34
|
@forward "@progress/kendo-theme-core/scss/components/dialog/_variables.scss" with (
|
|
40
|
-
$kendo-dialog-default-theme-color: $kendo-dialog-default-theme-color,
|
|
41
35
|
$kendo-dialog-titlebar-bg: $kendo-dialog-titlebar-bg,
|
|
42
36
|
$kendo-dialog-titlebar-text: $kendo-dialog-titlebar-text,
|
|
43
37
|
$kendo-dialog-titlebar-border: $kendo-dialog-titlebar-border,
|
|
@@ -62,7 +62,7 @@ $kendo-notification-icon-spacing: $kendo-icon-spacing !default;
|
|
|
62
62
|
|
|
63
63
|
/// The theme colors map for the Notification.
|
|
64
64
|
/// @group notification
|
|
65
|
-
$kendo-notification-theme-colors: ("base", "primary", "secondary", "tertiary", "info", "success", "warning", "error", "
|
|
65
|
+
$kendo-notification-theme-colors: ("base", "primary", "secondary", "tertiary", "info", "success", "warning", "error", "inverse") !default;
|
|
66
66
|
/// The generated theme colors map for the Notification.
|
|
67
67
|
/// @group notification
|
|
68
68
|
$kendo-notification-theme: notification-theme( $kendo-notification-theme-colors ) !default;
|
|
@@ -1,18 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
/// @group overlay
|
|
3
|
-
/// @role default
|
|
4
|
-
$kendo-overlay-default-theme-color: "inverse" !default;
|
|
1
|
+
@use "../core/_index.scss" as *;
|
|
5
2
|
|
|
6
3
|
/// The background color of the Overlay.
|
|
7
4
|
/// @group overlay
|
|
8
|
-
$kendo-overlay-bg:
|
|
5
|
+
$kendo-overlay-bg: k-color(inverse) !default;
|
|
9
6
|
|
|
10
7
|
/// The opacity of the Overlay.
|
|
11
8
|
/// @group overlay
|
|
12
9
|
$kendo-overlay-opacity: .5 !default;
|
|
13
10
|
|
|
14
11
|
@forward "@progress/kendo-theme-core/scss/components/overlay/_variables.scss" with (
|
|
15
|
-
$kendo-overlay-default-theme-color: $kendo-overlay-default-theme-color,
|
|
16
12
|
$kendo-overlay-bg: $kendo-overlay-bg,
|
|
17
13
|
$kendo-overlay-opacity: $kendo-overlay-opacity
|
|
18
14
|
);
|
|
@@ -76,11 +76,10 @@ $kendo-scrollview-navigation-hover-opacity: 1 !default;
|
|
|
76
76
|
|
|
77
77
|
/// The background color of the ScrollView pager in light mode.
|
|
78
78
|
/// @group scrollview
|
|
79
|
-
$kendo-scrollview-light-bg: rgba(
|
|
79
|
+
$kendo-scrollview-light-bg: rgba( white, .4 ) !default;
|
|
80
80
|
/// The background color of the ScrollView pager in dark mode.
|
|
81
81
|
/// @group scrollview
|
|
82
|
-
$kendo-scrollview-dark-bg: rgba(
|
|
83
|
-
|
|
82
|
+
$kendo-scrollview-dark-bg: rgba( black, .4 ) !default;
|
|
84
83
|
/// The duration of the ScrollView transition.
|
|
85
84
|
/// @group scrollview
|
|
86
85
|
$kendo-scrollview-transition-duration: .3s !default;
|
|
@@ -55,7 +55,7 @@ $kendo-tooltip-shadow: k-elevation(2) !default;
|
|
|
55
55
|
|
|
56
56
|
/// The theme colors map for the Tooltip.
|
|
57
57
|
/// @group tooltip
|
|
58
|
-
$kendo-tooltip-theme-colors: ("base", "
|
|
58
|
+
$kendo-tooltip-theme-colors: ("base", "info", "success", "warning", "error", "inverse") !default;
|
|
59
59
|
|
|
60
60
|
/// The generated theme colors map for the Tooltip.
|
|
61
61
|
/// @group tooltip
|
|
@@ -9,11 +9,6 @@
|
|
|
9
9
|
/// @role default
|
|
10
10
|
$kendo-window-default-size: "auto" !default;
|
|
11
11
|
|
|
12
|
-
/// The default theme color of the Window.
|
|
13
|
-
/// @group window
|
|
14
|
-
/// @role default
|
|
15
|
-
$kendo-window-default-theme-color: null !default;
|
|
16
|
-
|
|
17
12
|
/// The width of the border around the Window.
|
|
18
13
|
/// @group window
|
|
19
14
|
$kendo-window-border-width: 0px !default;
|
|
@@ -107,7 +102,6 @@ $kendo-window-titlebar-border: inherit !default;
|
|
|
107
102
|
$kendo-window-titlebar-gradient: null !default;
|
|
108
103
|
|
|
109
104
|
@forward "@progress/kendo-theme-core/scss/components/window/_variables.scss" with (
|
|
110
|
-
$kendo-window-default-theme-color: $kendo-window-default-theme-color,
|
|
111
105
|
$kendo-window-border-width: $kendo-window-border-width,
|
|
112
106
|
$kendo-window-border-radius: $kendo-window-border-radius,
|
|
113
107
|
$kendo-window-font-family: $kendo-window-font-family,
|