@progress/kendo-theme-fluent 6.2.1-dev.0 → 6.2.1-dev.151
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 +4420 -232
- package/dist/meta/sassdoc-data.json +5200 -2550
- package/dist/meta/sassdoc-raw-data.json +2576 -1251
- package/lib/swatches/all.json +1 -1
- package/lib/swatches/fluent-main.json +1 -1
- package/package.json +5 -5
- package/scss/button/_variables.scss +49 -30
- package/scss/calendar/_layout.scss +2 -0
- package/scss/checkbox/_variables.scss +53 -53
- package/scss/chip/_variables.scss +44 -28
- package/scss/core/color-system/_variables.scss +23 -21
- package/scss/core/module-system/_components.scss +0 -1
- package/scss/datetimepicker/_layout.scss +5 -5
- package/scss/dropdowntree/_layout.scss +3 -1
- package/scss/editor/_layout.scss +0 -1
- package/scss/fab/_layout.scss +16 -2
- package/scss/grid/_layout.scss +9 -0
- package/scss/grid/_theme.scss +12 -0
- package/scss/grid/_variables.scss +7 -0
- package/scss/input/_variables.scss +153 -109
- package/scss/list/_variables.scss +49 -48
- package/scss/radio/_variables.scss +43 -40
- package/scss/split-button/_variables.scss +14 -6
- package/scss/spreadsheet/_layout.scss +1 -4
- package/scss/switch/_variables.scss +50 -49
|
@@ -1,25 +1,26 @@
|
|
|
1
1
|
@use "../core/" as *;
|
|
2
2
|
|
|
3
|
-
///
|
|
3
|
+
/// The font family of the Switch.
|
|
4
4
|
/// @group switch
|
|
5
5
|
$kendo-switch-font-family: var( --kendo-font-family, normal ) !default;
|
|
6
6
|
|
|
7
|
-
///
|
|
7
|
+
/// The border width of the Switch track.
|
|
8
8
|
/// @group switch
|
|
9
9
|
$kendo-switch-track-border-width: 1px !default;
|
|
10
10
|
|
|
11
|
-
///
|
|
11
|
+
/// The border width of the Switch thumb.
|
|
12
12
|
/// @group switch
|
|
13
13
|
$kendo-switch-thumb-border-width: 0 !default;
|
|
14
14
|
|
|
15
|
-
///
|
|
15
|
+
/// The text transform of the Switch label.
|
|
16
16
|
/// @group switch
|
|
17
17
|
$kendo-switch-label-text-transform: uppercase !default;
|
|
18
|
-
|
|
18
|
+
|
|
19
|
+
/// The display of the Switch label.
|
|
19
20
|
/// @group switch
|
|
20
21
|
$kendo-switch-label-display: none !default;
|
|
21
22
|
|
|
22
|
-
///
|
|
23
|
+
/// The map with the different Switch sizes.
|
|
23
24
|
/// @group switch
|
|
24
25
|
$kendo-switch-sizes: (
|
|
25
26
|
sm: ( font-size: 10px, track-width: 36px, track-height: 16px, thumb-width: 10px, thumb-height: 10px, thumb-offset: 3px, label-offset: 4px ),
|
|
@@ -27,147 +28,147 @@ $kendo-switch-sizes: (
|
|
|
27
28
|
lg: ( font-size: 10px, track-width: 44px, track-height: 24px, thumb-width: 14px, thumb-height: 14px, thumb-offset: 5px, label-offset: 6px )
|
|
28
29
|
) !default;
|
|
29
30
|
|
|
30
|
-
/// The ring around the focused
|
|
31
|
+
/// The ring around the focused Switch.
|
|
31
32
|
/// @group switch
|
|
32
33
|
$kendo-switch-focus-ring: 1px solid get-theme-color-var( neutral-130 ) !default;
|
|
33
34
|
|
|
34
|
-
/// The background of the track when the
|
|
35
|
+
/// The background of the track when the Switch is not checked.
|
|
35
36
|
/// @group switch
|
|
36
37
|
$kendo-switch-off-track-bg: var( --kendo-component-bg, transparent ) !default;
|
|
37
|
-
/// The text color of the track when the
|
|
38
|
+
/// The text color of the track when the Switch is not checked.
|
|
38
39
|
/// @group switch
|
|
39
40
|
$kendo-switch-off-track-text: var( --kendo-component-text, inherit ) !default;
|
|
40
|
-
/// The border color of the track when the
|
|
41
|
+
/// The border color of the track when the Switch is not checked.
|
|
41
42
|
/// @group switch
|
|
42
43
|
$kendo-switch-off-track-border: get-theme-color-var( neutral-110 ) !default;
|
|
43
44
|
|
|
44
|
-
/// The background of the track when the hovered
|
|
45
|
+
/// The background of the track when the hovered Switch is not checked.
|
|
45
46
|
/// @group switch
|
|
46
47
|
$kendo-switch-off-track-hover-bg: var( --kendo-component-bg, transparent ) !default;
|
|
47
|
-
/// The text color of the track when the hovered
|
|
48
|
+
/// The text color of the track when the hovered Switch is not checked.
|
|
48
49
|
/// @group switch
|
|
49
50
|
$kendo-switch-off-track-hover-text: var( --kendo-component-text, inherit ) !default;
|
|
50
|
-
/// The border color of the track when the hovered
|
|
51
|
+
/// The border color of the track when the hovered Switch is not checked.
|
|
51
52
|
/// @group switch
|
|
52
53
|
$kendo-switch-off-track-hover-border: get-theme-color-var( neutral-160 ) !default;
|
|
53
54
|
|
|
54
|
-
/// The background of the track when the focused
|
|
55
|
+
/// The background of the track when the focused Switch is not checked.
|
|
55
56
|
/// @group switch
|
|
56
57
|
$kendo-switch-off-track-focus-bg: var( --kendo-component-bg, transparent ) !default;
|
|
57
|
-
/// The text color of the track when the focused
|
|
58
|
+
/// The text color of the track when the focused Switch is not checked.
|
|
58
59
|
/// @group switch
|
|
59
60
|
$kendo-switch-off-track-focus-text: var( --kendo-component-text, inherit ) !default;
|
|
60
|
-
/// The border color of the track when the focused
|
|
61
|
+
/// The border color of the track when the focused Switch is not checked.
|
|
61
62
|
/// @group switch
|
|
62
63
|
$kendo-switch-off-track-focus-border: get-theme-color-var( neutral-110 ) !default;
|
|
63
64
|
|
|
64
|
-
/// The background of the track when the disabled
|
|
65
|
+
/// The background of the track when the disabled Switch is not checked.
|
|
65
66
|
/// @group switch
|
|
66
67
|
$kendo-switch-off-track-disabled-bg: var( --kendo-component-bg, transparent ) !default;
|
|
67
|
-
/// The text color of the track when the disabled
|
|
68
|
+
/// The text color of the track when the disabled Switch is not checked.
|
|
68
69
|
/// @group switch
|
|
69
70
|
$kendo-switch-off-track-disabled-text: var( --kendo-component-text, inherit ) !default;
|
|
70
|
-
/// The border color of the track when the disabled
|
|
71
|
+
/// The border color of the track when the disabled Switch is not checked.
|
|
71
72
|
/// @group switch
|
|
72
73
|
$kendo-switch-off-track-disabled-border: get-theme-color-var( neutral-60 ) !default;
|
|
73
74
|
|
|
74
|
-
/// The background of the thumb when the
|
|
75
|
+
/// The background of the thumb when the Switch is not checked.
|
|
75
76
|
/// @group switch
|
|
76
77
|
$kendo-switch-off-thumb-bg: get-theme-color-var( neutral-130 ) !default;
|
|
77
|
-
/// The text color of the thumb when the
|
|
78
|
+
/// The text color of the thumb when the Switch is not checked.
|
|
78
79
|
/// @group switch
|
|
79
80
|
$kendo-switch-off-thumb-text: inherit !default;
|
|
80
|
-
/// The border color of the thumb when the
|
|
81
|
+
/// The border color of the thumb when the Switch is not checked.
|
|
81
82
|
/// @group switch
|
|
82
83
|
$kendo-switch-off-thumb-border: get-theme-color-var( neutral-130 ) !default;
|
|
83
84
|
|
|
84
|
-
/// The background of the thumb when the hovered
|
|
85
|
+
/// The background of the thumb when the hovered Switch is not checked.
|
|
85
86
|
/// @group switch
|
|
86
87
|
$kendo-switch-off-thumb-hover-bg: get-theme-color-var( neutral-160 ) !default;
|
|
87
|
-
/// The text color of the thumb when the hovered
|
|
88
|
+
/// The text color of the thumb when the hovered Switch is not checked.
|
|
88
89
|
/// @group switch
|
|
89
90
|
$kendo-switch-off-thumb-hover-text: inherit !default;
|
|
90
|
-
/// The border color of the thumb when the hovered
|
|
91
|
+
/// The border color of the thumb when the hovered Switch is not checked.
|
|
91
92
|
/// @group switch
|
|
92
93
|
$kendo-switch-off-thumb-hover-border: get-theme-color-var( neutral-160 ) !default;
|
|
93
94
|
|
|
94
|
-
/// The background of the thumb when the disabled
|
|
95
|
+
/// The background of the thumb when the disabled Switch is not checked.
|
|
95
96
|
/// @group switch
|
|
96
97
|
$kendo-switch-off-thumb-disabled-bg: get-theme-color-var( neutral-60 ) !default;
|
|
97
|
-
/// The text color of the thumb when the disabled
|
|
98
|
+
/// The text color of the thumb when the disabled Switch is not checked.
|
|
98
99
|
/// @group switch
|
|
99
100
|
$kendo-switch-off-thumb-disabled-text: inherit !default;
|
|
100
|
-
/// The border color of the thumb when the disabled
|
|
101
|
+
/// The border color of the thumb when the disabled Switch is not checked.
|
|
101
102
|
/// @group switch
|
|
102
103
|
$kendo-switch-off-thumb-disabled-border: get-theme-color-var( neutral-60 ) !default;
|
|
103
104
|
|
|
104
105
|
|
|
105
|
-
/// The background of the track when the
|
|
106
|
+
/// The background of the track when the Switch is checked.
|
|
106
107
|
/// @group switch
|
|
107
108
|
$kendo-switch-on-track-bg: get-theme-color-var( primary-100 ) !default;
|
|
108
|
-
/// The text color of the track when the
|
|
109
|
+
/// The text color of the track when the Switch is checked.
|
|
109
110
|
/// @group switch
|
|
110
111
|
$kendo-switch-on-track-text: $kendo-color-white !default;
|
|
111
|
-
/// The border color of the track when the
|
|
112
|
+
/// The border color of the track when the Switch is checked.
|
|
112
113
|
/// @group switch
|
|
113
114
|
$kendo-switch-on-track-border: $kendo-switch-on-track-bg !default;
|
|
114
115
|
|
|
115
|
-
/// The background of the track when the hovered
|
|
116
|
+
/// The background of the track when the hovered Switch is checked.
|
|
116
117
|
/// @group switch
|
|
117
118
|
$kendo-switch-on-track-hover-bg: get-theme-color-var( primary-110 ) !default;
|
|
118
|
-
/// The text color of the track when the hovered
|
|
119
|
+
/// The text color of the track when the hovered Switch is checked.
|
|
119
120
|
/// @group switch
|
|
120
121
|
$kendo-switch-on-track-hover-text: $kendo-color-white !default;
|
|
121
|
-
/// The border color of the track when the hovered
|
|
122
|
+
/// The border color of the track when the hovered Switch is checked.
|
|
122
123
|
/// @group switch
|
|
123
124
|
$kendo-switch-on-track-hover-border: $kendo-switch-on-track-hover-bg !default;
|
|
124
125
|
|
|
125
|
-
/// The background of the track when the focused
|
|
126
|
+
/// The background of the track when the focused Switch is checked.
|
|
126
127
|
/// @group switch
|
|
127
128
|
$kendo-switch-on-track-focus-bg: get-theme-color-var( primary-100 ) !default;
|
|
128
|
-
/// The text color of the track when the focused
|
|
129
|
+
/// The text color of the track when the focused Switch is checked.
|
|
129
130
|
/// @group switch
|
|
130
131
|
$kendo-switch-on-track-focus-text: $kendo-color-white !default;
|
|
131
|
-
/// The border color of the track when the focused
|
|
132
|
+
/// The border color of the track when the focused Switch is checked.
|
|
132
133
|
/// @group switch
|
|
133
134
|
$kendo-switch-on-track-focus-border: $kendo-switch-on-track-focus-bg !default;
|
|
134
135
|
|
|
135
|
-
/// The background of the track when the disabled
|
|
136
|
+
/// The background of the track when the disabled Switch is checked.
|
|
136
137
|
/// @group switch
|
|
137
138
|
$kendo-switch-on-track-disabled-bg: get-theme-color-var( neutral-60 ) !default;
|
|
138
|
-
/// The text color of the track when the disabled
|
|
139
|
+
/// The text color of the track when the disabled Switch is checked.
|
|
139
140
|
/// @group switch
|
|
140
141
|
$kendo-switch-on-track-disabled-text: $kendo-color-white !default;
|
|
141
|
-
/// The border color of the track when the disabled
|
|
142
|
+
/// The border color of the track when the disabled Switch is checked.
|
|
142
143
|
/// @group switch
|
|
143
144
|
$kendo-switch-on-track-disabled-border: $kendo-switch-on-track-disabled-bg !default;
|
|
144
145
|
|
|
145
|
-
/// The background of the thumb when the
|
|
146
|
+
/// The background of the thumb when the Switch is checked.
|
|
146
147
|
/// @group switch
|
|
147
148
|
$kendo-switch-on-thumb-bg: $kendo-color-white !default;
|
|
148
|
-
/// The text color of the thumb when the
|
|
149
|
+
/// The text color of the thumb when the Switch is checked.
|
|
149
150
|
/// @group switch
|
|
150
151
|
$kendo-switch-on-thumb-text: inherit !default;
|
|
151
|
-
/// The border color of the thumb when the
|
|
152
|
+
/// The border color of the thumb when the Switch is checked.
|
|
152
153
|
/// @group switch
|
|
153
154
|
$kendo-switch-on-thumb-border: inherit !default;
|
|
154
155
|
|
|
155
|
-
/// The background of the thumb when the hovered
|
|
156
|
+
/// The background of the thumb when the hovered Switch is checked.
|
|
156
157
|
/// @group switch
|
|
157
158
|
$kendo-switch-on-thumb-hover-bg: $kendo-color-white !default;
|
|
158
|
-
/// The text color of the thumb when the hovered
|
|
159
|
+
/// The text color of the thumb when the hovered Switch is checked.
|
|
159
160
|
/// @group switch
|
|
160
161
|
$kendo-switch-on-thumb-hover-text: inherit !default;
|
|
161
|
-
/// The border color of the thumb when the hovered
|
|
162
|
+
/// The border color of the thumb when the hovered Switch is checked.
|
|
162
163
|
/// @group switch
|
|
163
164
|
$kendo-switch-on-thumb-hover-border: inherit !default;
|
|
164
165
|
|
|
165
|
-
/// The background of the thumb when the disabled
|
|
166
|
+
/// The background of the thumb when the disabled Switch is checked.
|
|
166
167
|
/// @group switch
|
|
167
168
|
$kendo-switch-on-thumb-disabled-bg: get-theme-color-var( neutral-20 ) !default;
|
|
168
|
-
/// The text color of the thumb when the disabled
|
|
169
|
+
/// The text color of the thumb when the disabled Switch is checked.
|
|
169
170
|
/// @group switch
|
|
170
171
|
$kendo-switch-on-thumb-disabled-text: inherit !default;
|
|
171
|
-
/// The border color of the thumb when the disabled
|
|
172
|
+
/// The border color of the thumb when the disabled Switch is checked.
|
|
172
173
|
/// @group switch
|
|
173
174
|
$kendo-switch-on-thumb-disabled-border: get-theme-color-var( neutral-20 ) !default;
|