@mailstep/design-system 0.0.0 → 0.0.2

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 (149) hide show
  1. package/package.json +18 -4
  2. package/src/ui/index.ts +2 -0
  3. package/storybook-static/assets/BadgeIcon.stories-ff71b920.js +16 -0
  4. package/storybook-static/assets/BadgeIcon.stories-ff71b920.js.map +1 -0
  5. package/storybook-static/assets/Button.stories-f88970f8.js +318 -0
  6. package/storybook-static/assets/Button.stories-f88970f8.js.map +1 -0
  7. package/storybook-static/assets/Color-6VNJS4EI-a71f6b3f.js +2 -0
  8. package/storybook-static/assets/Color-6VNJS4EI-a71f6b3f.js.map +1 -0
  9. package/storybook-static/assets/DocsRenderer-NNNQARDV-8865c748.js +365 -0
  10. package/storybook-static/assets/DocsRenderer-NNNQARDV-8865c748.js.map +1 -0
  11. package/storybook-static/assets/Icon-2b18265b.js +768 -0
  12. package/storybook-static/assets/Icon-2b18265b.js.map +1 -0
  13. package/storybook-static/assets/Icon.stories-7a5d1d5a.js +36 -0
  14. package/storybook-static/assets/Icon.stories-7a5d1d5a.js.map +1 -0
  15. package/storybook-static/assets/Spinner-8c28ae00.js +30 -0
  16. package/storybook-static/assets/Spinner-8c28ae00.js.map +1 -0
  17. package/storybook-static/assets/Spinner.stories-9892e479.js +40 -0
  18. package/storybook-static/assets/Spinner.stories-9892e479.js.map +1 -0
  19. package/storybook-static/assets/WithTooltip-4HIR6TLV-ae7ae3c0.js +2 -0
  20. package/storybook-static/assets/WithTooltip-4HIR6TLV-ae7ae3c0.js.map +1 -0
  21. package/storybook-static/assets/_commonjsHelpers-de833af9.js +2 -0
  22. package/storybook-static/assets/_commonjsHelpers-de833af9.js.map +1 -0
  23. package/storybook-static/assets/_getPrototype-c468d7b4.js +27 -0
  24. package/storybook-static/assets/_getPrototype-c468d7b4.js.map +1 -0
  25. package/storybook-static/assets/config-1152c68d.js +55 -0
  26. package/storybook-static/assets/config-1152c68d.js.map +1 -0
  27. package/storybook-static/assets/formatter-SWP5E3XI-fc1f2b16.js +157 -0
  28. package/storybook-static/assets/formatter-SWP5E3XI-fc1f2b16.js.map +1 -0
  29. package/storybook-static/assets/iframe-5c6ac1e4.js +2 -0
  30. package/storybook-static/assets/iframe-5c6ac1e4.js.map +1 -0
  31. package/storybook-static/assets/index-356e4a49.js +7 -0
  32. package/storybook-static/assets/index-356e4a49.js.map +1 -0
  33. package/storybook-static/assets/index-3fd0d1ea.js +2 -0
  34. package/storybook-static/assets/index-3fd0d1ea.js.map +1 -0
  35. package/storybook-static/assets/index-76fb7be0.js +10 -0
  36. package/storybook-static/assets/index-76fb7be0.js.map +1 -0
  37. package/storybook-static/assets/index-8d47fad6.js +2 -0
  38. package/storybook-static/assets/index-8d47fad6.js.map +1 -0
  39. package/storybook-static/assets/index-d37d4223.js +2 -0
  40. package/storybook-static/assets/index-d37d4223.js.map +1 -0
  41. package/storybook-static/assets/index-e3f94786.js +119 -0
  42. package/storybook-static/assets/index-e3f94786.js.map +1 -0
  43. package/storybook-static/assets/preview-108c1c3c.js +21 -0
  44. package/storybook-static/assets/preview-108c1c3c.js.map +1 -0
  45. package/storybook-static/assets/preview-2059b184.js +2 -0
  46. package/storybook-static/assets/preview-2059b184.js.map +1 -0
  47. package/storybook-static/assets/preview-3c29a369.js +2 -0
  48. package/storybook-static/assets/preview-3c29a369.js.map +1 -0
  49. package/storybook-static/assets/preview-6751e51d.js +2 -0
  50. package/storybook-static/assets/preview-6751e51d.js.map +1 -0
  51. package/storybook-static/assets/preview-87eac49b.js +2 -0
  52. package/storybook-static/assets/preview-87eac49b.js.map +1 -0
  53. package/storybook-static/assets/preview-b3c37142.js +8 -0
  54. package/storybook-static/assets/preview-b3c37142.js.map +1 -0
  55. package/storybook-static/assets/preview-b8d6c68d.js +397 -0
  56. package/storybook-static/assets/preview-b8d6c68d.js.map +1 -0
  57. package/storybook-static/assets/preview-bed967c6.js +2 -0
  58. package/storybook-static/assets/preview-bed967c6.js.map +1 -0
  59. package/storybook-static/assets/preview-f247b047.js +26 -0
  60. package/storybook-static/assets/preview-f247b047.js.map +1 -0
  61. package/storybook-static/assets/styled-components.browser.esm-fbe642cd.js +20 -0
  62. package/storybook-static/assets/styled-components.browser.esm-fbe642cd.js.map +1 -0
  63. package/storybook-static/assets/syntaxhighlighter-NMPM6SWI-190fec00.js +2 -0
  64. package/storybook-static/assets/syntaxhighlighter-NMPM6SWI-190fec00.js.map +1 -0
  65. package/storybook-static/favicon.svg +7 -0
  66. package/storybook-static/iframe.html +458 -0
  67. package/storybook-static/index.html +126 -0
  68. package/storybook-static/index.json +1 -0
  69. package/storybook-static/project.json +1 -0
  70. package/storybook-static/sb-addons/essentials-actions-2/manager-bundle.js +3 -0
  71. package/storybook-static/sb-addons/essentials-actions-2/manager-bundle.js.LEGAL.txt +0 -0
  72. package/storybook-static/sb-addons/essentials-backgrounds-3/manager-bundle.js +12 -0
  73. package/storybook-static/sb-addons/essentials-backgrounds-3/manager-bundle.js.LEGAL.txt +0 -0
  74. package/storybook-static/sb-addons/essentials-controls-1/manager-bundle.js +114 -0
  75. package/storybook-static/sb-addons/essentials-controls-1/manager-bundle.js.LEGAL.txt +18 -0
  76. package/storybook-static/sb-addons/essentials-measure-6/manager-bundle.js +3 -0
  77. package/storybook-static/sb-addons/essentials-measure-6/manager-bundle.js.LEGAL.txt +0 -0
  78. package/storybook-static/sb-addons/essentials-outline-7/manager-bundle.js +3 -0
  79. package/storybook-static/sb-addons/essentials-outline-7/manager-bundle.js.LEGAL.txt +0 -0
  80. package/storybook-static/sb-addons/essentials-toolbars-5/manager-bundle.js +3 -0
  81. package/storybook-static/sb-addons/essentials-toolbars-5/manager-bundle.js.LEGAL.txt +0 -0
  82. package/storybook-static/sb-addons/essentials-viewport-4/manager-bundle.js +3 -0
  83. package/storybook-static/sb-addons/essentials-viewport-4/manager-bundle.js.LEGAL.txt +0 -0
  84. package/storybook-static/sb-addons/interactions-8/manager-bundle.js +27 -0
  85. package/storybook-static/sb-addons/interactions-8/manager-bundle.js.LEGAL.txt +0 -0
  86. package/storybook-static/sb-addons/links-0/manager-bundle.js +3 -0
  87. package/storybook-static/sb-addons/links-0/manager-bundle.js.LEGAL.txt +0 -0
  88. package/storybook-static/sb-common-assets/fonts.css +31 -0
  89. package/storybook-static/sb-common-assets/nunito-sans-bold-italic.woff2 +0 -0
  90. package/storybook-static/sb-common-assets/nunito-sans-bold.woff2 +0 -0
  91. package/storybook-static/sb-common-assets/nunito-sans-italic.woff2 +0 -0
  92. package/storybook-static/sb-common-assets/nunito-sans-regular.woff2 +0 -0
  93. package/storybook-static/sb-manager/WithTooltip-4HIR6TLV-L6ICANXH.js +1 -0
  94. package/storybook-static/sb-manager/chunk-5AW67ZFX.js +348 -0
  95. package/storybook-static/sb-manager/chunk-AOJK37XK.js +406 -0
  96. package/storybook-static/sb-manager/chunk-OQCANWBN.js +7 -0
  97. package/storybook-static/sb-manager/chunk-TCCQ5FBZ.js +9 -0
  98. package/storybook-static/sb-manager/chunk-ZEU7PDD3.js +1 -0
  99. package/storybook-static/sb-manager/formatter-SWP5E3XI-7BGIK6BL.js +156 -0
  100. package/storybook-static/sb-manager/globals.js +1 -0
  101. package/storybook-static/sb-manager/index.js +1 -0
  102. package/storybook-static/sb-manager/runtime.js +1 -0
  103. package/storybook-static/sb-manager/syntaxhighlighter-NMPM6SWI-WFK223KV.js +1 -0
  104. package/storybook-static/sb-preview/globals.js +1 -0
  105. package/storybook-static/sb-preview/runtime.js +112 -0
  106. package/storybook-static/stories.json +1 -0
  107. package/storybook-static/vite.svg +1 -0
  108. package/tsconfig.json +1 -0
  109. package/vite.config.ts +30 -4
  110. package/src/stories/themes/default.ts +0 -144
  111. package/src/stories/themes/index.ts +0 -11
  112. package/src/stories/themes/light.ts +0 -10
  113. package/src/stories/themes/mailwise.ts +0 -215
  114. /package/src/{packages/ui → ui}/Elements/Button/Button.d.ts +0 -0
  115. /package/src/{packages/ui → ui}/Elements/Button/Button.tsx +0 -0
  116. /package/src/{packages/ui → ui}/Elements/Button/index.d.ts +0 -0
  117. /package/src/{packages/ui → ui}/Elements/Button/index.ts +0 -0
  118. /package/src/{packages/ui → ui}/Elements/Button/stories/Button.stories.ts +0 -0
  119. /package/src/{packages/ui → ui}/Elements/Button/styles.ts +0 -0
  120. /package/src/{packages/ui → ui}/Elements/Button/types.ts +0 -0
  121. /package/src/{packages/ui → ui}/Elements/Icon/BadgeIcon.tsx +0 -0
  122. /package/src/{packages/ui → ui}/Elements/Icon/Icon.tsx +0 -0
  123. /package/src/{packages/ui → ui}/Elements/Icon/icons/FlagCZ.tsx +0 -0
  124. /package/src/{packages/ui → ui}/Elements/Icon/icons/FlagUSA.tsx +0 -0
  125. /package/src/{packages/ui → ui}/Elements/Icon/icons/index.ts +0 -0
  126. /package/src/{packages/ui → ui}/Elements/Icon/index.d.ts +0 -0
  127. /package/src/{packages/ui → ui}/Elements/Icon/index.ts +0 -0
  128. /package/src/{packages/ui → ui}/Elements/Icon/stories/BadgeIcon.stories.tsx +0 -0
  129. /package/src/{packages/ui → ui}/Elements/Icon/stories/Icon.stories.tsx +0 -0
  130. /package/src/{packages/ui → ui}/Elements/Icon/types.ts +0 -0
  131. /package/src/{packages/ui → ui}/Elements/Spinner/README.md +0 -0
  132. /package/src/{packages/ui → ui}/Elements/Spinner/Spinner.tsx +0 -0
  133. /package/src/{packages/ui → ui}/Elements/Spinner/index.d.ts +0 -0
  134. /package/src/{packages/ui → ui}/Elements/Spinner/index.ts +0 -0
  135. /package/src/{packages/ui → ui}/Elements/Spinner/stories/Spinner.stories.ts +0 -0
  136. /package/src/{packages/ui → ui}/Elements/Spinner/styles.ts +0 -0
  137. /package/src/{packages/ui → ui}/Elements/Spinner/types.ts +0 -0
  138. /package/src/{packages/ui → ui}/Elements/Spinner/yarn.lock +0 -0
  139. /package/src/{packages/ui → ui}/ThemeProvider/README.md +0 -0
  140. /package/src/{packages/ui → ui}/ThemeProvider/ThemeProvider.d.ts +0 -0
  141. /package/src/{packages/ui → ui}/ThemeProvider/ThemeProvider.tsx +0 -0
  142. /package/src/{packages/ui → ui}/ThemeProvider/index.d.ts +0 -0
  143. /package/src/{packages/ui → ui}/ThemeProvider/index.ts +0 -0
  144. /package/src/{packages/ui → ui}/ThemeProvider/themes/default.ts +0 -0
  145. /package/src/{packages/ui → ui}/ThemeProvider/themes/index.ts +0 -0
  146. /package/src/{packages/ui → ui}/ThemeProvider/themes/light.ts +0 -0
  147. /package/src/{packages/ui → ui}/ThemeProvider/themes/mailwise.ts +0 -0
  148. /package/src/{packages/ui → ui}/ThemeProvider/types.ts +0 -0
  149. /package/src/{packages/ui → ui}/ThemeProvider/yarn.lock +0 -0
