@progress/kendo-themes-html 5.6.1-dev.4 → 5.6.1-dev.5

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 (36) hide show
  1. package/dist/expansion-panel/tests/expansion-panel-rtl.js +13 -13
  2. package/dist/expansion-panel/tests/expansion-panel-rtl.js.map +2 -2
  3. package/dist/expansion-panel/tests/expansion-panel.js +13 -13
  4. package/dist/expansion-panel/tests/expansion-panel.js.map +1 -1
  5. package/dist/floating-label/tests/floating-label-flat.js +53 -0
  6. package/dist/floating-label/tests/floating-label-flat.js.map +4 -4
  7. package/dist/floating-label/tests/floating-label-outline.js +53 -0
  8. package/dist/floating-label/tests/floating-label-outline.js.map +4 -4
  9. package/dist/floating-label/tests/floating-label.js +50 -1
  10. package/dist/floating-label/tests/floating-label.js.map +4 -4
  11. package/dist/panelbar/tests/panelbar-angular.js +25 -197
  12. package/dist/panelbar/tests/panelbar-angular.js.map +2 -2
  13. package/dist/panelbar/tests/panelbar-rtl-angular.js +263 -0
  14. package/dist/panelbar/tests/panelbar-rtl-angular.js.map +7 -0
  15. package/dist/panelbar/tests/{panelbar-universal.js → panelbar-rtl.js} +20 -283
  16. package/dist/panelbar/tests/panelbar-rtl.js.map +7 -0
  17. package/dist/panelbar/tests/panelbar.js +355 -0
  18. package/dist/panelbar/tests/panelbar.js.map +7 -0
  19. package/package.json +2 -2
  20. package/src/expansion-panel/tests/expansion-panel-rtl.tsx +13 -13
  21. package/src/expansion-panel/tests/expansion-panel.tsx +13 -13
  22. package/src/floating-label/tests/floating-label-flat.tsx +11 -0
  23. package/src/floating-label/tests/floating-label-outline.tsx +11 -0
  24. package/src/floating-label/tests/floating-label.tsx +11 -0
  25. package/src/panelbar/tests/panelbar-angular.tsx +23 -191
  26. package/src/panelbar/tests/panelbar-rtl-angular.tsx +190 -0
  27. package/src/panelbar/tests/panelbar-rtl.tsx +238 -0
  28. package/src/panelbar/tests/panelbar.tsx +238 -0
  29. package/dist/panelbar/tests/panelbar-jquery.js +0 -427
  30. package/dist/panelbar/tests/panelbar-jquery.js.map +0 -7
  31. package/dist/panelbar/tests/panelbar-react.js +0 -467
  32. package/dist/panelbar/tests/panelbar-react.js.map +0 -7
  33. package/dist/panelbar/tests/panelbar-universal.js.map +0 -7
  34. package/src/panelbar/tests/panelbar-jquery.tsx +0 -331
  35. package/src/panelbar/tests/panelbar-react.tsx +0 -362
  36. package/src/panelbar/tests/panelbar-universal.tsx +0 -452
