@progress/kendo-theme-meridian 14.7.0-dev.7 → 14.7.0-dev.8

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.
@@ -74456,7 +74456,7 @@
74456
74456
  "context": {
74457
74457
  "type": "variable",
74458
74458
  "name": "kendo-scheduler-event-shadow",
74459
- "value": "inset 3px 0 0 0 k-color(secondary)",
74459
+ "value": "inset 3px 0 0 0 var(--kendo-scheduler-event-accent, k-color(secondary))",
74460
74460
  "scope": "default",
74461
74461
  "line": {
74462
74462
  "start": 107,
@@ -74471,7 +74471,7 @@
74471
74471
  "path": "meridian/scss/scheduler/_variables.scss",
74472
74472
  "name": "_variables.scss"
74473
74473
  },
74474
- "resolvedValue": "(inset 3px 0 0 0 var(--kendo-color-secondary))",
74474
+ "resolvedValue": "(inset 3px 0 0 0 var(--kendo-scheduler-event-accent, var(--kendo-color-secondary)))",
74475
74475
  "resolvedType": "List"
74476
74476
  },
74477
74477
  {
@@ -74726,7 +74726,7 @@
74726
74726
  "context": {
74727
74727
  "type": "variable",
74728
74728
  "name": "kendo-scheduler-event-hover-bg",
74729
- "value": "null",
74729
+ "value": "$kendo-scheduler-event-bg",
74730
74730
  "scope": "default",
74731
74731
  "line": {
74732
74732
  "start": 141,
@@ -74741,8 +74741,8 @@
74741
74741
  "path": "meridian/scss/scheduler/_variables.scss",
74742
74742
  "name": "_variables.scss"
74743
74743
  },
74744
- "resolvedValue": "null",
74745
- "resolvedType": "Null"
74744
+ "resolvedValue": "var(--kendo-color-secondary-subtle)",
74745
+ "resolvedType": "String"
74746
74746
  },
74747
74747
  {
74748
74748
  "description": "The text color of the hovered Scheduler event.\n",
@@ -74753,7 +74753,7 @@
74753
74753
  "context": {
74754
74754
  "type": "variable",
74755
74755
  "name": "kendo-scheduler-event-hover-text",
74756
- "value": "null",
74756
+ "value": "$kendo-scheduler-event-text",
74757
74757
  "scope": "default",
74758
74758
  "line": {
74759
74759
  "start": 144,
@@ -74768,8 +74768,8 @@
74768
74768
  "path": "meridian/scss/scheduler/_variables.scss",
74769
74769
  "name": "_variables.scss"
74770
74770
  },
74771
- "resolvedValue": "null",
74772
- "resolvedType": "Null"
74771
+ "resolvedValue": "var(--kendo-color-secondary-on-subtle)",
74772
+ "resolvedType": "String"
74773
74773
  },
74774
74774
  {
74775
74775
  "description": "The border color of the hovered Scheduler event.\n",
@@ -74969,7 +74969,7 @@
74969
74969
  "context": {
74970
74970
  "type": "variable",
74971
74971
  "name": "kendo-scheduler-event-selected-shadow",
74972
- "value": "inset 3px 0 0 0 k-color(secondary), 0 0 0 1px white, 0 0 0 2px k-color(primary-on-surface)",
74972
+ "value": "inset 3px 0 0 0 var(--kendo-scheduler-event-accent, k-color(secondary)), 0 0 0 1px white, 0 0 0 2px k-color(primary-on-surface)",
74973
74973
  "scope": "default",
74974
74974
  "line": {
74975
74975
  "start": 169,
@@ -74984,7 +74984,7 @@
74984
74984
  "path": "meridian/scss/scheduler/_variables.scss",
74985
74985
  "name": "_variables.scss"
74986
74986
  },
74987
- "resolvedValue": "(inset 3px 0 0 0 var(--kendo-color-secondary), 0 0 0 1px white, 0 0 0 2px var(--kendo-color-primary-on-surface))",
74987
+ "resolvedValue": "(inset 3px 0 0 0 var(--kendo-scheduler-event-accent, var(--kendo-color-secondary)), 0 0 0 1px white, 0 0 0 2px var(--kendo-color-primary-on-surface))",
74988
74988
  "resolvedType": "List"
74989
74989
  },
74990
74990
  {
@@ -183132,7 +183132,7 @@
183132
183132
  "context": {
183133
183133
  "type": "variable",
183134
183134
  "name": "kendo-scheduler-event-shadow",
183135
- "value": "inset 3px 0 0 0 k-color(secondary)",
183135
+ "value": "inset 3px 0 0 0 var(--kendo-scheduler-event-accent, k-color(secondary))",
183136
183136
  "scope": "default",
183137
183137
  "line": {
183138
183138
  "start": 107,
@@ -183147,7 +183147,7 @@
183147
183147
  "path": "meridian/scss/scheduler/_variables.scss",
183148
183148
  "name": "_variables.scss"
183149
183149
  },
183150
- "resolvedValue": "(inset 3px 0 0 0 var(--kendo-color-secondary))",
183150
+ "resolvedValue": "(inset 3px 0 0 0 var(--kendo-scheduler-event-accent, var(--kendo-color-secondary)))",
183151
183151
  "resolvedType": "List"
183152
183152
  },
183153
183153
  {
@@ -183402,7 +183402,7 @@
183402
183402
  "context": {
183403
183403
  "type": "variable",
183404
183404
  "name": "kendo-scheduler-event-hover-bg",
183405
- "value": "null",
183405
+ "value": "$kendo-scheduler-event-bg",
183406
183406
  "scope": "default",
183407
183407
  "line": {
183408
183408
  "start": 141,
@@ -183417,8 +183417,8 @@
183417
183417
  "path": "meridian/scss/scheduler/_variables.scss",
183418
183418
  "name": "_variables.scss"
183419
183419
  },
183420
- "resolvedValue": "null",
183421
- "resolvedType": "Null"
183420
+ "resolvedValue": "var(--kendo-color-secondary-subtle)",
183421
+ "resolvedType": "String"
183422
183422
  },
183423
183423
  {
183424
183424
  "description": "The text color of the hovered Scheduler event.\n",
@@ -183429,7 +183429,7 @@
183429
183429
  "context": {
183430
183430
  "type": "variable",
183431
183431
  "name": "kendo-scheduler-event-hover-text",
183432
- "value": "null",
183432
+ "value": "$kendo-scheduler-event-text",
183433
183433
  "scope": "default",
183434
183434
  "line": {
183435
183435
  "start": 144,
@@ -183444,8 +183444,8 @@
183444
183444
  "path": "meridian/scss/scheduler/_variables.scss",
183445
183445
  "name": "_variables.scss"
183446
183446
  },
183447
- "resolvedValue": "null",
183448
- "resolvedType": "Null"
183447
+ "resolvedValue": "var(--kendo-color-secondary-on-subtle)",
183448
+ "resolvedType": "String"
183449
183449
  },
183450
183450
  {
183451
183451
  "description": "The border color of the hovered Scheduler event.\n",
@@ -183645,7 +183645,7 @@
183645
183645
  "context": {
183646
183646
  "type": "variable",
183647
183647
  "name": "kendo-scheduler-event-selected-shadow",
183648
- "value": "inset 3px 0 0 0 k-color(secondary), 0 0 0 1px white, 0 0 0 2px k-color(primary-on-surface)",
183648
+ "value": "inset 3px 0 0 0 var(--kendo-scheduler-event-accent, k-color(secondary)), 0 0 0 1px white, 0 0 0 2px k-color(primary-on-surface)",
183649
183649
  "scope": "default",
183650
183650
  "line": {
183651
183651
  "start": 169,
@@ -183660,7 +183660,7 @@
183660
183660
  "path": "meridian/scss/scheduler/_variables.scss",
183661
183661
  "name": "_variables.scss"
183662
183662
  },
183663
- "resolvedValue": "(inset 3px 0 0 0 var(--kendo-color-secondary), 0 0 0 1px white, 0 0 0 2px var(--kendo-color-primary-on-surface))",
183663
+ "resolvedValue": "(inset 3px 0 0 0 var(--kendo-scheduler-event-accent, var(--kendo-color-secondary)), 0 0 0 1px white, 0 0 0 2px var(--kendo-color-primary-on-surface))",
183664
183664
  "resolvedType": "List"
183665
183665
  },
183666
183666
  {
@@ -68715,7 +68715,7 @@
68715
68715
  "context": {
68716
68716
  "type": "variable",
68717
68717
  "name": "kendo-scheduler-event-shadow",
68718
- "value": "inset 3px 0 0 0 k-color(secondary)",
68718
+ "value": "inset 3px 0 0 0 var(--kendo-scheduler-event-accent, k-color(secondary))",
68719
68719
  "scope": "default",
68720
68720
  "line": {
68721
68721
  "start": 107,
@@ -68965,7 +68965,7 @@
68965
68965
  "context": {
68966
68966
  "type": "variable",
68967
68967
  "name": "kendo-scheduler-event-hover-bg",
68968
- "value": "null",
68968
+ "value": "$kendo-scheduler-event-bg",
68969
68969
  "scope": "default",
68970
68970
  "line": {
68971
68971
  "start": 141,
@@ -68990,7 +68990,7 @@
68990
68990
  "context": {
68991
68991
  "type": "variable",
68992
68992
  "name": "kendo-scheduler-event-hover-text",
68993
- "value": "null",
68993
+ "value": "$kendo-scheduler-event-text",
68994
68994
  "scope": "default",
68995
68995
  "line": {
68996
68996
  "start": 144,
@@ -69190,7 +69190,7 @@
69190
69190
  "context": {
69191
69191
  "type": "variable",
69192
69192
  "name": "kendo-scheduler-event-selected-shadow",
69193
- "value": "inset 3px 0 0 0 k-color(secondary), 0 0 0 1px white, 0 0 0 2px k-color(primary-on-surface)",
69193
+ "value": "inset 3px 0 0 0 var(--kendo-scheduler-event-accent, k-color(secondary)), 0 0 0 1px white, 0 0 0 2px k-color(primary-on-surface)",
69194
69194
  "scope": "default",
69195
69195
  "line": {
69196
69196
  "start": 169,
@@ -14930,7 +14930,7 @@
14930
14930
  },
14931
14931
  "kendo-scheduler-event-shadow": {
14932
14932
  "type": "List",
14933
- "value": "(inset 3px 0 0 0 var(--kendo-color-secondary))"
14933
+ "value": "(inset 3px 0 0 0 var(--kendo-scheduler-event-accent, var(--kendo-color-secondary)))"
14934
14934
  },
14935
14935
  "kendo-scheduler-event-readonly-bg": {
14936
14936
  "type": "String",
@@ -14969,12 +14969,12 @@
14969
14969
  "value": "var(--kendo-color-secondary-on-subtle)"
14970
14970
  },
14971
14971
  "kendo-scheduler-event-hover-bg": {
14972
- "type": "Null",
14973
- "value": "null"
14972
+ "type": "String",
14973
+ "value": "var(--kendo-color-secondary-subtle)"
14974
14974
  },
14975
14975
  "kendo-scheduler-event-hover-text": {
14976
- "type": "Null",
14977
- "value": "null"
14976
+ "type": "String",
14977
+ "value": "var(--kendo-color-secondary-on-subtle)"
14978
14978
  },
14979
14979
  "kendo-scheduler-event-hover-border": {
14980
14980
  "type": "Null",
@@ -15006,7 +15006,7 @@
15006
15006
  },
15007
15007
  "kendo-scheduler-event-selected-shadow": {
15008
15008
  "type": "List",
15009
- "value": "(inset 3px 0 0 0 var(--kendo-color-secondary), 0 0 0 1px white, 0 0 0 2px var(--kendo-color-primary-on-surface))"
15009
+ "value": "(inset 3px 0 0 0 var(--kendo-scheduler-event-accent, var(--kendo-color-secondary)), 0 0 0 1px white, 0 0 0 2px var(--kendo-color-primary-on-surface))"
15010
15010
  },
15011
15011
  "kendo-scheduler-event-ongoing-shadow": {
15012
15012
  "type": "List",
@@ -3,7 +3,7 @@
3
3
  "name": "Meridian Main Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-meridian",
6
- "version": "14.7.0-dev.7",
6
+ "version": "14.7.0-dev.8",
7
7
  "previewColors": [
8
8
  "oklch(13.85% 0.0249 273.24deg)",
9
9
  "oklch(23.28% 0.0218 272.75deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Meridian Main",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-meridian",
6
- "version": "14.7.0-dev.7",
6
+ "version": "14.7.0-dev.8",
7
7
  "previewColors": [
8
8
  "oklch(100% 0 0deg)",
9
9
  "oklch(98.46% 0.0017 247.84deg)",
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@progress/kendo-theme-meridian",
3
3
  "description": "Meridian theme for Kendo UI",
4
- "version": "14.7.0-dev.7",
4
+ "version": "14.7.0-dev.8",
5
5
  "author": "Progress",
6
6
  "license": "Apache-2.0",
7
7
  "keywords": [
@@ -52,8 +52,8 @@
52
52
  },
53
53
  "dependencies": {
54
54
  "@progress/kendo-svg-icons": "^5.5.0",
55
- "@progress/kendo-theme-core": "14.7.0-dev.7",
56
- "@progress/kendo-theme-utils": "14.7.0-dev.7"
55
+ "@progress/kendo-theme-core": "14.7.0-dev.8",
56
+ "@progress/kendo-theme-utils": "14.7.0-dev.8"
57
57
  },
58
58
  "directories": {
59
59
  "doc": "docs",
@@ -11,6 +11,12 @@
11
11
  background-color: unset;
12
12
  }
13
13
 
14
+ .k-event {
15
+ --kendo-scheduler-event-bg: oklch(from var(--kendo-scheduler-event-color) calc(l + 0.5966) calc(c - 0.0323) calc(h - 9.39));
16
+ --kendo-scheduler-event-accent: var(--kendo-scheduler-event-color);
17
+ --kendo-scheduler-on-event: oklch(from var(--kendo-scheduler-event-bg) clamp(0.1, (0.75 - l) * 99999, 1) 0 h);
18
+ }
19
+
14
20
  .k-scheduler-layout {
15
21
  background-color: $kendo-scheduler-bg;
16
22
  }
@@ -104,7 +104,7 @@ $kendo-scheduler-event-border: k-color(secondary-subtle) !default;
104
104
  $kendo-scheduler-event-gradient: null !default;
105
105
  /// The shadow of the Scheduler event.
106
106
  /// @group scheduler
107
- $kendo-scheduler-event-shadow: inset 3px 0 0 0 k-color(secondary) !default;
107
+ $kendo-scheduler-event-shadow: inset 3px 0 0 0 var(--kendo-scheduler-event-accent, k-color(secondary)) !default;
108
108
 
109
109
 
110
110
  /// The background color of the read-only Scheduler event.
@@ -138,10 +138,10 @@ $kendo-scheduler-resize-handle-bg: k-color(secondary-on-subtle) !default;
138
138
 
139
139
  /// The background color of the hovered Scheduler event.
140
140
  /// @group scheduler
141
- $kendo-scheduler-event-hover-bg: null !default;
141
+ $kendo-scheduler-event-hover-bg: $kendo-scheduler-event-bg !default;
142
142
  /// The text color of the hovered Scheduler event.
143
143
  /// @group scheduler
144
- $kendo-scheduler-event-hover-text: null !default;
144
+ $kendo-scheduler-event-hover-text: $kendo-scheduler-event-text !default;
145
145
  /// The border color of the hovered Scheduler event.
146
146
  /// @group scheduler
147
147
  $kendo-scheduler-event-hover-border: null !default;
@@ -166,7 +166,7 @@ $kendo-scheduler-event-selected-border: null !default;
166
166
  $kendo-scheduler-event-selected-gradient: null !default;
167
167
  /// The shadow of the selected Scheduler event.
168
168
  /// @group scheduler
169
- $kendo-scheduler-event-selected-shadow: inset 3px 0 0 0 k-color(secondary), 0 0 0 1px white, 0 0 0 2px k-color(primary-on-surface) !default;
169
+ $kendo-scheduler-event-selected-shadow: inset 3px 0 0 0 var(--kendo-scheduler-event-accent, k-color(secondary)), 0 0 0 1px white, 0 0 0 2px k-color(primary-on-surface) !default;
170
170
 
171
171
  /// The shadow of the ongoing Scheduler event.
172
172
  /// @group scheduler