imbric-theme 0.3.3 → 0.3.6
Sign up to get free protection for your applications and to get access to all the features.
- package/.storybook/main.js +1 -1
- package/atoms/AlertModal/AlertModal.js +77 -0
- package/atoms/AlertModal/AlertModal.module.css +3 -0
- package/atoms/AlertModal/AlertModal.stories.js +30 -0
- package/atoms/AlertModal/constants.js +4 -0
- package/atoms/AlertModal/index.js +3 -0
- package/atoms/Button/Button.js +5 -2
- package/atoms/Button/Button.module.css +6 -3
- package/atoms/Checkbox/Checkbox.js +66 -0
- package/atoms/Checkbox/Checkbox.module.css +54 -0
- package/atoms/Checkbox/Checkbox.stories.js +30 -0
- package/atoms/Checkbox/constants.js +1 -0
- package/atoms/Checkbox/index.js +3 -0
- package/atoms/Heading/Heading.js +1 -1
- package/atoms/Heading/Heading.module.css +4 -0
- package/atoms/Heading/constants.js +1 -1
- package/atoms/Icon/constants.js +30 -6
- package/atoms/Input/Input.js +22 -5
- package/atoms/Input/Input.module.css +26 -6
- package/atoms/Input/Input.stories.js +8 -2
- package/atoms/Input/__snapshots__/Input.stories.js.snap +5 -5
- package/atoms/Input/constants.js +1 -1
- package/atoms/Label/Label.js +31 -0
- package/atoms/Label/Label.module.css +38 -0
- package/atoms/Label/Label.stories.js +26 -0
- package/atoms/Label/constants.js +1 -0
- package/atoms/Label/index.js +3 -0
- package/atoms/LinkItem/LinkItem.js +36 -0
- package/atoms/{Link/Link.module.css → LinkItem/LinkItem.module.css} +6 -1
- package/atoms/{Link/Link.stories.js → LinkItem/LinkItem.stories.js} +5 -5
- package/atoms/{Link → LinkItem}/__snapshots__/Link.stories.js.snap +0 -0
- package/atoms/{Link → LinkItem}/constants.js +0 -0
- package/atoms/LinkItem/index.js +3 -0
- package/atoms/Paragraph/Paragraph.module.css +4 -0
- package/hook/useAddColumn.js +40 -0
- package/hook/useStateDate.js +25 -0
- package/hook/useTable.js +45 -0
- package/index.js +23 -2
- package/jest.config.js +1 -1
- package/layout/DynamicTable/DynamicTable.js +172 -0
- package/layout/DynamicTable/DynamicTable.module.css +63 -0
- package/layout/DynamicTable/DynamicTable.stories.js +77 -0
- package/layout/DynamicTable/constants.js +323 -0
- package/layout/DynamicTable/index.js +3 -0
- package/layout/Navbar/Navbar.js +19 -11
- package/layout/Navbar/Navbar.module.css +4 -2
- package/layout/Navbar/Navbar.stories.js +2 -1
- package/layout/Sidebar/Sidebar.module.css +1 -0
- package/molecules/CheckList/CheckList.js +135 -0
- package/molecules/CheckList/CheckList.module.css +94 -0
- package/molecules/CheckList/CheckList.stories.js +25 -0
- package/molecules/CheckList/constants.js +23 -0
- package/molecules/CheckList/index.js +3 -0
- package/molecules/ColumnTable/ColumnTable.js +126 -0
- package/molecules/ColumnTable/ColumnTable.module.css +22 -0
- package/molecules/ColumnTable/ColumnTable.stories.js +26 -0
- package/molecules/ColumnTable/constants.js +111 -0
- package/molecules/ColumnTable/index.js +3 -0
- package/molecules/DatePicker/DatePicker.js +236 -0
- package/molecules/DatePicker/DatePicker.module.css +38 -0
- package/molecules/DatePicker/DatePicker.stories.js +23 -0
- package/molecules/DatePicker/constants.js +3 -0
- package/molecules/DatePicker/index.js +3 -0
- package/molecules/Dropdown/Dropdown.js +25 -22
- package/molecules/Dropdown/Dropdown.module.css +21 -3
- package/molecules/DynamicSelect/DynamicSelect.js +118 -0
- package/molecules/DynamicSelect/DynamicSelect.module.css +10 -0
- package/molecules/DynamicSelect/DynamicSelect.stories.js +32 -0
- package/molecules/DynamicSelect/constants.js +7 -0
- package/molecules/DynamicSelect/index.js +3 -0
- package/molecules/Error/Error.js +2 -2
- package/molecules/Error/Error.module.css +3 -2
- package/molecules/FooterTable/FooterTable.js +47 -0
- package/molecules/FooterTable/FooterTable.module.css +37 -0
- package/molecules/FooterTable/FooterTable.stories.js +23 -0
- package/molecules/FooterTable/constants.js +1 -0
- package/molecules/FooterTable/index.js +3 -0
- package/molecules/RowTable/RowTable.js +68 -0
- package/molecules/RowTable/RowTable.module.css +22 -0
- package/molecules/RowTable/RowTable.stories.js +26 -0
- package/molecules/RowTable/constants.js +305 -0
- package/molecules/RowTable/index.js +3 -0
- package/package.json +8 -1
- package/pages/Login/Login.js +102 -0
- package/pages/Login/Login.module.css +5 -0
- package/pages/Login/Login.stories.js +23 -0
- package/pages/Login/constants.js +1 -0
- package/pages/Login/index.js +3 -0
- package/pages/Login/validation/loginSchema.js +5 -0
- package/public/static/logologin.svg +16 -0
- package/scripts/create-component.js +2 -1
- package/storybook-static/0.263f852f.iframe.bundle.js +1 -0
- package/storybook-static/0.91dbd3f3aa2099d25061.manager.bundle.js +1 -0
- package/storybook-static/1.17e9ac7e.iframe.bundle.js +3 -0
- package/storybook-static/1.17e9ac7e.iframe.bundle.js.LICENSE.txt +8 -0
- package/storybook-static/1.17e9ac7e.iframe.bundle.js.map +1 -0
- package/storybook-static/2.cc4000c2.iframe.bundle.js +1 -0
- package/storybook-static/3.e9f95d01.iframe.bundle.js +1 -0
- package/storybook-static/4.be0a752c9f5176d6eec1.manager.bundle.js +2 -0
- package/storybook-static/4.be0a752c9f5176d6eec1.manager.bundle.js.LICENSE.txt +8 -0
- package/storybook-static/5.8efdde123acaf8fbb100.manager.bundle.js +1 -0
- package/storybook-static/6.2f82294ae0b087aecb24.manager.bundle.js +2 -0
- package/storybook-static/6.2f82294ae0b087aecb24.manager.bundle.js.LICENSE.txt +12 -0
- package/storybook-static/7.97068037.iframe.bundle.js +1 -0
- package/storybook-static/7.fa9452d2609e8a00f314.manager.bundle.js +1 -0
- package/storybook-static/8.66f5ef1c66fc4628f127.manager.bundle.js +1 -0
- package/storybook-static/8.b545d602.iframe.bundle.js +3 -0
- package/storybook-static/8.b545d602.iframe.bundle.js.LICENSE.txt +12 -0
- package/storybook-static/8.b545d602.iframe.bundle.js.map +1 -0
- package/storybook-static/9.269ed917.iframe.bundle.js +1 -0
- package/storybook-static/favicon.ico +0 -0
- package/storybook-static/iframe.html +348 -0
- package/storybook-static/index.html +59 -0
- package/storybook-static/main.157061c9.iframe.bundle.js +1 -0
- package/storybook-static/main.5a07347846ccf2d7e5dc.manager.bundle.js +1 -0
- package/storybook-static/runtime~main.a14e6e62.iframe.bundle.js +1 -0
- package/storybook-static/runtime~main.f78c3fae275fc212c109.manager.bundle.js +1 -0
- package/storybook-static/static/logo.svg +19 -0
- package/storybook-static/static/logologin.svg +16 -0
- package/storybook-static/static/logotipo.svg +50 -0
- package/storybook-static/static/logotipoS.svg +26 -0
- package/storybook-static/vendors~main.720e76f4.iframe.bundle.js +3 -0
- package/storybook-static/vendors~main.720e76f4.iframe.bundle.js.LICENSE.txt +110 -0
- package/storybook-static/vendors~main.720e76f4.iframe.bundle.js.map +1 -0
- package/storybook-static/vendors~main.fcd0b2a3431ddf75f5f7.manager.bundle.js +2 -0
- package/storybook-static/vendors~main.fcd0b2a3431ddf75f5f7.manager.bundle.js.LICENSE.txt +101 -0
- package/styles/globals.css +592 -0
- package/styles/tokens.css +2 -1
- package/tokens/index.js +2 -1
- package/atoms/Link/Link.js +0 -33
- package/atoms/Link/index.js +0 -3
@@ -0,0 +1,348 @@
|
|
1
|
+
<!doctype html><html lang="en"><head><meta charset="utf-8"><title>Webpack App</title><meta name="viewport" content="width=device-width,initial-scale=1"><base target="_parent"><style>:not(.sb-show-preparing-story) > .sb-preparing-story,
|
2
|
+
:not(.sb-show-preparing-docs) > .sb-preparing-docs,
|
3
|
+
:not(.sb-show-nopreview) > .sb-nopreview,
|
4
|
+
:not(.sb-show-errordisplay) > .sb-errordisplay {
|
5
|
+
display: none;
|
6
|
+
}
|
7
|
+
|
8
|
+
.sb-show-main.sb-main-centered {
|
9
|
+
margin: 0;
|
10
|
+
display: flex;
|
11
|
+
align-items: center;
|
12
|
+
min-height: 100vh;
|
13
|
+
}
|
14
|
+
|
15
|
+
.sb-show-main.sb-main-centered #root {
|
16
|
+
box-sizing: border-box;
|
17
|
+
margin: auto;
|
18
|
+
padding: 1rem;
|
19
|
+
max-height: 100%; /* Hack for centering correctly in IE11 */
|
20
|
+
}
|
21
|
+
|
22
|
+
/* Vertical centering fix for IE11 */
|
23
|
+
@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
|
24
|
+
.sb-show-main.sb-main-centered:after {
|
25
|
+
content: '';
|
26
|
+
min-height: inherit;
|
27
|
+
font-size: 0;
|
28
|
+
}
|
29
|
+
}
|
30
|
+
|
31
|
+
.sb-show-main.sb-main-fullscreen {
|
32
|
+
margin: 0;
|
33
|
+
padding: 0;
|
34
|
+
display: block;
|
35
|
+
}
|
36
|
+
|
37
|
+
.sb-show-main.sb-main-padded {
|
38
|
+
margin: 0;
|
39
|
+
padding: 1rem;
|
40
|
+
display: block;
|
41
|
+
box-sizing: border-box;
|
42
|
+
}
|
43
|
+
|
44
|
+
.sb-wrapper {
|
45
|
+
position: fixed;
|
46
|
+
top: 0;
|
47
|
+
bottom: 0;
|
48
|
+
left: 0;
|
49
|
+
right: 0;
|
50
|
+
padding: 20px;
|
51
|
+
font-family: 'Nunito Sans', -apple-system, '.SFNSText-Regular', 'San Francisco',
|
52
|
+
BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
53
|
+
-webkit-font-smoothing: antialiased;
|
54
|
+
overflow: auto;
|
55
|
+
}
|
56
|
+
|
57
|
+
.sb-heading {
|
58
|
+
font-size: 14px;
|
59
|
+
font-weight: 600;
|
60
|
+
letter-spacing: 0.2px;
|
61
|
+
margin: 10px 0;
|
62
|
+
padding-right: 25px;
|
63
|
+
}
|
64
|
+
|
65
|
+
.sb-nopreview {
|
66
|
+
display: flex;
|
67
|
+
align-content: center;
|
68
|
+
justify-content: center;
|
69
|
+
}
|
70
|
+
|
71
|
+
.sb-nopreview_main {
|
72
|
+
margin: auto;
|
73
|
+
padding: 30px;
|
74
|
+
border-radius: 10px;
|
75
|
+
background: rgba(0, 0, 0, 0.03);
|
76
|
+
}
|
77
|
+
|
78
|
+
.sb-nopreview_heading {
|
79
|
+
text-align: center;
|
80
|
+
}
|
81
|
+
|
82
|
+
.sb-errordisplay {
|
83
|
+
border: 20px solid rgb(187, 49, 49);
|
84
|
+
background: #222;
|
85
|
+
color: #fff;
|
86
|
+
z-index: 999999;
|
87
|
+
}
|
88
|
+
|
89
|
+
.sb-errordisplay_code {
|
90
|
+
padding: 10px;
|
91
|
+
background: #000;
|
92
|
+
color: #eee;
|
93
|
+
font-family: 'Operator Mono', 'Fira Code Retina', 'Fira Code', 'FiraCode-Retina', 'Andale Mono',
|
94
|
+
'Lucida Console', Consolas, Monaco, monospace;
|
95
|
+
}
|
96
|
+
|
97
|
+
.sb-errordisplay pre {
|
98
|
+
white-space: pre-wrap;
|
99
|
+
}
|
100
|
+
|
101
|
+
@-webkit-keyframes sb-rotate360 {
|
102
|
+
from {
|
103
|
+
transform: rotate(0deg);
|
104
|
+
}
|
105
|
+
to {
|
106
|
+
transform: rotate(360deg);
|
107
|
+
}
|
108
|
+
}
|
109
|
+
@keyframes sb-rotate360 {
|
110
|
+
from {
|
111
|
+
transform: rotate(0deg);
|
112
|
+
}
|
113
|
+
to {
|
114
|
+
transform: rotate(360deg);
|
115
|
+
}
|
116
|
+
}
|
117
|
+
@-webkit-keyframes sb-glow {
|
118
|
+
0%,
|
119
|
+
100% {
|
120
|
+
opacity: 1;
|
121
|
+
}
|
122
|
+
50% {
|
123
|
+
opacity: 0.4;
|
124
|
+
}
|
125
|
+
}
|
126
|
+
@keyframes sb-glow {
|
127
|
+
0%,
|
128
|
+
100% {
|
129
|
+
opacity: 1;
|
130
|
+
}
|
131
|
+
50% {
|
132
|
+
opacity: 0.4;
|
133
|
+
}
|
134
|
+
}
|
135
|
+
|
136
|
+
/* We display the preparing loaders *over* the rendering story */
|
137
|
+
.sb-preparing-story,
|
138
|
+
.sb-preparing-docs {
|
139
|
+
background-color: white;
|
140
|
+
}
|
141
|
+
|
142
|
+
.sb-loader {
|
143
|
+
-webkit-animation: sb-rotate360 0.7s linear infinite;
|
144
|
+
animation: sb-rotate360 0.7s linear infinite;
|
145
|
+
border-color: rgba(97, 97, 97, 0.29);
|
146
|
+
border-radius: 50%;
|
147
|
+
border-style: solid;
|
148
|
+
border-top-color: #646464;
|
149
|
+
border-width: 2px;
|
150
|
+
display: inline-block;
|
151
|
+
height: 32px;
|
152
|
+
left: 50%;
|
153
|
+
margin-left: -16px;
|
154
|
+
margin-top: -16px;
|
155
|
+
mix-blend-mode: difference;
|
156
|
+
overflow: hidden;
|
157
|
+
position: absolute;
|
158
|
+
top: 50%;
|
159
|
+
transition: all 200ms ease-out;
|
160
|
+
vertical-align: top;
|
161
|
+
width: 32px;
|
162
|
+
z-index: 4;
|
163
|
+
}
|
164
|
+
|
165
|
+
.sb-previewBlock {
|
166
|
+
background: #fff;
|
167
|
+
border: 1px solid rgba(0, 0, 0, 0.1);
|
168
|
+
border-radius: 4px;
|
169
|
+
box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px 0;
|
170
|
+
margin: 25px auto 40px;
|
171
|
+
max-width: 600px;
|
172
|
+
}
|
173
|
+
|
174
|
+
.sb-previewBlock_header {
|
175
|
+
align-items: center;
|
176
|
+
box-shadow: rgba(0, 0, 0, 0.1) 0 -1px 0 0 inset;
|
177
|
+
display: flex;
|
178
|
+
gap: 14px;
|
179
|
+
height: 40px;
|
180
|
+
padding: 0 12px;
|
181
|
+
}
|
182
|
+
|
183
|
+
.sb-previewBlock_icon {
|
184
|
+
-webkit-animation: sb-glow 1.5s ease-in-out infinite;
|
185
|
+
animation: sb-glow 1.5s ease-in-out infinite;
|
186
|
+
background: #e6e6e6;
|
187
|
+
height: 14px;
|
188
|
+
width: 14px;
|
189
|
+
}
|
190
|
+
.sb-previewBlock_icon:last-child {
|
191
|
+
margin-left: auto;
|
192
|
+
}
|
193
|
+
|
194
|
+
.sb-previewBlock_body {
|
195
|
+
-webkit-animation: sb-glow 1.5s ease-in-out infinite;
|
196
|
+
animation: sb-glow 1.5s ease-in-out infinite;
|
197
|
+
height: 182px;
|
198
|
+
position: relative;
|
199
|
+
}
|
200
|
+
|
201
|
+
.sb-argstableBlock {
|
202
|
+
border-collapse: collapse;
|
203
|
+
border-spacing: 0;
|
204
|
+
font-size: 13px;
|
205
|
+
line-height: 20px;
|
206
|
+
margin: 25px auto 40px;
|
207
|
+
max-width: 600px;
|
208
|
+
text-align: left;
|
209
|
+
width: 100%;
|
210
|
+
}
|
211
|
+
.sb-argstableBlock th:first-of-type,
|
212
|
+
.sb-argstableBlock td:first-of-type {
|
213
|
+
padding-left: 20px;
|
214
|
+
}
|
215
|
+
.sb-argstableBlock th:nth-of-type(2),
|
216
|
+
.sb-argstableBlock td:nth-of-type(2) {
|
217
|
+
width: 35%;
|
218
|
+
}
|
219
|
+
.sb-argstableBlock th:nth-of-type(3),
|
220
|
+
.sb-argstableBlock td:nth-of-type(3) {
|
221
|
+
width: 15%;
|
222
|
+
}
|
223
|
+
.sb-argstableBlock th:laste-of-type,
|
224
|
+
.sb-argstableBlock td:laste-of-type {
|
225
|
+
width: 25%;
|
226
|
+
padding-right: 20px;
|
227
|
+
}
|
228
|
+
.sb-argstableBlock th span,
|
229
|
+
.sb-argstableBlock td span {
|
230
|
+
-webkit-animation: sb-glow 1.5s ease-in-out infinite;
|
231
|
+
animation: sb-glow 1.5s ease-in-out infinite;
|
232
|
+
background-color: rgba(0, 0, 0, 0.1);
|
233
|
+
border-radius: 0;
|
234
|
+
box-shadow: none;
|
235
|
+
color: transparent;
|
236
|
+
}
|
237
|
+
.sb-argstableBlock th {
|
238
|
+
padding: 10px 15px;
|
239
|
+
}
|
240
|
+
|
241
|
+
.sb-argstableBlock-body {
|
242
|
+
border-radius: 4px;
|
243
|
+
box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px 1px, rgba(0, 0, 0, 0.065) 0 0 0 1px;
|
244
|
+
}
|
245
|
+
.sb-argstableBlock-body tr {
|
246
|
+
background: transparent;
|
247
|
+
overflow: hidden;
|
248
|
+
}
|
249
|
+
.sb-argstableBlock-body tr:not(:first-child) {
|
250
|
+
border-top: 1px solid #e6e6e6;
|
251
|
+
}
|
252
|
+
.sb-argstableBlock-body tr:first-child td:first-child {
|
253
|
+
border-top-left-radius: 4px;
|
254
|
+
}
|
255
|
+
.sb-argstableBlock-body tr:first-child td:last-child {
|
256
|
+
border-top-right-radius: 4px;
|
257
|
+
}
|
258
|
+
.sb-argstableBlock-body tr:last-child td:first-child {
|
259
|
+
border-bottom-left-radius: 4px;
|
260
|
+
}
|
261
|
+
.sb-argstableBlock-body tr:last-child td:last-child {
|
262
|
+
border-bottom-right-radius: 4px;
|
263
|
+
}
|
264
|
+
.sb-argstableBlock-body td {
|
265
|
+
background: #fff;
|
266
|
+
padding-bottom: 10px;
|
267
|
+
padding-top: 10px;
|
268
|
+
vertical-align: top;
|
269
|
+
}
|
270
|
+
.sb-argstableBlock-body td:not(:first-of-type) {
|
271
|
+
padding-left: 15px;
|
272
|
+
padding-right: 15px;
|
273
|
+
}
|
274
|
+
.sb-argstableBlock-body button {
|
275
|
+
-webkit-animation: sb-glow 1.5s ease-in-out infinite;
|
276
|
+
animation: sb-glow 1.5s ease-in-out infinite;
|
277
|
+
background-color: rgba(0, 0, 0, 0.1);
|
278
|
+
border: 0;
|
279
|
+
border-radius: 0;
|
280
|
+
box-shadow: none;
|
281
|
+
color: transparent;
|
282
|
+
display: inline;
|
283
|
+
font-size: 12px;
|
284
|
+
line-height: 1;
|
285
|
+
padding: 10px 16px;
|
286
|
+
}
|
287
|
+
|
288
|
+
.sb-argstableBlock-summary {
|
289
|
+
margin-top: 4px;
|
290
|
+
}
|
291
|
+
|
292
|
+
.sb-argstableBlock-code {
|
293
|
+
margin-right: 4px;
|
294
|
+
margin-bottom: 4px;
|
295
|
+
padding: 2px 5px;
|
296
|
+
}</style><script>/* globals window */
|
297
|
+
/* eslint-disable no-underscore-dangle */
|
298
|
+
try {
|
299
|
+
if (window.top !== window) {
|
300
|
+
window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.top.__REACT_DEVTOOLS_GLOBAL_HOOK__;
|
301
|
+
window.__VUE_DEVTOOLS_GLOBAL_HOOK__ = window.top.__VUE_DEVTOOLS_GLOBAL_HOOK__;
|
302
|
+
window.top.__VUE_DEVTOOLS_CONTEXT__ = window.document;
|
303
|
+
}
|
304
|
+
} catch (e) {
|
305
|
+
// eslint-disable-next-line no-console
|
306
|
+
console.warn('unable to connect to top frame for connecting dev tools');
|
307
|
+
}
|
308
|
+
|
309
|
+
window.onerror = function onerror(message, source, line, column, err) {
|
310
|
+
if (window.CONFIG_TYPE !== 'DEVELOPMENT') return;
|
311
|
+
// eslint-disable-next-line no-var, vars-on-top
|
312
|
+
var xhr = new window.XMLHttpRequest();
|
313
|
+
xhr.open('POST', '/runtime-error');
|
314
|
+
xhr.setRequestHeader('Content-Type', 'application/json;charset=UTF-8');
|
315
|
+
xhr.send(
|
316
|
+
JSON.stringify({
|
317
|
+
/* eslint-disable object-shorthand */
|
318
|
+
message: message,
|
319
|
+
source: source,
|
320
|
+
line: line,
|
321
|
+
column: column,
|
322
|
+
error: err && { message: err.message, name: err.name, stack: err.stack },
|
323
|
+
origin: 'preview',
|
324
|
+
/* eslint-enable object-shorthand */
|
325
|
+
})
|
326
|
+
);
|
327
|
+
};</script><link href="https://fonts.googleapis.com/css2?family=Exo:wght@100;300;500;700&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&display=swap" rel="stylesheet"><style>#root[hidden],
|
328
|
+
#docs-root[hidden] {
|
329
|
+
display: none !important;
|
330
|
+
}</style></head><body><div class="sb-preparing-story sb-wrapper"><div class="sb-loader"></div></div><div class="sb-preparing-docs sb-wrapper"><div class="sb-previewBlock"><div class="sb-previewBlock_header"><div class="sb-previewBlock_icon"></div><div class="sb-previewBlock_icon"></div><div class="sb-previewBlock_icon"></div><div class="sb-previewBlock_icon"></div></div><div class="sb-previewBlock_body"><div class="sb-loader"></div></div></div><table aria-hidden="true" class="sb-argstableBlock"><thead class="sb-argstableBlock-head"><tr><th><span>Name</span></th><th><span>Description</span></th><th><span>Default</span></th><th><span>Control</span></th></tr></thead><tbody class="sb-argstableBlock-body"><tr><td><span>propertyName</span><span title="Required">*</span></td><td><div><span>This is a short description</span></div><div class="sb-argstableBlock-summary"><div><span class="sb-argstableBlock-code">summary</span></div></div></td><td><div><span class="sb-argstableBlock-code">defaultValue</span></div></td><td><button>Set string</button></td></tr><tr><td><span>propertyName</span><span>*</span></td><td><div><span>This is a short description</span></div><div class="sb-argstableBlock-summary"><div><span class="sb-argstableBlock-code">summary</span></div></div></td><td><div><span class="sb-argstableBlock-code">defaultValue</span></div></td><td><button>Set string</button></td></tr><tr><td><span>propertyName</span><span>*</span></td><td><div><span>This is a short description</span></div><div class="sb-argstableBlock-summary"><div><span class="sb-argstableBlock-code">summary</span></div></div></td><td><div><span class="sb-argstableBlock-code">defaultValue</span></div></td><td><button>Set string</button></td></tr></tbody></table></div><div class="sb-nopreview sb-wrapper"><div class="sb-nopreview_main"><h1 class="sb-nopreview_heading sb-heading">No Preview</h1><p>Sorry, but you either have no stories or none are selected somehow.</p><ul><li>Please check the Storybook config.</li><li>Try reloading the page.</li></ul><p>If the problem persists, check the browser console, or the terminal you've run Storybook from.</p></div></div><div class="sb-errordisplay sb-wrapper"><pre id="error-message" class="sb-heading"></pre><pre class="sb-errordisplay_code"><code id="error-stack"></code></pre></div><div id="root"></div><div id="docs-root"></div><script>window['CONFIG_TYPE'] = "PRODUCTION";
|
331
|
+
|
332
|
+
|
333
|
+
|
334
|
+
window['LOGLEVEL'] = "info";
|
335
|
+
|
336
|
+
|
337
|
+
|
338
|
+
window['FRAMEWORK_OPTIONS'] = {};
|
339
|
+
|
340
|
+
|
341
|
+
|
342
|
+
|
343
|
+
|
344
|
+
window['FEATURES'] = {"postcss":false,"emotionAlias":true,"warnOnLegacyHierarchySeparator":true};
|
345
|
+
|
346
|
+
|
347
|
+
|
348
|
+
window['STORIES'] = [{"titlePrefix":"","directory":".","files":"{tokens,atoms,molecules,layout,pages}/**/*.stories.@(js|mdx)","importPathMatcher":"^\\.[\\\\/](?:(tokens|atoms|molecules|layout|pages)(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|mdx))$"}];</script><script src="runtime~main.a14e6e62.iframe.bundle.js"></script><script src="vendors~main.720e76f4.iframe.bundle.js"></script><script src="main.157061c9.iframe.bundle.js"></script></body></html>
|
@@ -0,0 +1,59 @@
|
|
1
|
+
<!doctype html><html lang="en"><head><meta charset="utf-8"/><title>Webpack App</title><meta name="viewport" content="width=device-width,initial-scale=1"/><style>html, body {
|
2
|
+
overflow: hidden;
|
3
|
+
height: 100%;
|
4
|
+
width: 100%;
|
5
|
+
margin: 0;
|
6
|
+
padding: 0;
|
7
|
+
}
|
8
|
+
|
9
|
+
* {
|
10
|
+
box-sizing: border-box;
|
11
|
+
}</style><script>/* globals window */
|
12
|
+
/* eslint-disable no-underscore-dangle */
|
13
|
+
try {
|
14
|
+
if (window.top !== window) {
|
15
|
+
window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.top.__REACT_DEVTOOLS_GLOBAL_HOOK__;
|
16
|
+
}
|
17
|
+
} catch (e) {
|
18
|
+
// eslint-disable-next-line no-console
|
19
|
+
console.warn('unable to connect to top frame for connecting dev tools');
|
20
|
+
}
|
21
|
+
|
22
|
+
window.onerror = function onerror(message, source, line, column, err) {
|
23
|
+
if (window.CONFIG_TYPE !== 'DEVELOPMENT') return;
|
24
|
+
// eslint-disable-next-line no-var, vars-on-top
|
25
|
+
var xhr = new window.XMLHttpRequest();
|
26
|
+
xhr.open('POST', '/runtime-error');
|
27
|
+
xhr.setRequestHeader('Content-Type', 'application/json;charset=UTF-8');
|
28
|
+
xhr.send(
|
29
|
+
JSON.stringify({
|
30
|
+
/* eslint-disable object-shorthand */
|
31
|
+
message: message,
|
32
|
+
source: source,
|
33
|
+
line: line,
|
34
|
+
column: column,
|
35
|
+
error: err && { message: err.message, name: err.name, stack: err.stack },
|
36
|
+
origin: 'manager',
|
37
|
+
/* eslint-enable object-shorthand */
|
38
|
+
})
|
39
|
+
);
|
40
|
+
};</script><style>#root[hidden],
|
41
|
+
#docs-root[hidden] {
|
42
|
+
display: none !important;
|
43
|
+
}</style></head><body><div id="root"></div><div id="docs-root"></div><script>window['CONFIG_TYPE'] = "PRODUCTION";
|
44
|
+
|
45
|
+
|
46
|
+
|
47
|
+
window['LOGLEVEL'] = "info";
|
48
|
+
|
49
|
+
|
50
|
+
|
51
|
+
window['FEATURES'] = {"postcss":false,"emotionAlias":true,"warnOnLegacyHierarchySeparator":true};
|
52
|
+
|
53
|
+
|
54
|
+
|
55
|
+
|
56
|
+
|
57
|
+
|
58
|
+
|
59
|
+
window['DOCS_MODE'] = false;</script><script src="runtime~main.f78c3fae275fc212c109.manager.bundle.js"></script><script src="vendors~main.fcd0b2a3431ddf75f5f7.manager.bundle.js"></script><script src="main.5a07347846ccf2d7e5dc.manager.bundle.js"></script></body></html>
|