package/dist/panelbar/tests/panelbar.js ADDED
@@ -0,0 +1,355 @@
1
+ (() => {
2
+ var __create = Object.create;
3
+ var __defProp = Object.defineProperty;
4
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
+ var __getOwnPropNames = Object.getOwnPropertyNames;
6
+ var __getProtoOf = Object.getPrototypeOf;
7
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
8
+ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
9
+ get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
10
+ }) : x)(function(x) {
11
+ if (typeof require !== "undefined")
12
+ return require.apply(this, arguments);
13
+ throw new Error('Dynamic require of "' + x + '" is not supported');
14
+ });
15
+ var __copyProps = (to, from, except, desc) => {
16
+ if (from && typeof from === "object" || typeof from === "function") {
17
+ for (let key of __getOwnPropNames(from))
18
+ if (!__hasOwnProp.call(to, key) && key !== except)
19
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
20
+ }
21
+ return to;
22
+ };
23
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
24
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
25
+ mod
26
+ ));
27
+
28
+ // src/panelbar/tests/panelbar.tsx
29
+ var import_react = __toESM(__require("react"));
30
+ var import_client = __toESM(__require("react-dom/client"));
31
+
32
+ // src/icon/icon.tsx
33
+ var React = __toESM(__require("react"));
34
+
35
+ // src/utils/classNames.ts
36
+ var classNames = (...args) => {
37
+ const result = {};
38
+ const addLeafKeys = (arg) => {
39
+ typeof arg === "object" ? Object.keys(arg).forEach((key) => {
40
+ result[key] = arg[key];
41
+ }) : result[arg] = true;
42
+ };
43
+ const addKeys = (list) => list.filter((arg) => arg !== true && Boolean(arg)).map(
44
+ (arg) => Array.isArray(arg) ? addKeys(arg) : addLeafKeys(arg)
45
+ );
46
+ addKeys(args);
47
+ return Object.keys(result).map((key) => result[key] && key || null).filter((el) => el !== null).join(" ");
48
+ };
49
+
50
+ // src/icon/icon.tsx
51
+ var Icon = class extends React.Component {
52
+ render() {
53
+ const {
54
+ className,
55
+ style,
56
+ name
57
+ } = this.props;
58
+ return /* @__PURE__ */ React.createElement(React.Fragment, null, name && /* @__PURE__ */ React.createElement("span", {
59
+ className: classNames(
60
+ className,
61
+ "k-icon",
62
+ {
63
+ [`k-i-${name}`]: name
64
+ }
65
+ ),
66
+ style
67
+ }));
68
+ }
69
+ };
70
+
71
+ // src/panelbar/tests/panelbar.tsx
72
+ var root = import_client.default.createRoot(
73
+ document.getElementById("app")
74
+ );
75
+ var styles = `
76
+ .k-sprite {
77
+ background-color: gray;
78
+ }
79
+ .k-image {
80
+ width: 16px;
81
+ height: 16px;
82
+ display: inline-block;
83
+ background-color: gold;
84
+ }
85
+ `;
86
+ root.render(
87
+ /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("style", null, styles), /* @__PURE__ */ import_react.default.createElement("div", {
88
+ id: "test-area",
89
+ className: "k-d-grid k-grid-cols-4"
90
+ }, /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("ul", {
91
+ className: "k-panelbar"
92
+ }, /* @__PURE__ */ import_react.default.createElement("li", {
93
+ className: "k-panelbar-header k-item k-level-0"
94
+ }, /* @__PURE__ */ import_react.default.createElement("span", {
95
+ className: "k-link"
96
+ }, /* @__PURE__ */ import_react.default.createElement(Icon, {
97
+ className: "k-panelbar-item-icon",
98
+ name: "cog"
99
+ }), /* @__PURE__ */ import_react.default.createElement("span", {
100
+ className: "k-panelbar-item-text"
101
+ }, "Root"), /* @__PURE__ */ import_react.default.createElement(Icon, {
102
+ className: "k-panelbar-toggle k-panelbar-expand",
103
+ name: "arrow-chevron-down"
104
+ }))), /* @__PURE__ */ import_react.default.createElement("li", {
105
+ className: "k-panelbar-header k-item k-level-0"
106
+ }, /* @__PURE__ */ import_react.default.createElement("span", {
107
+ className: "k-link k-hover"
108
+ }, /* @__PURE__ */ import_react.default.createElement("span", {
109
+ className: "k-panelbar-item-icon k-image"
110
+ }), /* @__PURE__ */ import_react.default.createElement("span", {
111
+ className: "k-panelbar-item-text"
112
+ }, "Root hover"), /* @__PURE__ */ import_react.default.createElement(Icon, {
113
+ className: "k-panelbar-toggle k-panelbar-expand",
114
+ name: "arrow-chevron-down"
115
+ }))), /* @__PURE__ */ import_react.default.createElement("li", {
116
+ className: "k-panelbar-header k-item k-level-0"
117
+ }, /* @__PURE__ */ import_react.default.createElement("span", {
118
+ className: "k-link k-focus"
119
+ }, /* @__PURE__ */ import_react.default.createElement("span", {
120
+ className: "k-panelbar-item-icon k-sprite"
121
+ }), /* @__PURE__ */ import_react.default.createElement("span", {
122
+ className: "k-panelbar-item-text"
123
+ }, "Root focus"), /* @__PURE__ */ import_react.default.createElement(Icon, {
124
+ className: "k-panelbar-toggle k-panelbar-expand",
125
+ name: "arrow-chevron-down"
126
+ }))), /* @__PURE__ */ import_react.default.createElement("li", {
127
+ className: "k-panelbar-header k-item k-level-0"
128
+ }, /* @__PURE__ */ import_react.default.createElement("span", {
129
+ className: "k-link k-focus k-hover"
130
+ }, /* @__PURE__ */ import_react.default.createElement("span", {
131
+ className: "k-panelbar-item-icon k-sprite"
132
+ }), /* @__PURE__ */ import_react.default.createElement("span", {
133
+ className: "k-panelbar-item-text"
134
+ }, "Root hover&focus"), /* @__PURE__ */ import_react.default.createElement(Icon, {
135
+ className: "k-panelbar-toggle k-panelbar-expand",
136
+ name: "arrow-chevron-down"
137
+ }))), /* @__PURE__ */ import_react.default.createElement("li", {
138
+ className: "k-panelbar-header k-item k-level-0"
139
+ }, /* @__PURE__ */ import_react.default.createElement("span", {
140
+ className: "k-link k-disabled"
141
+ }, /* @__PURE__ */ import_react.default.createElement("span", {
142
+ className: "k-panelbar-item-text"
143
+ }, "Root disabled"), /* @__PURE__ */ import_react.default.createElement(Icon, {
144
+ className: "k-panelbar-toggle k-panelbar-expand",
145
+ name: "arrow-chevron-down"
146
+ }))), /* @__PURE__ */ import_react.default.createElement("li", {
147
+ className: "k-panelbar-header k-item k-level-0"
148
+ }, /* @__PURE__ */ import_react.default.createElement("span", {
149
+ className: "k-link k-selected"
150
+ }, /* @__PURE__ */ import_react.default.createElement("span", {
151
+ className: "k-panelbar-item-text"
152
+ }, "Root selected"), /* @__PURE__ */ import_react.default.createElement(Icon, {
153
+ className: "k-panelbar-toggle k-panelbar-expand",
154
+ name: "arrow-chevron-down"
155
+ }))), /* @__PURE__ */ import_react.default.createElement("li", {
156
+ className: "k-panelbar-header k-item k-level-0"
157
+ }, /* @__PURE__ */ import_react.default.createElement("span", {
158
+ className: "k-link k-selected k-hover"
159
+ }, /* @__PURE__ */ import_react.default.createElement("span", {
160
+ className: "k-panelbar-item-text"
161
+ }, "Root selected hover"), /* @__PURE__ */ import_react.default.createElement(Icon, {
162
+ className: "k-panelbar-toggle k-panelbar-expand",
163
+ name: "arrow-chevron-down"
164
+ }))), /* @__PURE__ */ import_react.default.createElement("li", {
165
+ className: "k-panelbar-header k-item k-level-0"
166
+ }, /* @__PURE__ */ import_react.default.createElement("span", {
167
+ className: "k-link k-selected k-focus"
168
+ }, /* @__PURE__ */ import_react.default.createElement("span", {
169
+ className: "k-panelbar-item-text"
170
+ }, "Root selected focus"), /* @__PURE__ */ import_react.default.createElement(Icon, {
171
+ className: "k-panelbar-toggle k-panelbar-expand",
172
+ name: "arrow-chevron-down"
173
+ }))), /* @__PURE__ */ import_react.default.createElement("li", {
174
+ className: "k-panelbar-header k-item k-level-0"
175
+ }, /* @__PURE__ */ import_react.default.createElement("span", {
176
+ className: "k-link k-selected k-focus k-hover"
177
+ }, /* @__PURE__ */ import_react.default.createElement("span", {
178
+ className: "k-panelbar-item-text"
179
+ }, "Root selected hover&focus"), /* @__PURE__ */ import_react.default.createElement(Icon, {
180
+ className: "k-panelbar-toggle k-panelbar-expand",
181
+ name: "arrow-chevron-down"
182
+ }))))), /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("ul", {
183
+ className: "k-panelbar"
184
+ }, /* @__PURE__ */ import_react.default.createElement("li", {
185
+ className: "k-panelbar-header k-item k-level-0"
186
+ }, /* @__PURE__ */ import_react.default.createElement("span", {
187
+ className: "k-link"
188
+ }, /* @__PURE__ */ import_react.default.createElement("span", {
189
+ className: "k-panelbar-item-text"
190
+ }, "First"))), /* @__PURE__ */ import_react.default.createElement("li", {
191
+ className: "k-panelbar-header k-item k-expanded k-level-0"
192
+ }, /* @__PURE__ */ import_react.default.createElement("span", {
193
+ className: "k-link"
194
+ }, /* @__PURE__ */ import_react.default.createElement("span", {
195
+ className: "k-panelbar-item-text"
196
+ }, "Middle expanded"), /* @__PURE__ */ import_react.default.createElement(Icon, {
197
+ className: "k-panelbar-toggle k-panelbar-collapse",
198
+ name: "arrow-chevron-up"
199
+ })), /* @__PURE__ */ import_react.default.createElement("ul", {
200
+ className: "k-panelbar-group k-panel k-group"
201
+ }, /* @__PURE__ */ import_react.default.createElement("li", {
202
+ className: "k-panelbar-item k-item k-level-1"
203
+ }, /* @__PURE__ */ import_react.default.createElement("span", {
204
+ className: "k-link"
205
+ }, /* @__PURE__ */ import_react.default.createElement(Icon, {
206
+ className: "k-panelbar-item-icon",
207
+ name: "cog"
208
+ }), /* @__PURE__ */ import_react.default.createElement("span", {
209
+ className: "k-panelbar-item-text"
210
+ }, "Child"))), /* @__PURE__ */ import_react.default.createElement("li", {
211
+ className: "k-panelbar-item k-item k-level-1"
212
+ }, /* @__PURE__ */ import_react.default.createElement("span", {
213
+ className: "k-link k-hover"
214
+ }, /* @__PURE__ */ import_react.default.createElement("span", {
215
+ className: "k-panelbar-item-text"
216
+ }, "Child hover"))), /* @__PURE__ */ import_react.default.createElement("li", {
217
+ className: "k-panelbar-item k-item k-level-1"
218
+ }, /* @__PURE__ */ import_react.default.createElement("span", {
219
+ className: "k-link k-focus"
220
+ }, /* @__PURE__ */ import_react.default.createElement("span", {
221
+ className: "k-panelbar-item-text"
222
+ }, "Child focus"))), /* @__PURE__ */ import_react.default.createElement("li", {
223
+ className: "k-panelbar-item k-item k-level-1"
224
+ }, /* @__PURE__ */ import_react.default.createElement("span", {
225
+ className: "k-link k-focus k-hover"
226
+ }, /* @__PURE__ */ import_react.default.createElement("span", {
227
+ className: "k-panelbar-item-text"
228
+ }, "Child focus&hover"))), /* @__PURE__ */ import_react.default.createElement("li", {
229
+ className: "k-panelbar-item k-item k-level-1"
230
+ }, /* @__PURE__ */ import_react.default.createElement("span", {
231
+ className: "k-link k-selected"
232
+ }, /* @__PURE__ */ import_react.default.createElement("span", {
233
+ className: "k-panelbar-item-text"
234
+ }, "Child selected"))), /* @__PURE__ */ import_react.default.createElement("li", {
235
+ className: "k-panelbar-item k-item k-level-1"
236
+ }, /* @__PURE__ */ import_react.default.createElement("span", {
237
+ className: "k-link k-selected k-hover"
238
+ }, /* @__PURE__ */ import_react.default.createElement("span", {
239
+ className: "k-panelbar-item-text"
240
+ }, "Child selected hover"))), /* @__PURE__ */ import_react.default.createElement("li", {
241
+ className: "k-panelbar-item k-item k-level-1"
242
+ }, /* @__PURE__ */ import_react.default.createElement("span", {
243
+ className: "k-link k-selected k-focus"
244
+ }, /* @__PURE__ */ import_react.default.createElement("span", {
245
+ className: "k-panelbar-item-text"
246
+ }, "Child selected focus"))), /* @__PURE__ */ import_react.default.createElement("li", {
247
+ className: "k-panelbar-item k-item k-level-1"
248
+ }, /* @__PURE__ */ import_react.default.createElement("span", {
249
+ className: "k-link k-selected k-focus k-hover"
250
+ }, /* @__PURE__ */ import_react.default.createElement("span", {
251
+ className: "k-panelbar-item-text"
252
+ }, "Child selected focus&hover"))), /* @__PURE__ */ import_react.default.createElement("li", {
253
+ className: "k-panelbar-item k-item k-expanded k-level-1"
254
+ }, /* @__PURE__ */ import_react.default.createElement("span", {
255
+ className: "k-link"
256
+ }, /* @__PURE__ */ import_react.default.createElement("span", {
257
+ className: "k-panelbar-item-text"
258
+ }, "Child expanded"), /* @__PURE__ */ import_react.default.createElement(Icon, {
259
+ className: "k-panelbar-toggle k-panelbar-collapse",
260
+ name: "arrow-chevron-up"
261
+ })), /* @__PURE__ */ import_react.default.createElement("ul", {
262
+ className: "k-panelbar-group k-panel k-group"
263
+ }, /* @__PURE__ */ import_react.default.createElement("li", {
264
+ className: "k-panelbar-item k-item k-level-2"
265
+ }, /* @__PURE__ */ import_react.default.createElement("span", {
266
+ className: "k-link"
267
+ }, /* @__PURE__ */ import_react.default.createElement("span", {
268
+ className: "k-panelbar-item-text"
269
+ }, "Child"))), /* @__PURE__ */ import_react.default.createElement("li", {
270
+ className: "k-panelbar-item k-item k-level-2"
271
+ }, /* @__PURE__ */ import_react.default.createElement("span", {
272
+ className: "k-link"
273
+ }, /* @__PURE__ */ import_react.default.createElement("span", {
274
+ className: "k-panelbar-item-text"
275
+ }, "Child"))), /* @__PURE__ */ import_react.default.createElement("li", {
276
+ className: "k-panelbar-item k-item k-level-2"
277
+ }, /* @__PURE__ */ import_react.default.createElement("span", {
278
+ className: "k-link"
279
+ }, /* @__PURE__ */ import_react.default.createElement("span", {
280
+ className: "k-panelbar-item-text"
281
+ }, "Child"))))), /* @__PURE__ */ import_react.default.createElement("li", {
282
+ className: "k-panelbar-item k-item k-level-1"
283
+ }, /* @__PURE__ */ import_react.default.createElement("span", {
284
+ className: "k-link k-disabled"
285
+ }, /* @__PURE__ */ import_react.default.createElement("span", {
286
+ className: "k-panelbar-item-text"
287
+ }, "Child disabled"), /* @__PURE__ */ import_react.default.createElement(Icon, {
288
+ className: "k-panelbar-toggle k-panelbar-expand",
289
+ name: "arrow-chevron-down"
290
+ }))), /* @__PURE__ */ import_react.default.createElement("li", {
291
+ className: "k-panelbar-item k-item k-level-1"
292
+ }, /* @__PURE__ */ import_react.default.createElement("span", {
293
+ className: "k-link"
294
+ }, /* @__PURE__ */ import_react.default.createElement("span", {
295
+ className: "k-panelbar-item-text"
296
+ }, "Child last"))))), /* @__PURE__ */ import_react.default.createElement("li", {
297
+ className: "k-panelbar-header k-item k-level-0"
298
+ }, /* @__PURE__ */ import_react.default.createElement("span", {
299
+ className: "k-link"
300
+ }, /* @__PURE__ */ import_react.default.createElement("span", {
301
+ className: "k-panelbar-item-text"
302
+ }, "Last"))))), /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("ul", {
303
+ className: "k-panelbar"
304
+ }, /* @__PURE__ */ import_react.default.createElement("li", {
305
+ className: "k-panelbar-header k-item k-expanded k-level-0"
306
+ }, /* @__PURE__ */ import_react.default.createElement("span", {
307
+ className: "k-link"
308
+ }, /* @__PURE__ */ import_react.default.createElement("span", {
309
+ className: "k-panelbar-item-text"
310
+ }, "First expanded"), /* @__PURE__ */ import_react.default.createElement(Icon, {
311
+ className: "k-panelbar-toggle k-panelbar-collapse",
312
+ name: "arrow-chevron-up"
313
+ })), /* @__PURE__ */ import_react.default.createElement("div", {
314
+ className: "k-panelbar-content"
315
+ }, /* @__PURE__ */ import_react.default.createElement("h4", null, "Title in template"), /* @__PURE__ */ import_react.default.createElement("p", null, "Multi line paragraph in template. Some more content to break onto multiple lines"))), /* @__PURE__ */ import_react.default.createElement("li", {
316
+ className: "k-panelbar-header k-item k-level-0"
317
+ }, /* @__PURE__ */ import_react.default.createElement("span", {
318
+ className: "k-link"
319
+ }, /* @__PURE__ */ import_react.default.createElement("span", {
320
+ className: "k-panelbar-item-text"
321
+ }, "Middle"))), /* @__PURE__ */ import_react.default.createElement("li", {
322
+ className: "k-panelbar-header k-item k-level-0"
323
+ }, /* @__PURE__ */ import_react.default.createElement("span", {
324
+ className: "k-link"
325
+ }, /* @__PURE__ */ import_react.default.createElement("span", {
326
+ className: "k-panelbar-item-text"
327
+ }, "Last"))))), /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("ul", {
328
+ className: "k-panelbar"
329
+ }, /* @__PURE__ */ import_react.default.createElement("li", {
330
+ className: "k-panelbar-header k-item k-level-0"
331
+ }, /* @__PURE__ */ import_react.default.createElement("span", {
332
+ className: "k-link"
333
+ }, /* @__PURE__ */ import_react.default.createElement("span", {
334
+ className: "k-panelbar-item-text"
335
+ }, "First"))), /* @__PURE__ */ import_react.default.createElement("li", {
336
+ className: "k-panelbar-header k-item k-level-0"
337
+ }, /* @__PURE__ */ import_react.default.createElement("span", {
338
+ className: "k-link"
339
+ }, /* @__PURE__ */ import_react.default.createElement("span", {
340
+ className: "k-panelbar-item-text"
341
+ }, "Middle"))), /* @__PURE__ */ import_react.default.createElement("li", {
342
+ className: "k-panelbar-header k-item k-expanded k-level-0"
343
+ }, /* @__PURE__ */ import_react.default.createElement("span", {
344
+ className: "k-link"
345
+ }, /* @__PURE__ */ import_react.default.createElement("span", {
346
+ className: "k-panelbar-item-text"
347
+ }, "Last expanded"), /* @__PURE__ */ import_react.default.createElement(Icon, {
348
+ className: "k-panelbar-toggle k-panelbar-collapse",
349
+ name: "arrow-chevron-up"
350
+ })), /* @__PURE__ */ import_react.default.createElement("div", {
351
+ className: "k-panelbar-content"
352
+ }, /* @__PURE__ */ import_react.default.createElement("h4", null, "Title in template"), /* @__PURE__ */ import_react.default.createElement("p", null, "Multi line paragraph in template. Some more content to break onto multiple lines")))))))
353
+ );
354
+ })();
355
+ //# sourceMappingURL=panelbar.js.map
package/dist/panelbar/tests/panelbar.js.map ADDED
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../src/panelbar/tests/panelbar.tsx", "../../../src/icon/icon.tsx", "../../../src/utils/classNames.ts"],
4
+ "sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { Icon } from '../../icon';\n\nconst root = ReactDOM.createRoot(\n document.getElementById('app') as HTMLElement\n);\n\nconst styles = `\n .k-sprite {\n background-color: gray;\n }\n .k-image {\n width: 16px;\n height: 16px;\n display: inline-block;\n background-color: gold;\n }\n`;\n\nroot.render(\n <>\n <style>{styles}</style>\n <div id=\"test-area\" className=\"k-d-grid k-grid-cols-4\">\n\n <section>\n <ul className=\"k-panelbar\">\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link\">\n <Icon className=\"k-panelbar-item-icon\" name=\"cog\" />\n <span className=\"k-panelbar-item-text\">Root</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-expand\" name=\"arrow-chevron-down\" />\n </span>\n </li>\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link k-hover\">\n <span className=\"k-panelbar-item-icon k-image\"></span>\n <span className=\"k-panelbar-item-text\">Root hover</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-expand\" name=\"arrow-chevron-down\" />\n </span>\n </li>\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link k-focus\">\n <span className=\"k-panelbar-item-icon k-sprite\"></span>\n <span className=\"k-panelbar-item-text\">Root focus</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-expand\" name=\"arrow-chevron-down\" />\n </span>\n </li>\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link k-focus k-hover\">\n <span className=\"k-panelbar-item-icon k-sprite\"></span>\n <span className=\"k-panelbar-item-text\">Root hover&focus</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-expand\" name=\"arrow-chevron-down\" />\n </span>\n </li>\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link k-disabled\">\n <span className=\"k-panelbar-item-text\">Root disabled</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-expand\" name=\"arrow-chevron-down\" />\n </span>\n </li>\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link k-selected\">\n <span className=\"k-panelbar-item-text\">Root selected</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-expand\" name=\"arrow-chevron-down\" />\n </span>\n </li>\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link k-selected k-hover\">\n <span className=\"k-panelbar-item-text\">Root selected hover</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-expand\" name=\"arrow-chevron-down\" />\n </span>\n </li>\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link k-selected k-focus\">\n <span className=\"k-panelbar-item-text\">Root selected focus</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-expand\" name=\"arrow-chevron-down\" />\n </span>\n </li>\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link k-selected k-focus k-hover\">\n <span className=\"k-panelbar-item-text\">Root selected hover&focus</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-expand\" name=\"arrow-chevron-down\" />\n </span>\n </li>\n </ul>\n </section>\n\n <section>\n <ul className=\"k-panelbar\">\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">First</span>\n </span>\n </li>\n <li className=\"k-panelbar-header k-item k-expanded k-level-0\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">Middle expanded</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-collapse\" name=\"arrow-chevron-up\" />\n </span>\n <ul className=\"k-panelbar-group k-panel k-group\">\n <li className=\"k-panelbar-item k-item k-level-1\">\n <span className=\"k-link\">\n <Icon className=\"k-panelbar-item-icon\" name=\"cog\" />\n <span className=\"k-panelbar-item-text\">Child</span>\n </span>\n </li>\n <li className=\"k-panelbar-item k-item k-level-1\">\n <span className=\"k-link k-hover\">\n <span className=\"k-panelbar-item-text\">Child hover</span>\n </span>\n </li>\n <li className=\"k-panelbar-item k-item k-level-1\">\n <span className=\"k-link k-focus\">\n <span className=\"k-panelbar-item-text\">Child focus</span>\n </span>\n </li>\n <li className=\"k-panelbar-item k-item k-level-1\">\n <span className=\"k-link k-focus k-hover\">\n <span className=\"k-panelbar-item-text\">Child focus&hover</span>\n </span>\n </li>\n <li className=\"k-panelbar-item k-item k-level-1\">\n <span className=\"k-link k-selected\">\n <span className=\"k-panelbar-item-text\">Child selected</span>\n </span>\n </li>\n <li className=\"k-panelbar-item k-item k-level-1\">\n <span className=\"k-link k-selected k-hover\">\n <span className=\"k-panelbar-item-text\">Child selected hover</span>\n </span>\n </li>\n <li className=\"k-panelbar-item k-item k-level-1\">\n <span className=\"k-link k-selected k-focus\">\n <span className=\"k-panelbar-item-text\">Child selected focus</span>\n </span>\n </li>\n <li className=\"k-panelbar-item k-item k-level-1\">\n <span className=\"k-link k-selected k-focus k-hover\">\n <span className=\"k-panelbar-item-text\">Child selected focus&hover</span>\n </span>\n </li>\n <li className=\"k-panelbar-item k-item k-expanded k-level-1\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">Child expanded</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-collapse\" name=\"arrow-chevron-up\" />\n </span>\n <ul className=\"k-panelbar-group k-panel k-group\">\n <li className=\"k-panelbar-item k-item k-level-2\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">Child</span>\n </span>\n </li>\n <li className=\"k-panelbar-item k-item k-level-2\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">Child</span>\n </span>\n </li>\n <li className=\"k-panelbar-item k-item k-level-2\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">Child</span>\n </span>\n </li>\n </ul>\n </li>\n <li className=\"k-panelbar-item k-item k-level-1\">\n <span className=\"k-link k-disabled\">\n <span className=\"k-panelbar-item-text\">Child disabled</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-expand\" name=\"arrow-chevron-down\" />\n </span>\n </li>\n <li className=\"k-panelbar-item k-item k-level-1\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">Child last</span>\n </span>\n </li>\n </ul>\n </li>\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">Last</span>\n </span>\n </li>\n </ul>\n </section>\n\n <section>\n <ul className=\"k-panelbar\">\n <li className=\"k-panelbar-header k-item k-expanded k-level-0\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">First expanded</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-collapse\" name=\"arrow-chevron-up\" />\n </span>\n <div className=\"k-panelbar-content\">\n <h4>Title in template</h4>\n <p>Multi line paragraph in template. Some more content to break onto multiple lines</p>\n </div>\n </li>\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">Middle</span>\n </span>\n </li>\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">Last</span>\n </span>\n </li>\n </ul>\n </section>\n\n <section>\n <ul className=\"k-panelbar\">\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">First</span>\n </span>\n </li>\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">Middle</span>\n </span>\n </li>\n <li className=\"k-panelbar-header k-item k-expanded k-level-0\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">Last expanded</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-collapse\" name=\"arrow-chevron-up\" />\n </span>\n <div className=\"k-panelbar-content\">\n <h4>Title in template</h4>\n <p>Multi line paragraph in template. Some more content to break onto multiple lines</p>\n </div>\n </li>\n </ul>\n </section>\n </div>\n </>\n);\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface IconProps {\n className?: string;\n style?: React.CSSProperties;\n name?: string;\n}\n\nexport class Icon extends React.Component<IconProps> {\n\n render() {\n const {\n className,\n style,\n name\n } = this.props;\n\n return (\n <>\n { name &&\n <span\n className={classNames(\n className,\n 'k-icon',\n {\n [`k-i-${name}`]: name\n }\n )}\n style={style}>\n </span>\n }\n </>\n );\n }\n}\n", "/* eslint-disable no-return-assign */\nexport const classNames = (...args): string => {\n const result = {};\n\n const addLeafKeys = (arg) => {\n (typeof arg === 'object'\n ? Object.keys(arg).forEach((key) => {\n result[key] = arg[key];\n })\n : (result[arg] = true)\n );\n };\n\n const addKeys = (list) =>\n list\n .filter((arg) => arg !== true && Boolean(arg))\n .map((arg: any) =>\n (Array.isArray(arg) ? addKeys(arg) : addLeafKeys(arg))\n );\n\n addKeys(args);\n\n return Object.keys(result)\n .map((key) => (result[key] && key) || null)\n .filter((el) => el !== null)\n .join(' ');\n};\n"],
5
+ "mappings": "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",
6
+ "names": ["ReactDOM", "React"]
7
+ }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@progress/kendo-themes-html",
3
3
  "description": "A collection of HTML helpers used for developing Kendo UI themes",
