@itcase/storybook-config 1.1.100 → 1.1.102

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 (4) hide show
  1. package/dist/cjs/decorators/withLayoutDecorator.js +17 -10
  2. package/dist/css/preview.css +36 -0
  3. package/dist/decorators/withLayoutDecorator.js +17 -10
  4. package/package.json +1 -1
package/dist/cjs/decorators/withLayoutDecorator.js CHANGED
@@ -10,28 +10,35 @@ function withLayoutDecorator() {
10
10
  right: 'sb-layout-right',
11
11
  bottom: 'sb-layout-bottom',
12
12
  left: 'sb-layout-left',
13
+ bottomFull: 'sb-layout-bottom-full',
13
14
  center: 'sb-layout-center',
14
15
  leftFull: 'sb-layout-left-full',
15
- rightFull: 'sb-layout-right-full'
16
+ rightFull: 'sb-layout-right-full',
17
+ topFull: 'sb-layout-top-full'
16
18
  };
17
19
  var layoutClass = layouts[(parameters == null ? void 0 : parameters.layout) || ''];
18
20
  var maxWidthStyle = {
19
21
  width: parameters.maxWidth && '100%',
20
22
  maxWidth: parameters == null ? void 0 : parameters.maxWidth
21
23
  };
22
- if (!layoutClass && !parameters.maxWidth) {
23
- return /*#__PURE__*/React.createElement(Story, null);
24
- }
25
- if (!layoutClass) {
24
+ if (!layoutClass && parameters.maxWidth) {
26
25
  return /*#__PURE__*/React.createElement("div", {
27
26
  style: maxWidthStyle
28
27
  }, /*#__PURE__*/React.createElement(Story, null));
29
28
  }
30
- return /*#__PURE__*/React.createElement("div", {
31
- className: layoutClass
32
- }, /*#__PURE__*/React.createElement("div", {
33
- style: maxWidthStyle
34
- }, /*#__PURE__*/React.createElement(Story, null)));
29
+ if (layoutClass && !parameters.maxWidth) {
30
+ return /*#__PURE__*/React.createElement("div", {
31
+ className: layoutClass
32
+ }, /*#__PURE__*/React.createElement(Story, null));
33
+ }
34
+ if (layoutClass && parameters.maxWidth) {
35
+ return /*#__PURE__*/React.createElement("div", {
36
+ className: layoutClass
37
+ }, /*#__PURE__*/React.createElement("div", {
38
+ style: maxWidthStyle
39
+ }, /*#__PURE__*/React.createElement(Story, null)));
40
+ }
41
+ return /*#__PURE__*/React.createElement(Story, null);
35
42
  };
36
43
  }
37
44
 
package/dist/css/preview.css CHANGED
@@ -38,6 +38,16 @@
38
38
  display: flex;
39
39
  justify-content: center;
40
40
  align-items: flex-start;
41
+ &-full {
42
+ min-height: 100vh;
43
+ display: flex;
44
+ justify-content: center;
45
+ align-items: flex-start;
46
+ & > div {
47
+ display: flex;
48
+ min-width: 100vh;
49
+ }
50
+ }
41
51
  }
42
52
  &-right {
43
53
  min-height: 100vh;
@@ -45,6 +55,10 @@
45
55
  justify-content: flex-end;
46
56
  align-items: center;
47
57
  &-full {
58
+ min-height: 100vh;
59
+ display: flex;
60
+ justify-content: flex-end;
61
+ align-items: center;
48
62
  & > div {
49
63
  display: flex;
50
64
  min-height: 100vh;
@@ -56,6 +70,16 @@
56
70
  display: flex;
57
71
  justify-content: center;
58
72
  align-items: flex-end;
73
+ &-full {
74
+ min-height: 100vh;
75
+ display: flex;
76
+ justify-content: center;
77
+ align-items: flex-end;
78
+ & > div {
79
+ display: flex;
80
+ min-width: 100vh;
81
+ }
82
+ }
59
83
  }
60
84
  &-left {
61
85
  min-height: 100vh;
@@ -63,6 +87,10 @@
63
87
  justify-content: flex-start;
64
88
  align-items: center;
65
89
  &-full {
90
+ min-height: 100vh;
91
+ display: flex;
92
+ justify-content: flex-start;
93
+ align-items: center;
66
94
  & > div {
67
95
  display: flex;
68
96
  min-height: 100vh;
@@ -79,6 +107,14 @@
79
107
  width: auto;
80
108
  }
81
109
  &-full {
110
+ min-height: 100vh;
111
+ display: flex;
112
+ justify-content: center;
113
+ align-items: center;
114
+ & > div[class*='group width_fill'],
115
+ & > div[class*='group width_fill'] {
116
+ width: auto;
117
+ }
82
118
  & > div {
83
119
  display: flex;
84
120
  min-height: 100vh;
package/dist/decorators/withLayoutDecorator.js CHANGED
@@ -8,28 +8,35 @@ function withLayoutDecorator() {
8
8
  right: 'sb-layout-right',
9
9
  bottom: 'sb-layout-bottom',
10
10
  left: 'sb-layout-left',
11
+ bottomFull: 'sb-layout-bottom-full',
11
12
  center: 'sb-layout-center',
12
13
  leftFull: 'sb-layout-left-full',
13
- rightFull: 'sb-layout-right-full'
14
+ rightFull: 'sb-layout-right-full',
15
+ topFull: 'sb-layout-top-full'
14
16
  };
15
17
  var layoutClass = layouts[(parameters == null ? void 0 : parameters.layout) || ''];
16
18
  var maxWidthStyle = {
17
19
  width: parameters.maxWidth && '100%',
18
20
  maxWidth: parameters == null ? void 0 : parameters.maxWidth
19
21
  };
20
- if (!layoutClass && !parameters.maxWidth) {
21
- return /*#__PURE__*/React.createElement(Story, null);
22
- }
23
- if (!layoutClass) {
22
+ if (!layoutClass && parameters.maxWidth) {
24
23
  return /*#__PURE__*/React.createElement("div", {
25
24
  style: maxWidthStyle
26
25
  }, /*#__PURE__*/React.createElement(Story, null));
27
26
  }
28
- return /*#__PURE__*/React.createElement("div", {
29
- className: layoutClass
30
- }, /*#__PURE__*/React.createElement("div", {
31
- style: maxWidthStyle
32
- }, /*#__PURE__*/React.createElement(Story, null)));
27
+ if (layoutClass && !parameters.maxWidth) {
28
+ return /*#__PURE__*/React.createElement("div", {
29
+ className: layoutClass
30
+ }, /*#__PURE__*/React.createElement(Story, null));
31
+ }
32
+ if (layoutClass && parameters.maxWidth) {
33
+ return /*#__PURE__*/React.createElement("div", {
34
+ className: layoutClass
35
+ }, /*#__PURE__*/React.createElement("div", {
36
+ style: maxWidthStyle
37
+ }, /*#__PURE__*/React.createElement(Story, null)));
38
+ }
39
+ return /*#__PURE__*/React.createElement(Story, null);
33
40
  };
34
41
  }
35
42
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@itcase/storybook-config",
3
- "version": "1.1.100",
3
+ "version": "1.1.102",
4
4
  "author": "ITCase",
5
5
  "description": "Storybook configuration package",
6
6
  "engines": {