@alfalab/core-components-bottom-sheet 4.2.1 → 4.4.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 (57) hide show
  1. package/CHANGELOG.md +38 -0
  2. package/dist/{component-79cc0f82.d.ts → component-e4bbc212.d.ts} +13 -1
  3. package/dist/{component-79cc0f82.js → component-e4bbc212.js} +34 -30
  4. package/dist/component.js +2 -2
  5. package/dist/components/backer/Component.js +2 -2
  6. package/dist/components/backer/index.css +3 -3
  7. package/dist/components/closer/Component.js +2 -2
  8. package/dist/components/closer/index.css +3 -3
  9. package/dist/components/footer/Component.js +1 -1
  10. package/dist/components/footer/index.css +4 -4
  11. package/dist/components/header/Component.js +2 -2
  12. package/dist/components/header/index.css +19 -17
  13. package/dist/components/swipeable-backdrop/Component.js +1 -1
  14. package/dist/{esm/component-d0076513.d.ts → cssm/component-1a32e10b.d.ts} +13 -1
  15. package/dist/cssm/{component-42c27971.js → component-1a32e10b.js} +31 -27
  16. package/dist/cssm/component.js +1 -1
  17. package/dist/cssm/components/header/Component.js +1 -1
  18. package/dist/cssm/components/header/index.module.css +4 -2
  19. package/dist/cssm/index.d.ts +1 -1
  20. package/dist/cssm/index.js +1 -1
  21. package/dist/{cssm/component-42c27971.d.ts → esm/component-f52911e2.d.ts} +13 -1
  22. package/dist/esm/{component-d0076513.js → component-f52911e2.js} +34 -30
  23. package/dist/esm/component.js +2 -2
  24. package/dist/esm/components/backer/Component.js +2 -2
  25. package/dist/esm/components/backer/index.css +3 -3
  26. package/dist/esm/components/closer/Component.js +2 -2
  27. package/dist/esm/components/closer/index.css +3 -3
  28. package/dist/esm/components/footer/Component.js +1 -1
  29. package/dist/esm/components/footer/index.css +4 -4
  30. package/dist/esm/components/header/Component.js +2 -2
  31. package/dist/esm/components/header/index.css +19 -17
  32. package/dist/esm/components/swipeable-backdrop/Component.js +1 -1
  33. package/dist/esm/index.css +16 -16
  34. package/dist/esm/index.d.ts +1 -1
  35. package/dist/esm/index.js +2 -2
  36. package/dist/esm/{tslib.es6-0000c249.d.ts → tslib.es6-8e1def13.d.ts} +0 -0
  37. package/dist/esm/{tslib.es6-0000c249.js → tslib.es6-8e1def13.js} +0 -0
  38. package/dist/index.css +16 -16
  39. package/dist/index.d.ts +1 -1
  40. package/dist/index.js +2 -2
  41. package/dist/modern/{component-6f1cc9e9.d.ts → component-70b7137e.d.ts} +13 -1
  42. package/dist/modern/{component-6f1cc9e9.js → component-70b7137e.js} +31 -27
  43. package/dist/modern/component.js +1 -1
  44. package/dist/modern/components/backer/Component.js +1 -1
  45. package/dist/modern/components/backer/index.css +3 -3
  46. package/dist/modern/components/closer/Component.js +1 -1
  47. package/dist/modern/components/closer/index.css +3 -3
  48. package/dist/modern/components/footer/Component.js +1 -1
  49. package/dist/modern/components/footer/index.css +4 -4
  50. package/dist/modern/components/header/Component.js +1 -1
  51. package/dist/modern/components/header/index.css +19 -17
  52. package/dist/modern/index.css +16 -16
  53. package/dist/modern/index.d.ts +1 -1
  54. package/dist/modern/index.js +1 -1
  55. package/dist/{tslib.es6-5c74ee0c.d.ts → tslib.es6-1f5072a8.d.ts} +0 -0
  56. package/dist/{tslib.es6-5c74ee0c.js → tslib.es6-1f5072a8.js} +0 -0
  57. package/package.json +10 -10
@@ -1,4 +1,4 @@
1
- /* hash: 9978r */
1
+ /* hash: nm2a8 */
2
2
  :root {
3
3
  --color-light-bg-primary: #fff;
4
4
  --color-light-graphic-quaternary: #dbdee1;
@@ -24,14 +24,14 @@
24
24
  --bottom-sheet-in-transition: 0.5s cubic-bezier(0.09, 0.91, 0.18, 0.99);
25
25
  --bottom-sheet-out-transition: 0.3s ease;
26
26
  }