4
- "version": "5.6.1-dev.4",
4
+ "version": "5.6.1-dev.5",
5
5
  "author": "Progress",
6
6
  "license": "Apache-2.0",
7
7
  "keywords": [
@@ -46,5 +46,5 @@
46
46
  "glob": "^8.0.3",
47
47
  "typescript": "^4.7.2"
48
48
  },
49
- "gitHead": "ec73820fbd707fe409e334e0c3aa29af1a23b963"
49
+ "gitHead": "511f6ad841f206d54703d5b33a96d7348ac411ba"
50
50
  }
package/src/expansion-panel/tests/expansion-panel-rtl.tsx CHANGED
@@ -17,7 +17,7 @@ root.render(
17
17
  <div className="k-expander-sub-title">South America</div>
18
18
  <Icon className="k-expander-indicator" name="arrow-chevron-down" />
19
19
  </div>
20
- <div className="k-expander-content-wrapper k-display-none">
20
+ <div className="k-expander-content-wrapper k-d-none">
21
21
  <div className="k-expander-content">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
22
22
  </div>
23
23
  </div>
@@ -34,7 +34,7 @@ root.render(
34
34
  </div>
35
35
  </div>
36
36
  </div>
37
- <div className="k-expander k-expanded k-state-focus" dir="rtl">
37
+ <div className="k-expander k-expanded k-focus" dir="rtl">
38
38
  <div className="k-expander-header">
39
39
  <div className="k-expander-title">Expanded panel</div>
40
40
  <span className="k-spacer"></span>
@@ -53,55 +53,55 @@ root.render(
53
53
  <div className="k-expander-sub-title">South America</div>
54
54
  <Icon className="k-expander-indicator" name="arrow-chevron-down" />
55
55
  </div>
56
- <div className="k-expander-content-wrapper k-display-none">
56
+ <div className="k-expander-content-wrapper k-d-none">
57
57
  <div className="k-expander-content">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
58
58
  </div>
59
59
  </div>
60
60
  </div>
61
- <div className="k-expander k-state-focus" dir="rtl">
61
+ <div className="k-expander k-focus" dir="rtl">
62
62
  <div className="k-expander-header">
63
63
  <div className="k-expander-title">Focus state</div>
64
64
  <span className="k-spacer"></span>
65
65
  <div className="k-expander-sub-title">South America</div>
66
66
  <Icon className="k-expander-indicator" name="arrow-chevron-down" />
67
67
  </div>
68
- <div className="k-expander-content-wrapper k-display-none">
68
+ <div className="k-expander-content-wrapper k-d-none">
69
69
  <div className="k-expander-content">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
70
70
  </div>
71
71
  </div>
72
72
  </div>
73
73
  <div className="k-expander" dir="rtl">
74
- <div className="k-expander-header k-state-hover">
74
+ <div className="k-expander-header k-hover">
75
75
  <div className="k-expander-title">Hover state</div>
76
76
  <span className="k-spacer"></span>
77
77
  <div className="k-expander-sub-title">South America</div>
78
78
  <Icon className="k-expander-indicator" name="arrow-chevron-down" />
79
79
  </div>
80
- <div className="k-expander-content-wrapper k-display-none">
80
+ <div className="k-expander-content-wrapper k-d-none">
81
81
  <div className="k-expander-content">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
82
82
  </div>
83
83
  </div>
84
84
  </div>
85
- <div className="k-expander k-state-focus" dir="rtl">
86
- <div className="k-expander-header k-state-hover">
85
+ <div className="k-expander k-focus" dir="rtl">
86
+ <div className="k-expander-header k-hover">
87
87
  <div className="k-expander-title">Hover & Focus state</div>
88
88
  <span className="k-spacer"></span>
89
89
  <div className="k-expander-sub-title">South America</div>
90
90
  <Icon className="k-expander-indicator" name="arrow-chevron-down" />
91
91
  </div>
92
- <div className="k-expander-content-wrapper k-display-none">
92
+ <div className="k-expander-content-wrapper k-d-none">
93
93
  <div className="k-expander-content">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
94
94
  </div>
95
95
  </div>
96
96
  </div>
97
- <div className="k-expander" dir="rtl">
98
- <div className="k-expander-header k-state-disabled">
97
+ <div className="k-expander k-disabled" dir="rtl">
98
+ <div className="k-expander-header">
99
99
  <div className="k-expander-title">Disabled panel</div>
100
100
  <span className="k-spacer"></span>
101
101
  <div className="k-expander-sub-title">South America</div>
102
102
  <Icon className="k-expander-indicator" name="arrow-chevron-down" />
103
103
  </div>
104
- <div className="k-expander-content-wrapper k-display-none">
104
+ <div className="k-expander-content-wrapper k-d-none">
105
105
  <div className="k-expander-content">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
106
106
  </div>
107
107
  </div>
package/src/expansion-panel/tests/expansion-panel.tsx CHANGED
@@ -16,7 +16,7 @@ root.render(
16
16
  <div className="k-expander-sub-title">South America</div>
17
17
  <Icon className="k-expander-indicator" name="arrow-chevron-down" />
18
18
  </div>
19
- <div className="k-expander-content-wrapper k-display-none">
19
+ <div className="k-expander-content-wrapper k-d-none">
20
20
  <div className="k-expander-content">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
21
21
  </div>
22
22
  </div>
@@ -33,7 +33,7 @@ root.render(
33
33
  </div>
34
34
  </div>
35
35
  </div>
36
- <div className="k-expander k-expanded k-state-focus">
36
+ <div className="k-expander k-expanded k-focus">
37
37
  <div className="k-expander-header">
38
38
  <div className="k-expander-title">Expanded Focused panel</div>
39
39
  <span className="k-spacer"></span>
@@ -52,55 +52,55 @@ root.render(
52
52
  <div className="k-expander-sub-title">South America</div>
53
53
  <Icon className="k-expander-indicator" name="arrow-chevron-down" />
54
54
  </div>
55
- <div className="k-expander-content-wrapper k-display-none">
55
+ <div className="k-expander-content-wrapper k-d-none">
56
56
  <div className="k-expander-content">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
57
57
  </div>
58
58
  </div>
59
59
  </div>
60
- <div className="k-expander k-state-focus">
60
+ <div className="k-expander k-focus">
61
61
  <div className="k-expander-header">
62
62
  <div className="k-expander-title">Focus state</div>
63
63
  <span className="k-spacer"></span>
64
64
  <div className="k-expander-sub-title">South America</div>
65
65
  <Icon className="k-expander-indicator" name="arrow-chevron-down" />
66
66
  </div>
67
- <div className="k-expander-content-wrapper k-display-none">
67
+ <div className="k-expander-content-wrapper k-d-none">
68
68
  <div className="k-expander-content">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
69
69
  </div>
70
70
  </div>
71
71
  </div>
72
72
  <div className="k-expander">
73
- <div className="k-expander-header k-state-hover">
73
+ <div className="k-expander-header k-hover">
74
74
  <div className="k-expander-title">Hover state</div>
75
75
  <span className="k-spacer"></span>
76
76
  <div className="k-expander-sub-title">South America</div>
77
77
  <Icon className="k-expander-indicator" name="arrow-chevron-down" />
78
78
  </div>
79
- <div className="k-expander-content-wrapper k-display-none">
79
+ <div className="k-expander-content-wrapper k-d-none">
80
80
  <div className="k-expander-content">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
81
81
  </div>
82
82
  </div>
83
83
  </div>
84
- <div className="k-expander k-state-focus">
85
- <div className="k-expander-header k-state-hover">
84
+ <div className="k-expander k-focus">
85
+ <div className="k-expander-header k-hover">
86
86
  <div className="k-expander-title">Hover & Focus state</div>
87
87
  <span className="k-spacer"></span>
88
88
  <div className="k-expander-sub-title">South America</div>
89
89
  <Icon className="k-expander-indicator" name="arrow-chevron-down" />
90
90
  </div>
91
- <div className="k-expander-content-wrapper k-display-none">
91
+ <div className="k-expander-content-wrapper k-d-none">
92
92
  <div className="k-expander-content">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
93
93
  </div>
94
94
  </div>
95
95
  </div>
96
- <div className="k-expander">
97
- <div className="k-expander-header k-state-disabled">
96
+ <div className="k-expander k-disabled">
97
+ <div className="k-expander-header">
98
98
  <div className="k-expander-title">Disabled panel</div>
99
99
  <span className="k-spacer"></span>
100
100
  <div className="k-expander-sub-title">South America</div>
101
101
  <Icon className="k-expander-indicator" name="arrow-chevron-down" />
102
102
  </div>
103
- <div className="k-expander-content-wrapper k-display-none">
103
+ <div className="k-expander-content-wrapper k-d-none">
104
104
  <div className="k-expander-content">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
105
105
  </div>
106
106
  </div>