@cloud-ru/ds-drawer 1.0.6 → 1.0.7-preview-0a01eea8.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 (37) hide show
  1. package/README.md +6 -0
  2. package/dist/cjs/components/Drawer/styles.module.css +0 -16
  3. package/dist/cjs/components/Drawer/types.d.ts +7 -3
  4. package/dist/cjs/components/DrawerCustom/DrawerCustom.d.ts +3 -3
  5. package/dist/cjs/helperComponents/DesktopDrawer/DesktopDrawer.d.ts +1 -1
  6. package/dist/cjs/helperComponents/DesktopDrawer/DesktopDrawer.js +8 -12
  7. package/dist/cjs/helperComponents/DialogSlots.d.ts +25 -4
  8. package/dist/cjs/helperComponents/DialogSlots.js +32 -3
  9. package/dist/cjs/helperComponents/DrawerBody/DrawerBody.d.ts +1 -1
  10. package/dist/cjs/helperComponents/DrawerBody/DrawerBody.js +3 -2
  11. package/dist/cjs/helperComponents/MobileDrawer/MobileDrawer.d.ts +1 -1
  12. package/dist/cjs/helperComponents/MobileDrawer/MobileDrawer.js +4 -4
  13. package/dist/cjs/helperComponents/styles.module.css +15 -0
  14. package/dist/cjs/style.css +15 -16
  15. package/dist/esm/components/Drawer/styles.module.css +0 -16
  16. package/dist/esm/components/Drawer/types.d.ts +7 -3
  17. package/dist/esm/components/DrawerCustom/DrawerCustom.d.ts +3 -3
  18. package/dist/esm/helperComponents/DesktopDrawer/DesktopDrawer.d.ts +1 -1
  19. package/dist/esm/helperComponents/DesktopDrawer/DesktopDrawer.js +8 -12
  20. package/dist/esm/helperComponents/DialogSlots.d.ts +25 -4
  21. package/dist/esm/helperComponents/DialogSlots.js +29 -4
  22. package/dist/esm/helperComponents/DrawerBody/DrawerBody.d.ts +1 -1
  23. package/dist/esm/helperComponents/DrawerBody/DrawerBody.js +4 -3
  24. package/dist/esm/helperComponents/MobileDrawer/MobileDrawer.d.ts +1 -1
  25. package/dist/esm/helperComponents/MobileDrawer/MobileDrawer.js +4 -4
  26. package/dist/esm/helperComponents/styles.module.css +15 -0
  27. package/dist/esm/style.css +15 -16
  28. package/dist/tsconfig.cjs.tsbuildinfo +1 -1
  29. package/dist/tsconfig.esm.tsbuildinfo +1 -1
  30. package/package.json +9 -9
  31. package/src/components/Drawer/styles.module.scss +0 -19
  32. package/src/components/Drawer/types.ts +7 -3
  33. package/src/helperComponents/DesktopDrawer/DesktopDrawer.tsx +18 -27
  34. package/src/helperComponents/DialogSlots.tsx +74 -3
  35. package/src/helperComponents/DrawerBody/DrawerBody.tsx +5 -2
  36. package/src/helperComponents/MobileDrawer/MobileDrawer.tsx +5 -2
  37. package/src/helperComponents/styles.module.scss +22 -0
@@ -0,0 +1,15 @@
1
+ .safeAreaTop{
2
+ display:flex;
3
+ flex-direction:column;
4
+ align-items:flex-start;
5
+ align-self:stretch;
6
+ padding-top:var(--sn-drawer-anatomy-container-safeArea-paddingTop, var(--sn-density-spacing-interval-l, var(--sn-primitive-dimension-24, 24px)));
7
+ }
8
+
9
+ .safeAreaBottom{
10
+ display:flex;
11
+ flex-direction:column;
12
+ align-items:flex-start;
13
+ align-self:stretch;
14
+ padding-bottom:var(--sn-drawer-anatomy-container-safeArea-paddingBottom, var(--sn-density-spacing-interval-s, var(--sn-primitive-dimension-8, 8px)));
15
+ }
@@ -1,22 +1,6 @@
1
1
  .drawer{
2
2
  box-sizing:border-box;
3
3
  }
4
-
5
- .safeAreaTop{
6
- display:flex;
7
- flex-direction:column;
8
- align-items:flex-start;
9
- align-self:stretch;
10
- padding-top:var(--sn-drawer-anatomy-container-safeArea-paddingTop, var(--sn-density-spacing-interval-l, var(--sn-primitive-dimension-24, 24px)));
11
- }
12
-
13
- .safeAreaBottom{
14
- display:flex;
15
- flex-direction:column;
16
- align-items:flex-start;
17
- align-self:stretch;
18
- padding-bottom:var(--sn-drawer-anatomy-container-safeArea-paddingBottom, var(--sn-density-spacing-interval-s, var(--sn-primitive-dimension-8, 8px)));
19
- }
20
4
  @charset "UTF-8";
21
5
  .drawerRoot:global(.snack-rc-drawer){
22
6
  pointer-events:none;
@@ -548,4 +532,19 @@
548
532
  height:auto !important;
549
533
  min-height:0;
550
534
  max-height:100%;
535
+ }
536
+ .safeAreaTop{
537
+ display:flex;
538
+ flex-direction:column;
539
+ align-items:flex-start;
540
+ align-self:stretch;
541
+ padding-top:var(--sn-drawer-anatomy-container-safeArea-paddingTop, var(--sn-density-spacing-interval-l, var(--sn-primitive-dimension-24, 24px)));
542
+ }
543
+
544
+ .safeAreaBottom{
545
+ display:flex;
546
+ flex-direction:column;
547
+ align-items:flex-start;
548
+ align-self:stretch;
549
+ padding-bottom:var(--sn-drawer-anatomy-container-safeArea-paddingBottom, var(--sn-density-spacing-interval-s, var(--sn-primitive-dimension-8, 8px)));
551
550
  }