27
- .bottom-sheet__modal_589pi {
27
+ .bottom-sheet__modal_ydhe6 {
28
28
  background-color: transparent;
29
29
  position: fixed;
30
30
  bottom: 0;
31
31
  width: 100%;
32
32
  max-width: 600px;
33
33
  }
34
- .bottom-sheet__component_589pi {
34
+ .bottom-sheet__component_ydhe6 {
35
35
  overflow: hidden;
36
36
  position: relative;
37
37
  display: flex;
@@ -41,20 +41,20 @@
41
41
  background: var(--color-light-bg-primary);
42
42
  transform: translateY(100%);
43
43
  }
44
- .bottom-sheet__withTransition_589pi {
44
+ .bottom-sheet__withTransition_ydhe6 {
45
45
  transition: var(--bottom-sheet-out-transition);
46
46
  }
47
- .bottom-sheet__withZeroTransition_589pi {
47
+ .bottom-sheet__withZeroTransition_ydhe6 {
48
48
  transition: 0s linear;
49
49
  }
50
- .bottom-sheet__scrollableContainer_589pi {
50
+ .bottom-sheet__scrollableContainer_ydhe6 {
51
51
  overflow: auto;
52
52
  display: flex;
53
53
  flex-direction: column;
54
54
  position: relative;
55
55
  height: 100%;
56
56
  }
57
- .bottom-sheet__marker_589pi {
57
+ .bottom-sheet__marker_ydhe6 {
58
58
  position: fixed;
59
59
  top: var(--gap-2xs);
60
60
  left: 50%;
@@ -65,7 +65,7 @@
65
65
  background-color: var(--color-light-graphic-quaternary);
66
66
  z-index: 1000;
67
67
  }
68
- .bottom-sheet__content_589pi {
68
+ .bottom-sheet__content_ydhe6 {
69
69
  display: flex;
70
70
  flex-direction: column;
71
71
  flex: 1;
@@ -73,29 +73,29 @@
73
73
  color: var(--color-light-text-primary);
74
74
  background-color: var(--color-light-bg-primary);
75
75
  }
76
- .bottom-sheet__noHeader_589pi {
76
+ .bottom-sheet__noHeader_ydhe6 {
77
77
  padding-top: var(--gap-xl);
78
78
  }
79
- .bottom-sheet__noFooter_589pi {
79
+ .bottom-sheet__noFooter_ydhe6 {
80
80
  padding-bottom: var(--gap-m);
81
81
  }
82
- .bottom-sheet__scrollLocked_589pi {
82
+ .bottom-sheet__scrollLocked_ydhe6 {
83
83
  overflow: hidden;
84
84
  }
85
- .bottom-sheet__appear_589pi .bottom-sheet__component_589pi, .bottom-sheet__enter_589pi .bottom-sheet__component_589pi {
85
+ .bottom-sheet__appear_ydhe6 .bottom-sheet__component_ydhe6, .bottom-sheet__enter_ydhe6 .bottom-sheet__component_ydhe6 {
86
86
  transition: none;
87
87
  }
88
- .bottom-sheet__appearActive_589pi .bottom-sheet__component_589pi, .bottom-sheet__enterActive_589pi .bottom-sheet__component_589pi {
88
+ .bottom-sheet__appearActive_ydhe6 .bottom-sheet__component_ydhe6, .bottom-sheet__enterActive_ydhe6 .bottom-sheet__component_ydhe6 {
89
89
  transition: var(--bottom-sheet-in-transition);
90
90
  transform: translateY(0);
91
91
  }
92
- .bottom-sheet__enterDone_589pi .bottom-sheet__component_589pi, .bottom-sheet__appearDone_589pi .bottom-sheet__component_589pi {
92
+ .bottom-sheet__enterDone_ydhe6 .bottom-sheet__component_ydhe6, .bottom-sheet__appearDone_ydhe6 .bottom-sheet__component_ydhe6 {
93
93
  transform: translateY(0);
94
94
  }
95
- .bottom-sheet__exit_589pi .bottom-sheet__component_589pi {
95
+ .bottom-sheet__exit_ydhe6 .bottom-sheet__component_ydhe6 {
96
96
  transform: translateY(0);
97
97
  }
98
- .bottom-sheet__exitActive_589pi .bottom-sheet__component_589pi {
98
+ .bottom-sheet__exitActive_ydhe6 .bottom-sheet__component_ydhe6 {
99
99
  transition: var(--bottom-sheet-out-transition);
100
100
  transform: translateY(100%);
101
101
  }
@@ -1 +1 @@
1
- export * from "./component-6f1cc9e9";
1
+ export * from "./component-70b7137e";
@@ -9,7 +9,7 @@ import '@alfalab/icons-glyph/CrossMIcon';
9
9
  import './components/closer/Component.js';
10
10
  import '@alfalab/icons-glyph/ArrowBackMIcon';
11
11
  import './components/backer/Component.js';
12
- export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-6f1cc9e9.js';
12
+ export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-70b7137e.js';
13
13
  import './components/footer/Component.js';
14
14
  import '@alfalab/core-components-backdrop/dist/modern';
15
15
  import './components/swipeable-backdrop/Component.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-bottom-sheet",
3
- "version": "4.2.1",
3
+ "version": "4.4.0",
4
4
  "description": "Bottom sheet mobile component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -20,14 +20,14 @@
20
20
  "react-dom": "^16.9.0 || ^17.0.1"
21
21
  },
22
22
  "dependencies": {
23
- "@alfalab/core-components-backdrop": "^2.0.3",
24
- "@alfalab/core-components-base-modal": "^4.0.2",
25
- "@alfalab/core-components-icon-button": "^4.1.12",
26
- "@alfalab/core-components-typography": "^2.5.3",
27
- "classnames": "2.2.6",
28
- "react-div-100vh": "0.7.0",
29
- "react-swipeable": "5.5.1",
30
- "react-transition-group": "4.4.1"
23
+ "@alfalab/core-components-backdrop": "^2.1.0",
24
+ "@alfalab/core-components-base-modal": "^4.1.0",
25
+ "@alfalab/core-components-icon-button": "^4.2.0",
26
+ "@alfalab/core-components-typography": "^2.6.0",
27
+ "classnames": "^2.2.6",
28
+ "react-div-100vh": "^0.7.0",
29
+ "react-swipeable": "^5.5.1",
30
+ "react-transition-group": "^4.4.1"
31
31
  },
32
- "gitHead": "7b9b0bbb422c34b432003ddc335fe15f596ad6d5"
32
+ "gitHead": "dcd5c0c8e25b7c374ff9311505ccf738a82e22c0"
33
33
  }