@sikka/hawa 0.0.1 → 0.0.4

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 (169) hide show
  1. package/.github/workflows/hawa-publish-push.yml +45 -0
  2. package/.github/workflows/hawa-publish.yml +45 -0
  3. package/.prettierrc +28 -28
  4. package/README.md +149 -119
  5. package/es/index.es.js +1 -0
  6. package/lib/index.js +1 -0
  7. package/package.json +59 -47
  8. package/rollup.config.js +30 -40
  9. package/src/Assets/images/card-background/1.jpeg +0 -0
  10. package/src/Assets/images/card-background/10.jpeg +0 -0
  11. package/src/Assets/images/card-background/11.jpeg +0 -0
  12. package/src/Assets/images/card-background/12.jpeg +0 -0
  13. package/src/Assets/images/card-background/13.jpeg +0 -0
  14. package/src/Assets/images/card-background/14.jpeg +0 -0
  15. package/src/Assets/images/card-background/15.jpeg +0 -0
  16. package/src/Assets/images/card-background/16.jpeg +0 -0
  17. package/src/Assets/images/card-background/17.jpeg +0 -0
  18. package/src/Assets/images/card-background/18.jpeg +0 -0
  19. package/src/Assets/images/card-background/19.jpeg +0 -0
  20. package/src/Assets/images/card-background/2.jpeg +0 -0
  21. package/src/Assets/images/card-background/20.jpeg +0 -0
  22. package/src/Assets/images/card-background/21.jpeg +0 -0
  23. package/src/Assets/images/card-background/22.jpeg +0 -0
  24. package/src/Assets/images/card-background/23.jpeg +0 -0
  25. package/src/Assets/images/card-background/24.jpeg +0 -0
  26. package/src/Assets/images/card-background/25.jpeg +0 -0
  27. package/src/Assets/images/card-background/3.jpeg +0 -0
  28. package/src/Assets/images/card-background/4.jpeg +0 -0
  29. package/src/Assets/images/card-background/5.jpeg +0 -0
  30. package/src/Assets/images/card-background/6.jpeg +0 -0
  31. package/src/Assets/images/card-background/7.jpeg +0 -0
  32. package/src/Assets/images/card-background/8.jpeg +0 -0
  33. package/src/Assets/images/card-background/9.jpeg +0 -0
  34. package/src/Assets/images/card-type/amex.png +0 -0
  35. package/src/Assets/images/card-type/diners.png +0 -0
  36. package/src/Assets/images/card-type/discover.png +0 -0
  37. package/src/Assets/images/card-type/mastercard.png +0 -0
  38. package/src/Assets/images/card-type/troy.png +0 -0
  39. package/src/Assets/images/card-type/unionpay.png +0 -0
  40. package/src/Assets/images/card-type/visa.png +0 -0
  41. package/src/blocks/Account/UserProfile.js +15 -0
  42. package/src/blocks/Account/UserSettings.js +15 -0
  43. package/src/blocks/Account/index.js +2 -0
  44. package/src/blocks/AuthForms/NewPasswordForm.js +17 -0
  45. package/src/blocks/AuthForms/ResetPasswordForm.js +14 -0
  46. package/src/blocks/AuthForms/SignInForm.js +19 -0
  47. package/src/blocks/AuthForms/SignUpForm.js +20 -0
  48. package/src/blocks/AuthForms/index.js +4 -0
  49. package/src/blocks/AuthForms/viaFacebook.js +0 -0
  50. package/src/blocks/AuthForms/viaGithub.js +0 -0
  51. package/src/blocks/AuthForms/viaGoogle.js +0 -0
  52. package/src/blocks/AuthForms/viaTwitter.js +0 -0
  53. package/src/blocks/Payment/Form/CForm.js +326 -0
  54. package/src/blocks/Payment/Form/Card.js +242 -0
  55. package/src/blocks/Payment/Gateway/GooglePay.js +251 -0
  56. package/src/blocks/Payment/Gateway/Payfort.js +90 -0
  57. package/src/blocks/Payment/Gateway/Paypal.js +138 -0
  58. package/src/blocks/Payment/Gateway/Wallet.js +149 -0
  59. package/src/blocks/Payment/PaymentMethod.js +132 -0
  60. package/src/blocks/index.js +13 -0
  61. package/src/index.js +2 -1
  62. package/src/layout/Box.js +25 -0
  63. package/src/layout/index.js +1 -0
  64. package/src/stories/ActionButton.stories.js +49 -0
  65. package/src/stories/AdaptiveButton.stories.js +80 -84
  66. package/src/stories/Alert.stories.js +41 -0
  67. package/src/stories/AuthForm.stories.js +79 -0
  68. package/src/stories/Box.stories.js +64 -0
  69. package/src/stories/CheckBox.stories.js +35 -33
  70. package/src/stories/GlobalVariables.stories.js +101 -108
  71. package/src/stories/HawaProvider.stories.js +23 -23
  72. package/src/stories/InputLabel.stories.js +92 -100
  73. package/src/stories/Introduction.stories.js +211 -0
  74. package/src/stories/RadioSelector.stories.js +69 -69
  75. package/src/stories/TextField.stories.js +50 -59
  76. package/src/stories/UserAccount.stories.js +46 -0
  77. package/src/styles.css +400 -403
  78. package/src/styles.scss +679 -0
  79. package/src/themes/HawaProvider.js +45 -0
  80. package/src/ui/ActionButton.js +15 -0
  81. package/src/{components/Hawa/AdaptiveButton/AdaptiveButton.jsx → ui/AdaptiveButton.js} +252 -261
  82. package/src/{components/Hawa/AutoCompleteField/AutoCompleteField.jsx → ui/AutoCompleteField.js} +33 -33
  83. package/src/{components/Hawa/Checkbox/Checkbox.jsx → ui/Checkbox.js} +21 -20
  84. package/src/{components/Hawa/DragDropImages/DragDropImages.jsx → ui/DragDropImages.js} +180 -180
  85. package/src/{components/Hawa/Hawa.jsx → ui/Hawa.js} +3 -3
  86. package/src/{components/Hawa/RadioBox/RadioBox.jsx → ui/RadioBox.js} +29 -29
  87. package/src/{components/Hawa/RadioSelector/RadioSelector.jsx → ui/RadioSelector.js} +51 -51
  88. package/src/ui/Row.js +21 -0
  89. package/src/{components/Hawa/SelectedField/SelectedField.jsx → ui/SelectedField.js} +46 -46
  90. package/src/ui/StyledAlert.js +30 -0
  91. package/src/ui/StyledInputLabel.js +19 -0
  92. package/src/ui/StyledTooltip.js +46 -0
  93. package/src/{components/Hawa/TabPanel/TabPanel.jsx → ui/TabPanel.js} +37 -38
  94. package/src/{components/Hawa/TextArea/TextArea.jsx → ui/TextArea.js} +38 -39
  95. package/src/ui/TextField.js +62 -0
  96. package/src/{components/Hawa → ui}/index.js +13 -11
  97. package/src/util.js +20 -0
  98. package/storybook-static/0.d3bc3395610cf5d3ee94.manager.bundle.js +1 -0
  99. package/storybook-static/0.dd3d47f5.iframe.bundle.js +1 -0
  100. package/storybook-static/1.4e43f671.iframe.bundle.js +3 -0
  101. package/storybook-static/{4.f6eb74f4.iframe.bundle.js.LICENSE.txt → 1.4e43f671.iframe.bundle.js.LICENSE.txt} +8 -8
  102. package/storybook-static/1.4e43f671.iframe.bundle.js.map +1 -0
  103. package/storybook-static/2.9a757207.iframe.bundle.js +1 -0
  104. package/storybook-static/3.c1dc7159.iframe.bundle.js +1 -0
  105. package/storybook-static/4.8c311a6b48cad9f29317.manager.bundle.js +2 -0
  106. package/storybook-static/{5.fa71488e730c5c7f885f.manager.bundle.js.LICENSE.txt → 4.8c311a6b48cad9f29317.manager.bundle.js.LICENSE.txt} +8 -8
  107. package/storybook-static/5.88fe62ee92ff5ca67829.manager.bundle.js +1 -0
  108. package/storybook-static/6.96d184f368dea006cb52.manager.bundle.js +2 -0
  109. package/storybook-static/{11.49c687eaa6261f8b7be2.manager.bundle.js.LICENSE.txt → 6.96d184f368dea006cb52.manager.bundle.js.LICENSE.txt} +12 -12
  110. package/storybook-static/{7.a806a38f.iframe.bundle.js → 7.5ec31f3702b08ab0b71c.manager.bundle.js} +1 -1
  111. package/storybook-static/7.69d2e532.iframe.bundle.js +1 -0
  112. package/storybook-static/8.5ce13be7612bd3a6b864.manager.bundle.js +1 -0
  113. package/storybook-static/8.68cd1217.iframe.bundle.js +3 -0
  114. package/storybook-static/{6.fbc7b90b.iframe.bundle.js.LICENSE.txt → 8.68cd1217.iframe.bundle.js.LICENSE.txt} +12 -12
  115. package/storybook-static/8.68cd1217.iframe.bundle.js.map +1 -0
  116. package/storybook-static/9.488e3969.iframe.bundle.js +1 -0
  117. package/storybook-static/iframe.html +348 -138
  118. package/storybook-static/index.html +59 -47
  119. package/storybook-static/main.65cb2769.iframe.bundle.js +1 -0
  120. package/storybook-static/main.7e391cf7bf72b0d18ea5.manager.bundle.js +1 -0
  121. package/storybook-static/runtime~main.6e2e1544.iframe.bundle.js +1 -0
  122. package/storybook-static/runtime~main.cc29f4c2175f187a3707.manager.bundle.js +1 -0
  123. package/storybook-static/vendors~main.d144d840.iframe.bundle.js +3 -0
  124. package/storybook-static/{vendors~main.73411ca9.iframe.bundle.js.LICENSE.txt → vendors~main.d144d840.iframe.bundle.js.LICENSE.txt} +148 -148
  125. package/storybook-static/vendors~main.d144d840.iframe.bundle.js.map +1 -0
  126. package/storybook-static/vendors~main.f228d62e92b69563cefb.manager.bundle.js +2 -0
  127. package/storybook-static/{vendors~main.d3455eed64b243c89325.manager.bundle.js.LICENSE.txt → vendors~main.f228d62e92b69563cefb.manager.bundle.js.LICENSE.txt} +104 -88
  128. package/tools/build-styles.js +17 -0
  129. package/yarn-error.log +10910 -0
  130. package/src/components/Hawa/AdaptiveButton/index.js +0 -1
  131. package/src/components/Hawa/AutoCompleteField/index.js +0 -1
  132. package/src/components/Hawa/Checkbox/index.js +0 -1
  133. package/src/components/Hawa/DragDropImages/index.js +0 -1
  134. package/src/components/Hawa/HawaProvider/HawaProvider.js +0 -19
  135. package/src/components/Hawa/HawaProvider/index.js +0 -1
  136. package/src/components/Hawa/InputLabel/StyledInputLabel.jsx +0 -36
  137. package/src/components/Hawa/InputLabel/index.js +0 -1
  138. package/src/components/Hawa/RadioBox/index.js +0 -1
  139. package/src/components/Hawa/RadioSelector/index.js +0 -1
  140. package/src/components/Hawa/Row/Row.jsx +0 -23
  141. package/src/components/Hawa/Row/index.js +0 -1
  142. package/src/components/Hawa/SelectedField/index.js +0 -1
  143. package/src/components/Hawa/TabPanel/index.js +0 -1
  144. package/src/components/Hawa/TextArea/index.js +0 -1
  145. package/src/components/Hawa/TextField/TextField.jsx +0 -41
  146. package/src/components/Hawa/TextField/index.js +0 -1
  147. package/storybook-static/0.86a7edfd.iframe.bundle.js +0 -1
  148. package/storybook-static/0.b73eaee9a88f178d62ed.manager.bundle.js +0 -1
  149. package/storybook-static/1.f296d183a17268696d73.manager.bundle.js +0 -1
  150. package/storybook-static/10.9998ba67d65d81d20896.manager.bundle.js +0 -1
  151. package/storybook-static/11.49c687eaa6261f8b7be2.manager.bundle.js +0 -2
  152. package/storybook-static/12.c9538ed3766c96f289e7.manager.bundle.js +0 -1
  153. package/storybook-static/4.f6eb74f4.iframe.bundle.js +0 -3
  154. package/storybook-static/4.f6eb74f4.iframe.bundle.js.map +0 -1
  155. package/storybook-static/5.ec6f37af.iframe.bundle.js +0 -1
  156. package/storybook-static/5.fa71488e730c5c7f885f.manager.bundle.js +0 -2
  157. package/storybook-static/6.8096ae4aadde0743697b.manager.bundle.js +0 -1
  158. package/storybook-static/6.fbc7b90b.iframe.bundle.js +0 -3
  159. package/storybook-static/6.fbc7b90b.iframe.bundle.js.map +0 -1
  160. package/storybook-static/7.b34baecbd082bc7b188d.manager.bundle.js +0 -1
  161. package/storybook-static/8.15577edffecf900a8de2.manager.bundle.js +0 -1
  162. package/storybook-static/9.d7d85aa0a49a98f17218.manager.bundle.js +0 -1
  163. package/storybook-static/main.355ffc59.iframe.bundle.js +0 -1
  164. package/storybook-static/main.ce406c7e93b98325390e.manager.bundle.js +0 -1
  165. package/storybook-static/runtime~main.3d81579b.iframe.bundle.js +0 -1
  166. package/storybook-static/runtime~main.909d038f912f063e8837.manager.bundle.js +0 -1
  167. package/storybook-static/vendors~main.73411ca9.iframe.bundle.js +0 -3
  168. package/storybook-static/vendors~main.73411ca9.iframe.bundle.js.map +0 -1
  169. package/storybook-static/vendors~main.d3455eed64b243c89325.manager.bundle.js +0 -2
