@progress/kendo-themes-html 5.4.2-dev.5 → 5.5.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.
Files changed (79) hide show
  1. package/dist/breadcrumb/tests/breadcrumb-rtl.js +4 -4
  2. package/dist/breadcrumb/tests/breadcrumb-rtl.js.map +2 -2
  3. package/dist/breadcrumb/tests/breadcrumb.js +4 -4
  4. package/dist/breadcrumb/tests/breadcrumb.js.map +2 -2
  5. package/dist/form/tests/form-grid-layout.js +3 -3
  6. package/dist/form/tests/form-grid-layout.js.map +1 -1
  7. package/dist/imageeditor/tests/imageeditor-crop-pane.js +5 -5
  8. package/dist/imageeditor/tests/imageeditor-crop-pane.js.map +1 -1
  9. package/dist/imageeditor/tests/imageeditor-resize-pane.js +5 -5
  10. package/dist/imageeditor/tests/imageeditor-resize-pane.js.map +1 -1
  11. package/dist/layout/tests/stack-layout.js +3 -3
  12. package/dist/layout/tests/stack-layout.js.map +2 -2
  13. package/dist/list/tests/list-sizes.js +2 -2
  14. package/dist/list/tests/list-sizes.js.map +2 -2
  15. package/dist/notification/tests/notification-angular.js +2 -2
  16. package/dist/notification/tests/notification-angular.js.map +2 -2
  17. package/dist/notification/tests/notification-custom-angular.js +4 -4
  18. package/dist/notification/tests/notification-custom-angular.js.map +2 -2
  19. package/dist/notification/tests/notification-jquery.js +2 -2
  20. package/dist/notification/tests/notification-jquery.js.map +2 -2
  21. package/dist/panelbar/tests/panelbar-angular.js +2 -2
  22. package/dist/panelbar/tests/panelbar-angular.js.map +2 -2
  23. package/dist/panelbar/tests/panelbar-jquery.js +2 -2
  24. package/dist/panelbar/tests/panelbar-jquery.js.map +2 -2
  25. package/dist/panelbar/tests/panelbar-react.js +2 -2
  26. package/dist/panelbar/tests/panelbar-react.js.map +2 -2
  27. package/dist/panelbar/tests/panelbar-universal.js +2 -2
  28. package/dist/panelbar/tests/panelbar-universal.js.map +2 -2
  29. package/dist/scrollview/tests/scrollview-angular.js +1 -1
  30. package/dist/scrollview/tests/scrollview-angular.js.map +2 -2
  31. package/dist/scrollview/tests/scrollview-blazor.js +1 -1
  32. package/dist/scrollview/tests/scrollview-blazor.js.map +2 -2
  33. package/dist/scrollview/tests/scrollview.js +1 -1
  34. package/dist/scrollview/tests/scrollview.js.map +2 -2
  35. package/dist/signature/tests/signature-flat.js +513 -0
  36. package/dist/signature/tests/signature-flat.js.map +7 -0
  37. package/dist/signature/tests/signature-outline.js +513 -0
  38. package/dist/signature/tests/signature-outline.js.map +7 -0
  39. package/dist/signature/tests/signature.js +513 -0
  40. package/dist/signature/tests/signature.js.map +7 -0
  41. package/dist/switch/tests/switch-size-rounded.js +3 -3
  42. package/dist/switch/tests/switch-size-rounded.js.map +2 -2
  43. package/dist/toolbar/tests/toolbar-angular.js +2 -2
  44. package/dist/toolbar/tests/toolbar-angular.js.map +2 -2
  45. package/dist/toolbar/tests/toolbar-popup-legacy.js +1 -1
  46. package/dist/toolbar/tests/toolbar-popup-legacy.js.map +2 -2
  47. package/dist/toolbar/tests/toolbar-popup.js +1 -1
  48. package/dist/toolbar/tests/toolbar-popup.js.map +2 -2
  49. package/dist/toolbar/tests/toolbar.js +10 -10
  50. package/dist/toolbar/tests/toolbar.js.map +2 -2
  51. package/dist/tooltip/tests/tooltip-states.js +1 -1
  52. package/dist/tooltip/tests/tooltip-states.js.map +2 -2
  53. package/package.json +2 -2
  54. package/src/breadcrumb/tests/breadcrumb-rtl.tsx +4 -4
  55. package/src/breadcrumb/tests/breadcrumb.tsx +4 -4
  56. package/src/form/tests/form-grid-layout.tsx +3 -3
  57. package/src/imageeditor/tests/imageeditor-crop-pane.tsx +5 -5
  58. package/src/imageeditor/tests/imageeditor-resize-pane.tsx +5 -5
  59. package/src/layout/tests/stack-layout.tsx +3 -3
  60. package/src/list/tests/list-sizes.tsx +2 -2
  61. package/src/notification/tests/notification-angular.tsx +2 -2
  62. package/src/notification/tests/notification-custom-angular.tsx +4 -4
  63. package/src/notification/tests/notification-jquery.tsx +2 -2
  64. package/src/panelbar/tests/panelbar-angular.tsx +2 -2
  65. package/src/panelbar/tests/panelbar-jquery.tsx +2 -2
  66. package/src/panelbar/tests/panelbar-react.tsx +2 -2
  67. package/src/panelbar/tests/panelbar-universal.tsx +2 -2
  68. package/src/scrollview/tests/scrollview-angular.tsx +1 -1
  69. package/src/scrollview/tests/scrollview-blazor.tsx +1 -1
  70. package/src/scrollview/tests/scrollview.tsx +1 -1
  71. package/src/signature/tests/signature-flat.tsx +457 -0
  72. package/src/signature/tests/signature-outline.tsx +457 -0
  73. package/src/signature/tests/signature.tsx +457 -0
  74. package/src/switch/tests/switch-size-rounded.tsx +3 -3
  75. package/src/toolbar/tests/toolbar-angular.tsx +2 -2
  76. package/src/toolbar/tests/toolbar-popup-legacy.tsx +1 -1
  77. package/src/toolbar/tests/toolbar-popup.tsx +1 -1
  78. package/src/toolbar/tests/toolbar.tsx +10 -10
  79. package/src/tooltip/tests/tooltip-states.tsx +1 -1
