@progress/kendo-theme-fluent 13.0.0-dev.5 → 13.0.0-dev.7

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.
Files changed (16) hide show
  1. package/dist/all.css +1 -1
  2. package/dist/fluent-1-dark.css +1 -1
  3. package/dist/fluent-1.css +1 -1
  4. package/dist/fluent-main-dark.css +1 -1
  5. package/dist/fluent-main.css +1 -1
  6. package/dist/meta/sassdoc-data.json +16 -16
  7. package/dist/meta/sassdoc-raw-data.json +4 -4
  8. package/dist/meta/variables.json +4 -4
  9. package/lib/swatches/all.json +1 -1
  10. package/lib/swatches/fluent-1-dark.json +1 -1
  11. package/lib/swatches/fluent-1.json +1 -1
  12. package/lib/swatches/fluent-main-dark.json +1 -1
  13. package/lib/swatches/fluent-main.json +1 -1
  14. package/package.json +4 -4
  15. package/scss/icons/_variables.scss +1 -1
  16. package/scss/segmented-control/_variables.scss +3 -3
package/dist/meta/sassdoc-data.json CHANGED
@@ -44000,7 +44000,7 @@
44000
44000
  "context": {
44001
44001
  "type": "variable",
44002
44002
  "name": "kendo-accent-icon-color",
44003
- "value": "var( --kendo-accent-icon-color, #{k-color(tertiary-active)} )",
44003
+ "value": "var( --kendo-accent-icon-color, #87A7FF )",
44004
44004
  "scope": "default",
44005
44005
  "line": {
44006
44006
  "start": 43,
@@ -44015,7 +44015,7 @@
44015
44015
  "path": "fluent/scss/icons/_variables.scss",
44016
44016
  "name": "_variables.scss"
44017
44017
  },
44018
- "resolvedValue": "var(--kendo-accent-icon-color, var(--kendo-color-tertiary-active, #962c8a))",
44018
+ "resolvedValue": "var(--kendo-accent-icon-color, #87A7FF)",
44019
44019
  "resolvedType": "String"
44020
44020
  },
