@snack-uikit/notification 0.3.17-preview-85c5f47b.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 (75) hide show
  1. package/CHANGELOG.md +333 -0
  2. package/LICENSE +201 -0
  3. package/README.md +134 -0
  4. package/dist/components/NotificationCard/NotificationCard.d.ts +36 -0
  5. package/dist/components/NotificationCard/NotificationCard.js +60 -0
  6. package/dist/components/NotificationCard/components/NotificationCardFunction.d.ts +7 -0
  7. package/dist/components/NotificationCard/components/NotificationCardFunction.js +13 -0
  8. package/dist/components/NotificationCard/components/NotificationCardSkeleton.d.ts +1 -0
  9. package/dist/components/NotificationCard/components/NotificationCardSkeleton.js +8 -0
  10. package/dist/components/NotificationCard/components/index.d.ts +2 -0
  11. package/dist/components/NotificationCard/components/index.js +2 -0
  12. package/dist/components/NotificationCard/constants.d.ts +20 -0
  13. package/dist/components/NotificationCard/constants.js +21 -0
  14. package/dist/components/NotificationCard/helpers.d.ts +2 -0
  15. package/dist/components/NotificationCard/helpers.js +18 -0
  16. package/dist/components/NotificationCard/index.d.ts +1 -0
  17. package/dist/components/NotificationCard/index.js +1 -0
  18. package/dist/components/NotificationCard/styles.module.css +128 -0
  19. package/dist/components/NotificationPanel/NotificationPanel.d.ts +42 -0
  20. package/dist/components/NotificationPanel/NotificationPanel.js +38 -0
  21. package/dist/components/NotificationPanel/components/NotificationPanelBlank/NotificationPanelBlank.d.ts +20 -0
  22. package/dist/components/NotificationPanel/components/NotificationPanelBlank/NotificationPanelBlank.js +24 -0
  23. package/dist/components/NotificationPanel/components/NotificationPanelBlank/index.d.ts +1 -0
  24. package/dist/components/NotificationPanel/components/NotificationPanelBlank/index.js +1 -0
  25. package/dist/components/NotificationPanel/components/NotificationPanelBlank/styles.module.css +27 -0
  26. package/dist/components/NotificationPanel/components/NotificationPanelSettings/NotificationPanelSettings.d.ts +9 -0
  27. package/dist/components/NotificationPanel/components/NotificationPanelSettings/NotificationPanelSettings.js +12 -0
  28. package/dist/components/NotificationPanel/components/NotificationPanelSettings/NotificationPanelSettingsDroplist.d.ts +8 -0
  29. package/dist/components/NotificationPanel/components/NotificationPanelSettings/NotificationPanelSettingsDroplist.js +13 -0
  30. package/dist/components/NotificationPanel/components/NotificationPanelSettings/index.d.ts +1 -0
  31. package/dist/components/NotificationPanel/components/NotificationPanelSettings/index.js +1 -0
  32. package/dist/components/NotificationPanel/components/index.d.ts +2 -0
  33. package/dist/components/NotificationPanel/components/index.js +2 -0
  34. package/dist/components/NotificationPanel/constants.d.ts +17 -0
  35. package/dist/components/NotificationPanel/constants.js +17 -0
  36. package/dist/components/NotificationPanel/index.d.ts +1 -0
  37. package/dist/components/NotificationPanel/index.js +1 -0
  38. package/dist/components/NotificationPanel/styles.module.css +97 -0
  39. package/dist/components/index.d.ts +2 -0
  40. package/dist/components/index.js +2 -0
  41. package/dist/helperComponents/NotificationPanelPopover/NotificationPanelPopover.d.ts +9 -0
  42. package/dist/helperComponents/NotificationPanelPopover/NotificationPanelPopover.js +22 -0
  43. package/dist/helperComponents/NotificationPanelPopover/index.d.ts +1 -0
  44. package/dist/helperComponents/NotificationPanelPopover/index.js +1 -0
  45. package/dist/helperComponents/NotificationPanelPopover/styles.module.css +20 -0
  46. package/dist/helperComponents/index.d.ts +1 -0
  47. package/dist/helperComponents/index.js +1 -0
  48. package/dist/index.d.ts +1 -0
  49. package/dist/index.js +1 -0
  50. package/package.json +50 -0
  51. package/src/components/NotificationCard/NotificationCard.tsx +172 -0
  52. package/src/components/NotificationCard/components/NotificationCardFunction.tsx +60 -0
  53. package/src/components/NotificationCard/components/NotificationCardSkeleton.tsx +30 -0
  54. package/src/components/NotificationCard/components/index.ts +2 -0
  55. package/src/components/NotificationCard/constants.ts +21 -0
  56. package/src/components/NotificationCard/helpers.tsx +19 -0
  57. package/src/components/NotificationCard/index.ts +1 -0
  58. package/src/components/NotificationCard/styles.module.scss +172 -0
  59. package/src/components/NotificationPanel/NotificationPanel.tsx +134 -0
  60. package/src/components/NotificationPanel/components/NotificationPanelBlank/NotificationPanelBlank.tsx +65 -0
  61. package/src/components/NotificationPanel/components/NotificationPanelBlank/index.ts +1 -0
  62. package/src/components/NotificationPanel/components/NotificationPanelBlank/styles.module.scss +32 -0
  63. package/src/components/NotificationPanel/components/NotificationPanelSettings/NotificationPanelSettings.tsx +31 -0
  64. package/src/components/NotificationPanel/components/NotificationPanelSettings/NotificationPanelSettingsDroplist.tsx +50 -0
  65. package/src/components/NotificationPanel/components/NotificationPanelSettings/index.ts +1 -0
  66. package/src/components/NotificationPanel/components/index.ts +2 -0
  67. package/src/components/NotificationPanel/constants.ts +17 -0
  68. package/src/components/NotificationPanel/index.ts +1 -0
  69. package/src/components/NotificationPanel/styles.module.scss +109 -0
  70. package/src/components/index.ts +2 -0
  71. package/src/helperComponents/NotificationPanelPopover/NotificationPanelPopover.tsx +60 -0
  72. package/src/helperComponents/NotificationPanelPopover/index.ts +1 -0
  73. package/src/helperComponents/NotificationPanelPopover/styles.module.scss +23 -0
  74. package/src/helperComponents/index.ts +1 -0
  75. package/src/index.ts +1 -0
package/src/helperComponents/NotificationPanelPopover/styles.module.scss ADDED
@@ -0,0 +1,23 @@
1
+ @import '@snack-uikit/figma-tokens/build/scss/components/styles-tokens-notification-notificationPanel';
2
+
3
+ .notificationPanelPopoverWrap {
4
+ @include composite-var($notification-panel-container);
5
+
6
+ display: flex;
7
+ flex-direction: column;
8
+ box-sizing: border-box;
9
+ height: 100%;
10
+ }
11
+
12
+ .notificationPanelPopover {
13
+ @include composite-var($notification-panel-panel);
14
+
15
+ overflow: hidden;
16
+ display: flex;
17
+ flex-direction: column;
18
+
19
+ height: 100%;
20
+
21
+ background-color: $sys-neutral-background2-level;
22
+ box-shadow: $box-shadow-elevation-level2;
23
+ }
package/src/helperComponents/index.ts ADDED
@@ -0,0 +1 @@
1
+ export * from './NotificationPanelPopover';
package/src/index.ts ADDED
@@ -0,0 +1 @@
1
+ export * from './components';