@@ -0,0 +1,513 @@
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(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
24
+
25
+ // src/signature/tests/signature-outline.tsx
26
+ var import_react = __toESM(__require("react"));
27
+ var import_client = __toESM(__require("react-dom/client"));
28
+
29
+ // src/button/button.tsx
30
+ var React2 = __toESM(__require("react"));
31
+
32
+ // src/utils/classNames.ts
33
+ var classNames = (...args) => {
34
+ const result = {};
35
+ const addLeafKeys = (arg) => {
36
+ typeof arg === "object" ? Object.keys(arg).forEach((key) => {
37
+ result[key] = arg[key];
38
+ }) : result[arg] = true;
39
+ };
40
+ const addKeys = (list) => list.filter((arg) => arg !== true && Boolean(arg)).map((arg) => Array.isArray(arg) ? addKeys(arg) : addLeafKeys(arg));
41
+ addKeys(args);
42
+ return Object.keys(result).map((key) => result[key] && key || null).filter((el) => el !== null).join(" ");
43
+ };
44
+
45
+ // src/utils/theme.ts
46
+ var kendoThemeMaps = {
47
+ sizeMap: {
48
+ small: "sm",
49
+ medium: "md",
50
+ large: "lg"
51
+ },
52
+ roundedMap: {
53
+ small: "sm",
54
+ medium: "md",
55
+ large: "lg"
56
+ },
57
+ calloutMap: {
58
+ top: "n",
59
+ bottom: "s",
60
+ left: "w",
61
+ right: "e"
62
+ },
63
+ orientationMap: {
64
+ vertical: "vstack",
65
+ horizontal: "hstack"
66
+ }
67
+ };
68
+
69
+ // src/icon/icon.tsx
70
+ var React = __toESM(__require("react"));
71
+ var Icon = class extends React.Component {
72
+ render() {
73
+ const {
74
+ className,
75
+ style,
76
+ name
77
+ } = this.props;
78
+ return /* @__PURE__ */ React.createElement(React.Fragment, null, name && /* @__PURE__ */ React.createElement("span", {
79
+ className: classNames(className, "k-icon", {
80
+ [`k-i-${name}`]: name
81
+ }),
82
+ style
83
+ }));
84
+ }
85
+ };
86
+
87
+ // src/button/button.tsx
88
+ var Button = class extends React2.Component {
89
+ render() {
90
+ const {
91
+ children,
92
+ className,
93
+ iconClassName,
94
+ text,
95
+ icon,
96
+ size,
97
+ rounded,
98
+ fillMode,
99
+ themeColor,
100
+ hover,
101
+ focus,
102
+ active,
103
+ selected,
104
+ disabled,
105
+ ...htmlAttributes
106
+ } = this.props;
107
+ const hasIcon = icon !== void 0;
108
+ const hasChildren = children !== void 0;
109
+ return /* @__PURE__ */ React2.createElement("button", {
110
+ style: this.props.style,
111
+ ...htmlAttributes,
112
+ dir: this.props.dir,
113
+ className: classNames(className, "k-button", {
114
+ [`k-button-${kendoThemeMaps.sizeMap[size] || size}`]: size,
115
+ [`k-button-${fillMode}`]: fillMode,
116
+ [`k-button-${fillMode}-${themeColor}`]: Boolean(fillMode && themeColor),
117
+ [`k-rounded-${kendoThemeMaps.roundedMap[rounded] || rounded}`]: rounded,
118
+ "k-icon-button": !hasChildren && hasIcon,
119
+ "k-hover": hover,
120
+ "k-focus": focus,
121
+ "k-active": active,
122
+ "k-selected": selected,
123
+ "k-disabled": disabled
124
+ })
125
+ }, icon && /* @__PURE__ */ React2.createElement(Icon, {
126
+ className: classNames(iconClassName, "k-button-icon"),
127
+ name: icon
128
+ }), text || hasIcon ? /* @__PURE__ */ React2.createElement(React2.Fragment, null, text && /* @__PURE__ */ React2.createElement("span", {
129
+ className: "k-button-text"
130
+ }, text), children) : children && /* @__PURE__ */ React2.createElement("span", {
131
+ className: "k-button-text"
132
+ }, children));
133
+ }
134
+ };
135
+ Button.defaultProps = {
136
+ size: "medium",
137
+ rounded: "medium",
138
+ fillMode: "solid",
139
+ themeColor: "base"
140
+ };
141
+
142
+ // src/signature/tests/signature-outline.tsx
143
+ var root = import_client.default.createRoot(document.getElementById("app"));
144
+ root.render(/* @__PURE__ */ import_react.default.createElement("div", {
145
+ id: "test-area",
146
+ className: "k-d-grid k-grid-cols-2"
147
+ }, /* @__PURE__ */ import_react.default.createElement("span", null, "Signature"), /* @__PURE__ */ import_react.default.createElement("span", null, "Signature RTL"), /* @__PURE__ */ import_react.default.createElement("div", {
148
+ className: "k-signature k-signature-md k-input k-input-outline k-rounded-md"
149
+ }, /* @__PURE__ */ import_react.default.createElement("div", {
150
+ className: "k-signature-actions k-signature-actions-top"
151
+ }, /* @__PURE__ */ import_react.default.createElement(Button, {
152
+ fillMode: "flat",
153
+ size: "medium",
154
+ rounded: "medium",
155
+ icon: "window-maximize",
156
+ className: "k-signature-action k-signature-minimize"
157
+ }), /* @__PURE__ */ import_react.default.createElement(Button, {
158
+ fillMode: "flat",
159
+ size: "medium",
160
+ rounded: "medium",
161
+ icon: "window-minimize",
162
+ className: "k-signature-action k-signature-minimize k-hidden"
163
+ })), /* @__PURE__ */ import_react.default.createElement("canvas", {
164
+ className: "k-signature-canvas"
165
+ }, "An alternate text describing what the canvas displays."), /* @__PURE__ */ import_react.default.createElement("div", {
166
+ className: "k-signature-line"
167
+ }), /* @__PURE__ */ import_react.default.createElement("div", {
168
+ className: "k-signature-actions k-signature-actions-bottom"
169
+ }, /* @__PURE__ */ import_react.default.createElement(Button, {
170
+ fillMode: "flat",
171
+ size: "medium",
172
+ rounded: "medium",
173
+ icon: "close",
174
+ className: "k-signature-action k-signature-clear"
175
+ }))), /* @__PURE__ */ import_react.default.createElement("div", {
176
+ className: "k-signature k-signature-md k-input k-input-outline k-rounded-md k-rtl"
177
+ }, /* @__PURE__ */ import_react.default.createElement("div", {
178
+ className: "k-signature-actions k-signature-actions-top"
179
+ }, /* @__PURE__ */ import_react.default.createElement(Button, {
180
+ fillMode: "flat",
181
+ size: "medium",
182
+ rounded: "medium",
183
+ icon: "window-maximize",
184
+ className: "k-signature-action k-signature-minimize"
185
+ }), /* @__PURE__ */ import_react.default.createElement(Button, {
186
+ fillMode: "flat",
187
+ size: "medium",
188
+ rounded: "medium",
189
+ icon: "window-minimize",
190
+ className: "k-signature-action k-signature-minimize k-hidden"
191
+ })), /* @__PURE__ */ import_react.default.createElement("canvas", {
192
+ className: "k-signature-canvas"
193
+ }, "An alternate text describing what the canvas displays."), /* @__PURE__ */ import_react.default.createElement("div", {
194
+ className: "k-signature-line"
195
+ }), /* @__PURE__ */ import_react.default.createElement("div", {
196
+ className: "k-signature-actions k-signature-actions-bottom"
197
+ }, /* @__PURE__ */ import_react.default.createElement(Button, {
198
+ fillMode: "flat",
199
+ size: "medium",
200
+ rounded: "medium",
201
+ icon: "close",
202
+ className: "k-signature-action k-signature-clear"
203
+ }))), /* @__PURE__ */ import_react.default.createElement("div", {
204
+ className: "k-signature k-signature-md k-input k-input-outline k-rounded-md k-hover"
205
+ }, /* @__PURE__ */ import_react.default.createElement("div", {
206
+ className: "k-signature-actions k-signature-actions-top"
207
+ }, /* @__PURE__ */ import_react.default.createElement(Button, {
208
+ fillMode: "flat",
209
+ size: "medium",
210
+ rounded: "medium",
211
+ icon: "window-maximize",
212
+ className: "k-signature-action k-signature-minimize"
213
+ }), /* @__PURE__ */ import_react.default.createElement(Button, {
214
+ fillMode: "flat",
215
+ size: "medium",
216
+ rounded: "medium",
217
+ icon: "window-minimize",
218
+ className: "k-signature-action k-signature-minimize k-hidden"
219
+ })), /* @__PURE__ */ import_react.default.createElement("canvas", {
220
+ className: "k-signature-canvas"
221
+ }, "An alternate text describing what the canvas displays."), /* @__PURE__ */ import_react.default.createElement("div", {
222
+ className: "k-signature-line"
223
+ }), /* @__PURE__ */ import_react.default.createElement("div", {
224
+ className: "k-signature-actions k-signature-actions-bottom"
225
+ }, /* @__PURE__ */ import_react.default.createElement(Button, {
226
+ fillMode: "flat",
227
+ size: "medium",
228
+ rounded: "medium",
229
+ icon: "close",
230
+ className: "k-signature-action k-signature-clear"
231
+ }))), /* @__PURE__ */ import_react.default.createElement("div", {
232
+ className: "k-signature k-signature-md k-input k-input-outline k-rounded-md k-hover k-rtl"
233
+ }, /* @__PURE__ */ import_react.default.createElement("div", {
234
+ className: "k-signature-actions k-signature-actions-top"
235
+ }, /* @__PURE__ */ import_react.default.createElement(Button, {
236
+ fillMode: "flat",
237
+ size: "medium",
238
+ rounded: "medium",
239
+ icon: "window-maximize",
240
+ className: "k-signature-action k-signature-minimize"
241
+ }), /* @__PURE__ */ import_react.default.createElement(Button, {
242
+ fillMode: "flat",
243
+ size: "medium",
244
+ rounded: "medium",
245
+ icon: "window-minimize",
246
+ className: "k-signature-action k-signature-minimize k-hidden"
247
+ })), /* @__PURE__ */ import_react.default.createElement("canvas", {
248
+ className: "k-signature-canvas"
249
+ }, "An alternate text describing what the canvas displays."), /* @__PURE__ */ import_react.default.createElement("div", {
250
+ className: "k-signature-line"
251
+ }), /* @__PURE__ */ import_react.default.createElement("div", {
252
+ className: "k-signature-actions k-signature-actions-bottom"
253
+ }, /* @__PURE__ */ import_react.default.createElement(Button, {
254
+ fillMode: "flat",
255
+ size: "medium",
256
+ rounded: "medium",
257
+ icon: "close",
258
+ className: "k-signature-action k-signature-clear"
259
+ }))), /* @__PURE__ */ import_react.default.createElement("div", {
260
+ className: "k-signature k-signature-md k-input k-input-outline k-rounded-md k-focus"
261
+ }, /* @__PURE__ */ import_react.default.createElement("div", {
262
+ className: "k-signature-actions k-signature-actions-top"
263
+ }, /* @__PURE__ */ import_react.default.createElement(Button, {
264
+ fillMode: "flat",
265
+ size: "medium",
266
+ rounded: "medium",
267
+ icon: "window-maximize",
268
+ className: "k-signature-action k-signature-minimize"
269
+ }), /* @__PURE__ */ import_react.default.createElement(Button, {
270
+ fillMode: "flat",
271
+ size: "medium",
272
+ rounded: "medium",
273
+ icon: "window-minimize",
274
+ className: "k-signature-action k-signature-minimize k-hidden"
275
+ })), /* @__PURE__ */ import_react.default.createElement("canvas", {
276
+ className: "k-signature-canvas"
277
+ }, "An alternate text describing what the canvas displays."), /* @__PURE__ */ import_react.default.createElement("div", {
278
+ className: "k-signature-line"
279
+ }), /* @__PURE__ */ import_react.default.createElement("div", {
280
+ className: "k-signature-actions k-signature-actions-bottom"
281
+ }, /* @__PURE__ */ import_react.default.createElement(Button, {
282
+ fillMode: "flat",
283
+ size: "medium",
284
+ rounded: "medium",
285
+ icon: "close",
286
+ className: "k-signature-action k-signature-clear"
287
+ }))), /* @__PURE__ */ import_react.default.createElement("div", {
288
+ className: "k-signature k-signature-md k-input k-input-outline k-rounded-md k-focus k-rtl"
289
+ }, /* @__PURE__ */ import_react.default.createElement("div", {
290
+ className: "k-signature-actions k-signature-actions-top"
291
+ }, /* @__PURE__ */ import_react.default.createElement(Button, {
292
+ fillMode: "flat",
293
+ size: "medium",
294
+ rounded: "medium",
295
+ icon: "window-maximize",
296
+ className: "k-signature-action k-signature-minimize"
297
+ }), /* @__PURE__ */ import_react.default.createElement(Button, {
298
+ fillMode: "flat",
299
+ size: "medium",
300
+ rounded: "medium",
301
+ icon: "window-minimize",
302
+ className: "k-signature-action k-signature-minimize k-hidden"
303
+ })), /* @__PURE__ */ import_react.default.createElement("canvas", {
304
+ className: "k-signature-canvas"
305
+ }, "An alternate text describing what the canvas displays."), /* @__PURE__ */ import_react.default.createElement("div", {
306
+ className: "k-signature-line"
307
+ }), /* @__PURE__ */ import_react.default.createElement("div", {
308
+ className: "k-signature-actions k-signature-actions-bottom"
309
+ }, /* @__PURE__ */ import_react.default.createElement(Button, {
310
+ fillMode: "flat",
311
+ size: "medium",
312
+ rounded: "medium",
313
+ icon: "close",
314
+ className: "k-signature-action k-signature-clear"
315
+ }))), /* @__PURE__ */ import_react.default.createElement("div", {
316
+ className: "k-signature k-signature-md k-input k-input-outline k-rounded-md k-invalid"
317
+ }, /* @__PURE__ */ import_react.default.createElement("div", {
318
+ className: "k-signature-actions k-signature-actions-top"
319
+ }, /* @__PURE__ */ import_react.default.createElement(Button, {
320
+ fillMode: "flat",
321
+ size: "medium",
322
+ rounded: "medium",
323
+ icon: "window-maximize",
324
+ className: "k-signature-action k-signature-minimize"
325
+ }), /* @__PURE__ */ import_react.default.createElement(Button, {
326
+ fillMode: "flat",
327
+ size: "medium",
328
+ rounded: "medium",
329
+ icon: "window-minimize",
330
+ className: "k-signature-action k-signature-minimize k-hidden"
331
+ })), /* @__PURE__ */ import_react.default.createElement("canvas", {
332
+ className: "k-signature-canvas"
333
+ }, "An alternate text describing what the canvas displays."), /* @__PURE__ */ import_react.default.createElement("div", {
334
+ className: "k-signature-line"
335
+ }), /* @__PURE__ */ import_react.default.createElement("div", {
336
+ className: "k-signature-actions k-signature-actions-bottom"
337
+ }, /* @__PURE__ */ import_react.default.createElement(Button, {
338
+ fillMode: "flat",
339
+ size: "medium",
340
+ rounded: "medium",
341
+ icon: "close",
342
+ className: "k-signature-action k-signature-clear"
343
+ }))), /* @__PURE__ */ import_react.default.createElement("div", {
344
+ className: "k-signature k-signature-md k-input k-input-outline k-rounded-md k-invalid k-rtl"
345
+ }, /* @__PURE__ */ import_react.default.createElement("div", {
346
+ className: "k-signature-actions k-signature-actions-top"
347
+ }, /* @__PURE__ */ import_react.default.createElement(Button, {
348
+ fillMode: "flat",
349
+ size: "medium",
350
+ rounded: "medium",
351
+ icon: "window-maximize",
352
+ className: "k-signature-action k-signature-minimize"
353
+ }), /* @__PURE__ */ import_react.default.createElement(Button, {
354
+ fillMode: "flat",
355
+ size: "medium",
356
+ rounded: "medium",
357
+ icon: "window-minimize",
358
+ className: "k-signature-action k-signature-minimize k-hidden"
359
+ })), /* @__PURE__ */ import_react.default.createElement("canvas", {
360
+ className: "k-signature-canvas"
361
+ }, "An alternate text describing what the canvas displays."), /* @__PURE__ */ import_react.default.createElement("div", {
362
+ className: "k-signature-line"
363
+ }), /* @__PURE__ */ import_react.default.createElement("div", {
364
+ className: "k-signature-actions k-signature-actions-bottom"
365
+ }, /* @__PURE__ */ import_react.default.createElement(Button, {
366
+ fillMode: "flat",
367
+ size: "medium",
368
+ rounded: "medium",
369
+ icon: "close",
370
+ className: "k-signature-action k-signature-clear"
371
+ }))), /* @__PURE__ */ import_react.default.createElement("div", {
372
+ className: "k-signature k-signature-md k-input k-input-outline k-rounded-md k-invalid k-focus"
373
+ }, /* @__PURE__ */ import_react.default.createElement("div", {
374
+ className: "k-signature-actions k-signature-actions-top"
375
+ }, /* @__PURE__ */ import_react.default.createElement(Button, {
376
+ fillMode: "flat",
377
+ size: "medium",
378
+ rounded: "medium",
379
+ icon: "window-maximize",
380
+ className: "k-signature-action k-signature-minimize"
381
+ }), /* @__PURE__ */ import_react.default.createElement(Button, {
382
+ fillMode: "flat",
383
+ size: "medium",
384
+ rounded: "medium",
385
+ icon: "window-minimize",
386
+ className: "k-signature-action k-signature-minimize k-hidden"
387
+ })), /* @__PURE__ */ import_react.default.createElement("canvas", {
388
+ className: "k-signature-canvas"
389
+ }, "An alternate text describing what the canvas displays."), /* @__PURE__ */ import_react.default.createElement("div", {
390
+ className: "k-signature-line"
391
+ }), /* @__PURE__ */ import_react.default.createElement("div", {
392
+ className: "k-signature-actions k-signature-actions-bottom"
393
+ }, /* @__PURE__ */ import_react.default.createElement(Button, {
394
+ fillMode: "flat",
395
+ size: "medium",
396
+ rounded: "medium",
397
+ icon: "close",
398
+ className: "k-signature-action k-signature-clear"
399
+ }))), /* @__PURE__ */ import_react.default.createElement("div", {
400
+ className: "k-signature k-signature-md k-input k-input-outline k-rounded-md k-invalid k-focus k-rtl"
401
+ }, /* @__PURE__ */ import_react.default.createElement("div", {
402
+ className: "k-signature-actions k-signature-actions-top"
403
+ }, /* @__PURE__ */ import_react.default.createElement(Button, {
404
+ fillMode: "flat",
405
+ size: "medium",
406
+ rounded: "medium",
407
+ icon: "window-maximize",
408
+ className: "k-signature-action k-signature-minimize"
409
+ }), /* @__PURE__ */ import_react.default.createElement(Button, {
410
+ fillMode: "flat",
411
+ size: "medium",
412
+ rounded: "medium",
413
+ icon: "window-minimize",
414
+ className: "k-signature-action k-signature-minimize k-hidden"
415
+ })), /* @__PURE__ */ import_react.default.createElement("canvas", {
416
+ className: "k-signature-canvas"
417
+ }, "An alternate text describing what the canvas displays."), /* @__PURE__ */ import_react.default.createElement("div", {
418
+ className: "k-signature-line"
419
+ }), /* @__PURE__ */ import_react.default.createElement("div", {
420
+ className: "k-signature-actions k-signature-actions-bottom"
421
+ }, /* @__PURE__ */ import_react.default.createElement(Button, {
422
+ fillMode: "flat",
423
+ size: "medium",
424
+ rounded: "medium",
425
+ icon: "close",
426
+ className: "k-signature-action k-signature-clear"
427
+ }))), /* @__PURE__ */ import_react.default.createElement("div", {
428
+ className: "k-signature k-signature-md k-input k-input-outline k-rounded-md k-disabled"
429
+ }, /* @__PURE__ */ import_react.default.createElement("div", {
430
+ className: "k-signature-actions k-signature-actions-top"
431
+ }, /* @__PURE__ */ import_react.default.createElement(Button, {
432
+ fillMode: "flat",
433
+ size: "medium",
434
+ rounded: "medium",
435
+ icon: "window-maximize",
436
+ className: "k-signature-action k-signature-minimize"
437
+ }), /* @__PURE__ */ import_react.default.createElement(Button, {
438
+ fillMode: "flat",
439
+ size: "medium",
440
+ rounded: "medium",
441
+ icon: "window-minimize",
442
+ className: "k-signature-action k-signature-minimize k-hidden"
443
+ })), /* @__PURE__ */ import_react.default.createElement("canvas", {
444
+ className: "k-signature-canvas"
445
+ }, "An alternate text describing what the canvas displays."), /* @__PURE__ */ import_react.default.createElement("div", {
446
+ className: "k-signature-line"
447
+ }), /* @__PURE__ */ import_react.default.createElement("div", {
448
+ className: "k-signature-actions k-signature-actions-bottom"
449
+ }, /* @__PURE__ */ import_react.default.createElement(Button, {
450
+ fillMode: "flat",
451
+ size: "medium",
452
+ rounded: "medium",
453
+ icon: "close",
454
+ className: "k-signature-action k-signature-clear"
455
+ }))), /* @__PURE__ */ import_react.default.createElement("div", {
456
+ className: "k-signature k-signature-md k-input k-input-outline k-rounded-md k-disabled k-rtl"
457
+ }, /* @__PURE__ */ import_react.default.createElement("div", {
458
+ className: "k-signature-actions k-signature-actions-top"
459
+ }, /* @__PURE__ */ import_react.default.createElement(Button, {
460
+ fillMode: "flat",
461
+ size: "medium",
462
+ rounded: "medium",
463
+ icon: "window-maximize",
464
+ className: "k-signature-action k-signature-minimize"
465
+ }), /* @__PURE__ */ import_react.default.createElement(Button, {
466
+ fillMode: "flat",
467
+ size: "medium",
468
+ rounded: "medium",
469
+ icon: "window-minimize",
470
+ className: "k-signature-action k-signature-minimize k-hidden"
471
+ })), /* @__PURE__ */ import_react.default.createElement("canvas", {
472
+ className: "k-signature-canvas"
473
+ }, "An alternate text describing what the canvas displays."), /* @__PURE__ */ import_react.default.createElement("div", {
474
+ className: "k-signature-line"
475
+ }), /* @__PURE__ */ import_react.default.createElement("div", {
476
+ className: "k-signature-actions k-signature-actions-bottom"
477
+ }, /* @__PURE__ */ import_react.default.createElement(Button, {
478
+ fillMode: "flat",
479
+ size: "medium",
480
+ rounded: "medium",
481
+ icon: "close",
482
+ className: "k-signature-action k-signature-clear"
483
+ }))), /* @__PURE__ */ import_react.default.createElement("div", {
484
+ className: "k-signature k-signature-md k-input k-input-outline k-rounded-md k-signature-maximized"
485
+ }, /* @__PURE__ */ import_react.default.createElement("div", {
486
+ className: "k-signature-actions k-signature-actions-top"
487
+ }, /* @__PURE__ */ import_react.default.createElement(Button, {
488
+ fillMode: "flat",
489
+ size: "medium",
490
+ rounded: "medium",
491
+ icon: "window-maximize",
492
+ className: "k-signature-action k-signature-minimize"
493
+ }), /* @__PURE__ */ import_react.default.createElement(Button, {
494
+ fillMode: "flat",
495
+ size: "medium",
496
+ rounded: "medium",
497
+ icon: "window-minimize",
498
+ className: "k-signature-action k-signature-minimize k-hidden"
499
+ })), /* @__PURE__ */ import_react.default.createElement("canvas", {
500
+ className: "k-signature-canvas"
501
+ }, "An alternate text describing what the canvas displays."), /* @__PURE__ */ import_react.default.createElement("div", {
502
+ className: "k-signature-line"
503
+ }), /* @__PURE__ */ import_react.default.createElement("div", {
504
+ className: "k-signature-actions k-signature-actions-bottom"
505
+ }, /* @__PURE__ */ import_react.default.createElement(Button, {
506
+ fillMode: "flat",
507
+ size: "medium",
508
+ rounded: "medium",
509
+ icon: "close",
510
+ className: "k-signature-action k-signature-clear"
511
+ })))));
512
+ })();
513
+ //# sourceMappingURL=signature-outline.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../src/signature/tests/signature-outline.tsx", "../../../src/button/button.tsx", "../../../src/utils/classNames.ts", "../../../src/utils/theme.ts", "../../../src/icon/icon.tsx"],
4
+ "sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { Button } from '../../button';\n\nconst root = ReactDOM.createRoot(\n document.getElementById('app') as HTMLElement\n);\n\nroot.render(\n <div id=\"test-area\" className=\"k-d-grid k-grid-cols-2\">\n <span>Signature</span>\n <span>Signature RTL</span>\n\n <div className=\"k-signature k-signature-md k-input k-input-outline k-rounded-md\">\n <div className=\"k-signature-actions k-signature-actions-top\">\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"window-maximize\"\n className=\"k-signature-action k-signature-minimize\"\n >\n </Button>\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"window-minimize\"\n className=\"k-signature-action k-signature-minimize k-hidden\"\n >\n </Button>\n </div>\n <canvas className=\"k-signature-canvas\">\n An alternate text describing what the canvas displays.\n </canvas>\n <div className=\"k-signature-line\"></div>\n <div className=\"k-signature-actions k-signature-actions-bottom\">\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"close\"\n className=\"k-signature-action k-signature-clear\"\n >\n </Button>\n </div>\n </div>\n <div className=\"k-signature k-signature-md k-input k-input-outline k-rounded-md k-rtl\">\n <div className=\"k-signature-actions k-signature-actions-top\">\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"window-maximize\"\n className=\"k-signature-action k-signature-minimize\"\n >\n </Button>\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"window-minimize\"\n className=\"k-signature-action k-signature-minimize k-hidden\"\n >\n </Button>\n </div>\n <canvas className=\"k-signature-canvas\">\n An alternate text describing what the canvas displays.\n </canvas>\n <div className=\"k-signature-line\"></div>\n <div className=\"k-signature-actions k-signature-actions-bottom\">\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"close\"\n className=\"k-signature-action k-signature-clear\"\n >\n </Button>\n </div>\n </div>\n <div className=\"k-signature k-signature-md k-input k-input-outline k-rounded-md k-hover\">\n <div className=\"k-signature-actions k-signature-actions-top\">\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"window-maximize\"\n className=\"k-signature-action k-signature-minimize\"\n >\n </Button>\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"window-minimize\"\n className=\"k-signature-action k-signature-minimize k-hidden\"\n >\n </Button>\n </div>\n <canvas className=\"k-signature-canvas\">\n An alternate text describing what the canvas displays.\n </canvas>\n <div className=\"k-signature-line\"></div>\n <div className=\"k-signature-actions k-signature-actions-bottom\">\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"close\"\n className=\"k-signature-action k-signature-clear\"\n >\n </Button>\n </div>\n </div>\n <div className=\"k-signature k-signature-md k-input k-input-outline k-rounded-md k-hover k-rtl\">\n <div className=\"k-signature-actions k-signature-actions-top\">\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"window-maximize\"\n className=\"k-signature-action k-signature-minimize\"\n >\n </Button>\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"window-minimize\"\n className=\"k-signature-action k-signature-minimize k-hidden\"\n >\n </Button>\n </div>\n <canvas className=\"k-signature-canvas\">\n An alternate text describing what the canvas displays.\n </canvas>\n <div className=\"k-signature-line\"></div>\n <div className=\"k-signature-actions k-signature-actions-bottom\">\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"close\"\n className=\"k-signature-action k-signature-clear\"\n >\n </Button>\n </div>\n </div>\n <div className=\"k-signature k-signature-md k-input k-input-outline k-rounded-md k-focus\">\n <div className=\"k-signature-actions k-signature-actions-top\">\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"window-maximize\"\n className=\"k-signature-action k-signature-minimize\"\n >\n </Button>\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"window-minimize\"\n className=\"k-signature-action k-signature-minimize k-hidden\"\n >\n </Button>\n </div>\n <canvas className=\"k-signature-canvas\">\n An alternate text describing what the canvas displays.\n </canvas>\n <div className=\"k-signature-line\"></div>\n <div className=\"k-signature-actions k-signature-actions-bottom\">\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"close\"\n className=\"k-signature-action k-signature-clear\"\n >\n </Button>\n </div>\n </div>\n <div className=\"k-signature k-signature-md k-input k-input-outline k-rounded-md k-focus k-rtl\">\n <div className=\"k-signature-actions k-signature-actions-top\">\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"window-maximize\"\n className=\"k-signature-action k-signature-minimize\"\n >\n </Button>\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"window-minimize\"\n className=\"k-signature-action k-signature-minimize k-hidden\"\n >\n </Button>\n </div>\n <canvas className=\"k-signature-canvas\">\n An alternate text describing what the canvas displays.\n </canvas>\n <div className=\"k-signature-line\"></div>\n <div className=\"k-signature-actions k-signature-actions-bottom\">\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"close\"\n className=\"k-signature-action k-signature-clear\"\n >\n </Button>\n </div>\n </div>\n <div className=\"k-signature k-signature-md k-input k-input-outline k-rounded-md k-invalid\">\n <div className=\"k-signature-actions k-signature-actions-top\">\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"window-maximize\"\n className=\"k-signature-action k-signature-minimize\"\n >\n </Button>\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"window-minimize\"\n className=\"k-signature-action k-signature-minimize k-hidden\"\n >\n </Button>\n </div>\n <canvas className=\"k-signature-canvas\">\n An alternate text describing what the canvas displays.\n </canvas>\n <div className=\"k-signature-line\"></div>\n <div className=\"k-signature-actions k-signature-actions-bottom\">\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"close\"\n className=\"k-signature-action k-signature-clear\"\n >\n </Button>\n </div>\n </div>\n <div className=\"k-signature k-signature-md k-input k-input-outline k-rounded-md k-invalid k-rtl\">\n <div className=\"k-signature-actions k-signature-actions-top\">\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"window-maximize\"\n className=\"k-signature-action k-signature-minimize\"\n >\n </Button>\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"window-minimize\"\n className=\"k-signature-action k-signature-minimize k-hidden\"\n >\n </Button>\n </div>\n <canvas className=\"k-signature-canvas\">\n An alternate text describing what the canvas displays.\n </canvas>\n <div className=\"k-signature-line\"></div>\n <div className=\"k-signature-actions k-signature-actions-bottom\">\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"close\"\n className=\"k-signature-action k-signature-clear\"\n >\n </Button>\n </div>\n </div>\n <div className=\"k-signature k-signature-md k-input k-input-outline k-rounded-md k-invalid k-focus\">\n <div className=\"k-signature-actions k-signature-actions-top\">\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"window-maximize\"\n className=\"k-signature-action k-signature-minimize\"\n >\n </Button>\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"window-minimize\"\n className=\"k-signature-action k-signature-minimize k-hidden\"\n >\n </Button>\n </div>\n <canvas className=\"k-signature-canvas\">\n An alternate text describing what the canvas displays.\n </canvas>\n <div className=\"k-signature-line\"></div>\n <div className=\"k-signature-actions k-signature-actions-bottom\">\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"close\"\n className=\"k-signature-action k-signature-clear\"\n >\n </Button>\n </div>\n </div>\n <div className=\"k-signature k-signature-md k-input k-input-outline k-rounded-md k-invalid k-focus k-rtl\">\n <div className=\"k-signature-actions k-signature-actions-top\">\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"window-maximize\"\n className=\"k-signature-action k-signature-minimize\"\n >\n </Button>\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"window-minimize\"\n className=\"k-signature-action k-signature-minimize k-hidden\"\n >\n </Button>\n </div>\n <canvas className=\"k-signature-canvas\">\n An alternate text describing what the canvas displays.\n </canvas>\n <div className=\"k-signature-line\"></div>\n <div className=\"k-signature-actions k-signature-actions-bottom\">\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"close\"\n className=\"k-signature-action k-signature-clear\"\n >\n </Button>\n </div>\n </div>\n <div className=\"k-signature k-signature-md k-input k-input-outline k-rounded-md k-disabled\">\n <div className=\"k-signature-actions k-signature-actions-top\">\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"window-maximize\"\n className=\"k-signature-action k-signature-minimize\"\n >\n </Button>\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"window-minimize\"\n className=\"k-signature-action k-signature-minimize k-hidden\"\n >\n </Button>\n </div>\n <canvas className=\"k-signature-canvas\">\n An alternate text describing what the canvas displays.\n </canvas>\n <div className=\"k-signature-line\"></div>\n <div className=\"k-signature-actions k-signature-actions-bottom\">\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"close\"\n className=\"k-signature-action k-signature-clear\"\n >\n </Button>\n </div>\n </div>\n <div className=\"k-signature k-signature-md k-input k-input-outline k-rounded-md k-disabled k-rtl\">\n <div className=\"k-signature-actions k-signature-actions-top\">\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"window-maximize\"\n className=\"k-signature-action k-signature-minimize\"\n >\n </Button>\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"window-minimize\"\n className=\"k-signature-action k-signature-minimize k-hidden\"\n >\n </Button>\n </div>\n <canvas className=\"k-signature-canvas\">\n An alternate text describing what the canvas displays.\n </canvas>\n <div className=\"k-signature-line\"></div>\n <div className=\"k-signature-actions k-signature-actions-bottom\">\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"close\"\n className=\"k-signature-action k-signature-clear\"\n >\n </Button>\n </div>\n </div>\n <div className=\"k-signature k-signature-md k-input k-input-outline k-rounded-md k-signature-maximized\">\n <div className=\"k-signature-actions k-signature-actions-top\">\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"window-maximize\"\n className=\"k-signature-action k-signature-minimize\"\n >\n </Button>\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"window-minimize\"\n className=\"k-signature-action k-signature-minimize k-hidden\"\n >\n </Button>\n </div>\n <canvas className=\"k-signature-canvas\">\n An alternate text describing what the canvas displays.\n </canvas>\n <div className=\"k-signature-line\"></div>\n <div className=\"k-signature-actions k-signature-actions-bottom\">\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"close\"\n className=\"k-signature-action k-signature-clear\"\n >\n </Button>\n </div>\n </div>\n </div>\n);\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\nimport { Icon } from '../icon/';\n\nexport interface ButtonProps {\n children?: React.ReactNode;\n className?: string;\n dir?: string;\n style?: React.CSSProperties;\n iconClassName?: string;\n text?: string;\n icon?: string;\n size?: null | 'small' | 'medium' | 'large';\n rounded: null | 'small' | 'medium' | 'large' | 'full';\n fillMode?: null | 'solid' | 'outline' | 'flat' | 'link' | 'clear';\n themeColor?: null | 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';\n hover?: boolean;\n focus?: boolean;\n active?: boolean;\n selected?: boolean;\n disabled?: boolean;\n}\n\nexport class Button extends React.Component<ButtonProps> {\n\n static defaultProps = {\n size: 'medium',\n rounded: 'medium',\n fillMode: 'solid',\n themeColor: 'base'\n };\n\n render() {\n const {\n children,\n className,\n iconClassName,\n text,\n icon,\n size,\n rounded,\n fillMode,\n themeColor,\n hover,\n focus,\n active,\n selected,\n disabled,\n ...htmlAttributes\n } = this.props;\n\n const hasIcon = (icon !== undefined);\n const hasChildren = children !== undefined;\n\n return (\n <button\n style={this.props.style}\n {...htmlAttributes}\n dir={this.props.dir}\n className={classNames(\n className,\n 'k-button',\n {\n [`k-button-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n [`k-button-${fillMode}`]: fillMode,\n [`k-button-${fillMode}-${themeColor}`]: Boolean(fillMode && themeColor),\n [`k-rounded-${kendoThemeMaps.roundedMap[rounded!] || rounded}`]: rounded,\n 'k-icon-button': !hasChildren && hasIcon,\n 'k-hover': hover,\n 'k-focus': focus,\n 'k-active': active,\n 'k-selected': selected,\n 'k-disabled': disabled\n }\n )}>\n {icon && <Icon className={classNames(iconClassName, 'k-button-icon')} name={icon} />}\n\n {text || hasIcon\n ?\n <>\n {text && <span className=\"k-button-text\">{text}</span>}\n {children}\n </>\n : children && <span className=\"k-button-text\">{children}</span>\n }\n </button>\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", "export interface KendoThemeMaps {\n sizeMap: Record<Exclude<any, null>, string>;\n roundedMap: Record<Exclude<any, null>, string>;\n calloutMap: Record<Exclude<any, null>, string>;\n orientationMap: Record<Exclude<any, null>, string>;\n}\n\nexport const kendoThemeMaps: KendoThemeMaps = {\n sizeMap: {\n small: 'sm',\n medium: 'md',\n large: 'lg'\n },\n roundedMap: {\n small: 'sm',\n medium: 'md',\n large: 'lg'\n },\n calloutMap: {\n top: 'n',\n bottom: 's',\n left: 'w',\n right: 'e'\n },\n orientationMap: {\n vertical: 'vstack',\n horizontal: 'hstack',\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"],
5
+ "mappings": "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",
6
+ "names": []
7
+ }