@progress/kendo-theme-fluent 7.2.1-dev.6 → 7.2.1-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.
- package/dist/all.css +1 -37
- package/dist/meta/sassdoc-data.json +38 -138
- package/dist/meta/sassdoc-raw-data.json +19 -69
- package/lib/swatches/all.json +1 -1
- package/lib/swatches/fluent-main.json +1 -1
- package/package.json +4 -4
- package/scss/input/_layout.scss +0 -6
- package/scss/input/_theme.scss +0 -48
- package/scss/input/_variables.scss +0 -7
package/dist/all.css
CHANGED
|
@@ -31047,9 +31047,6 @@ select.k-picker {
|
|
|
31047
31047
|
.k-input-inner:invalid {
|
|
31048
31048
|
box-shadow: none;
|
|
31049
31049
|
}
|
|
31050
|
-
.k-input-inner:valid {
|
|
31051
|
-
box-shadow: none;
|
|
31052
|
-
}
|
|
31053
31050
|
|
|
31054
31051
|
span.k-input-inner {
|
|
31055
31052
|
white-space: nowrap;
|
|
@@ -31331,10 +31328,7 @@ textarea.k-input-inner {
|
|
|
31331
31328
|
.k-picker-flat:focus-within::after {
|
|
31332
31329
|
border-width: 0 0 var(--kendo-input-focus-border-width, 2px) 0;
|
|
31333
31330
|
}
|
|
31334
|
-
.k-input-flat.k-
|
|
31335
|
-
.k-picker-flat.k-valid:focus::after,
|
|
31336
|
-
.k-picker-flat.k-valid.k-focus::after,
|
|
31337
|
-
.k-picker-flat.k-valid:focus-within::after,
|
|
31331
|
+
.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,
|
|
31338
31332
|
.k-picker-flat.k-invalid:focus::after,
|
|
31339
31333
|
.k-picker-flat.k-invalid.k-focus::after,
|
|
31340
31334
|
.k-picker-flat.k-invalid:focus-within::after,
|
|
@@ -31556,21 +31550,6 @@ textarea.k-input-inner {
|
|
|
31556
31550
|
.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 {
|
|
31557
31551
|
color: var(--kendo-input-invalid-text, var(--kendo-invalid-text, var(--kendo-error-190, inherit)));
|
|
31558
31552
|
}
|
|
31559
|
-
.k-input.k-valid {
|
|
31560
|
-
--INTERNAL--kendo-input-border: var( --kendo-input-valid-border, var(--kendo-valid-border, var(--kendo-success-190, inherit)) );
|
|
31561
|
-
}
|
|
31562
|
-
.k-input.k-valid::after {
|
|
31563
|
-
border-color: var(--kendo-input-valid-border, var(--kendo-valid-border, var(--kendo-success-190, inherit)));
|
|
31564
|
-
}
|
|
31565
|
-
.k-input.k-valid .k-input-validation-icon {
|
|
31566
|
-
color: var(--kendo-input-valid-text, var(--kendo-valid-text, var(--kendo-success-190, inherit)));
|
|
31567
|
-
}
|
|
31568
|
-
.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 {
|
|
31569
|
-
--INTERNAL--kendo-input-border: var( --kendo-input-valid-border, var(--kendo-valid-border, var(--kendo-success-190, inherit)) );
|
|
31570
|
-
}
|
|
31571
|
-
.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 {
|
|
31572
|
-
color: var(--kendo-input-valid-text, var(--kendo-valid-text, var(--kendo-success-190, inherit)));
|
|
31573
|
-
}
|
|
31574
31553
|
.k-input .k-input-prefix {
|
|
31575
31554
|
color: var(--kendo-input-prefix-text, var(--kendo-neutral-130, inherit));
|
|
31576
31555
|
}
|
|
@@ -31627,21 +31606,6 @@ textarea.k-input-inner {
|
|
|
31627
31606
|
.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 {
|
|
31628
31607
|
color: var(--kendo-input-invalid-text, var(--kendo-invalid-text, var(--kendo-error-190, inherit)));
|
|
31629
31608
|
}
|
|
31630
|
-
.k-picker.k-valid {
|
|
31631
|
-
--INTERNAL--kendo-picker-border: var( --kendo-input-valid-border, var(--kendo-valid-border, var(--kendo-success-190, inherit)) );
|
|
31632
|
-
}
|
|
31633
|
-
.k-picker.k-valid::after {
|
|
31634
|
-
border-color: var(--kendo-input-valid-border, var(--kendo-valid-border, var(--kendo-success-190, inherit)));
|
|
31635
|
-
}
|
|
31636
|
-
.k-picker.k-valid .k-input-validation-icon {
|
|
31637
|
-
color: var(--kendo-input-valid-text, var(--kendo-valid-text, var(--kendo-success-190, inherit)));
|
|
31638
|
-
}
|
|
31639
|
-
.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 {
|
|
31640
|
-
--INTERNAL--kendo-picker-border: var( --kendo-input-valid-border, var(--kendo-valid-border, var(--kendo-success-190, inherit)) );
|
|
31641
|
-
}
|
|
31642
|
-
.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 {
|
|
31643
|
-
color: var(--kendo-input-valid-text, var(--kendo-valid-text, var(--kendo-success-190, inherit)));
|
|
31644
|
-
}
|
|
31645
31609
|
|
|
31646
31610
|
.k-input-solid {
|
|
31647
31611
|
--kendo-input-text: var( --kendo-input-solid-text, var(--kendo-neutral-160, inherit) );
|
|
@@ -35951,15 +35951,15 @@
|
|
|
35951
35951
|
}
|
|
35952
35952
|
},
|
|
35953
35953
|
{
|
|
35954
|
-
"description": "The
|
|
35954
|
+
"description": "The text color of the Input placeholder.\n",
|
|
35955
35955
|
"commentRange": {
|
|
35956
35956
|
"start": 662,
|
|
35957
35957
|
"end": 663
|
|
35958
35958
|
},
|
|
35959
35959
|
"context": {
|
|
35960
35960
|
"type": "variable",
|
|
35961
|
-
"name": "kendo-input-
|
|
35962
|
-
"value": "
|
|
35961
|
+
"name": "kendo-input-placeholder-text",
|
|
35962
|
+
"value": "if($kendo-enable-color-system, k-color( subtle ), k-get-theme-color-var( neutral-130 ))",
|
|
35963
35963
|
"scope": "default",
|
|
35964
35964
|
"line": {
|
|
35965
35965
|
"start": 664,
|
|
@@ -35976,15 +35976,15 @@
|
|
|
35976
35976
|
}
|
|
35977
35977
|
},
|
|
35978
35978
|
{
|
|
35979
|
-
"description": "The
|
|
35979
|
+
"description": "The opacity of the Input placeholder.\n",
|
|
35980
35980
|
"commentRange": {
|
|
35981
35981
|
"start": 665,
|
|
35982
35982
|
"end": 666
|
|
35983
35983
|
},
|
|
35984
35984
|
"context": {
|
|
35985
35985
|
"type": "variable",
|
|
35986
|
-
"name": "kendo-input-
|
|
35987
|
-
"value": "
|
|
35986
|
+
"name": "kendo-input-placeholder-opacity",
|
|
35987
|
+
"value": "1",
|
|
35988
35988
|
"scope": "default",
|
|
35989
35989
|
"line": {
|
|
35990
35990
|
"start": 667,
|
|
@@ -36001,14 +36001,14 @@
|
|
|
36001
36001
|
}
|
|
36002
36002
|
},
|
|
36003
36003
|
{
|
|
36004
|
-
"description": "The
|
|
36004
|
+
"description": "The color of the Input clear value icon.\n",
|
|
36005
36005
|
"commentRange": {
|
|
36006
36006
|
"start": 669,
|
|
36007
36007
|
"end": 670
|
|
36008
36008
|
},
|
|
36009
36009
|
"context": {
|
|
36010
36010
|
"type": "variable",
|
|
36011
|
-
"name": "kendo-input-
|
|
36011
|
+
"name": "kendo-input-clear-value-text",
|
|
36012
36012
|
"value": "if($kendo-enable-color-system, k-color( subtle ), k-get-theme-color-var( neutral-130 ))",
|
|
36013
36013
|
"scope": "default",
|
|
36014
36014
|
"line": {
|
|
@@ -36026,69 +36026,19 @@
|
|
|
36026
36026
|
}
|
|
36027
36027
|
},
|
|
36028
36028
|
{
|
|
36029
|
-
"description": "The opacity of the Input
|
|
36029
|
+
"description": "The opacity of the Input clear value icon.\n",
|
|
36030
36030
|
"commentRange": {
|
|
36031
36031
|
"start": 672,
|
|
36032
36032
|
"end": 673
|
|
36033
36033
|
},
|
|
36034
|
-
"context": {
|
|
36035
|
-
"type": "variable",
|
|
36036
|
-
"name": "kendo-input-placeholder-opacity",
|
|
36037
|
-
"value": "1",
|
|
36038
|
-
"scope": "default",
|
|
36039
|
-
"line": {
|
|
36040
|
-
"start": 674,
|
|
36041
|
-
"end": 674
|
|
36042
|
-
}
|
|
36043
|
-
},
|
|
36044
|
-
"group": [
|
|
36045
|
-
"input"
|
|
36046
|
-
],
|
|
36047
|
-
"access": "public",
|
|
36048
|
-
"file": {
|
|
36049
|
-
"path": "input/_variables.scss",
|
|
36050
|
-
"name": "_variables.scss"
|
|
36051
|
-
}
|
|
36052
|
-
},
|
|
36053
|
-
{
|
|
36054
|
-
"description": "The color of the Input clear value icon.\n",
|
|
36055
|
-
"commentRange": {
|
|
36056
|
-
"start": 676,
|
|
36057
|
-
"end": 677
|
|
36058
|
-
},
|
|
36059
|
-
"context": {
|
|
36060
|
-
"type": "variable",
|
|
36061
|
-
"name": "kendo-input-clear-value-text",
|
|
36062
|
-
"value": "if($kendo-enable-color-system, k-color( subtle ), k-get-theme-color-var( neutral-130 ))",
|
|
36063
|
-
"scope": "default",
|
|
36064
|
-
"line": {
|
|
36065
|
-
"start": 678,
|
|
36066
|
-
"end": 678
|
|
36067
|
-
}
|
|
36068
|
-
},
|
|
36069
|
-
"group": [
|
|
36070
|
-
"input"
|
|
36071
|
-
],
|
|
36072
|
-
"access": "public",
|
|
36073
|
-
"file": {
|
|
36074
|
-
"path": "input/_variables.scss",
|
|
36075
|
-
"name": "_variables.scss"
|
|
36076
|
-
}
|
|
36077
|
-
},
|
|
36078
|
-
{
|
|
36079
|
-
"description": "The opacity of the Input clear value icon.\n",
|
|
36080
|
-
"commentRange": {
|
|
36081
|
-
"start": 679,
|
|
36082
|
-
"end": 680
|
|
36083
|
-
},
|
|
36084
36034
|
"context": {
|
|
36085
36035
|
"type": "variable",
|
|
36086
36036
|
"name": "kendo-input-clear-value-opacity",
|
|
36087
36037
|
"value": ".6",
|
|
36088
36038
|
"scope": "default",
|
|
36089
36039
|
"line": {
|
|
36090
|
-
"start":
|
|
36091
|
-
"end":
|
|
36040
|
+
"start": 674,
|
|
36041
|
+
"end": 674
|
|
36092
36042
|
}
|
|
36093
36043
|
},
|
|
36094
36044
|
"group": [
|
|
@@ -36103,8 +36053,8 @@
|
|
|
36103
36053
|
{
|
|
36104
36054
|
"description": "The color of the hovered Input clear value icon.\n",
|
|
36105
36055
|
"commentRange": {
|
|
36106
|
-
"start":
|
|
36107
|
-
"end":
|
|
36056
|
+
"start": 675,
|
|
36057
|
+
"end": 676
|
|
36108
36058
|
},
|
|
36109
36059
|
"context": {
|
|
36110
36060
|
"type": "variable",
|
|
@@ -36112,8 +36062,8 @@
|
|
|
36112
36062
|
"value": "inherit",
|
|
36113
36063
|
"scope": "default",
|
|
36114
36064
|
"line": {
|
|
36115
|
-
"start":
|
|
36116
|
-
"end":
|
|
36065
|
+
"start": 677,
|
|
36066
|
+
"end": 677
|
|
36117
36067
|
}
|
|
36118
36068
|
},
|
|
36119
36069
|
"group": [
|
|
@@ -36128,8 +36078,8 @@
|
|
|
36128
36078
|
{
|
|
36129
36079
|
"description": "The opacity of the hovered Input clear value icon.\n",
|
|
36130
36080
|
"commentRange": {
|
|
36131
|
-
"start":
|
|
36132
|
-
"end":
|
|
36081
|
+
"start": 678,
|
|
36082
|
+
"end": 679
|
|
36133
36083
|
},
|
|
36134
36084
|
"context": {
|
|
36135
36085
|
"type": "variable",
|
|
@@ -36137,8 +36087,8 @@
|
|
|
36137
36087
|
"value": "1",
|
|
36138
36088
|
"scope": "default",
|
|
36139
36089
|
"line": {
|
|
36140
|
-
"start":
|
|
36141
|
-
"end":
|
|
36090
|
+
"start": 680,
|
|
36091
|
+
"end": 680
|
|
36142
36092
|
}
|
|
36143
36093
|
},
|
|
36144
36094
|
"group": [
|
|
@@ -110692,15 +110642,15 @@
|
|
|
110692
110642
|
}
|
|
110693
110643
|
},
|
|
110694
110644
|
{
|
|
110695
|
-
"description": "The
|
|
110645
|
+
"description": "The text color of the Input placeholder.\n",
|
|
110696
110646
|
"commentRange": {
|
|
110697
110647
|
"start": 662,
|
|
110698
110648
|
"end": 663
|
|
110699
110649
|
},
|
|
110700
110650
|
"context": {
|
|
110701
110651
|
"type": "variable",
|
|
110702
|
-
"name": "kendo-input-
|
|
110703
|
-
"value": "
|
|
110652
|
+
"name": "kendo-input-placeholder-text",
|
|
110653
|
+
"value": "if($kendo-enable-color-system, k-color( subtle ), k-get-theme-color-var( neutral-130 ))",
|
|
110704
110654
|
"scope": "default",
|
|
110705
110655
|
"line": {
|
|
110706
110656
|
"start": 664,
|
|
@@ -110717,15 +110667,15 @@
|
|
|
110717
110667
|
}
|
|
110718
110668
|
},
|
|
110719
110669
|
{
|
|
110720
|
-
"description": "The
|
|
110670
|
+
"description": "The opacity of the Input placeholder.\n",
|
|
110721
110671
|
"commentRange": {
|
|
110722
110672
|
"start": 665,
|
|
110723
110673
|
"end": 666
|
|
110724
110674
|
},
|
|
110725
110675
|
"context": {
|
|
110726
110676
|
"type": "variable",
|
|
110727
|
-
"name": "kendo-input-
|
|
110728
|
-
"value": "
|
|
110677
|
+
"name": "kendo-input-placeholder-opacity",
|
|
110678
|
+
"value": "1",
|
|
110729
110679
|
"scope": "default",
|
|
110730
110680
|
"line": {
|
|
110731
110681
|
"start": 667,
|
|
@@ -110742,14 +110692,14 @@
|
|
|
110742
110692
|
}
|
|
110743
110693
|
},
|
|
110744
110694
|
{
|
|
110745
|
-
"description": "The
|
|
110695
|
+
"description": "The color of the Input clear value icon.\n",
|
|
110746
110696
|
"commentRange": {
|
|
110747
110697
|
"start": 669,
|
|
110748
110698
|
"end": 670
|
|
110749
110699
|
},
|
|
110750
110700
|
"context": {
|
|
110751
110701
|
"type": "variable",
|
|
110752
|
-
"name": "kendo-input-
|
|
110702
|
+
"name": "kendo-input-clear-value-text",
|
|
110753
110703
|
"value": "if($kendo-enable-color-system, k-color( subtle ), k-get-theme-color-var( neutral-130 ))",
|
|
110754
110704
|
"scope": "default",
|
|
110755
110705
|
"line": {
|
|
@@ -110767,69 +110717,19 @@
|
|
|
110767
110717
|
}
|
|
110768
110718
|
},
|
|
110769
110719
|
{
|
|
110770
|
-
"description": "The opacity of the Input
|
|
110720
|
+
"description": "The opacity of the Input clear value icon.\n",
|
|
110771
110721
|
"commentRange": {
|
|
110772
110722
|
"start": 672,
|
|
110773
110723
|
"end": 673
|
|
110774
110724
|
},
|
|
110775
|
-
"context": {
|
|
110776
|
-
"type": "variable",
|
|
110777
|
-
"name": "kendo-input-placeholder-opacity",
|
|
110778
|
-
"value": "1",
|
|
110779
|
-
"scope": "default",
|
|
110780
|
-
"line": {
|
|
110781
|
-
"start": 674,
|
|
110782
|
-
"end": 674
|
|
110783
|
-
}
|
|
110784
|
-
},
|
|
110785
|
-
"group": [
|
|
110786
|
-
"input"
|
|
110787
|
-
],
|
|
110788
|
-
"access": "public",
|
|
110789
|
-
"file": {
|
|
110790
|
-
"path": "input/_variables.scss",
|
|
110791
|
-
"name": "_variables.scss"
|
|
110792
|
-
}
|
|
110793
|
-
},
|
|
110794
|
-
{
|
|
110795
|
-
"description": "The color of the Input clear value icon.\n",
|
|
110796
|
-
"commentRange": {
|
|
110797
|
-
"start": 676,
|
|
110798
|
-
"end": 677
|
|
110799
|
-
},
|
|
110800
|
-
"context": {
|
|
110801
|
-
"type": "variable",
|
|
110802
|
-
"name": "kendo-input-clear-value-text",
|
|
110803
|
-
"value": "if($kendo-enable-color-system, k-color( subtle ), k-get-theme-color-var( neutral-130 ))",
|
|
110804
|
-
"scope": "default",
|
|
110805
|
-
"line": {
|
|
110806
|
-
"start": 678,
|
|
110807
|
-
"end": 678
|
|
110808
|
-
}
|
|
110809
|
-
},
|
|
110810
|
-
"group": [
|
|
110811
|
-
"input"
|
|
110812
|
-
],
|
|
110813
|
-
"access": "public",
|
|
110814
|
-
"file": {
|
|
110815
|
-
"path": "input/_variables.scss",
|
|
110816
|
-
"name": "_variables.scss"
|
|
110817
|
-
}
|
|
110818
|
-
},
|
|
110819
|
-
{
|
|
110820
|
-
"description": "The opacity of the Input clear value icon.\n",
|
|
110821
|
-
"commentRange": {
|
|
110822
|
-
"start": 679,
|
|
110823
|
-
"end": 680
|
|
110824
|
-
},
|
|
110825
110725
|
"context": {
|
|
110826
110726
|
"type": "variable",
|
|
110827
110727
|
"name": "kendo-input-clear-value-opacity",
|
|
110828
110728
|
"value": ".6",
|
|
110829
110729
|
"scope": "default",
|
|
110830
110730
|
"line": {
|
|
110831
|
-
"start":
|
|
110832
|
-
"end":
|
|
110731
|
+
"start": 674,
|
|
110732
|
+
"end": 674
|
|
110833
110733
|
}
|
|
110834
110734
|
},
|
|
110835
110735
|
"group": [
|
|
@@ -110844,8 +110744,8 @@
|
|
|
110844
110744
|
{
|
|
110845
110745
|
"description": "The color of the hovered Input clear value icon.\n",
|
|
110846
110746
|
"commentRange": {
|
|
110847
|
-
"start":
|
|
110848
|
-
"end":
|
|
110747
|
+
"start": 675,
|
|
110748
|
+
"end": 676
|
|
110849
110749
|
},
|
|
110850
110750
|
"context": {
|
|
110851
110751
|
"type": "variable",
|
|
@@ -110853,8 +110753,8 @@
|
|
|
110853
110753
|
"value": "inherit",
|
|
110854
110754
|
"scope": "default",
|
|
110855
110755
|
"line": {
|
|
110856
|
-
"start":
|
|
110857
|
-
"end":
|
|
110756
|
+
"start": 677,
|
|
110757
|
+
"end": 677
|
|
110858
110758
|
}
|
|
110859
110759
|
},
|
|
110860
110760
|
"group": [
|
|
@@ -110869,8 +110769,8 @@
|
|
|
110869
110769
|
{
|
|
110870
110770
|
"description": "The opacity of the hovered Input clear value icon.\n",
|
|
110871
110771
|
"commentRange": {
|
|
110872
|
-
"start":
|
|
110873
|
-
"end":
|
|
110772
|
+
"start": 678,
|
|
110773
|
+
"end": 679
|
|
110874
110774
|
},
|
|
110875
110775
|
"context": {
|
|
110876
110776
|
"type": "variable",
|
|
@@ -110878,8 +110778,8 @@
|
|
|
110878
110778
|
"value": "1",
|
|
110879
110779
|
"scope": "default",
|
|
110880
110780
|
"line": {
|
|
110881
|
-
"start":
|
|
110882
|
-
"end":
|
|
110781
|
+
"start": 680,
|
|
110782
|
+
"end": 680
|
|
110883
110783
|
}
|
|
110884
110784
|
},
|
|
110885
110785
|
"group": [
|
|
@@ -35974,15 +35974,15 @@
|
|
|
35974
35974
|
}
|
|
35975
35975
|
},
|
|
35976
35976
|
{
|
|
35977
|
-
"description": "The
|
|
35977
|
+
"description": "The text color of the Input placeholder.\n",
|
|
35978
35978
|
"commentRange": {
|
|
35979
35979
|
"start": 662,
|
|
35980
35980
|
"end": 663
|
|
35981
35981
|
},
|
|
35982
35982
|
"context": {
|
|
35983
35983
|
"type": "variable",
|
|
35984
|
-
"name": "kendo-input-
|
|
35985
|
-
"value": "
|
|
35984
|
+
"name": "kendo-input-placeholder-text",
|
|
35985
|
+
"value": "if($kendo-enable-color-system, k-color( subtle ), k-get-theme-color-var( neutral-130 ))",
|
|
35986
35986
|
"scope": "default",
|
|
35987
35987
|
"line": {
|
|
35988
35988
|
"start": 664,
|
|
@@ -35999,15 +35999,15 @@
|
|
|
35999
35999
|
}
|
|
36000
36000
|
},
|
|
36001
36001
|
{
|
|
36002
|
-
"description": "The
|
|
36002
|
+
"description": "The opacity of the Input placeholder.\n",
|
|
36003
36003
|
"commentRange": {
|
|
36004
36004
|
"start": 665,
|
|
36005
36005
|
"end": 666
|
|
36006
36006
|
},
|
|
36007
36007
|
"context": {
|
|
36008
36008
|
"type": "variable",
|
|
36009
|
-
"name": "kendo-input-
|
|
36010
|
-
"value": "
|
|
36009
|
+
"name": "kendo-input-placeholder-opacity",
|
|
36010
|
+
"value": "1",
|
|
36011
36011
|
"scope": "default",
|
|
36012
36012
|
"line": {
|
|
36013
36013
|
"start": 667,
|
|
@@ -36024,14 +36024,14 @@
|
|
|
36024
36024
|
}
|
|
36025
36025
|
},
|
|
36026
36026
|
{
|
|
36027
|
-
"description": "The
|
|
36027
|
+
"description": "The color of the Input clear value icon.\n",
|
|
36028
36028
|
"commentRange": {
|
|
36029
36029
|
"start": 669,
|
|
36030
36030
|
"end": 670
|
|
36031
36031
|
},
|
|
36032
36032
|
"context": {
|
|
36033
36033
|
"type": "variable",
|
|
36034
|
-
"name": "kendo-input-
|
|
36034
|
+
"name": "kendo-input-clear-value-text",
|
|
36035
36035
|
"value": "if($kendo-enable-color-system, k-color( subtle ), k-get-theme-color-var( neutral-130 ))",
|
|
36036
36036
|
"scope": "default",
|
|
36037
36037
|
"line": {
|
|
@@ -36049,69 +36049,19 @@
|
|
|
36049
36049
|
}
|
|
36050
36050
|
},
|
|
36051
36051
|
{
|
|
36052
|
-
"description": "The opacity of the Input
|
|
36052
|
+
"description": "The opacity of the Input clear value icon.\n",
|
|
36053
36053
|
"commentRange": {
|
|
36054
36054
|
"start": 672,
|
|
36055
36055
|
"end": 673
|
|
36056
36056
|
},
|
|
36057
|
-
"context": {
|
|
36058
|
-
"type": "variable",
|
|
36059
|
-
"name": "kendo-input-placeholder-opacity",
|
|
36060
|
-
"value": "1",
|
|
36061
|
-
"scope": "default",
|
|
36062
|
-
"line": {
|
|
36063
|
-
"start": 674,
|
|
36064
|
-
"end": 674
|
|
36065
|
-
}
|
|
36066
|
-
},
|
|
36067
|
-
"group": [
|
|
36068
|
-
"input"
|
|
36069
|
-
],
|
|
36070
|
-
"access": "public",
|
|
36071
|
-
"file": {
|
|
36072
|
-
"path": "input/_variables.scss",
|
|
36073
|
-
"name": "_variables.scss"
|
|
36074
|
-
}
|
|
36075
|
-
},
|
|
36076
|
-
{
|
|
36077
|
-
"description": "The color of the Input clear value icon.\n",
|
|
36078
|
-
"commentRange": {
|
|
36079
|
-
"start": 676,
|
|
36080
|
-
"end": 677
|
|
36081
|
-
},
|
|
36082
|
-
"context": {
|
|
36083
|
-
"type": "variable",
|
|
36084
|
-
"name": "kendo-input-clear-value-text",
|
|
36085
|
-
"value": "if($kendo-enable-color-system, k-color( subtle ), k-get-theme-color-var( neutral-130 ))",
|
|
36086
|
-
"scope": "default",
|
|
36087
|
-
"line": {
|
|
36088
|
-
"start": 678,
|
|
36089
|
-
"end": 678
|
|
36090
|
-
}
|
|
36091
|
-
},
|
|
36092
|
-
"group": [
|
|
36093
|
-
"input"
|
|
36094
|
-
],
|
|
36095
|
-
"access": "public",
|
|
36096
|
-
"file": {
|
|
36097
|
-
"path": "input/_variables.scss",
|
|
36098
|
-
"name": "_variables.scss"
|
|
36099
|
-
}
|
|
36100
|
-
},
|
|
36101
|
-
{
|
|
36102
|
-
"description": "The opacity of the Input clear value icon.\n",
|
|
36103
|
-
"commentRange": {
|
|
36104
|
-
"start": 679,
|
|
36105
|
-
"end": 680
|
|
36106
|
-
},
|
|
36107
36057
|
"context": {
|
|
36108
36058
|
"type": "variable",
|
|
36109
36059
|
"name": "kendo-input-clear-value-opacity",
|
|
36110
36060
|
"value": ".6",
|
|
36111
36061
|
"scope": "default",
|
|
36112
36062
|
"line": {
|
|
36113
|
-
"start":
|
|
36114
|
-
"end":
|
|
36063
|
+
"start": 674,
|
|
36064
|
+
"end": 674
|
|
36115
36065
|
}
|
|
36116
36066
|
},
|
|
36117
36067
|
"group": [
|
|
@@ -36126,8 +36076,8 @@
|
|
|
36126
36076
|
{
|
|
36127
36077
|
"description": "The color of the hovered Input clear value icon.\n",
|
|
36128
36078
|
"commentRange": {
|
|
36129
|
-
"start":
|
|
36130
|
-
"end":
|
|
36079
|
+
"start": 675,
|
|
36080
|
+
"end": 676
|
|
36131
36081
|
},
|
|
36132
36082
|
"context": {
|
|
36133
36083
|
"type": "variable",
|
|
@@ -36135,8 +36085,8 @@
|
|
|
36135
36085
|
"value": "inherit",
|
|
36136
36086
|
"scope": "default",
|
|
36137
36087
|
"line": {
|
|
36138
|
-
"start":
|
|
36139
|
-
"end":
|
|
36088
|
+
"start": 677,
|
|
36089
|
+
"end": 677
|
|
36140
36090
|
}
|
|
36141
36091
|
},
|
|
36142
36092
|
"group": [
|
|
@@ -36151,8 +36101,8 @@
|
|
|
36151
36101
|
{
|
|
36152
36102
|
"description": "The opacity of the hovered Input clear value icon.\n",
|
|
36153
36103
|
"commentRange": {
|
|
36154
|
-
"start":
|
|
36155
|
-
"end":
|
|
36104
|
+
"start": 678,
|
|
36105
|
+
"end": 679
|
|
36156
36106
|
},
|
|
36157
36107
|
"context": {
|
|
36158
36108
|
"type": "variable",
|
|
@@ -36160,8 +36110,8 @@
|
|
|
36160
36110
|
"value": "1",
|
|
36161
36111
|
"scope": "default",
|
|
36162
36112
|
"line": {
|
|
36163
|
-
"start":
|
|
36164
|
-
"end":
|
|
36113
|
+
"start": 680,
|
|
36114
|
+
"end": 680
|
|
36165
36115
|
}
|
|
36166
36116
|
},
|
|
36167
36117
|
"group": [
|
package/lib/swatches/all.json
CHANGED
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.2.1-dev.
|
|
4
|
+
"version": "7.2.1-dev.7",
|
|
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.2.1-dev.
|
|
57
|
-
"@progress/kendo-theme-utils": "7.2.1-dev.
|
|
56
|
+
"@progress/kendo-theme-core": "7.2.1-dev.7",
|
|
57
|
+
"@progress/kendo-theme-utils": "7.2.1-dev.7"
|
|
58
58
|
},
|
|
59
59
|
"directories": {
|
|
60
60
|
"doc": "docs",
|
|
61
61
|
"lib": "lib"
|
|
62
62
|
},
|
|
63
|
-
"gitHead": "
|
|
63
|
+
"gitHead": "363fde69c7406461ad54feb7725ae2398a4b019b"
|
|
64
64
|
}
|
package/scss/input/_layout.scss
CHANGED
|
@@ -144,11 +144,6 @@
|
|
|
144
144
|
&:invalid {
|
|
145
145
|
box-shadow: none;
|
|
146
146
|
}
|
|
147
|
-
|
|
148
|
-
// Valid
|
|
149
|
-
&:valid {
|
|
150
|
-
box-shadow: none;
|
|
151
|
-
}
|
|
152
147
|
}
|
|
153
148
|
span.k-input-inner {
|
|
154
149
|
white-space: nowrap;
|
|
@@ -450,7 +445,6 @@
|
|
|
450
445
|
|
|
451
446
|
}
|
|
452
447
|
|
|
453
|
-
&.k-valid,
|
|
454
448
|
&.k-invalid,
|
|
455
449
|
&.ng-invalid.ng-touched,
|
|
456
450
|
&.ng-invalid.ng-dirty {
|
package/scss/input/_theme.scss
CHANGED
|
@@ -91,30 +91,6 @@
|
|
|
91
91
|
}
|
|
92
92
|
}
|
|
93
93
|
|
|
94
|
-
// Valid
|
|
95
|
-
&.k-valid {
|
|
96
|
-
--INTERNAL--kendo-input-border: var( --kendo-input-valid-border, #{$kendo-input-valid-border} );
|
|
97
|
-
|
|
98
|
-
&::after {
|
|
99
|
-
border-color: var( --kendo-input-valid-border, #{$kendo-input-valid-border} );
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
.k-input-validation-icon {
|
|
103
|
-
color: var( --kendo-input-valid-text, #{$kendo-input-valid-text} );
|
|
104
|
-
}
|
|
105
|
-
|
|
106
|
-
&:focus:hover,
|
|
107
|
-
&.k-focus:hover,
|
|
108
|
-
&:focus.k-hover,
|
|
109
|
-
&.k-focus.k-hover {
|
|
110
|
-
--INTERNAL--kendo-input-border: var( --kendo-input-valid-border, #{$kendo-input-valid-border} );
|
|
111
|
-
|
|
112
|
-
.k-input-validation-icon {
|
|
113
|
-
color: var( --kendo-input-valid-text, #{$kendo-input-valid-text} );
|
|
114
|
-
}
|
|
115
|
-
}
|
|
116
|
-
}
|
|
117
|
-
|
|
118
94
|
// Prefix & Suffix
|
|
119
95
|
.k-input-prefix {
|
|
120
96
|
color: var( --kendo-input-prefix-text, #{$kendo-input-prefix-text} );
|
|
@@ -199,30 +175,6 @@
|
|
|
199
175
|
}
|
|
200
176
|
}
|
|
201
177
|
}
|
|
202
|
-
|
|
203
|
-
// Valid
|
|
204
|
-
&.k-valid {
|
|
205
|
-
--INTERNAL--kendo-picker-border: var( --kendo-input-valid-border, #{$kendo-input-valid-border} );
|
|
206
|
-
|
|
207
|
-
&::after {
|
|
208
|
-
border-color: var( --kendo-input-valid-border, #{$kendo-input-valid-border} );
|
|
209
|
-
}
|
|
210
|
-
|
|
211
|
-
.k-input-validation-icon {
|
|
212
|
-
color: var( --kendo-input-valid-text, #{$kendo-input-valid-text} );
|
|
213
|
-
}
|
|
214
|
-
|
|
215
|
-
&:focus:hover,
|
|
216
|
-
&.k-focus:hover,
|
|
217
|
-
&:focus.k-hover,
|
|
218
|
-
&.k-focus.k-hover {
|
|
219
|
-
--INTERNAL--kendo-picker-border: var( --kendo-input-valid-border, #{$kendo-input-valid-border} );
|
|
220
|
-
|
|
221
|
-
.k-input-validation-icon {
|
|
222
|
-
color: var( --kendo-input-valid-text, #{$kendo-input-valid-text} );
|
|
223
|
-
}
|
|
224
|
-
}
|
|
225
|
-
}
|
|
226
178
|
}
|
|
227
179
|
|
|
228
180
|
@each $component, $fill-modes in $kendo-input-theme-colors {
|
|
@@ -659,13 +659,6 @@ $kendo-valid-text: k-get-theme-color-var( success-190 ) !default;
|
|
|
659
659
|
$kendo-valid-border: k-get-theme-color-var( success-190 ) !default;
|
|
660
660
|
$kendo-valid-shadow: null !default;
|
|
661
661
|
|
|
662
|
-
/// The border color of the valid Input components.
|
|
663
|
-
/// @group input
|
|
664
|
-
$kendo-input-valid-border: var( --kendo-valid-border, #{$kendo-valid-border} ) !default;
|
|
665
|
-
/// The text color of the valid Input components.
|
|
666
|
-
/// @group input
|
|
667
|
-
$kendo-input-valid-text: var( --kendo-valid-text, #{$kendo-valid-text} ) !default;
|
|
668
|
-
|
|
669
662
|
/// The text color of the Input placeholder.
|
|
670
663
|
/// @group input
|
|
671
664
|
$kendo-input-placeholder-text: if($kendo-enable-color-system, k-color( subtle ), k-get-theme-color-var( neutral-130 )) !default;
|