imbric-theme 0.2.8 → 0.3.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (75) hide show
  1. package/.storybook/preview.js +0 -1
  2. package/atoms/Button/Button.stories.js +1 -1
  3. package/atoms/Button/__snapshots__/Button.stories.js.snap +8 -8
  4. package/atoms/Heading/Heading.stories.js +2 -2
  5. package/atoms/Heading/__snapshots__/Heading.stories.js.snap +16 -16
  6. package/atoms/Paragraph/Paragraph.stories.js +2 -2
  7. package/atoms/Paragraph/__snapshots__/Paragraph.stories.js.snap +16 -16
  8. package/atoms/Tab/Tab.js +41 -0
  9. package/atoms/Tab/Tab.module.css +17 -0
  10. package/atoms/Tab/Tab.stories.js +27 -0
  11. package/atoms/Tab/constants.js +1 -0
  12. package/atoms/Tab/index.js +3 -0
  13. package/index.js +4 -1
  14. package/layout/FlexColumnContent/FlexColumnContent.js +26 -0
  15. package/layout/FlexColumnContent/FlexColumnContent.module.css +5 -0
  16. package/layout/FlexColumnContent/FlexColumnContent.stories.js +28 -0
  17. package/layout/FlexColumnContent/constants.js +1 -0
  18. package/layout/FlexColumnContent/index.js +3 -0
  19. package/layout/Navbar/Navbar.js +55 -10
  20. package/layout/Navbar/Navbar.module.css +3 -2
  21. package/layout/Navbar/Navbar.stories.js +1 -4
  22. package/layout/Sidebar/Sidebar.js +51 -256
  23. package/layout/Sidebar/Sidebar.module.css +393 -0
  24. package/layout/Sidebar/Sidebar.stories.js +4 -59
  25. package/layout/Sidebar/constants.js +185 -65
  26. package/layout/Sidebar/index.js +1 -1
  27. package/molecules/ItemMenu/ItemMenu.js +129 -0
  28. package/molecules/ItemMenu/ItemMenu.module.css +354 -0
  29. package/molecules/ItemMenu/ItemMenu.stories.js +41 -0
  30. package/molecules/ItemMenu/constants.js +33 -0
  31. package/molecules/ItemMenu/index.js +3 -0
  32. package/molecules/Tabs/Tabs.js +53 -0
  33. package/molecules/Tabs/Tabs.module.css +12 -0
  34. package/molecules/Tabs/Tabs.stories.js +34 -0
  35. package/molecules/Tabs/constants.js +29 -0
  36. package/molecules/Tabs/index.js +3 -0
  37. package/package.json +3 -2
  38. package/styles/globals.css +5 -0
  39. package/storybook-static/0.89e7d77f4d365594e982.manager.bundle.js +0 -1
  40. package/storybook-static/0.e189f835.iframe.bundle.js +0 -3
  41. package/storybook-static/0.e189f835.iframe.bundle.js.LICENSE.txt +0 -8
  42. package/storybook-static/0.e189f835.iframe.bundle.js.map +0 -1
  43. package/storybook-static/1.45d0d6aa.iframe.bundle.js +0 -3
  44. package/storybook-static/1.45d0d6aa.iframe.bundle.js.LICENSE.txt +0 -8
  45. package/storybook-static/1.45d0d6aa.iframe.bundle.js.map +0 -1
  46. package/storybook-static/2.75691da5.iframe.bundle.js +0 -1
  47. package/storybook-static/3.08d15cf4.iframe.bundle.js +0 -1
  48. package/storybook-static/4.cbd8fb943995f84e5583.manager.bundle.js +0 -2
  49. package/storybook-static/4.cbd8fb943995f84e5583.manager.bundle.js.LICENSE.txt +0 -8
  50. package/storybook-static/5.d02ab9a798461caeb506.manager.bundle.js +0 -1
  51. package/storybook-static/6.4deac86378225189a26c.manager.bundle.js +0 -2
  52. package/storybook-static/6.4deac86378225189a26c.manager.bundle.js.LICENSE.txt +0 -12
  53. package/storybook-static/7.20dbe97831bee4cf4ce4.manager.bundle.js +0 -1
  54. package/storybook-static/7.53d57a3d.iframe.bundle.js +0 -1
  55. package/storybook-static/8.33a6bfc3865ab87fcc57.manager.bundle.js +0 -1
  56. package/storybook-static/8.9b339902.iframe.bundle.js +0 -3
  57. package/storybook-static/8.9b339902.iframe.bundle.js.LICENSE.txt +0 -12
  58. package/storybook-static/8.9b339902.iframe.bundle.js.map +0 -1
  59. package/storybook-static/9.f9389e45.iframe.bundle.js +0 -1
  60. package/storybook-static/favicon.ico +0 -0
  61. package/storybook-static/iframe.html +0 -348
  62. package/storybook-static/index.html +0 -59
  63. package/storybook-static/main.45162e1b.iframe.bundle.js +0 -1
  64. package/storybook-static/main.e8773e46a6d316c46694.manager.bundle.js +0 -1
  65. package/storybook-static/runtime~main.9b3271f5.iframe.bundle.js +0 -1
  66. package/storybook-static/runtime~main.d0af9adf44459dbc718a.manager.bundle.js +0 -1
  67. package/storybook-static/static/logo.svg +0 -19
  68. package/storybook-static/static/logotipo.svg +0 -50
  69. package/storybook-static/static/logotipoS.svg +0 -26
  70. package/storybook-static/vendors~main.02332eca.iframe.bundle.js +0 -3
  71. package/storybook-static/vendors~main.02332eca.iframe.bundle.js.LICENSE.txt +0 -107
  72. package/storybook-static/vendors~main.02332eca.iframe.bundle.js.map +0 -1
  73. package/storybook-static/vendors~main.29dce51cb06d0354d6c9.manager.bundle.js +0 -2
  74. package/storybook-static/vendors~main.29dce51cb06d0354d6c9.manager.bundle.js.LICENSE.txt +0 -101
  75. package/styles/sidebar.css +0 -751
package/storybook-static/iframe.html DELETED
@@ -1,348 +0,0 @@
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}/**/*.stories.@(js|mdx)","importPathMatcher":"^\\.[\\\\/](?:(tokens|atoms|molecules|layout)(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|mdx))$"}];</script><script src="runtime~main.9b3271f5.iframe.bundle.js"></script><script src="vendors~main.02332eca.iframe.bundle.js"></script><script src="main.45162e1b.iframe.bundle.js"></script></body></html>
package/storybook-static/index.html DELETED
@@ -1,59 +0,0 @@
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.d0af9adf44459dbc718a.manager.bundle.js"></script><script src="vendors~main.29dce51cb06d0354d6c9.manager.bundle.js"></script><script src="main.e8773e46a6d316c46694.manager.bundle.js"></script></body></html>