@progress/kendo-themes-html 10.1.0-dev.0 → 10.1.0-dev.2

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 (4) hide show
  1. package/dist/cjs/notification/tests/notification.js +4 -2
  2. package/dist/esm/notification/tests/notification.mjs +4 -2
  3. package/package.json +2 -2
  4. package/src/notification/tests/notification.tsx +11 -1
package/dist/cjs/notification/tests/notification.js CHANGED
@@ -479,16 +479,18 @@ var styles = `
479
479
  `;
480
480
  var notification_default = () => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
481
481
  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("style", { children: styles }),
482
- /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-4", children: [
482
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-5", children: [
483
483
  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "k-colspan-all k-col-span-full", children: "LTR" }),
484
484
  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(AnimationContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(NotificationNormal, { text: "Default notification" }) }) }),
485
485
  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(AnimationContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(IconNotification, { text: "Icon notification" }) }) }),
486
486
  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(AnimationContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(NotificationClosable, { text: "Closable notification" }) }) }),
487
487
  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(AnimationContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(IconNotificationClosable, { text: "Closable notification with icon" }) }) }),
488
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(AnimationContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(IconNotificationClosable, { text: "Closable notification with icon and very long text start ............. ............ .................... .......... ............ end" }) }) }),
488
489
  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "k-colspan-all k-col-span-full", children: "RTL" }),
489
490
  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(AnimationContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(NotificationNormal, { text: "Default notification" }) }) }),
490
491
  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(AnimationContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(IconNotification, { text: "Icon notification" }) }) }),
491
492
  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(AnimationContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(NotificationClosable, { text: "Closable notification" }) }) }),
492
- /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(AnimationContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(IconNotificationClosable, { text: "Closable notification with icon" }) }) })
493
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(AnimationContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(IconNotificationClosable, { text: "Closable notification with icon" }) }) }),
494
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(AnimationContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(IconNotificationClosable, { text: "Closable notification with icon and very long text start ............. ............ .................... .......... ............ end" }) }) })
493
495
  ] })
494
496
  ] });
package/dist/esm/notification/tests/notification.mjs CHANGED
@@ -444,17 +444,19 @@ var styles = `
444
444
  `;
