@progress/kendo-theme-default 7.1.0-dev.9 → 7.1.1-dev.0
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 +29 -14
- package/dist/all.scss +30 -15
- 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 -1
- 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 -1
- package/lib/swatches/default-ocean-blue.json +1 -1
- 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/floating-label/_layout.scss +11 -11
- package/scss/gantt/_layout.scss +8 -0
- package/scss/input/_layout.scss +7 -2
- package/scss/prompt/_layout.scss +1 -1
- package/scss/textarea/_layout.scss +3 -1
package/dist/all.css
CHANGED
|
@@ -32213,17 +32213,22 @@ textarea.k-input-inner {
|
|
|
32213
32213
|
margin: 0;
|
|
32214
32214
|
border-style: solid;
|
|
32215
32215
|
border-color: inherit;
|
|
32216
|
-
|
|
32217
|
-
|
|
32216
|
+
border-width: 0 0 0 1px;
|
|
32217
|
+
height: 16px;
|
|
32218
|
+
align-self: center;
|
|
32218
32219
|
}
|
|
32219
32220
|
|
|
32220
32221
|
.k-input-separator-horizontal {
|
|
32222
|
+
height: auto;
|
|
32221
32223
|
margin-inline: 4px;
|
|
32224
|
+
align-self: stretch;
|
|
32222
32225
|
border-width: 1px 0 0;
|
|
32223
32226
|
}
|
|
32224
32227
|
|
|
32225
32228
|
.k-input-separator-vertical {
|
|
32229
|
+
height: auto;
|
|
32226
32230
|
margin-block: 4px;
|
|
32231
|
+
align-self: stretch;
|
|
32227
32232
|
border-width: 0 0 0 1px;
|
|
32228
32233
|
}
|
|
32229
32234
|
|
|
@@ -32971,8 +32976,8 @@ select.k-picker-lg {
|
|
|
32971
32976
|
white-space: nowrap;
|
|
32972
32977
|
text-overflow: ellipsis;
|
|
32973
32978
|
position: absolute;
|
|
32974
|
-
top: 25.0000000004px;
|
|
32975
|
-
left: 9px;
|
|
32979
|
+
top: var(--kendo-floating-label-offset-y, 25.0000000004px);
|
|
32980
|
+
left: var(--kendo-floating-label-offset-x, 9px);
|
|
32976
32981
|
overflow: hidden;
|
|
32977
32982
|
cursor: text;
|
|
32978
32983
|
transform-origin: left center;
|
|
@@ -32985,22 +32990,22 @@ select.k-picker-lg {
|
|
|
32985
32990
|
}
|
|
32986
32991
|
|
|
32987
32992
|
.k-floating-label-container.k-empty > .k-label {
|
|
32988
|
-
top: 25.0000000004px;
|
|
32989
|
-
left: 9px;
|
|
32993
|
+
top: var(--kendo-floating-label-offset-y, 25.0000000004px);
|
|
32994
|
+
left: var(--kendo-floating-label-offset-x, 9px);
|
|
32990
32995
|
transform: scale(1);
|
|
32991
32996
|
pointer-events: none;
|
|
32992
32997
|
}
|
|
32993
32998
|
|
|
32994
32999
|
.k-floating-label-container > .k-label,
|
|
32995
33000
|
.k-floating-label-container.k-focus > .k-label {
|
|
32996
|
-
top: 0;
|
|
32997
|
-
left: 0;
|
|
33001
|
+
top: var(--kendo-floating-label-focus-offset-y, 0);
|
|
33002
|
+
left: var(--kendo-floating-label-focus-offset-x, 0);
|
|
32998
33003
|
transform: scale(1);
|
|
32999
33004
|
}
|
|
33000
33005
|
|
|
33001
33006
|
.k-floating-label-container:focus-within > .k-label {
|
|
33002
|
-
top: 0;
|
|
33003
|
-
left: 0;
|
|
33007
|
+
top: var(--kendo-floating-label-focus-offset-y, 0);
|
|
33008
|
+
left: var(--kendo-floating-label-focus-offset-x, 0);
|
|
33004
33009
|
transform: scale(1);
|
|
33005
33010
|
}
|
|
33006
33011
|
|
|
@@ -33021,7 +33026,7 @@ select.k-picker-lg {
|
|
|
33021
33026
|
[dir="rtl"] .k-floating-label-container.k-empty > .k-label,
|
|
33022
33027
|
.k-rtl .k-floating-label-container.k-empty > .k-label, .k-floating-label-container[dir="rtl"].k-empty > .k-label {
|
|
33023
33028
|
left: auto;
|
|
33024
|
-
right: 9px;
|
|
33029
|
+
right: var(--kendo-floating-label-offset-x, 9px);
|
|
33025
33030
|
}
|
|
33026
33031
|
|
|
33027
33032
|
[dir="rtl"] .k-floating-label-container > .k-label,
|
|
@@ -33030,13 +33035,13 @@ select.k-picker-lg {
|
|
|
33030
33035
|
.k-rtl .k-floating-label-container.k-focus > .k-label, .k-floating-label-container[dir="rtl"] > .k-label,
|
|
33031
33036
|
.k-floating-label-container[dir="rtl"].k-focus > .k-label {
|
|
33032
33037
|
left: auto;
|
|
33033
|
-
right: 0;
|
|
33038
|
+
right: var(--kendo-floating-label-focus-offset-x, 0);
|
|
33034
33039
|
}
|
|
33035
33040
|
|
|
33036
33041
|
[dir="rtl"] .k-floating-label-container:focus-within > .k-label,
|
|
33037
33042
|
.k-rtl .k-floating-label-container:focus-within > .k-label, .k-floating-label-container[dir="rtl"]:focus-within > .k-label {
|
|
33038
33043
|
left: auto;
|
|
33039
|
-
right: 0;
|
|
33044
|
+
right: var(--kendo-floating-label-focus-offset-x, 0);
|
|
33040
33045
|
}
|
|
33041
33046
|
|
|
33042
33047
|
.k-floating-label-container.k-invalid > .k-label,
|
|
@@ -33104,6 +33109,10 @@ select.k-picker-lg {
|
|
|
33104
33109
|
margin-inline-end: -4px;
|
|
33105
33110
|
}
|
|
33106
33111
|
|
|
33112
|
+
.k-textarea:has(.k-input-inner[style*="width"]) {
|
|
33113
|
+
width: max-content;
|
|
33114
|
+
}
|
|
33115
|
+
|
|
33107
33116
|
.k-listbox {
|
|
33108
33117
|
width: 10em;
|
|
33109
33118
|
height: 200px;
|
|
@@ -47709,6 +47718,12 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
|
|
|
47709
47718
|
display: flex;
|
|
47710
47719
|
}
|
|
47711
47720
|
|
|
47721
|
+
.k-gantt-timeline-pane .k-gantt-timeline *,
|
|
47722
|
+
.k-gantt-timeline-pane .k-gantt-timeline *::before,
|
|
47723
|
+
.k-gantt-timeline-pane .k-gantt-timeline *::after, .k-gantt-timeline-pane .k-gantt-timeline::before, .k-gantt-timeline-pane .k-gantt-timeline::after {
|
|
47724
|
+
box-sizing: border-box;
|
|
47725
|
+
}
|
|
47726
|
+
|
|
47712
47727
|
.k-gantt-timeline-pane .k-grid-content {
|
|
47713
47728
|
overflow-x: scroll;
|
|
47714
47729
|
}
|
|
@@ -51238,7 +51253,7 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
|
|
|
51238
51253
|
display: flex;
|
|
51239
51254
|
flex-direction: column;
|
|
51240
51255
|
flex: 1;
|
|
51241
|
-
align-items: start;
|
|
51256
|
+
align-items: flex-start;
|
|
51242
51257
|
gap: 8px;
|
|
51243
51258
|
}
|
|
51244
51259
|
|
package/dist/all.scss
CHANGED
|
@@ -24917,16 +24917,21 @@ $_kendo-module-meta: (
|
|
|
24917
24917
|
margin: 0;
|
|
24918
24918
|
border-style: solid;
|
|
24919
24919
|
border-color: inherit;
|
|
24920
|
-
|
|
24921
|
-
|
|
24920
|
+
border-width: 0 0 0 1px;
|
|
24921
|
+
height: $kendo-icon-size;
|
|
24922
|
+
align-self: center;
|
|
24922
24923
|
|
|
24923
24924
|
&-horizontal {
|
|
24925
|
+
height: auto;
|
|
24924
24926
|
margin-inline: $kendo-input-md-padding-y;
|
|
24927
|
+
align-self: stretch;
|
|
24925
24928
|
border-width: 1px 0 0;
|
|
24926
24929
|
}
|
|
24927
24930
|
|
|
24928
24931
|
&-vertical {
|
|
24932
|
+
height: auto;
|
|
24929
24933
|
margin-block: $kendo-input-md-padding-y;
|
|
24934
|
+
align-self: stretch;
|
|
24930
24935
|
border-width: 0 0 0 1px;
|
|
24931
24936
|
}
|
|
24932
24937
|
}
|
|
@@ -25957,8 +25962,8 @@ $kendo-floating-label-focus-text: null !default;
|
|
|
25957
25962
|
white-space: nowrap;
|
|
25958
25963
|
text-overflow: ellipsis;
|
|
25959
25964
|
position: absolute;
|
|
25960
|
-
top: $kendo-floating-label-offset-y;
|
|
25961
|
-
left: $kendo-floating-label-offset-x;
|
|
25965
|
+
top: var(--kendo-floating-label-offset-y, #{$kendo-floating-label-offset-y});
|
|
25966
|
+
left: var(--kendo-floating-label-offset-x, #{$kendo-floating-label-offset-x});
|
|
25962
25967
|
overflow: hidden;
|
|
25963
25968
|
cursor: text;
|
|
25964
25969
|
transform-origin: left center;
|
|
@@ -25972,8 +25977,8 @@ $kendo-floating-label-focus-text: null !default;
|
|
|
25972
25977
|
|
|
25973
25978
|
&.k-empty {
|
|
25974
25979
|
> .k-label {
|
|
25975
|
-
top: $kendo-floating-label-offset-y;
|
|
25976
|
-
left: $kendo-floating-label-offset-x;
|
|
25980
|
+
top: var(--kendo-floating-label-offset-y, #{$kendo-floating-label-offset-y});
|
|
25981
|
+
left: var(--kendo-floating-label-offset-x, #{$kendo-floating-label-offset-x});
|
|
25977
25982
|
transform: scale( $kendo-floating-label-scale );
|
|
25978
25983
|
pointer-events: none;
|
|
25979
25984
|
}
|
|
@@ -25981,13 +25986,13 @@ $kendo-floating-label-focus-text: null !default;
|
|
|
25981
25986
|
|
|
25982
25987
|
> .k-label,
|
|
25983
25988
|
&.k-focus > .k-label {
|
|
25984
|
-
top: $kendo-floating-label-focus-offset-y;
|
|
25985
|
-
left: $kendo-floating-label-focus-offset-x;
|
|
25989
|
+
top: var(--kendo-floating-label-focus-offset-y, #{$kendo-floating-label-focus-offset-y});
|
|
25990
|
+
left: var(--kendo-floating-label-focus-offset-x, #{$kendo-floating-label-focus-offset-x});
|
|
25986
25991
|
transform: scale( $kendo-floating-label-focus-scale );
|
|
25987
25992
|
}
|
|
25988
25993
|
&:focus-within > .k-label {
|
|
25989
|
-
top: $kendo-floating-label-focus-offset-y;
|
|
25990
|
-
left: $kendo-floating-label-focus-offset-x;
|
|
25994
|
+
top: var(--kendo-floating-label-focus-offset-y, #{$kendo-floating-label-focus-offset-y});
|
|
25995
|
+
left: var(--kendo-floating-label-focus-offset-x, #{$kendo-floating-label-focus-offset-x});
|
|
25991
25996
|
transform: scale( $kendo-floating-label-focus-scale );
|
|
25992
25997
|
}
|
|
25993
25998
|
|
|
@@ -26007,18 +26012,18 @@ $kendo-floating-label-focus-text: null !default;
|
|
|
26007
26012
|
&.k-empty {
|
|
26008
26013
|
> .k-label {
|
|
26009
26014
|
left: auto;
|
|
26010
|
-
right: $kendo-floating-label-offset-x;
|
|
26015
|
+
right: var(--kendo-floating-label-offset-x, #{$kendo-floating-label-offset-x});
|
|
26011
26016
|
}
|
|
26012
26017
|
}
|
|
26013
26018
|
|
|
26014
26019
|
> .k-label,
|
|
26015
26020
|
&.k-focus > .k-label {
|
|
26016
26021
|
left: auto;
|
|
26017
|
-
right: $kendo-floating-label-focus-offset-x;
|
|
26022
|
+
right: var(--kendo-floating-label-focus-offset-x, #{$kendo-floating-label-focus-offset-x});
|
|
26018
26023
|
}
|
|
26019
26024
|
&:focus-within > .k-label {
|
|
26020
26025
|
left: auto;
|
|
26021
|
-
right: $kendo-floating-label-focus-offset-x;
|
|
26026
|
+
right: var(--kendo-floating-label-focus-offset-x, #{$kendo-floating-label-focus-offset-x});
|
|
26022
26027
|
}
|
|
26023
26028
|
}
|
|
26024
26029
|
}
|
|
@@ -26479,7 +26484,9 @@ $_kendo-module-meta: (
|
|
|
26479
26484
|
@mixin kendo-textarea--layout-base() {
|
|
26480
26485
|
|
|
26481
26486
|
// Textarea
|
|
26482
|
-
.k-textarea {
|
|
26487
|
+
.k-textarea:has(.k-input-inner[style*="width"]) {
|
|
26488
|
+
width: max-content;
|
|
26489
|
+
}
|
|
26483
26490
|
|
|
26484
26491
|
}
|
|
26485
26492
|
|
|
@@ -52064,6 +52071,14 @@ $kendo-gantt-validation-tooltip-invalid-border: $kendo-color-error !default;
|
|
|
52064
52071
|
height: 100%;
|
|
52065
52072
|
border-width: 0;
|
|
52066
52073
|
display: flex;
|
|
52074
|
+
|
|
52075
|
+
*,
|
|
52076
|
+
*::before,
|
|
52077
|
+
*::after,
|
|
52078
|
+
&::before,
|
|
52079
|
+
&::after {
|
|
52080
|
+
box-sizing: border-box;
|
|
52081
|
+
}
|
|
52067
52082
|
}
|
|
52068
52083
|
.k-grid-header {}
|
|
52069
52084
|
.k-grid-content {
|
|
@@ -57122,7 +57137,7 @@ $kendo-prompt-suggestion-shadow: k-elevation(1) !default;
|
|
|
57122
57137
|
display: flex;
|
|
57123
57138
|
flex-direction: column;
|
|
57124
57139
|
flex: 1;
|
|
57125
|
-
align-items: start;
|
|
57140
|
+
align-items: flex-start;
|
|
57126
57141
|
gap: $kendo-prompt-expander-spacing;
|
|
57127
57142
|
}
|
|
57128
57143
|
|
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": "7.1.
|
|
4
|
+
"version": "7.1.1-dev.0",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -52,12 +52,12 @@
|
|
|
52
52
|
},
|
|
53
53
|
"dependencies": {
|
|
54
54
|
"@progress/kendo-svg-icons": "2.1.0",
|
|
55
|
-
"@progress/kendo-theme-core": "7.1.
|
|
56
|
-
"@progress/kendo-theme-utils": "7.1.
|
|
55
|
+
"@progress/kendo-theme-core": "7.1.1-dev.0",
|
|
56
|
+
"@progress/kendo-theme-utils": "7.1.1-dev.0"
|
|
57
57
|
},
|
|
58
58
|
"directories": {
|
|
59
59
|
"doc": "docs",
|
|
60
60
|
"lib": "lib"
|
|
61
61
|
},
|
|
62
|
-
"gitHead": "
|
|
62
|
+
"gitHead": "d879bc81a2fce80d78a55bb65466396bf71ca022"
|
|
63
63
|
}
|
|
@@ -24,8 +24,8 @@
|
|
|
24
24
|
white-space: nowrap;
|
|
25
25
|
text-overflow: ellipsis;
|
|
26
26
|
position: absolute;
|
|
27
|
-
top: $kendo-floating-label-offset-y;
|
|
28
|
-
left: $kendo-floating-label-offset-x;
|
|
27
|
+
top: var(--kendo-floating-label-offset-y, #{$kendo-floating-label-offset-y});
|
|
28
|
+
left: var(--kendo-floating-label-offset-x, #{$kendo-floating-label-offset-x});
|
|
29
29
|
overflow: hidden;
|
|
30
30
|
cursor: text;
|
|
31
31
|
transform-origin: left center;
|
|
@@ -39,8 +39,8 @@
|
|
|
39
39
|
|
|
40
40
|
&.k-empty {
|
|
41
41
|
> .k-label {
|
|
42
|
-
top: $kendo-floating-label-offset-y;
|
|
43
|
-
left: $kendo-floating-label-offset-x;
|
|
42
|
+
top: var(--kendo-floating-label-offset-y, #{$kendo-floating-label-offset-y});
|
|
43
|
+
left: var(--kendo-floating-label-offset-x, #{$kendo-floating-label-offset-x});
|
|
44
44
|
transform: scale( $kendo-floating-label-scale );
|
|
45
45
|
pointer-events: none;
|
|
46
46
|
}
|
|
@@ -48,13 +48,13 @@
|
|
|
48
48
|
|
|
49
49
|
> .k-label,
|
|
50
50
|
&.k-focus > .k-label {
|
|
51
|
-
top: $kendo-floating-label-focus-offset-y;
|
|
52
|
-
left: $kendo-floating-label-focus-offset-x;
|
|
51
|
+
top: var(--kendo-floating-label-focus-offset-y, #{$kendo-floating-label-focus-offset-y});
|
|
52
|
+
left: var(--kendo-floating-label-focus-offset-x, #{$kendo-floating-label-focus-offset-x});
|
|
53
53
|
transform: scale( $kendo-floating-label-focus-scale );
|
|
54
54
|
}
|
|
55
55
|
&:focus-within > .k-label {
|
|
56
|
-
top: $kendo-floating-label-focus-offset-y;
|
|
57
|
-
left: $kendo-floating-label-focus-offset-x;
|
|
56
|
+
top: var(--kendo-floating-label-focus-offset-y, #{$kendo-floating-label-focus-offset-y});
|
|
57
|
+
left: var(--kendo-floating-label-focus-offset-x, #{$kendo-floating-label-focus-offset-x});
|
|
58
58
|
transform: scale( $kendo-floating-label-focus-scale );
|
|
59
59
|
}
|
|
60
60
|
|
|
@@ -74,18 +74,18 @@
|
|
|
74
74
|
&.k-empty {
|
|
75
75
|
> .k-label {
|
|
76
76
|
left: auto;
|
|
77
|
-
right: $kendo-floating-label-offset-x;
|
|
77
|
+
right: var(--kendo-floating-label-offset-x, #{$kendo-floating-label-offset-x});
|
|
78
78
|
}
|
|
79
79
|
}
|
|
80
80
|
|
|
81
81
|
> .k-label,
|
|
82
82
|
&.k-focus > .k-label {
|
|
83
83
|
left: auto;
|
|
84
|
-
right: $kendo-floating-label-focus-offset-x;
|
|
84
|
+
right: var(--kendo-floating-label-focus-offset-x, #{$kendo-floating-label-focus-offset-x});
|
|
85
85
|
}
|
|
86
86
|
&:focus-within > .k-label {
|
|
87
87
|
left: auto;
|
|
88
|
-
right: $kendo-floating-label-focus-offset-x;
|
|
88
|
+
right: var(--kendo-floating-label-focus-offset-x, #{$kendo-floating-label-focus-offset-x});
|
|
89
89
|
}
|
|
90
90
|
}
|
|
91
91
|
}
|
package/scss/gantt/_layout.scss
CHANGED
package/scss/input/_layout.scss
CHANGED
|
@@ -213,16 +213,21 @@
|
|
|
213
213
|
margin: 0;
|
|
214
214
|
border-style: solid;
|
|
215
215
|
border-color: inherit;
|
|
216
|
-
|
|
217
|
-
|
|
216
|
+
border-width: 0 0 0 1px;
|
|
217
|
+
height: $kendo-icon-size;
|
|
218
|
+
align-self: center;
|
|
218
219
|
|
|
219
220
|
&-horizontal {
|
|
221
|
+
height: auto;
|
|
220
222
|
margin-inline: $kendo-input-md-padding-y;
|
|
223
|
+
align-self: stretch;
|
|
221
224
|
border-width: 1px 0 0;
|
|
222
225
|
}
|
|
223
226
|
|
|
224
227
|
&-vertical {
|
|
228
|
+
height: auto;
|
|
225
229
|
margin-block: $kendo-input-md-padding-y;
|
|
230
|
+
align-self: stretch;
|
|
226
231
|
border-width: 0 0 0 1px;
|
|
227
232
|
}
|
|
228
233
|
}
|
package/scss/prompt/_layout.scss
CHANGED