@invoicebox/ui 0.1.0-alpha.316 → 0.1.0-alpha.317

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 (6) hide show
  1. package/dist/components/common/Drawer/index.js +0 -1
  2. package/dist/components/common/Drawer/styles.d.ts +1 -3
  3. package/dist/components/common/Drawer/styles.js +10 -10
  4. package/dist/esm/components/common/Drawer/index.js +0 -1
  5. package/dist/esm/components/common/Drawer/styles.js +10 -10
  6. package/package.json +1 -1
package/dist/components/common/Drawer/index.js CHANGED
@@ -126,7 +126,6 @@ var Drawer = exports.Drawer = function Drawer(_ref) {
126
126
  $overflow: overflow,
127
127
  onTransitionEnd: handleTransitionEnd
128
128
  }, /*#__PURE__*/_react["default"].createElement(S.DragHandle, {
129
- $bg: title ? palette.titleBg : palette.bg,
130
129
  onPointerDown: handlePointerDown,
131
130
  onPointerMove: handlePointerMove,
132
131
  onPointerUp: handlePointerUp,
package/dist/components/common/Drawer/styles.d.ts CHANGED
@@ -11,9 +11,7 @@ export declare const Sheet: import("styled-components/dist/types").IStyledCompon
11
11
  $borderColor?: string | undefined;
12
12
  $overflow?: string | undefined;
13
13
  }>> & string;
14
- export declare const DragHandle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
15
- $bg: string;
16
- }>> & string;
14
+ export declare const DragHandle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
17
15
  export declare const DragIndicator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
18
16
  export declare const Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
19
17
  $bg: string;
package/dist/components/common/Drawer/styles.js CHANGED
@@ -37,13 +37,13 @@ var Sheet = exports.Sheet = _styledComponents["default"].div.withConfig({
37
37
  var $overflow = _ref5.$overflow;
38
38
  return $overflow === 'visible' ? (0, _styledComponents.css)(["overflow:visible;"]) : (0, _styledComponents.css)(["overflow-y:auto;"]);
39
39
  });
