@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.
- package/README.md +6 -0
- package/dist/cjs/components/Drawer/styles.module.css +0 -16
- package/dist/cjs/components/Drawer/types.d.ts +7 -3
- package/dist/cjs/components/DrawerCustom/DrawerCustom.d.ts +3 -3
- package/dist/cjs/helperComponents/DesktopDrawer/DesktopDrawer.d.ts +1 -1
- package/dist/cjs/helperComponents/DesktopDrawer/DesktopDrawer.js +8 -12
- package/dist/cjs/helperComponents/DialogSlots.d.ts +25 -4
- package/dist/cjs/helperComponents/DialogSlots.js +32 -3
- package/dist/cjs/helperComponents/DrawerBody/DrawerBody.d.ts +1 -1
- package/dist/cjs/helperComponents/DrawerBody/DrawerBody.js +3 -2
- package/dist/cjs/helperComponents/MobileDrawer/MobileDrawer.d.ts +1 -1
- package/dist/cjs/helperComponents/MobileDrawer/MobileDrawer.js +4 -4
- package/dist/cjs/helperComponents/styles.module.css +15 -0
- package/dist/cjs/style.css +15 -16
- package/dist/esm/components/Drawer/styles.module.css +0 -16
- package/dist/esm/components/Drawer/types.d.ts +7 -3
- package/dist/esm/components/DrawerCustom/DrawerCustom.d.ts +3 -3
- package/dist/esm/helperComponents/DesktopDrawer/DesktopDrawer.d.ts +1 -1
- package/dist/esm/helperComponents/DesktopDrawer/DesktopDrawer.js +8 -12
- package/dist/esm/helperComponents/DialogSlots.d.ts +25 -4
- package/dist/esm/helperComponents/DialogSlots.js +29 -4
- package/dist/esm/helperComponents/DrawerBody/DrawerBody.d.ts +1 -1
- package/dist/esm/helperComponents/DrawerBody/DrawerBody.js +4 -3
- package/dist/esm/helperComponents/MobileDrawer/MobileDrawer.d.ts +1 -1
- package/dist/esm/helperComponents/MobileDrawer/MobileDrawer.js +4 -4
- package/dist/esm/helperComponents/styles.module.css +15 -0
- package/dist/esm/style.css +15 -16
- package/dist/tsconfig.cjs.tsbuildinfo +1 -1
- package/dist/tsconfig.esm.tsbuildinfo +1 -1
- package/package.json +9 -9
- package/src/components/Drawer/styles.module.scss +0 -19
- package/src/components/Drawer/types.ts +7 -3
- package/src/helperComponents/DesktopDrawer/DesktopDrawer.tsx +18 -27
- package/src/helperComponents/DialogSlots.tsx +74 -3
- package/src/helperComponents/DrawerBody/DrawerBody.tsx +5 -2
- package/src/helperComponents/MobileDrawer/MobileDrawer.tsx +5 -2
- 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
|
+
}
|
package/dist/esm/style.css
CHANGED
|
@@ -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
|
}
|