@cloud-ru/ds-drawer 1.0.6-preview-5926424e.0 → 1.0.6
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/CHANGELOG.md +4 -0
- package/README.md +0 -6
- package/dist/cjs/components/Drawer/styles.module.css +16 -0
- package/dist/cjs/components/Drawer/types.d.ts +3 -7
- 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 +12 -8
- package/dist/cjs/helperComponents/DialogSlots.d.ts +4 -25
- package/dist/cjs/helperComponents/DialogSlots.js +3 -32
- package/dist/cjs/helperComponents/DrawerBody/DrawerBody.d.ts +1 -1
- package/dist/cjs/helperComponents/DrawerBody/DrawerBody.js +2 -3
- package/dist/cjs/helperComponents/MobileDrawer/MobileDrawer.d.ts +1 -1
- package/dist/cjs/helperComponents/MobileDrawer/MobileDrawer.js +4 -4
- package/dist/cjs/style.css +16 -15
- package/dist/esm/components/Drawer/styles.module.css +16 -0
- package/dist/esm/components/Drawer/types.d.ts +3 -7
- 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 +12 -8
- package/dist/esm/helperComponents/DialogSlots.d.ts +4 -25
- package/dist/esm/helperComponents/DialogSlots.js +4 -29
- package/dist/esm/helperComponents/DrawerBody/DrawerBody.d.ts +1 -1
- package/dist/esm/helperComponents/DrawerBody/DrawerBody.js +3 -4
- package/dist/esm/helperComponents/MobileDrawer/MobileDrawer.d.ts +1 -1
- package/dist/esm/helperComponents/MobileDrawer/MobileDrawer.js +4 -4
- package/dist/esm/style.css +16 -15
- 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 +19 -0
- package/src/components/Drawer/types.ts +3 -7
- package/src/helperComponents/DesktopDrawer/DesktopDrawer.tsx +27 -18
- package/src/helperComponents/DialogSlots.tsx +3 -74
- package/src/helperComponents/DrawerBody/DrawerBody.tsx +2 -5
- package/src/helperComponents/MobileDrawer/MobileDrawer.tsx +2 -5
- package/dist/cjs/helperComponents/styles.module.css +0 -15
- package/dist/esm/helperComponents/styles.module.css +0 -15
- package/src/helperComponents/styles.module.scss +0 -22
package/dist/esm/style.css
CHANGED
|
@@ -1,6 +1,22 @@
|
|
|
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
|
+
}
|
|
4
20
|
@charset "UTF-8";
|
|
5
21
|
.drawerRoot:global(.snack-rc-drawer){
|
|
6
22
|
pointer-events:none;
|
|
@@ -532,19 +548,4 @@
|
|
|
532
548
|
height:auto !important;
|
|
533
549
|
min-height:0;
|
|
534
550
|
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)));
|
|
550
551
|
}
|