Skip to content

Commit 3937b16

Browse files
author
Kendo Bot
committed
Sync with Kendo UI Professional
1 parent 1dfd0eb commit 3937b16

File tree

13 files changed

+899
-1758
lines changed

13 files changed

+899
-1758
lines changed

‎CONTRIBUTING.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -50,7 +50,7 @@ This will facilitate easier pull request management for the continuous work that
5050

5151
### 3. Include tests describing the bug or feature
5252

53-
Kendo UI uses [QUnit](https://qunitjs.com/) for a test framework and [karma](http://karma-runner.github.io/) as the test runner. You may browse the `tests` directory to get a better idea of the structure and conventions used.
53+
Kendo UI uses [Mocha](https://www.npmjs.com/package/mocha) for a test framework and [karma](http://karma-runner.github.io/) as the test runner. You may browse the `tests` directory to get a better idea of the structure and conventions used.
5454

5555
To run the tests, execute the following command:
5656

‎docs-aspnet/html-helpers/navigation/treeview/appearance.md‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -100,22 +100,22 @@ New Rendering:
100100
<li role="treeitem" class="k-item k-treeview-item k-first k-last"
101101
data-uid="e023e8b6-c3ab-4bda-9590-21361b00ab4d" aria-selected="false" aria-expanded="true"
102102
data-expanded="true" aria-busy="false">
103-
<div class="k-treeview-top k-treeview-bot k-top k-bot"><span class="k-treeview-toggle"><span
103+
<div class="k-treeview-top k-treeview-bot"><span class="k-treeview-toggle"><span
104104
class="k-icon k-i-collapse"></span></span><span class="k-treeview-leaf k-in"><span
105105
class="k-treeview-leaf-text">foo</span></span></div>
106106
<ul class="k-group k-treeview-group" role="group" style="display: block;">
107107
<li role="treeitem" class="k-item k-treeview-item k-last"
108108
data-uid="c86b0972-66ca-4bdc-adf1-6a2dcceb2198" aria-selected="false" aria-disabled="true"
109109
aria-expanded="true" data-expanded="true" aria-busy="false">
110-
<div class="k-treeview-bot k-treeview-top k-bot"><span class="k-treeview-toggle"><span
110+
<div class="k-treeview-bot"><span class="k-treeview-toggle"><span
111111
class="k-icon k-i-collapse"></span></span><span
112112
class="k-treeview-leaf k-in k-disabled"><span class="k-treeview-leaf-text">bar</span></span>
113113
</div>
114114
<ul class="k-group k-treeview-group" role="group" style="display: block;">
115115
<li role="treeitem" class="k-item k-treeview-item k-last"
116116
data-uid="e6b9f504-57ee-42b9-8898-bb1ca050d535" aria-selected="true" aria-expanded="false"
117117
data-expanded="false">
118-
<div class="k-treeview-bot k-bot"><span class="k-treeview-leaf k-in k-selected"><span
118+
<div class="k-treeview-bot"><span class="k-treeview-leaf k-in k-selected"><span
119119
class="k-treeview-leaf-text">baz</span></span></div>
120120
</li>
121121
</ul>
@@ -158,7 +158,7 @@ New Rendering with Checkboxes:
158158
<li role="treeitem" class="k-item k-treeview-item k-first k-last"
159159
data-uid="d326b551-4386-4dda-8a12-bee3dbcbb940" aria-checked="false" aria-selected="false"
160160
aria-expanded="true" data-expanded="true" aria-busy="false">
161-
<div class="k-treeview-top k-treeview-bot k-top k-bot"><span class="k-treeview-toggle"><span
161+
<div class="k-treeview-top k-treeview-bot"><span class="k-treeview-toggle"><span
162162
class="k-icon k-i-collapse"></span></span><span class="k-checkbox-wrapper"
163163
role="presentation"><input aria-hidden="true" type="checkbox" tabindex="-1"
164164
id="_d326b551-4386-4dda-8a12-bee3dbcbb940" class="k-checkbox k-checkbox-{size} k-rounded-md"><span
@@ -168,7 +168,7 @@ New Rendering with Checkboxes:
168168
<li role="treeitem" class="k-item k-treeview-item k-last"
169169
data-uid="ce664b23-821c-4a63-9b86-b926c540e714" aria-checked="false" aria-selected="false"
170170
aria-disabled="true" aria-expanded="true" data-expanded="true" aria-busy="false">
171-
<div class="k-treeview-bot k-treeview-top k-bot"><span class="k-treeview-toggle"><span
171+
<div class="k-treeview-bot"><span class="k-treeview-toggle"><span
172172
class="k-icon k-i-collapse"></span></span><span class="k-checkbox-wrapper"
173173
role="presentation"><input aria-hidden="true" type="checkbox" tabindex="-1" disabled=""
174174
id="_ce664b23-821c-4a63-9b86-b926c540e714"
@@ -180,7 +180,7 @@ New Rendering with Checkboxes:
180180
<li role="treeitem" class="k-item k-treeview-item k-last"
181181
data-uid="eea3515a-89ef-4a97-bd6f-05e537073be0" aria-checked="false" aria-selected="true"
182182
aria-expanded="false" data-expanded="false">
183-
<div class="k-treeview-bot k-bot"><span class="k-checkbox-wrapper"
183+
<div class="k-treeview-bot"><span class="k-checkbox-wrapper"
184184
role="presentation"><input aria-hidden="true" type="checkbox" tabindex="-1"
185185
id="_eea3515a-89ef-4a97-bd6f-05e537073be0"
186186
class="k-checkbox k-checkbox-{size} k-rounded-md"><span

‎docs/controls/navigation/treeview/appearance.md‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -90,22 +90,22 @@ New Rendering:
9090
<li role="treeitem" class="k-item k-treeview-item k-first k-last"
9191
data-uid="e023e8b6-c3ab-4bda-9590-21361b00ab4d" aria-selected="false" aria-expanded="true"
9292
data-expanded="true" aria-busy="false">
93-
<div class="k-treeview-top k-treeview-bot k-top k-bot"><span class="k-treeview-toggle"><span
93+
<div class="k-treeview-top k-treeview-bot"><span class="k-treeview-toggle"><span
9494
class="k-icon k-i-collapse"></span></span><span class="k-treeview-leaf k-in"><span
9595
class="k-treeview-leaf-text">foo</span></span></div>
9696
<ul class="k-group k-treeview-group" role="group" style="display: block;">
9797
<li role="treeitem" class="k-item k-treeview-item k-last"
9898
data-uid="c86b0972-66ca-4bdc-adf1-6a2dcceb2198" aria-selected="false" aria-disabled="true"
9999
aria-expanded="true" data-expanded="true" aria-busy="false">
100-
<div class="k-treeview-bot k-treeview-top k-bot"><span class="k-treeview-toggle"><span
100+
<div class="k-treeview-bot"><span class="k-treeview-toggle"><span
101101
class="k-icon k-i-collapse"></span></span><span
102102
class="k-treeview-leaf k-in k-disabled"><span class="k-treeview-leaf-text">bar</span></span>
103103
</div>
104104
<ul class="k-group k-treeview-group" role="group" style="display: block;">
105105
<li role="treeitem" class="k-item k-treeview-item k-last"
106106
data-uid="e6b9f504-57ee-42b9-8898-bb1ca050d535" aria-selected="true" aria-expanded="false"
107107
data-expanded="false">
108-
<div class="k-treeview-bot k-bot"><span class="k-treeview-leaf k-in k-selected"><span
108+
<div class="k-treeview-bot"><span class="k-treeview-leaf k-in k-selected"><span
109109
class="k-treeview-leaf-text">baz</span></span></div>
110110
</li>
111111
</ul>
@@ -148,7 +148,7 @@ New Rendering with Checkboxes:
148148
<li role="treeitem" class="k-item k-treeview-item k-first k-last"
149149
data-uid="d326b551-4386-4dda-8a12-bee3dbcbb940" aria-checked="false" aria-selected="false"
150150
aria-expanded="true" data-expanded="true" aria-busy="false">
151-
<div class="k-treeview-top k-treeview-bot k-top k-bot"><span class="k-treeview-toggle"><span
151+
<div class="k-treeview-top k-treeview-bot"><span class="k-treeview-toggle"><span
152152
class="k-icon k-i-collapse"></span></span><span class="k-checkbox-wrapper"
153153
role="presentation"><input aria-hidden="true" type="checkbox" tabindex="-1"
154154
id="_d326b551-4386-4dda-8a12-bee3dbcbb940" class="k-checkbox k-checkbox-{size} k-rounded-md"><span
@@ -158,7 +158,7 @@ New Rendering with Checkboxes:
158158
<li role="treeitem" class="k-item k-treeview-item k-last"
159159
data-uid="ce664b23-821c-4a63-9b86-b926c540e714" aria-checked="false" aria-selected="false"
160160
aria-disabled="true" aria-expanded="true" data-expanded="true" aria-busy="false">
161-
<div class="k-treeview-bot k-treeview-top k-bot"><span class="k-treeview-toggle"><span
161+
<div class="k-treeview-bot"><span class="k-treeview-toggle"><span
162162
class="k-icon k-i-collapse"></span></span><span class="k-checkbox-wrapper"
163163
role="presentation"><input aria-hidden="true" type="checkbox" tabindex="-1" disabled=""
164164
id="_ce664b23-821c-4a63-9b86-b926c540e714"
@@ -170,7 +170,7 @@ New Rendering with Checkboxes:
170170
<li role="treeitem" class="k-item k-treeview-item k-last"
171171
data-uid="eea3515a-89ef-4a97-bd6f-05e537073be0" aria-checked="false" aria-selected="true"
172172
aria-expanded="false" data-expanded="false">
173-
<div class="k-treeview-bot k-bot"><span class="k-checkbox-wrapper"
173+
<div class="k-treeview-bot"><span class="k-checkbox-wrapper"
174174
role="presentation"><input aria-hidden="true" type="checkbox" tabindex="-1"
175175
id="_eea3515a-89ef-4a97-bd6f-05e537073be0"
176176
class="k-checkbox k-checkbox-{size} k-rounded-md"><span

‎docs/styles-and-layout/less-themes-migration.md‎

Lines changed: 20 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -34,49 +34,51 @@ The migration to a SASS theme is a very straightforward process:
3434

3535
```html
3636
<!-- The following styles are required for the LESS Classic theme. -->
37-
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2021.3.1207/styles/kendo.common.min.css" />
38-
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2021.3.1207/styles/kendo.default.min.css" />
39-
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2021.3.1207/styles/kendo.default.mobile.min.css" />
37+
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2022.1.119/styles/kendo.common.min.css" />
38+
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2022.1.119/styles/kendo.default.min.css" />
39+
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2022.1.119/styles/kendo.default.mobile.min.css" />
4040
```
4141

4242
1. Add a reference to the SASS theme that you want to use, for example:
4343

4444
```html
4545
<!-- The following styles are required for the SASS Classic theme. -->
46-
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2021.3.1207/styles/kendo.classic-main.min.css" />
46+
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2022.1.119/styles/kendo.classic-main.min.css" />
4747
```
4848

4949
With the new rendering of the components, some CSS classes will be deleted. If you use any of those classes to customize a component, you will have to update their references. Otherwise the customizations will be lost. For additional information, check the [CSS Classes Migration]({% slug components_rendering_overview %}#css-classes-migration) section of the [Components Rendering Overview]({% slug components_rendering_overview %}) article.
5050

5151
## How Do I Know Which SASS Theme Corresponds to My Current LESS Theme?
5252

53-
The LESS themes have SASS swatches which are under the `Classic` theme.
53+
The LESS themes have SASS swatch counterparts.
5454

5555
![Classic Swatches](images/theme-builder-classic-swatches.png)
5656

5757
The following table contains the name of the LESS theme and its SASS counterpart:
5858

5959
| LESS Theme | SASS Theme | Status | SASS Theme CDN
6060
|:--- |:--- |:--- |:---
61-
| `Default` | `Classic Theme - Main` | Available | https://kendo.cdn.telerik.com/2021.3.1207/styles/kendo.classic-main.min.css |
62-
| `Blue Opal` | `Classic Theme - Opal` | Available | https://kendo.cdn.telerik.com/2021.3.1207/styles/kendo.classic-opal.min.css |
63-
| `Silver` | `Classic Theme - Silver` | Available | https://kendo.cdn.telerik.com/2021.3.1207/styles/kendo.classic-silver.min.css |
64-
| `Fiori` | `Classic Theme - Fiori` | In Progress | N/A |
65-
| `Flat` | `Classic Theme - Flat` | In Progress | N/A |
66-
| `High Contrast` | `Classic Theme - High Contrast` | In Progress | N/A |
67-
| `Metro` | `Classic Theme - Metro` | In Progress | N/A |
68-
| `Metro Black` | `Classic Theme - Metro Black` | In Progress | N/A |
69-
| `Moonlight` | `Classic Theme - Moonlight` | In Progress | N/A |
70-
| `Nova` | `Classic Theme - Nova` | In Progress | N/A |
71-
| `Office 365` | `Classic Theme - Office 365` | In Progress | N/A |
72-
| `Uniform` | `Classic Theme - Uniform` | In Progress | N/A |
61+
| `Default` | `Classic - Main` | Available | https://kendo.cdn.telerik.com/2022.1.119/styles/kendo.classic-main.min.css |
62+
| `Blue Opal` | `Classic - Opal` | Available | https://kendo.cdn.telerik.com/2022.1.119/styles/kendo.classic-opal.min.css |
63+
| `Silver` | `Classic - Silver` | Available | https://kendo.cdn.telerik.com/2022.1.119/styles/kendo.classic-silver.min.css |
64+
| `Fiori` | TBD | TBD | N/A |
65+
| `Bootstrap 3` | `Bootstrap - Bootstrap 3` | In Progress | N/A |
66+
| `Bootstrap 3 Dark` | `Bootstrap - Bootstrap 3 Dark` | In Progress | N/A |
67+
| `Flat` | `Bootstrap - Turquoise` | In Progress | N/A |
68+
| `Flat Dark` | `Bootstrap - Turquoise Dark` | In Progress | N/A |
69+
| `High Contrast` | TBD | TBD | N/A |
70+
| `Metro` | TBD | TBD | N/A |
71+
| `Moonlight` | TBD | TBD | N/A |
72+
| `Nova` | `Material - Nova` | Available | https://kendo.cdn.telerik.com/2022.1.119/styles/kendo.material-nova.min.css |
73+
| `Office 365` | TBD | TBD | N/A |
74+
| `Uniform` | TBD | TBD | N/A |
7375

7476
> The Bootstrap and Material LESS themes will not have their own SASS swatches. The dedicated Bootstrap and Material SASS themes should be used instead.
7577
7678
The following example demonstrates how to add a theme to your project:
7779

7880
```html
79-
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2021.3.1207/styles/kendo.classic-main.min.css" />
81+
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2022.1.119/styles/kendo.classic-main.min.css" />
8082
```
8183

8284
The above snippet must be added to the `head` element of the page.

0 commit comments

Comments
 (0)