@@ -1,138 +1,348 @@
1
- <!doctype html><html lang="en"><head><meta charset="utf-8"><title>Storybook</title><meta name="viewport" content="width=device-width,initial-scale=1"><base target="_parent"><style>:not(.sb-show-main) > .sb-main,
2
- :not(.sb-show-nopreview) > .sb-nopreview,
3
- :not(.sb-show-errordisplay) > .sb-errordisplay {
4
- display: none;
5
- }
6
-
7
- .sb-show-main.sb-main-centered {
8
- margin: 0;
9
- display: flex;
10
- align-items: center;
11
- min-height: 100vh;
12
- }
13
-
14
- .sb-show-main.sb-main-centered #root {
15
- box-sizing: border-box;
16
- margin: auto;
17
- padding: 1rem;
18
- max-height: 100%; /* Hack for centering correctly in IE11 */
19
- }
20
-
21
- /* Vertical centering fix for IE11 */
22
- @media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
23
- .sb-show-main.sb-main-centered:after {
24
- content: '';
25
- min-height: inherit;
26
- font-size: 0;
27
- }
28
- }
29
-
30
- .sb-show-main.sb-main-fullscreen {
31
- margin: 0;
32
- padding: 0;
33
- display: block;
34
- }
35
-
36
- .sb-show-main.sb-main-padded {
37
- margin: 0;
38
- padding: 1rem;
39
- display: block;
40
- box-sizing: border-box;
41
- }
42
-
43
- .sb-wrapper {
44
- position: fixed;
45
- top: 0;
46
- bottom: 0;
47
- left: 0;
48
- right: 0;
49
- padding: 20px;
50
- font-family: "Nunito Sans", -apple-system, ".SFNSText-Regular", "San Francisco", BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
51
- -webkit-font-smoothing: antialiased;
52
- overflow: auto;
53
- }
54
-
55
- .sb-heading {
56
- font-size: 14px;
57
- font-weight: 600;
58
- letter-spacing: 0.2px;
59
- margin: 10px 0;
60
- padding-right: 25px;
61
- }
62
-
63
- .sb-nopreview {
64
- display: flex;
65
- align-content: center;
66
- justify-content: center;
67
- }
68
-
69
- .sb-nopreview_main {
70
- margin: auto;
71
- padding: 30px;
72
- border-radius: 10px;
73
- background: rgba(0,0,0,0.03);
74
- }
75
-
76
- .sb-nopreview_heading {
77
- text-align: center;
78
- }
79
-
80
- .sb-errordisplay {
81
- border: 20px solid rgb(187, 49, 49);
82
- background: #222;
83
- color: #fff;
84
- z-index: 999999;
85
- }
86
-
87
- .sb-errordisplay_code {
88
- padding: 10px;
89
- background: #000;
90
- color: #eee;
91
- font-family: "Operator Mono", "Fira Code Retina", "Fira Code", "FiraCode-Retina", "Andale Mono", "Lucida Console", Consolas, Monaco, monospace;
92
- }
93
-
94
- .sb-errordisplay pre {
95
- white-space: pre-wrap;
96
- }</style><script>/* globals window */
97
- /* eslint-disable no-underscore-dangle */
98
- try {
99
- if (window.top !== window) {
100
- window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.top.__REACT_DEVTOOLS_GLOBAL_HOOK__;
101
- window.__VUE_DEVTOOLS_GLOBAL_HOOK__ = window.top.__VUE_DEVTOOLS_GLOBAL_HOOK__;
102
- window.top.__VUE_DEVTOOLS_CONTEXT__ = window.document;
103
- }
104
- } catch (e) {
105
- // eslint-disable-next-line no-console
106
- console.warn('unable to connect to top frame for connecting dev tools');
107
- }
108
-
109
- window.onerror = function onerror(message, source, line, column, err) {
110
- if (window.CONFIG_TYPE !== 'DEVELOPMENT') return;
111
- // eslint-disable-next-line no-var, vars-on-top
112
- var xhr = new window.XMLHttpRequest();
113
- xhr.open('POST', '/runtime-error');
114
- xhr.setRequestHeader('Content-Type', 'application/json;charset=UTF-8');
115
- xhr.send(
116
- JSON.stringify({
117
- /* eslint-disable object-shorthand */
118
- message: message,
119
- source: source,
120
- line: line,
121
- column: column,
122
- error: err && { message: err.message, name: err.name, stack: err.stack },
123
- origin: 'preview',
124
- /* eslint-enable object-shorthand */
125
- })
126
- );
127
- };</script><style>#root[hidden],
128
- #docs-root[hidden] {
129
- display: none !important;
130
- }</style></head><body><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['LOGLEVEL'] = "info";
131
-
132
-
133
-
134
- window['FRAMEWORK_OPTIONS'] = {};
135
-
136
-
137
-
138
- window['FEATURES'] = {"postcss":true};</script><script src="runtime~main.3d81579b.iframe.bundle.js"></script><script src="vendors~main.73411ca9.iframe.bundle.js"></script><script src="main.355ffc59.iframe.bundle.js"></script></body></html>
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><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":true,"emotionAlias":true,"warnOnLegacyHierarchySeparator":true};
345
+
346
+
347
+
348
+ window['STORIES'] = [{"titlePrefix":"","directory":"./src","files":"**/*.stories.mdx","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.mdx)$"},{"titlePrefix":"","directory":"./src","files":"**/*.stories.@(js|jsx|ts|tsx)","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx))$"}];</script><script src="runtime~main.6e2e1544.iframe.bundle.js"></script><script src="vendors~main.d144d840.iframe.bundle.js"></script><script src="main.65cb2769.iframe.bundle.js"></script></body></html>
@@ -1,47 +1,59 @@
1
- <!doctype html><html lang="en"><head><meta charset="utf-8"/><title>Storybook</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";</script><script src="runtime~main.909d038f912f063e8837.manager.bundle.js"></script><script src="vendors~main.d3455eed64b243c89325.manager.bundle.js"></script><script src="main.ce406c7e93b98325390e.manager.bundle.js"></script></body></html>
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":true,"emotionAlias":true,"warnOnLegacyHierarchySeparator":true};
52
+
53
+
54
+
55
+
56
+
57
+
58
+
59
+ window['DOCS_MODE'] = false;</script><script src="runtime~main.cc29f4c2175f187a3707.manager.bundle.js"></script><script src="vendors~main.f228d62e92b69563cefb.manager.bundle.js"></script><script src="main.7e391cf7bf72b0d18ea5.manager.bundle.js"></script></body></html>