44021
44021
  {
@@ -72858,7 +72858,7 @@
72858
72858
  "context": {
72859
72859
  "type": "variable",
72860
72860
  "name": "kendo-segmented-control-bg",
72861
- "value": "var( --kendo-segmented-control-bg, #{k-color(base-subtle)} )",
72861
+ "value": "var( --kendo-segmented-control-bg, color-mix(in srgb, k-color(base), currentColor 12%) )",
72862
72862
  "scope": "default",
72863
72863
  "line": {
72864
72864
  "start": 24,
@@ -72873,7 +72873,7 @@
72873
72873
  "path": "fluent/scss/segmented-control/_variables.scss",
72874
72874
  "name": "_variables.scss"
72875
72875
  },
72876
- "resolvedValue": "var(--kendo-segmented-control-bg, var(--kendo-color-base-subtle, #f5f5f5))",
72876
+ "resolvedValue": "var(--kendo-segmented-control-bg, color-mix(in srgb, var(--kendo-color-base, #ffffff), currentColor 12%))",
72877
72877
  "resolvedType": "String"
72878
72878
  },
72879
72879
  {
@@ -73506,7 +73506,7 @@
73506
73506
  "context": {
73507
73507
  "type": "variable",
73508
73508
  "name": "kendo-segmented-control-button-hover-bg",
73509
- "value": "var( --kendo-segmented-control-button-hover-bg, k-color(base-hover) )",
73509
+ "value": "var( --kendo-segmented-control-button-hover-bg, color-mix(in srgb, k-color(base-hover), currentColor 16%) )",
73510
73510
  "scope": "default",
73511
73511
  "line": {
73512
73512
  "start": 105,
@@ -73521,7 +73521,7 @@
73521
73521
  "path": "fluent/scss/segmented-control/_variables.scss",
73522
73522
  "name": "_variables.scss"
73523
73523
  },
73524
- "resolvedValue": "var(--kendo-segmented-control-button-hover-bg, var(--kendo-color-base-hover, #f5f5f5))",
73524
+ "resolvedValue": "var(--kendo-segmented-control-button-hover-bg, color-mix(in srgb, var(--kendo-color-base-hover, #f5f5f5), currentColor 16%))",
73525
73525
  "resolvedType": "String"
73526
73526
  },
73527
73527
  {
@@ -73533,7 +73533,7 @@
73533
73533
  "context": {
73534
73534
  "type": "variable",
73535
73535
  "name": "kendo-segmented-control-button-focus-indicator",
73536
- "value": "var( --kendo-segmented-control-button-focus-indicator, inset 0 0 0 2px color-mix(in srgb, currentColor 30%, transparent) )",
73536
+ "value": "var( --kendo-segmented-control-button-focus-indicator, inset 0 0 0 2px k-color(on-base) )",
73537
73537
  "scope": "default",
73538
73538
  "line": {
73539
73539
  "start": 108,
@@ -73548,7 +73548,7 @@
73548
73548
  "path": "fluent/scss/segmented-control/_variables.scss",
73549
73549
  "name": "_variables.scss"
73550
73550
  },
73551
- "resolvedValue": "var(--kendo-segmented-control-button-focus-indicator, inset 0 0 0 2px color-mix(in srgb, currentColor 30%, transparent))",
73551
+ "resolvedValue": "var(--kendo-segmented-control-button-focus-indicator, inset 0 0 0 2px var(--kendo-color-on-base, #242424))",
73552
73552
  "resolvedType": "String"
73553
73553
  },
73554
73554
  {
@@ -147309,7 +147309,7 @@
147309
147309
  "context": {
147310
147310
  "type": "variable",
147311
147311
  "name": "kendo-accent-icon-color",
147312
- "value": "var( --kendo-accent-icon-color, #{k-color(tertiary-active)} )",
147312
+ "value": "var( --kendo-accent-icon-color, #87A7FF )",
147313
147313
  "scope": "default",
147314
147314
  "line": {
147315
147315
  "start": 43,
@@ -147324,7 +147324,7 @@
147324
147324
  "path": "fluent/scss/icons/_variables.scss",
147325
147325
  "name": "_variables.scss"
147326
147326
  },
147327
- "resolvedValue": "var(--kendo-accent-icon-color, var(--kendo-color-tertiary-active, #962c8a))",
147327
+ "resolvedValue": "var(--kendo-accent-icon-color, #87A7FF)",
147328
147328
  "resolvedType": "String"
147329
147329
  }
147330
147330
  ]
@@ -176897,7 +176897,7 @@
176897
176897
  "context": {
176898
176898
  "type": "variable",
176899
176899
  "name": "kendo-segmented-control-bg",
176900
- "value": "var( --kendo-segmented-control-bg, #{k-color(base-subtle)} )",
176900
+ "value": "var( --kendo-segmented-control-bg, color-mix(in srgb, k-color(base), currentColor 12%) )",
176901
176901
  "scope": "default",
176902
176902
  "line": {
176903
176903
  "start": 24,
@@ -176912,7 +176912,7 @@
176912
176912
  "path": "fluent/scss/segmented-control/_variables.scss",
176913
176913
  "name": "_variables.scss"
176914
176914
  },
176915
- "resolvedValue": "var(--kendo-segmented-control-bg, var(--kendo-color-base-subtle, #f5f5f5))",
176915
+ "resolvedValue": "var(--kendo-segmented-control-bg, color-mix(in srgb, var(--kendo-color-base, #ffffff), currentColor 12%))",
176916
176916
  "resolvedType": "String"
176917
176917
  },
176918
176918
  {
@@ -177545,7 +177545,7 @@
177545
177545
  "context": {
177546
177546
  "type": "variable",
177547
177547
  "name": "kendo-segmented-control-button-hover-bg",
177548
- "value": "var( --kendo-segmented-control-button-hover-bg, k-color(base-hover) )",
177548
+ "value": "var( --kendo-segmented-control-button-hover-bg, color-mix(in srgb, k-color(base-hover), currentColor 16%) )",
177549
177549
  "scope": "default",
177550
177550
  "line": {
177551
177551
  "start": 105,
@@ -177560,7 +177560,7 @@
177560
177560
  "path": "fluent/scss/segmented-control/_variables.scss",
177561
177561
  "name": "_variables.scss"
177562
177562
  },
177563
- "resolvedValue": "var(--kendo-segmented-control-button-hover-bg, var(--kendo-color-base-hover, #f5f5f5))",
177563
+ "resolvedValue": "var(--kendo-segmented-control-button-hover-bg, color-mix(in srgb, var(--kendo-color-base-hover, #f5f5f5), currentColor 16%))",
177564
177564
  "resolvedType": "String"
177565
177565
  },
177566
177566
  {
@@ -177572,7 +177572,7 @@
177572
177572
  "context": {
177573
177573
  "type": "variable",
177574
177574
  "name": "kendo-segmented-control-button-focus-indicator",
177575
- "value": "var( --kendo-segmented-control-button-focus-indicator, inset 0 0 0 2px color-mix(in srgb, currentColor 30%, transparent) )",
177575
+ "value": "var( --kendo-segmented-control-button-focus-indicator, inset 0 0 0 2px k-color(on-base) )",
177576
177576
  "scope": "default",
177577
177577
  "line": {
177578
177578
  "start": 108,
@@ -177587,7 +177587,7 @@
177587
177587
  "path": "fluent/scss/segmented-control/_variables.scss",
177588
177588
  "name": "_variables.scss"
177589
177589
  },
177590
- "resolvedValue": "var(--kendo-segmented-control-button-focus-indicator, inset 0 0 0 2px color-mix(in srgb, currentColor 30%, transparent))",
177590
+ "resolvedValue": "var(--kendo-segmented-control-button-focus-indicator, inset 0 0 0 2px var(--kendo-color-on-base, #242424))",
177591
177591
  "resolvedType": "String"
177592
177592
  },
177593
177593
  {
package/dist/meta/sassdoc-raw-data.json CHANGED
@@ -40613,7 +40613,7 @@
40613
40613
  "context": {
40614
40614
  "type": "variable",
40615
40615
  "name": "kendo-accent-icon-color",
40616
- "value": "var( --kendo-accent-icon-color, #{k-color(tertiary-active)} )",
40616
+ "value": "var( --kendo-accent-icon-color, #87A7FF )",
40617
40617
  "scope": "default",
40618
40618
  "line": {
40619
40619
  "start": 43,
@@ -67094,7 +67094,7 @@
67094
67094
  "context": {
67095
67095
  "type": "variable",
67096
67096
  "name": "kendo-segmented-control-bg",
67097
- "value": "var( --kendo-segmented-control-bg, #{k-color(base-subtle)} )",
67097
+ "value": "var( --kendo-segmented-control-bg, color-mix(in srgb, k-color(base), currentColor 12%) )",
67098
67098
  "scope": "default",
67099
67099
  "line": {
67100
67100
  "start": 24,
@@ -67694,7 +67694,7 @@
67694
67694
  "context": {
67695
67695
  "type": "variable",
67696
67696
  "name": "kendo-segmented-control-button-hover-bg",
67697
- "value": "var( --kendo-segmented-control-button-hover-bg, k-color(base-hover) )",
67697
+ "value": "var( --kendo-segmented-control-button-hover-bg, color-mix(in srgb, k-color(base-hover), currentColor 16%) )",
67698
67698
  "scope": "default",
67699
67699
  "line": {
67700
67700
  "start": 105,
@@ -67719,7 +67719,7 @@
67719
67719
  "context": {
67720
67720
  "type": "variable",
67721
67721
  "name": "kendo-segmented-control-button-focus-indicator",
67722
- "value": "var( --kendo-segmented-control-button-focus-indicator, inset 0 0 0 2px color-mix(in srgb, currentColor 30%, transparent) )",
67722
+ "value": "var( --kendo-segmented-control-button-focus-indicator, inset 0 0 0 2px k-color(on-base) )",
67723
67723
  "scope": "default",
67724
67724
  "line": {
67725
67725
  "start": 108,
package/dist/meta/variables.json CHANGED
@@ -1959,7 +1959,7 @@
1959
1959
  },
1960
1960
  "kendo-accent-icon-color": {
1961
1961
  "type": "String",
1962
- "value": "var(--kendo-accent-icon-color, var(--kendo-color-tertiary-active, #962c8a))"
1962
+ "value": "var(--kendo-accent-icon-color, #87A7FF)"
1963
1963
  },
1964
1964
  "kendo-message-box-default-theme-color": {
1965
1965
  "type": "Null",
@@ -4912,7 +4912,7 @@
4912
4912
  },
4913
4913
  "kendo-segmented-control-bg": {
4914
4914
  "type": "String",
4915
- "value": "var(--kendo-segmented-control-bg, var(--kendo-color-base-subtle, #f5f5f5))"
4915
+ "value": "var(--kendo-segmented-control-bg, color-mix(in srgb, var(--kendo-color-base, #ffffff), currentColor 12%))"
4916
4916
  },
4917
4917
  "kendo-segmented-control-text": {
4918
4918
  "type": "String",
@@ -5008,11 +5008,11 @@
5008
5008
  },
5009
5009
  "kendo-segmented-control-button-hover-bg": {
5010
5010
  "type": "String",
5011
- "value": "var(--kendo-segmented-control-button-hover-bg, var(--kendo-color-base-hover, #f5f5f5))"
5011
+ "value": "var(--kendo-segmented-control-button-hover-bg, color-mix(in srgb, var(--kendo-color-base-hover, #f5f5f5), currentColor 16%))"
5012
5012
  },
5013
5013
  "kendo-segmented-control-button-focus-indicator": {
5014
5014
  "type": "String",
5015
- "value": "var(--kendo-segmented-control-button-focus-indicator, inset 0 0 0 2px color-mix(in srgb, currentColor 30%, transparent))"
5015
+ "value": "var(--kendo-segmented-control-button-focus-indicator, inset 0 0 0 2px var(--kendo-color-on-base, #242424))"
5016
5016
  },
5017
5017
  "kendo-segmented-control-sizes": {
5018
5018
  "type": "Map",
package/lib/swatches/all.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "All",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-fluent",
6
- "version": "13.0.0-dev.5",
6
+ "version": "13.0.0-dev.7",
7
7
  "api": "modern",
8
8
  "previewColors": [
9
9
  "#ffffff",
package/lib/swatches/fluent-1-dark.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Fluent 1 Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-fluent",
6
- "version": "13.0.0-dev.5",
6
+ "version": "13.0.0-dev.7",
7
7
  "previewColors": [
8
8
  "#1b1a19",
9
9
  "#21201f",
package/lib/swatches/fluent-1.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Fluent 1",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-fluent",
6
- "version": "13.0.0-dev.5",
6
+ "version": "13.0.0-dev.7",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#faf9f8",
package/lib/swatches/fluent-main-dark.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Fluent Main Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-fluent",
6
- "version": "13.0.0-dev.5",
6
+ "version": "13.0.0-dev.7",
7
7
  "previewColors": [
8
8
  "#1F1F1F",
9
9
  "#292929",
package/lib/swatches/fluent-main.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Fluent Main",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-fluent",
6
- "version": "13.0.0-dev.5",
6
+ "version": "13.0.0-dev.7",
7
7
  "previewColors": [
8
8
  "#fafafa",
9
9
  "#ffffff",
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@progress/kendo-theme-fluent",
3
3
  "description": "A css variables based theme for Kendo UI that follows the Fluent design system guidelines.",
4
- "version": "13.0.0-dev.5",
4
+ "version": "13.0.0-dev.7",
5
5
  "author": "Progress",
6
6
  "license": "Apache-2.0",
7
7
  "keywords": [
@@ -55,12 +55,12 @@
55
55
  },
56
56
  "dependencies": {
57
57
  "@progress/kendo-svg-icons": "^4.8.0",
58
- "@progress/kendo-theme-core": "13.0.0-dev.5",
59
- "@progress/kendo-theme-utils": "13.0.0-dev.5"
58
+ "@progress/kendo-theme-core": "13.0.0-dev.7",
59
+ "@progress/kendo-theme-utils": "13.0.0-dev.7"
60
60
  },
61
61
  "directories": {
62
62
  "doc": "docs",
63
63
  "lib": "lib"
64
64
  },
65
- "gitHead": "3c46af7ea07a1e0d1e6a625e020b26e831c0a95c"
65
+ "gitHead": "6cc52329cfdac287c113158ad114ecc9d1e8d6d2"
66
66
  }
package/scss/icons/_variables.scss CHANGED
@@ -40,7 +40,7 @@ $kendo-icon-spacing: k-spacing(2) !default;
40
40
  $kendo-icon-padding: k-spacing(1) !default;
41
41
  /// The color of accent icons.
42
42
  /// @group icon
43
- $kendo-accent-icon-color: var( --kendo-accent-icon-color, #{k-color(tertiary-active)} ) !default;
43
+ $kendo-accent-icon-color: var( --kendo-accent-icon-color, #87A7FF ) !default;
44
44
 
45
45
  @forward "@progress/kendo-theme-core/scss/components/icons/_variables.scss" with (
46
46
  $kendo-icon-default-size: $kendo-icon-default-size,
package/scss/segmented-control/_variables.scss CHANGED
@@ -21,7 +21,7 @@ $kendo-segmented-control-border-radius: var( --kendo-segmented-control-border-ra
21
21
 
22
22
  /// The background color of the Segmented Control.
23
23
  /// @group segmented-control
24
- $kendo-segmented-control-bg: var( --kendo-segmented-control-bg, #{k-color(base-subtle)} ) !default;
24
+ $kendo-segmented-control-bg: var( --kendo-segmented-control-bg, color-mix(in srgb, k-color(base), currentColor 12%) ) !default;
25
25
  /// The text color of the Segmented Control.
26
26
  /// @group segmented-control
27
27
  $kendo-segmented-control-text: var( --kendo-segmented-control-text, #{k-color(on-base)} ) !default;
@@ -102,10 +102,10 @@ $kendo-segmented-control-lg-button-gap: var( --kendo-segmented-control-lg-button
102
102
 
103
103
  /// The background color of the hovered button inside Segmented Control.
104
104
  /// @group segmented-control
105
- $kendo-segmented-control-button-hover-bg: var( --kendo-segmented-control-button-hover-bg, k-color(base-hover) ) !default;
105
+ $kendo-segmented-control-button-hover-bg: var( --kendo-segmented-control-button-hover-bg, color-mix(in srgb, k-color(base-hover), currentColor 16%) ) !default;
106
106
  /// The indication of the focused button inside Segmented Control.
107
107
  /// @group segmented-control
108
- $kendo-segmented-control-button-focus-indicator: var( --kendo-segmented-control-button-focus-indicator, inset 0 0 0 2px color-mix(in srgb, currentColor 30%, transparent) ) !default;
108
+ $kendo-segmented-control-button-focus-indicator: var( --kendo-segmented-control-button-focus-indicator, inset 0 0 0 2px k-color(on-base) ) !default;
109
109
 
110
110
  /// The text color of the disabled button inside Segmented Control.
111
111
  /// @group segmented-control