445
445
  var notification_default = () => /* @__PURE__ */ jsxs2(Fragment5, { children: [
446
446
  /* @__PURE__ */ jsx11("style", { children: styles }),
447
- /* @__PURE__ */ jsxs2("div", { id: "test-area", className: "k-d-grid k-grid-cols-4", children: [
447
+ /* @__PURE__ */ jsxs2("div", { id: "test-area", className: "k-d-grid k-grid-cols-5", children: [
448
448
  /* @__PURE__ */ jsx11("span", { className: "k-colspan-all k-col-span-full", children: "LTR" }),
449
449
  /* @__PURE__ */ jsx11("div", { children: /* @__PURE__ */ jsx11(AnimationContainer, { children: /* @__PURE__ */ jsx11(NotificationNormal, { text: "Default notification" }) }) }),
450
450
  /* @__PURE__ */ jsx11("div", { children: /* @__PURE__ */ jsx11(AnimationContainer, { children: /* @__PURE__ */ jsx11(IconNotification, { text: "Icon notification" }) }) }),
451
451
  /* @__PURE__ */ jsx11("div", { children: /* @__PURE__ */ jsx11(AnimationContainer, { children: /* @__PURE__ */ jsx11(NotificationClosable, { text: "Closable notification" }) }) }),
452
452
  /* @__PURE__ */ jsx11("div", { children: /* @__PURE__ */ jsx11(AnimationContainer, { children: /* @__PURE__ */ jsx11(IconNotificationClosable, { text: "Closable notification with icon" }) }) }),
453
+ /* @__PURE__ */ jsx11("div", { children: /* @__PURE__ */ jsx11(AnimationContainer, { children: /* @__PURE__ */ jsx11(IconNotificationClosable, { text: "Closable notification with icon and very long text start ............. ............ .................... .......... ............ end" }) }) }),
453
454
  /* @__PURE__ */ jsx11("span", { className: "k-colspan-all k-col-span-full", children: "RTL" }),
454
455
  /* @__PURE__ */ jsx11("div", { dir: "rtl", children: /* @__PURE__ */ jsx11(AnimationContainer, { children: /* @__PURE__ */ jsx11(NotificationNormal, { text: "Default notification" }) }) }),
455
456
  /* @__PURE__ */ jsx11("div", { dir: "rtl", children: /* @__PURE__ */ jsx11(AnimationContainer, { children: /* @__PURE__ */ jsx11(IconNotification, { text: "Icon notification" }) }) }),
456
457
  /* @__PURE__ */ jsx11("div", { dir: "rtl", children: /* @__PURE__ */ jsx11(AnimationContainer, { children: /* @__PURE__ */ jsx11(NotificationClosable, { text: "Closable notification" }) }) }),
457
- /* @__PURE__ */ jsx11("div", { dir: "rtl", children: /* @__PURE__ */ jsx11(AnimationContainer, { children: /* @__PURE__ */ jsx11(IconNotificationClosable, { text: "Closable notification with icon" }) }) })
458
+ /* @__PURE__ */ jsx11("div", { dir: "rtl", children: /* @__PURE__ */ jsx11(AnimationContainer, { children: /* @__PURE__ */ jsx11(IconNotificationClosable, { text: "Closable notification with icon" }) }) }),
459
+ /* @__PURE__ */ jsx11("div", { dir: "rtl", children: /* @__PURE__ */ jsx11(AnimationContainer, { children: /* @__PURE__ */ jsx11(IconNotificationClosable, { text: "Closable notification with icon and very long text start ............. ............ .................... .......... ............ end" }) }) })
458
460
  ] })
459
461
  ] });
460
462
  export {
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": "10.1.0-dev.0",
4
+ "version": "10.1.0-dev.2",
5
5
  "author": "Progress",
6
6
  "license": "Apache-2.0",
7
7
  "keywords": [
@@ -53,5 +53,5 @@
53
53
  "devDependencies": {
54
54
  "@types/react": "^18.3.3"
55
55
  },
56
- "gitHead": "bbc43dff4fd1a2c66b6dcf28616ea7e194a7dde6"
56
+ "gitHead": "3bdbfbae6356962c8f37ba63b38f124e37f00e1a"
57
57
  }
package/src/notification/tests/notification.tsx CHANGED
@@ -16,7 +16,7 @@ const styles = `
16
16
  export default () => (
17
17
  <>
18
18
  <style>{styles}</style>
19
- <div id="test-area" className="k-d-grid k-grid-cols-4">
19
+ <div id="test-area" className="k-d-grid k-grid-cols-5">
20
20
 
21
21
  <span className="k-colspan-all k-col-span-full">LTR</span>
22
22
  <div>
@@ -39,6 +39,11 @@ export default () => (
39
39
  <IconNotificationClosable text="Closable notification with icon" />
40
40
  </AnimationContainer>
41
41
  </div>
42
+ <div>
43
+ <AnimationContainer>
44
+ <IconNotificationClosable text="Closable notification with icon and very long text start ............. ............ .................... .......... ............ end" />
45
+ </AnimationContainer>
46
+ </div>
42
47
 
43
48
  <span className="k-colspan-all k-col-span-full">RTL</span>
44
49
  <div dir="rtl">
@@ -61,6 +66,11 @@ export default () => (
61
66
  <IconNotificationClosable text="Closable notification with icon" />
62
67
  </AnimationContainer>
63
68
  </div>
69
+ <div dir="rtl">
70
+ <AnimationContainer>
71
+ <IconNotificationClosable text="Closable notification with icon and very long text start ............. ............ .................... .......... ............ end" />
72
+ </AnimationContainer>
73
+ </div>
64
74
 
65
75
  </div>
66
76
  </>