40
+
41
+ // Зона перетаскивания лежит поверх контента (как DragIndicatorWrapper в react-modal-sheet),
42
+ // чтобы шапка-картинка могла подниматься под индикатор без белой полосы сверху.
40
43
  var DragHandle = exports.DragHandle = _styledComponents["default"].div.withConfig({
41
44
  displayName: "styles__DragHandle",
42
45
  componentId: "sc-1kysg49-3"
43
- })(["position:relative;flex:0 0 auto;height:28px;background-color:", ";border-radius:10px 10px 0 0;touch-action:none;cursor:grab;&:active{cursor:grabbing;}"], function (_ref6) {
44
- var $bg = _ref6.$bg;
45
- return $bg;
46
- });
46
+ })(["position:absolute;top:0;left:0;right:0;height:28px;z-index:1;touch-action:none;cursor:grab;&:active{cursor:grabbing;}"]);
47
47
  var DragIndicator = exports.DragIndicator = _styledComponents["default"].div.withConfig({
48
48
  displayName: "styles__DragIndicator",
49
49
  componentId: "sc-1kysg49-4"
@@ -51,17 +51,17 @@ var DragIndicator = exports.DragIndicator = _styledComponents["default"].div.wit
51
51
  var Title = exports.Title = _styledComponents["default"].div.withConfig({
52
52
  displayName: "styles__Title",
53
53
  componentId: "sc-1kysg49-5"
54
- })(["background-color:", ";padding:30px;position:relative;text-align:center;"], function (_ref7) {
55
- var $bg = _ref7.$bg;
54
+ })(["background-color:", ";padding:30px;position:relative;text-align:center;"], function (_ref6) {
55
+ var $bg = _ref6.$bg;
56
56
  return $bg;
57
57
  });
58
58
  var ChildrenWrapper = exports.ChildrenWrapper = _styledComponents["default"].div.withConfig({
59
59
  displayName: "styles__ChildrenWrapper",
60
60
  componentId: "sc-1kysg49-6"
61
- })(["", ";background-color:", ";"], function (_ref8) {
62
- var $isPadding = _ref8.$isPadding;
61
+ })(["", ";background-color:", ";"], function (_ref7) {
62
+ var $isPadding = _ref7.$isPadding;
63
63
  return $isPadding && 'padding: 32px 16px 36px';
64
- }, function (_ref9) {
65
- var $bgColor = _ref9.$bgColor;
64
+ }, function (_ref8) {
65
+ var $bgColor = _ref8.$bgColor;
66
66
  return $bgColor;
67
67
  });
package/dist/esm/components/common/Drawer/index.js CHANGED
@@ -117,7 +117,6 @@ export var Drawer = function Drawer(_ref) {
117
117
  $overflow: overflow,
118
118
  onTransitionEnd: handleTransitionEnd
119
119
  }, /*#__PURE__*/React.createElement(S.DragHandle, {
120
- $bg: title ? palette.titleBg : palette.bg,
121
120
  onPointerDown: handlePointerDown,
122
121
  onPointerMove: handlePointerMove,
123
122
  onPointerUp: handlePointerUp,
package/dist/esm/components/common/Drawer/styles.js CHANGED
@@ -28,13 +28,13 @@ export var Sheet = styled.div.withConfig({
28
28
  var $overflow = _ref5.$overflow;
29
29
  return $overflow === 'visible' ? css(["overflow:visible;"]) : css(["overflow-y:auto;"]);
30
30
  });
31
+
32
+ // Зона перетаскивания лежит поверх контента (как DragIndicatorWrapper в react-modal-sheet),
33
+ // чтобы шапка-картинка могла подниматься под индикатор без белой полосы сверху.
31
34
  export var DragHandle = styled.div.withConfig({
32
35
  displayName: "styles__DragHandle",
33
36
  componentId: "sc-1kysg49-3"
34
- })(["position:relative;flex:0 0 auto;height:28px;background-color:", ";border-radius:10px 10px 0 0;touch-action:none;cursor:grab;&:active{cursor:grabbing;}"], function (_ref6) {
35
- var $bg = _ref6.$bg;
36
- return $bg;
37
- });
37
+ })(["position:absolute;top:0;left:0;right:0;height:28px;z-index:1;touch-action:none;cursor:grab;&:active{cursor:grabbing;}"]);
38
38
  export var DragIndicator = styled.div.withConfig({
39
39
  displayName: "styles__DragIndicator",
40
40
  componentId: "sc-1kysg49-4"
@@ -42,17 +42,17 @@ export var DragIndicator = styled.div.withConfig({
42
42
  export var Title = styled.div.withConfig({
43
43
  displayName: "styles__Title",
44
44
  componentId: "sc-1kysg49-5"
45
- })(["background-color:", ";padding:30px;position:relative;text-align:center;"], function (_ref7) {
46
- var $bg = _ref7.$bg;
45
+ })(["background-color:", ";padding:30px;position:relative;text-align:center;"], function (_ref6) {
46
+ var $bg = _ref6.$bg;
47
47
  return $bg;
48
48
  });
49
49
  export var ChildrenWrapper = styled.div.withConfig({
50
50
  displayName: "styles__ChildrenWrapper",
51
51
  componentId: "sc-1kysg49-6"
52
- })(["", ";background-color:", ";"], function (_ref8) {
53
- var $isPadding = _ref8.$isPadding;
52
+ })(["", ";background-color:", ";"], function (_ref7) {
53
+ var $isPadding = _ref7.$isPadding;
54
54
  return $isPadding && 'padding: 32px 16px 36px';
55
- }, function (_ref9) {
56
- var $bgColor = _ref9.$bgColor;
55
+ }, function (_ref8) {
56
+ var $bgColor = _ref8.$bgColor;
57
57
  return $bgColor;
58
58
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@invoicebox/ui",
3
- "version": "0.1.0-alpha.316",
3
+ "version": "0.1.0-alpha.317",
4
4
  "description": "Invoicebox UI",
5
5
  "license": "Apache License 2.0",
6
6
  "scripts": {