@@ -0,0 +1,458 @@
1
+ <!DOCTYPE html>
2
+ <!--suppress HtmlUnknownTarget -->
3
+ <html lang="en">
4
+
5
+ <head>
6
+ <meta charset="utf-8" />
7
+ <title>Storybook</title>
8
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
9
+
10
+ <link rel="prefetch" href="./sb-common-assets/nunito-sans-regular.woff2" as="font" type="font/woff2" crossorigin />
11
+ <link rel="prefetch" href="./sb-common-assets/nunito-sans-italic.woff2" as="font" type="font/woff2" crossorigin />
12
+ <link rel="prefetch" href="./sb-common-assets/nunito-sans-bold.woff2" as="font" type="font/woff2" crossorigin />
13
+ <link rel="prefetch" href="./sb-common-assets/nunito-sans-bold-italic.woff2" as="font" type="font/woff2" crossorigin />
14
+ <link rel="stylesheet" href="./sb-common-assets/fonts.css" />
15
+
16
+ <script>
17
+ window.CONFIG_TYPE = 'PRODUCTION';
18
+ window.LOGLEVEL = 'info';
19
+ window.FRAMEWORK_OPTIONS = {};
20
+ window.CHANNEL_OPTIONS = {};
21
+ window.FEATURES = {"warnOnLegacyHierarchySeparator":true,"buildStoriesJson":false,"storyStoreV7":true,"argTypeTargetsV7":true,"legacyDecoratorFileOrder":false};
22
+ window.STORIES = [{"titlePrefix":"","directory":"./src","files":"**/*.mdx","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.mdx)$"},{"titlePrefix":"","directory":"./src","files":"**/*.stories.@(js|jsx|ts|tsx)","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx))$"}];
23
+ window.DOCS_OPTIONS = {"defaultName":"Docs","autodocs":"tag"};
24
+
25
+ // We do this so that "module && module.hot" etc. in Storybook source code
26
+ // doesn't fail (it will simply be disabled)
27
+ window.module = undefined;
28
+ window.global = window;
29
+ </script>
30
+ <base target="_parent" />
31
+
32
+ <style>
33
+ /* While we aren't showing the main block yet, but still preparing, we want everything the user
34
+ has rendered, which may or may not be in #storybook-root, to be display none */
35
+ .sb-show-preparing-story:not(.sb-show-main) > :not(.sb-preparing-story) {
36
+ display: none;
37
+ }
38
+
39
+ .sb-show-preparing-docs:not(.sb-show-main) > :not(.sb-preparing-docs) {
40
+ display: none;
41
+ }
42
+
43
+ /* Hide our own blocks when we aren't supposed to be showing them */
44
+ :not(.sb-show-preparing-story) > .sb-preparing-story,
45
+ :not(.sb-show-preparing-docs) > .sb-preparing-docs,
46
+ :not(.sb-show-nopreview) > .sb-nopreview,
47
+ :not(.sb-show-errordisplay) > .sb-errordisplay {
48
+ display: none;
49
+ }
50
+
51
+ .sb-show-main.sb-main-centered {
52
+ margin: 0;
53
+ display: flex;
54
+ align-items: center;
55
+ min-height: 100vh;
56
+ }
57
+
58
+ .sb-show-main.sb-main-centered #storybook-root {
59
+ box-sizing: border-box;
60
+ margin: auto;
61
+ padding: 1rem;
62
+ max-height: 100%; /* Hack for centering correctly in IE11 */
63
+ }
64
+
65
+ /* Vertical centering fix for IE11 */
66
+ @media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
67
+ .sb-show-main.sb-main-centered:after {
68
+ content: '';
69
+ min-height: inherit;
70
+ font-size: 0;
71
+ }
72
+ }
73
+
74
+ .sb-show-main.sb-main-fullscreen {
75
+ margin: 0;
76
+ padding: 0;
77
+ display: block;
78
+ }
79
+
80
+ .sb-show-main.sb-main-padded {
81
+ margin: 0;
82
+ padding: 1rem;
83
+ display: block;
84
+ box-sizing: border-box;
85
+ }
86
+
87
+ .sb-wrapper {
88
+ position: fixed;
89
+ top: 0;
90
+ bottom: 0;
91
+ left: 0;
92
+ right: 0;
93
+ padding: 20px;
94
+ font-family: 'Nunito Sans', -apple-system, '.SFNSText-Regular', 'San Francisco',
95
+ BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
96
+ -webkit-font-smoothing: antialiased;
97
+ overflow: auto;
98
+ }
99
+
100
+ .sb-heading {
101
+ font-size: 14px;
102
+ font-weight: 600;
103
+ letter-spacing: 0.2px;
104
+ margin: 10px 0;
105
+ padding-right: 25px;
106
+ }
107
+
108
+ .sb-nopreview {
109
+ display: flex;
110
+ align-content: center;
111
+ justify-content: center;
112
+ }
113
+
114
+ .sb-nopreview_main {
115
+ margin: auto;
116
+ padding: 30px;
117
+ border-radius: 10px;
118
+ background: rgba(0, 0, 0, 0.03);
119
+ }
120
+
121
+ .sb-nopreview_heading {
122
+ text-align: center;
123
+ }
124
+
125
+ .sb-errordisplay {
126
+ border: 20px solid rgb(187, 49, 49);
127
+ background: #222;
128
+ color: #fff;
129
+ z-index: 999999;
130
+ }
131
+
132
+ .sb-errordisplay_code {
133
+ padding: 10px;
134
+ background: #000;
135
+ color: #eee;
136
+ font-family: 'Operator Mono', 'Fira Code Retina', 'Fira Code', 'FiraCode-Retina', 'Andale Mono',
137
+ 'Lucida Console', Consolas, Monaco, monospace;
138
+ }
139
+
140
+ .sb-errordisplay pre {
141
+ white-space: pre-wrap;
142
+ }
143
+
144
+ @-webkit-keyframes sb-rotate360 {
145
+ from {
146
+ transform: rotate(0deg);
147
+ }
148
+ to {
149
+ transform: rotate(360deg);
150
+ }
151
+ }
152
+ @keyframes sb-rotate360 {
153
+ from {
154
+ transform: rotate(0deg);
155
+ }
156
+ to {
157
+ transform: rotate(360deg);
158
+ }
159
+ }
160
+ @-webkit-keyframes sb-glow {
161
+ 0%,
162
+ 100% {
163
+ opacity: 1;
164
+ }
165
+ 50% {
166
+ opacity: 0.4;
167
+ }
168
+ }
169
+ @keyframes sb-glow {
170
+ 0%,
171
+ 100% {
172
+ opacity: 1;
173
+ }
174
+ 50% {
175
+ opacity: 0.4;
176
+ }
177
+ }
178
+
179
+ /* We display the preparing loaders *over* the rendering story */
180
+ .sb-preparing-story,
181
+ .sb-preparing-docs {
182
+ background-color: white;
183
+ /* Maximum possible z-index. It would be better to use stacking contexts to ensure it's always
184
+ on top, but this isn't possible as it would require making CSS changes that could affect user code */
185
+ z-index: 2147483647;
186
+ }
187
+
188
+ .sb-loader {
189
+ -webkit-animation: sb-rotate360 0.7s linear infinite;
190
+ animation: sb-rotate360 0.7s linear infinite;
191
+ border-color: rgba(97, 97, 97, 0.29);
192
+ border-radius: 50%;
193
+ border-style: solid;
194
+ border-top-color: #646464;
195
+ border-width: 2px;
196
+ display: inline-block;
197
+ height: 32px;
198
+ left: 50%;
199
+ margin-left: -16px;
200
+ margin-top: -16px;
201
+ mix-blend-mode: difference;
202
+ overflow: hidden;
203
+ position: absolute;
204
+ top: 50%;
205
+ transition: all 200ms ease-out;
206
+ vertical-align: top;
207
+ width: 32px;
208
+ z-index: 4;
209
+ }
210
+
211
+ .sb-previewBlock {
212
+ background: #fff;
213
+ border: 1px solid rgba(0, 0, 0, 0.1);
214
+ border-radius: 4px;
215
+ box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px 0;
216
+ margin: 25px auto 40px;
217
+ max-width: 600px;
218
+ }
219
+
220
+ .sb-previewBlock_header {
221
+ align-items: center;
222
+ box-shadow: rgba(0, 0, 0, 0.1) 0 -1px 0 0 inset;
223
+ display: flex;
224
+ gap: 14px;
225
+ height: 40px;
226
+ padding: 0 12px;
227
+ }
228
+
229
+ .sb-previewBlock_icon {
230
+ -webkit-animation: sb-glow 1.5s ease-in-out infinite;
231
+ animation: sb-glow 1.5s ease-in-out infinite;
232
+ background: #e6e6e6;
233
+ height: 14px;
234
+ width: 14px;
235
+ }
236
+ .sb-previewBlock_icon:last-child {
237
+ margin-left: auto;
238
+ }
239
+
240
+ .sb-previewBlock_body {
241
+ -webkit-animation: sb-glow 1.5s ease-in-out infinite;
242
+ animation: sb-glow 1.5s ease-in-out infinite;
243
+ height: 182px;
244
+ position: relative;
245
+ }
246
+
247
+ .sb-argstableBlock {
248
+ border-collapse: collapse;
249
+ border-spacing: 0;
250
+ font-size: 13px;
251
+ line-height: 20px;
252
+ margin: 25px auto 40px;
253
+ max-width: 600px;
254
+ text-align: left;
255
+ width: 100%;
256
+ }
257
+ .sb-argstableBlock th:first-of-type,
258
+ .sb-argstableBlock td:first-of-type {
259
+ padding-left: 20px;
260
+ }
261
+ .sb-argstableBlock th:nth-of-type(2),
262
+ .sb-argstableBlock td:nth-of-type(2) {
263
+ width: 35%;
264
+ }
265
+ .sb-argstableBlock th:nth-of-type(3),
266
+ .sb-argstableBlock td:nth-of-type(3) {
267
+ width: 15%;
268
+ }
269
+ .sb-argstableBlock th:last-of-type,
270
+ .sb-argstableBlock td:last-of-type {
271
+ width: 25%;
272
+ padding-right: 20px;
273
+ }
274
+ .sb-argstableBlock th span,
275
+ .sb-argstableBlock td span {
276
+ -webkit-animation: sb-glow 1.5s ease-in-out infinite;
277
+ animation: sb-glow 1.5s ease-in-out infinite;
278
+ background-color: rgba(0, 0, 0, 0.1);
279
+ border-radius: 0;
280
+ box-shadow: none;
281
+ color: transparent;
282
+ }
283
+ .sb-argstableBlock th {
284
+ padding: 10px 15px;
285
+ }
286
+
287
+ .sb-argstableBlock-body {
288
+ border-radius: 4px;
289
+ box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px 1px, rgba(0, 0, 0, 0.065) 0 0 0 1px;
290
+ }
291
+ .sb-argstableBlock-body tr {
292
+ background: transparent;
293
+ overflow: hidden;
294
+ }
295
+ .sb-argstableBlock-body tr:not(:first-child) {
296
+ border-top: 1px solid #e6e6e6;
297
+ }
298
+ .sb-argstableBlock-body tr:first-child td:first-child {
299
+ border-top-left-radius: 4px;
300
+ }
301
+ .sb-argstableBlock-body tr:first-child td:last-child {
302
+ border-top-right-radius: 4px;
303
+ }
304
+ .sb-argstableBlock-body tr:last-child td:first-child {
305
+ border-bottom-left-radius: 4px;
306
+ }
307
+ .sb-argstableBlock-body tr:last-child td:last-child {
308
+ border-bottom-right-radius: 4px;
309
+ }
310
+ .sb-argstableBlock-body td {
311
+ background: #fff;
312
+ padding-bottom: 10px;
313
+ padding-top: 10px;
314
+ vertical-align: top;
315
+ }
316
+ .sb-argstableBlock-body td:not(:first-of-type) {
317
+ padding-left: 15px;
318
+ padding-right: 15px;
319
+ }
320
+ .sb-argstableBlock-body button {
321
+ -webkit-animation: sb-glow 1.5s ease-in-out infinite;
322
+ animation: sb-glow 1.5s ease-in-out infinite;
323
+ background-color: rgba(0, 0, 0, 0.1);
324
+ border: 0;
325
+ border-radius: 0;
326
+ box-shadow: none;
327
+ color: transparent;
328
+ display: inline;
329
+ font-size: 12px;
330
+ line-height: 1;
331
+ padding: 10px 16px;
332
+ }
333
+
334
+ .sb-argstableBlock-summary {
335
+ margin-top: 4px;
336
+ }
337
+
338
+ .sb-argstableBlock-code {
339
+ margin-right: 4px;
340
+ margin-bottom: 4px;
341
+ padding: 2px 5px;
342
+ }
343
+ </style>
344
+
345
+ <script>
346
+ /* globals window */
347
+ /* eslint-disable no-underscore-dangle */
348
+ try {
349
+ if (window.top !== window) {
350
+ window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.top.__REACT_DEVTOOLS_GLOBAL_HOOK__;
351
+ window.__VUE_DEVTOOLS_GLOBAL_HOOK__ = window.top.__VUE_DEVTOOLS_GLOBAL_HOOK__;
352
+ window.top.__VUE_DEVTOOLS_CONTEXT__ = window.document;
353
+ }
354
+ } catch (e) {
355
+ // eslint-disable-next-line no-console
356
+ console.warn('unable to connect to top frame for connecting dev tools');
357
+ }
358
+ </script>
359
+
360
+ <script type="module" crossorigin src="./assets/iframe-5c6ac1e4.js"></script>
361
+ </head>
362
+
363
+ <body>
364
+ <div class="sb-preparing-story sb-wrapper">
365
+ <div class="sb-loader"></div>
366
+ </div>
367
+
368
+ <div class="sb-preparing-docs sb-wrapper">
369
+ <div class="sb-previewBlock">
370
+ <div class="sb-previewBlock_header">
371
+ <div class="sb-previewBlock_icon"></div>
372
+ <div class="sb-previewBlock_icon"></div>
373
+ <div class="sb-previewBlock_icon"></div>
374
+ <div class="sb-previewBlock_icon"></div>
375
+ </div>
376
+ <div class="sb-previewBlock_body">
377
+ <div class="sb-loader"></div>
378
+ </div>
379
+ </div>
380
+ <table aria-hidden="true" class="sb-argstableBlock">
381
+ <thead class="sb-argstableBlock-head">
382
+ <tr>
383
+ <th><span>Name</span></th>
384
+ <th><span>Description</span></th>
385
+ <th><span>Default</span></th>
386
+ <th><span>Control </span></th>
387
+ </tr>
388
+ </thead>
389
+ <tbody class="sb-argstableBlock-body">
390
+ <tr>
391
+ <td><span>propertyName</span><span title="Required">*</span></td>
392
+ <td>
393
+ <div><span>This is a short description</span></div>
394
+ <div class="sb-argstableBlock-summary">
395
+ <div><span class="sb-argstableBlock-code">summary</span></div>
396
+ </div>
397
+ </td>
398
+ <td>
399
+ <div><span class="sb-argstableBlock-code">defaultValue</span></div>
400
+ </td>
401
+ <td><button>Set string</button></td>
402
+ </tr>
403
+ <tr>
404
+ <td><span>propertyName</span><span>*</span></td>
405
+ <td>
406
+ <div><span>This is a short description</span></div>
407
+ <div class="sb-argstableBlock-summary">
408
+ <div><span class="sb-argstableBlock-code">summary</span></div>
409
+ </div>
410
+ </td>
411
+ <td>
412
+ <div><span class="sb-argstableBlock-code">defaultValue</span></div>
413
+ </td>
414
+ <td><button>Set string</button></td>
415
+ </tr>
416
+ <tr>
417
+ <td><span>propertyName</span><span>*</span></td>
418
+ <td>
419
+ <div><span>This is a short description</span></div>
420
+ <div class="sb-argstableBlock-summary">
421
+ <div><span class="sb-argstableBlock-code">summary</span></div>
422
+ </div>
423
+ </td>
424
+ <td>
425
+ <div><span class="sb-argstableBlock-code">defaultValue</span></div>
426
+ </td>
427
+ <td><button>Set string</button></td>
428
+ </tr>
429
+ </tbody>
430
+ </table>
431
+ </div>
432
+
433
+ <div class="sb-nopreview sb-wrapper">
434
+ <div class="sb-nopreview_main">
435
+ <h1 class="sb-nopreview_heading sb-heading">No Preview</h1>
436
+ <p>Sorry, but you either have no stories or none are selected somehow.</p>
437
+ <ul>
438
+ <li>Please check the Storybook config.</li>
439
+ <li>Try reloading the page.</li>
440
+ </ul>
441
+ <p>
442
+ If the problem persists, check the browser console, or the terminal you've run Storybook from.
443
+ </p>
444
+ </div>
445
+ </div>
446
+
447
+ <div class="sb-errordisplay sb-wrapper">
448
+ <pre id="error-message" class="sb-heading"></pre>
449
+ <pre class="sb-errordisplay_code"><code id="error-stack"></code></pre>
450
+ </div>
451
+
452
+ <div id="storybook-root"></div>
453
+ <div id="storybook-docs"></div>
454
+
455
+
456
+ </body>
457
+
458
+ </html>
@@ -0,0 +1,126 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="utf-8" />
5
+
6
+ <title>@storybook/cli - Storybook</title>
7
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
8
+
9
+
10
+ <link rel="icon" type="image/svg+xml" href="./favicon.svg" />
11
+
12
+ <link
13
+ rel="prefetch"
14
+ href="./sb-common-assets/nunito-sans-regular.woff2"
15
+ as="font"
16
+ type="font/woff2"
17
+ crossorigin
18
+ />
19
+ <link
20
+ rel="prefetch"
21
+ href="./sb-common-assets/nunito-sans-bold.woff2"
22
+ as="font"
23
+ type="font/woff2"
24
+ crossorigin
25
+ />
26
+ <link rel="stylesheet" href="./sb-common-assets/fonts.css" />
27
+
28
+ <link href="./sb-manager/runtime.js" rel="modulepreload" />
29
+
30
+
31
+ <link href="./sb-addons/links-0/manager-bundle.js" rel="modulepreload" />
32
+
33
+ <link href="./sb-addons/essentials-controls-1/manager-bundle.js" rel="modulepreload" />
34
+
35
+ <link href="./sb-addons/essentials-actions-2/manager-bundle.js" rel="modulepreload" />
36
+
37
+ <link href="./sb-addons/essentials-backgrounds-3/manager-bundle.js" rel="modulepreload" />
38
+
39
+ <link href="./sb-addons/essentials-viewport-4/manager-bundle.js" rel="modulepreload" />
40
+
41
+ <link href="./sb-addons/essentials-toolbars-5/manager-bundle.js" rel="modulepreload" />
42
+
43
+ <link href="./sb-addons/essentials-measure-6/manager-bundle.js" rel="modulepreload" />
44
+
45
+ <link href="./sb-addons/essentials-outline-7/manager-bundle.js" rel="modulepreload" />
46
+
47
+ <link href="./sb-addons/interactions-8/manager-bundle.js" rel="modulepreload" />
48
+
49
+
50
+ <style>
51
+ #storybook-root[hidden] {
52
+ display: none !important;
53
+ }
54
+ </style>
55
+
56
+
57
+ </head>
58
+ <body>
59
+ <div id="root"></div>
60
+
61
+
62
+ <script>
63
+
64
+
65
+ window['FEATURES'] = {
66
+ "warnOnLegacyHierarchySeparator": true,
67
+ "buildStoriesJson": false,
68
+ "storyStoreV7": true,
69
+ "argTypeTargetsV7": true,
70
+ "legacyDecoratorFileOrder": false
71
+ };
72
+
73
+
74
+
75
+ window['REFS'] = {};
76
+
77
+
78
+
79
+ window['LOGLEVEL'] = "info";
80
+
81
+
82
+
83
+ window['DOCS_OPTIONS'] = {
84
+ "defaultName": "Docs",
85
+ "autodocs": "tag"
86
+ };
87
+
88
+
89
+
90
+ window['CONFIG_TYPE'] = "PRODUCTION";
91
+
92
+
93
+
94
+
95
+
96
+
97
+ </script>
98
+
99
+
100
+ <script type="module">
101
+ import './sb-manager/runtime.js';
102
+
103
+
104
+ import './sb-addons/links-0/manager-bundle.js';
105
+
106
+ import './sb-addons/essentials-controls-1/manager-bundle.js';
107
+
108
+ import './sb-addons/essentials-actions-2/manager-bundle.js';
109
+
110
+ import './sb-addons/essentials-backgrounds-3/manager-bundle.js';
111
+
112
+ import './sb-addons/essentials-viewport-4/manager-bundle.js';
113
+
114
+ import './sb-addons/essentials-toolbars-5/manager-bundle.js';
115
+
116
+ import './sb-addons/essentials-measure-6/manager-bundle.js';
117
+
118
+ import './sb-addons/essentials-outline-7/manager-bundle.js';
119
+
120
+ import './sb-addons/interactions-8/manager-bundle.js';
121
+
122
+ </script>
123
+
124
+ <link href="./sb-preview/runtime.js" rel="prefetch" as="script" />
125
+ </body>
126
+ </html>
@@ -0,0 +1 @@
1
+ {"v":4,"entries":{"elements-button--docs":{"id":"elements-button--docs","title":"Elements/Button","name":"Docs","importPath":"./src/packages/ui/Elements/Button/stories/Button.stories.ts","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"elements-button--primary":{"type":"story","id":"elements-button--primary","name":"Primary","title":"Elements/Button","importPath":"./src/packages/ui/Elements/Button/stories/Button.stories.ts","tags":["autodocs","story"]},"elements-button--primary-light":{"type":"story","id":"elements-button--primary-light","name":"Primary Light","title":"Elements/Button","importPath":"./src/packages/ui/Elements/Button/stories/Button.stories.ts","tags":["autodocs","story"]},"elements-button--secondary":{"type":"story","id":"elements-button--secondary","name":"Secondary","title":"Elements/Button","importPath":"./src/packages/ui/Elements/Button/stories/Button.stories.ts","tags":["autodocs","story"]},"elements-button--success":{"type":"story","id":"elements-button--success","name":"Success","title":"Elements/Button","importPath":"./src/packages/ui/Elements/Button/stories/Button.stories.ts","tags":["autodocs","story"]},"elements-button--large":{"type":"story","id":"elements-button--large","name":"Large","title":"Elements/Button","importPath":"./src/packages/ui/Elements/Button/stories/Button.stories.ts","tags":["autodocs","story"]},"elements-button--small":{"type":"story","id":"elements-button--small","name":"Small","title":"Elements/Button","importPath":"./src/packages/ui/Elements/Button/stories/Button.stories.ts","tags":["autodocs","story"]},"elements-button--disabled-primary":{"type":"story","id":"elements-button--disabled-primary","name":"Disabled Primary","title":"Elements/Button","importPath":"./src/packages/ui/Elements/Button/stories/Button.stories.ts","tags":["autodocs","story"]},"elements-button--disabled-secondary":{"type":"story","id":"elements-button--disabled-secondary","name":"Disabled Secondary","title":"Elements/Button","importPath":"./src/packages/ui/Elements/Button/stories/Button.stories.ts","tags":["autodocs","story"]},"elements-button--loading":{"type":"story","id":"elements-button--loading","name":"Loading","title":"Elements/Button","importPath":"./src/packages/ui/Elements/Button/stories/Button.stories.ts","tags":["autodocs","story"]},"elements-button--with-icon":{"type":"story","id":"elements-button--with-icon","name":"With Icon","title":"Elements/Button","importPath":"./src/packages/ui/Elements/Button/stories/Button.stories.ts","tags":["autodocs","story"]},"elements-badgeicon--docs":{"id":"elements-badgeicon--docs","title":"Elements/BadgeIcon","name":"Docs","importPath":"./src/packages/ui/Elements/Icon/stories/BadgeIcon.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"elements-badgeicon--default":{"type":"story","id":"elements-badgeicon--default","name":"Default","title":"Elements/BadgeIcon","importPath":"./src/packages/ui/Elements/Icon/stories/BadgeIcon.stories.tsx","tags":["autodocs","story"]},"elements-icon--docs":{"id":"elements-icon--docs","title":"Elements/Icon","name":"Docs","importPath":"./src/packages/ui/Elements/Icon/stories/Icon.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"elements-icon--expedition":{"type":"story","id":"elements-icon--expedition","name":"Expedition","title":"Elements/Icon","importPath":"./src/packages/ui/Elements/Icon/stories/Icon.stories.tsx","tags":["autodocs","story"]},"elements-icon--spinning":{"type":"story","id":"elements-icon--spinning","name":"Spinning","title":"Elements/Icon","importPath":"./src/packages/ui/Elements/Icon/stories/Icon.stories.tsx","tags":["autodocs","story"]},"elements-icon--small-expedition":{"type":"story","id":"elements-icon--small-expedition","name":"Small Expedition","title":"Elements/Icon","importPath":"./src/packages/ui/Elements/Icon/stories/Icon.stories.tsx","tags":["autodocs","story"]},"elements-icon--big-expedition":{"type":"story","id":"elements-icon--big-expedition","name":"Big Expedition","title":"Elements/Icon","importPath":"./src/packages/ui/Elements/Icon/stories/Icon.stories.tsx","tags":["autodocs","story"]},"elements-icon--expedition-pink":{"type":"story","id":"elements-icon--expedition-pink","name":"Expedition Pink","title":"Elements/Icon","importPath":"./src/packages/ui/Elements/Icon/stories/Icon.stories.tsx","tags":["autodocs","story"]},"elements-icon--expedition-pink-solid":{"type":"story","id":"elements-icon--expedition-pink-solid","name":"Expedition Pink Solid","title":"Elements/Icon","importPath":"./src/packages/ui/Elements/Icon/stories/Icon.stories.tsx","tags":["autodocs","story"]},"elements-spinner--docs":{"id":"elements-spinner--docs","title":"Elements/Spinner","name":"Docs","importPath":"./src/packages/ui/Elements/Spinner/stories/Spinner.stories.ts","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"elements-spinner--default":{"type":"story","id":"elements-spinner--default","name":"Default","title":"Elements/Spinner","importPath":"./src/packages/ui/Elements/Spinner/stories/Spinner.stories.ts","tags":["autodocs","story"]},"elements-spinner--sm":{"type":"story","id":"elements-spinner--sm","name":"Sm","title":"Elements/Spinner","importPath":"./src/packages/ui/Elements/Spinner/stories/Spinner.stories.ts","tags":["autodocs","story"]},"elements-spinner--appearance-concept":{"type":"story","id":"elements-spinner--appearance-concept","name":"Appearance Concept","title":"Elements/Spinner","importPath":"./src/packages/ui/Elements/Spinner/stories/Spinner.stories.ts","tags":["autodocs","story"]},"elements-spinner--appearance-done":{"type":"story","id":"elements-spinner--appearance-done","name":"Appearance Done","title":"Elements/Spinner","importPath":"./src/packages/ui/Elements/Spinner/stories/Spinner.stories.ts","tags":["autodocs","story"]},"elements-spinner--appearance-error":{"type":"story","id":"elements-spinner--appearance-error","name":"Appearance Error","title":"Elements/Spinner","importPath":"./src/packages/ui/Elements/Spinner/stories/Spinner.stories.ts","tags":["autodocs","story"]},"elements-spinner--appearance-info":{"type":"story","id":"elements-spinner--appearance-info","name":"Appearance Info","title":"Elements/Spinner","importPath":"./src/packages/ui/Elements/Spinner/stories/Spinner.stories.ts","tags":["autodocs","story"]},"elements-spinner--appearance-processing":{"type":"story","id":"elements-spinner--appearance-processing","name":"Appearance Processing","title":"Elements/Spinner","importPath":"./src/packages/ui/Elements/Spinner/stories/Spinner.stories.ts","tags":["autodocs","story"]},"elements-spinner--appearance-success":{"type":"story","id":"elements-spinner--appearance-success","name":"Appearance Success","title":"Elements/Spinner","importPath":"./src/packages/ui/Elements/Spinner/stories/Spinner.stories.ts","tags":["autodocs","story"]},"elements-spinner--appearance-warning":{"type":"story","id":"elements-spinner--appearance-warning","name":"Appearance Warning","title":"Elements/Spinner","importPath":"./src/packages/ui/Elements/Spinner/stories/Spinner.stories.ts","tags":["autodocs","story"]},"elements-spinner--appearance-waiting":{"type":"story","id":"elements-spinner--appearance-waiting","name":"Appearance Waiting","title":"Elements/Spinner","importPath":"./src/packages/ui/Elements/Spinner/stories/Spinner.stories.ts","tags":["autodocs","story"]}}}
@@ -0,0 +1 @@
1
+ {"generatedAt":1698681065567,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"packageManager":{"type":"yarn","version":"1.22.19"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","storybookVersion":"7.5.2","storybookVersionSpecifier":"^7.5.2","language":"typescript","storybookPackages":{"@storybook/blocks":{"version":"7.5.2"},"@storybook/react":{"version":"7.5.2"},"@storybook/react-vite":{"version":"7.5.2"},"@storybook/testing-library":{"version":"0.0.14-next.2"},"eslint-plugin-storybook":{"version":"0.6.15"},"storybook":{"version":"7.5.2"}},"addons":{"@storybook/addon-links":{"version":"7.5.2"},"@storybook/addon-essentials":{"version":"7.5.2"},"@storybook/addon-interactions":{"version":"7.5.2"}}}