@progress/kendo-theme-fluent 7.1.0-dev.7 → 7.1.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.
Files changed (6) hide show
  1. package/dist/all.css +14 -23
  2. package/lib/swatches/all.json +1 -1
  3. package/lib/swatches/fluent-main.json +1 -1
  4. package/package.json +4 -4
  5. package/scss/input/_layout.scss +0 -2
  6. package/scss/input/_theme.scss +2 -6
package/dist/all.css CHANGED
@@ -31307,28 +31307,19 @@ textarea.k-input-inner {
31307
31307
  .k-picker-flat:focus-within::after {
31308
31308
  border-width: 0 0 var(--kendo-input-focus-border-width, 2px) 0;
31309
31309
  }
31310
- .k-input-flat.k-valid:focus::after, .k-input-flat.k-valid.k-focus::after, .k-input-flat.k-valid:focus-within::after, .k-input-flat.k-invalid:focus::after, .k-input-flat.k-invalid.k-focus::after, .k-input-flat.k-invalid:focus-within::after, .k-input-flat.ng-valid.ng-touched:focus::after, .k-input-flat.ng-valid.ng-touched.k-focus::after, .k-input-flat.ng-valid.ng-touched:focus-within::after, .k-input-flat.ng-invalid.ng-touched:focus::after, .k-input-flat.ng-invalid.ng-touched.k-focus::after, .k-input-flat.ng-invalid.ng-touched:focus-within::after, .k-input-flat.ng-valid.ng-dirty .k-input-flat.ng-invalid.ng-dirty:focus::after, .k-input-flat.ng-valid.ng-dirty .k-input-flat.ng-invalid.ng-dirty.k-focus::after, .k-input-flat.ng-valid.ng-dirty .k-input-flat.ng-invalid.ng-dirty:focus-within::after,
31310
+ .k-input-flat.k-valid:focus::after, .k-input-flat.k-valid.k-focus::after, .k-input-flat.k-valid:focus-within::after, .k-input-flat.k-invalid:focus::after, .k-input-flat.k-invalid.k-focus::after, .k-input-flat.k-invalid:focus-within::after, .k-input-flat.ng-invalid.ng-touched:focus::after, .k-input-flat.ng-invalid.ng-touched.k-focus::after, .k-input-flat.ng-invalid.ng-touched:focus-within::after, .k-input-flat.ng-invalid.ng-dirty:focus::after, .k-input-flat.ng-invalid.ng-dirty.k-focus::after, .k-input-flat.ng-invalid.ng-dirty:focus-within::after,
31311
31311
  .k-picker-flat.k-valid:focus::after,
31312
31312
  .k-picker-flat.k-valid.k-focus::after,
31313
31313
  .k-picker-flat.k-valid:focus-within::after,
31314
31314
  .k-picker-flat.k-invalid:focus::after,
31315
31315
  .k-picker-flat.k-invalid.k-focus::after,
31316
31316
  .k-picker-flat.k-invalid:focus-within::after,
31317
- .k-picker-flat.ng-valid.ng-touched:focus::after,
31318
- .k-picker-flat.ng-valid.ng-touched.k-focus::after,
31319
- .k-picker-flat.ng-valid.ng-touched:focus-within::after,
31320
31317
  .k-picker-flat.ng-invalid.ng-touched:focus::after,
31321
31318
  .k-picker-flat.ng-invalid.ng-touched.k-focus::after,
31322
31319
  .k-picker-flat.ng-invalid.ng-touched:focus-within::after,
31323
- .k-input-flat.ng-valid.ng-dirty .k-picker-flat.ng-invalid.ng-dirty:focus::after,
31324
- .k-input-flat.ng-valid.ng-dirty .k-picker-flat.ng-invalid.ng-dirty.k-focus::after,
31325
- .k-input-flat.ng-valid.ng-dirty .k-picker-flat.ng-invalid.ng-dirty:focus-within::after,
31326
- .k-picker-flat.ng-valid.ng-dirty .k-input-flat.ng-invalid.ng-dirty:focus::after,
31327
- .k-picker-flat.ng-valid.ng-dirty .k-input-flat.ng-invalid.ng-dirty.k-focus::after,
31328
- .k-picker-flat.ng-valid.ng-dirty .k-input-flat.ng-invalid.ng-dirty:focus-within::after,
31329
- .k-picker-flat.ng-valid.ng-dirty .k-picker-flat.ng-invalid.ng-dirty:focus::after,
31330
- .k-picker-flat.ng-valid.ng-dirty .k-picker-flat.ng-invalid.ng-dirty.k-focus::after,
31331
- .k-picker-flat.ng-valid.ng-dirty .k-picker-flat.ng-invalid.ng-dirty:focus-within::after {
31320
+ .k-picker-flat.ng-invalid.ng-dirty:focus::after,
31321
+ .k-picker-flat.ng-invalid.ng-dirty.k-focus::after,
31322
+ .k-picker-flat.ng-invalid.ng-dirty:focus-within::after {
31332
31323
  border-width: 0 0 var(--kendo-input-focus-border-width, 2px) 0;
31333
31324
  }
31334
31325
 
@@ -31541,19 +31532,19 @@ textarea.k-input-inner {
31541
31532
  .k-input.k-invalid:focus:hover .k-input-validation-icon, .k-input.k-invalid.k-focus:hover .k-input-validation-icon, .k-input.k-invalid:focus.k-hover .k-input-validation-icon, .k-input.k-invalid.k-focus.k-hover .k-input-validation-icon, .k-input.ng-invalid.ng-touched:focus:hover .k-input-validation-icon, .k-input.ng-invalid.ng-touched.k-focus:hover .k-input-validation-icon, .k-input.ng-invalid.ng-touched:focus.k-hover .k-input-validation-icon, .k-input.ng-invalid.ng-touched.k-focus.k-hover .k-input-validation-icon, .k-input.ng-invalid.ng-dirty:focus:hover .k-input-validation-icon, .k-input.ng-invalid.ng-dirty.k-focus:hover .k-input-validation-icon, .k-input.ng-invalid.ng-dirty:focus.k-hover .k-input-validation-icon, .k-input.ng-invalid.ng-dirty.k-focus.k-hover .k-input-validation-icon {
31542
31533
  color: var(--kendo-input-invalid-text, var(--kendo-invalid-text, var(--kendo-error-190, inherit)));
31543
31534
  }
31544
- .k-input.k-valid, .k-input.ng-valid.ng-touched, .k-input.ng-valid.ng-dirty {
31535
+ .k-input.k-valid {
31545
31536
  --INTERNAL--kendo-input-border: var( --kendo-input-valid-border, var(--kendo-valid-border, var(--kendo-success-190, inherit)) );
31546
31537
  }
31547
- .k-input.k-valid::after, .k-input.ng-valid.ng-touched::after, .k-input.ng-valid.ng-dirty::after {
31538
+ .k-input.k-valid::after {
31548
31539
  border-color: var(--kendo-input-valid-border, var(--kendo-valid-border, var(--kendo-success-190, inherit)));
31549
31540
  }
31550
- .k-input.k-valid .k-input-validation-icon, .k-input.ng-valid.ng-touched .k-input-validation-icon, .k-input.ng-valid.ng-dirty .k-input-validation-icon {
31541
+ .k-input.k-valid .k-input-validation-icon {
31551
31542
  color: var(--kendo-input-valid-text, var(--kendo-valid-text, var(--kendo-success-190, inherit)));
31552
31543
  }
31553
- .k-input.k-valid:focus:hover, .k-input.k-valid.k-focus:hover, .k-input.k-valid:focus.k-hover, .k-input.k-valid.k-focus.k-hover, .k-input.ng-valid.ng-touched:focus:hover, .k-input.ng-valid.ng-touched.k-focus:hover, .k-input.ng-valid.ng-touched:focus.k-hover, .k-input.ng-valid.ng-touched.k-focus.k-hover, .k-input.ng-valid.ng-dirty:focus:hover, .k-input.ng-valid.ng-dirty.k-focus:hover, .k-input.ng-valid.ng-dirty:focus.k-hover, .k-input.ng-valid.ng-dirty.k-focus.k-hover {
31544
+ .k-input.k-valid:focus:hover, .k-input.k-valid.k-focus:hover, .k-input.k-valid:focus.k-hover, .k-input.k-valid.k-focus.k-hover {
31554
31545
  --INTERNAL--kendo-input-border: var( --kendo-input-valid-border, var(--kendo-valid-border, var(--kendo-success-190, inherit)) );
31555
31546
  }
31556
- .k-input.k-valid:focus:hover .k-input-validation-icon, .k-input.k-valid.k-focus:hover .k-input-validation-icon, .k-input.k-valid:focus.k-hover .k-input-validation-icon, .k-input.k-valid.k-focus.k-hover .k-input-validation-icon, .k-input.ng-valid.ng-touched:focus:hover .k-input-validation-icon, .k-input.ng-valid.ng-touched.k-focus:hover .k-input-validation-icon, .k-input.ng-valid.ng-touched:focus.k-hover .k-input-validation-icon, .k-input.ng-valid.ng-touched.k-focus.k-hover .k-input-validation-icon, .k-input.ng-valid.ng-dirty:focus:hover .k-input-validation-icon, .k-input.ng-valid.ng-dirty.k-focus:hover .k-input-validation-icon, .k-input.ng-valid.ng-dirty:focus.k-hover .k-input-validation-icon, .k-input.ng-valid.ng-dirty.k-focus.k-hover .k-input-validation-icon {
31547
+ .k-input.k-valid:focus:hover .k-input-validation-icon, .k-input.k-valid.k-focus:hover .k-input-validation-icon, .k-input.k-valid:focus.k-hover .k-input-validation-icon, .k-input.k-valid.k-focus.k-hover .k-input-validation-icon {
31557
31548
  color: var(--kendo-input-valid-text, var(--kendo-valid-text, var(--kendo-success-190, inherit)));
31558
31549
  }
31559
31550
  .k-input .k-input-prefix {
@@ -31612,19 +31603,19 @@ textarea.k-input-inner {
31612
31603
  .k-picker.k-invalid:focus:hover .k-input-validation-icon, .k-picker.k-invalid.k-focus:hover .k-input-validation-icon, .k-picker.k-invalid:focus.k-hover .k-input-validation-icon, .k-picker.k-invalid.k-focus.k-hover .k-input-validation-icon, .k-picker.ng-invalid.ng-touched:focus:hover .k-input-validation-icon, .k-picker.ng-invalid.ng-touched.k-focus:hover .k-input-validation-icon, .k-picker.ng-invalid.ng-touched:focus.k-hover .k-input-validation-icon, .k-picker.ng-invalid.ng-touched.k-focus.k-hover .k-input-validation-icon, .k-picker.ng-invalid.ng-dirty:focus:hover .k-input-validation-icon, .k-picker.ng-invalid.ng-dirty.k-focus:hover .k-input-validation-icon, .k-picker.ng-invalid.ng-dirty:focus.k-hover .k-input-validation-icon, .k-picker.ng-invalid.ng-dirty.k-focus.k-hover .k-input-validation-icon {
31613
31604
  color: var(--kendo-input-invalid-text, var(--kendo-invalid-text, var(--kendo-error-190, inherit)));
31614
31605
  }
31615
- .k-picker.k-valid, .k-picker.ng-valid.ng-touched, .k-picker.ng-valid.ng-dirty {
31606
+ .k-picker.k-valid {
31616
31607
  --INTERNAL--kendo-picker-border: var( --kendo-input-valid-border, var(--kendo-valid-border, var(--kendo-success-190, inherit)) );
31617
31608
  }
31618
- .k-picker.k-valid::after, .k-picker.ng-valid.ng-touched::after, .k-picker.ng-valid.ng-dirty::after {
31609
+ .k-picker.k-valid::after {
31619
31610
  border-color: var(--kendo-input-valid-border, var(--kendo-valid-border, var(--kendo-success-190, inherit)));
31620
31611
  }
31621
- .k-picker.k-valid .k-input-validation-icon, .k-picker.ng-valid.ng-touched .k-input-validation-icon, .k-picker.ng-valid.ng-dirty .k-input-validation-icon {
31612
+ .k-picker.k-valid .k-input-validation-icon {
31622
31613
  color: var(--kendo-input-valid-text, var(--kendo-valid-text, var(--kendo-success-190, inherit)));
31623
31614
  }
31624
- .k-picker.k-valid:focus:hover, .k-picker.k-valid.k-focus:hover, .k-picker.k-valid:focus.k-hover, .k-picker.k-valid.k-focus.k-hover, .k-picker.ng-valid.ng-touched:focus:hover, .k-picker.ng-valid.ng-touched.k-focus:hover, .k-picker.ng-valid.ng-touched:focus.k-hover, .k-picker.ng-valid.ng-touched.k-focus.k-hover, .k-picker.ng-valid.ng-dirty:focus:hover, .k-picker.ng-valid.ng-dirty.k-focus:hover, .k-picker.ng-valid.ng-dirty:focus.k-hover, .k-picker.ng-valid.ng-dirty.k-focus.k-hover {
31615
+ .k-picker.k-valid:focus:hover, .k-picker.k-valid.k-focus:hover, .k-picker.k-valid:focus.k-hover, .k-picker.k-valid.k-focus.k-hover {
31625
31616
  --INTERNAL--kendo-picker-border: var( --kendo-input-valid-border, var(--kendo-valid-border, var(--kendo-success-190, inherit)) );
31626
31617
  }
31627
- .k-picker.k-valid:focus:hover .k-input-validation-icon, .k-picker.k-valid.k-focus:hover .k-input-validation-icon, .k-picker.k-valid:focus.k-hover .k-input-validation-icon, .k-picker.k-valid.k-focus.k-hover .k-input-validation-icon, .k-picker.ng-valid.ng-touched:focus:hover .k-input-validation-icon, .k-picker.ng-valid.ng-touched.k-focus:hover .k-input-validation-icon, .k-picker.ng-valid.ng-touched:focus.k-hover .k-input-validation-icon, .k-picker.ng-valid.ng-touched.k-focus.k-hover .k-input-validation-icon, .k-picker.ng-valid.ng-dirty:focus:hover .k-input-validation-icon, .k-picker.ng-valid.ng-dirty.k-focus:hover .k-input-validation-icon, .k-picker.ng-valid.ng-dirty:focus.k-hover .k-input-validation-icon, .k-picker.ng-valid.ng-dirty.k-focus.k-hover .k-input-validation-icon {
31618
+ .k-picker.k-valid:focus:hover .k-input-validation-icon, .k-picker.k-valid.k-focus:hover .k-input-validation-icon, .k-picker.k-valid:focus.k-hover .k-input-validation-icon, .k-picker.k-valid.k-focus.k-hover .k-input-validation-icon {
31628
31619
  color: var(--kendo-input-valid-text, var(--kendo-valid-text, var(--kendo-success-190, inherit)));
31629
31620
  }
31630
31621
 
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": "7.1.0-dev.7",
6
+ "version": "7.1.0-dev.8",
7
7
  "api": "modern",
8
8
  "previewColors": [
9
9
  "#ffffff",
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": "7.1.0-dev.7",
6
+ "version": "7.1.0-dev.8",
7
7
  "api": "modern",
8
8
  "previewColors": [
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": "7.1.0-dev.7",
4
+ "version": "7.1.0-dev.8",
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": "2.1.0",
56
- "@progress/kendo-theme-core": "7.1.0-dev.7",
57
- "@progress/kendo-theme-utils": "7.1.0-dev.7"
56
+ "@progress/kendo-theme-core": "7.1.0-dev.8",
57
+ "@progress/kendo-theme-utils": "7.1.0-dev.8"
58
58
  },
59
59
  "directories": {
60
60
  "doc": "docs",
61
61
  "lib": "lib"
62
62
  },
63
- "gitHead": "4bacca4f18a86fbe5bd6cf1cbf192e82c5504709"
63
+ "gitHead": "f3ba688605a78aae03fb9e7a04664489f475ee81"
64
64
  }
package/scss/input/_layout.scss CHANGED
@@ -446,9 +446,7 @@
446
446
 
447
447
  &.k-valid,
448
448
  &.k-invalid,
449
- &.ng-valid.ng-touched,
450
449
  &.ng-invalid.ng-touched,
451
- &.ng-valid.ng-dirty
452
450
  &.ng-invalid.ng-dirty {
453
451
 
454
452
  &:focus,
package/scss/input/_theme.scss CHANGED
@@ -83,9 +83,7 @@
83
83
  }
84
84
 
85
85
  // Valid
86
- &.k-valid,
87
- &.ng-valid.ng-touched,
88
- &.ng-valid.ng-dirty {
86
+ &.k-valid {
89
87
  --INTERNAL--kendo-input-border: var( --kendo-input-valid-border, #{$kendo-input-valid-border} );
90
88
 
91
89
  &::after {
@@ -194,9 +192,7 @@
194
192
  }
195
193
 
196
194
  // Valid
197
- &.k-valid,
198
- &.ng-valid.ng-touched,
199
- &.ng-valid.ng-dirty {
195
+ &.k-valid {
200
196
  --INTERNAL--kendo-picker-border: var( --kendo-input-valid-border, #{$kendo-input-valid-border} );
201
197
 
202
198
  &::after {