beem-component 1.0.2 → 1.0.6

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 (249) hide show
  1. package/.storybook/favicon.ico +0 -0
  2. package/.storybook/logo-blue.png +0 -0
  3. package/.storybook/main.js +18 -0
  4. package/.storybook/manager-head.html +14 -0
  5. package/.storybook/manager.js +6 -0
  6. package/.storybook/preview.js +10 -0
  7. package/.storybook/theme.js +10 -0
  8. package/Dockerfile +30 -0
  9. package/Jenkinsfile +73 -0
  10. package/build-storybook.log +14621 -0
  11. package/dist/assets/beem.jpeg +0 -0
  12. package/dist/assets/css/sidebar.css +12 -0
  13. package/dist/components/{Accordion.js → Accordion/Accordion.js} +13 -7
  14. package/dist/components/Accordion/Accordion.stories.js +86 -0
  15. package/dist/components/{avatars.js → Avatars/avatars.js} +32 -11
  16. package/dist/components/Avatars/avatars.stories.js +69 -0
  17. package/dist/components/Buttons/Stories/basicbutton.stories.js +67 -0
  18. package/dist/components/Buttons/Stories/buttonAlertIcons.stories.js +65 -0
  19. package/dist/components/Buttons/Stories/buttonIconsOnly.stories.js +65 -0
  20. package/dist/components/{buttonAlertIcons.js → Buttons/buttonAlertIcons.js} +17 -9
  21. package/dist/components/Buttons/buttonDropdown copy.js +158 -0
  22. package/dist/components/Buttons/buttonDropdown.js +30 -0
  23. package/dist/components/{buttonIconsOnly.js → Buttons/buttonIconsOnly.js} +14 -5
  24. package/dist/components/{buttons.js → Buttons/buttons.js} +12 -11
  25. package/dist/components/Cards/cards.js +24 -0
  26. package/dist/components/Cards/cards.stories.js +57 -0
  27. package/dist/components/ChatBody/chatBody.js +138 -0
  28. package/dist/components/ChatBody/chatBody.stories.js +65 -0
  29. package/dist/components/{Modals/noteModalBody.js → ChatHeader/chatHeader.js} +5 -5
  30. package/dist/components/ChatHeader/chatHeader.stories.js +29 -0
  31. package/dist/components/Chats/chat.js +1 -1
  32. package/dist/components/Chats/chatInput.js +1 -1
  33. package/dist/components/Chats/chatwrapper.js +1 -1
  34. package/dist/components/ContactCards/contactCards.js +34 -0
  35. package/dist/components/ContactCards/contactCards.stories.js +41 -0
  36. package/dist/components/InfoTab/infoTab.js +23 -0
  37. package/dist/components/InfoTab/infoTab.stories.js +49 -0
  38. package/dist/components/Lists/listBox.js +41 -0
  39. package/dist/components/Lists/listBox.stories.js +78 -0
  40. package/dist/components/Lists/listHeader.stories.js +58 -0
  41. package/dist/components/Lists/listheader.js +17 -12
  42. package/dist/components/Lists/rowLabels.js +34 -16
  43. package/dist/components/Lists/rowLabels.stories.js +85 -0
  44. package/dist/components/{loaders.js → Loader/loader.js} +13 -7
  45. package/dist/components/Loader/loader.stories.js +52 -0
  46. package/dist/components/{Reports/buttons.js → MainWrapper/index.js} +5 -3
  47. package/dist/components/MessageCounter/MessageCounter.stories.js +52 -0
  48. package/dist/components/MessageCounter/messageCounter.js +49 -0
  49. package/dist/components/Modals/modal copy.js +160 -0
  50. package/dist/components/Modals/modal.js +166 -0
  51. package/dist/components/Modals/modals.stories.js +117 -0
  52. package/dist/components/{infoNote.js → NoteBar/noteBar.js} +23 -19
  53. package/dist/components/NoteBar/noteBar.stories.js +66 -0
  54. package/dist/components/PerformanceIndicator/performaceIndicator.stories.js +66 -0
  55. package/dist/components/PerformanceIndicator/performanceIndicator.js +68 -0
  56. package/dist/components/Pills/pills.js +126 -0
  57. package/dist/components/Pills/pills.stories.js +110 -0
  58. package/dist/components/{progressbar.js → ProgressBar/progressbar.js} +8 -2
  59. package/dist/components/ProgressBar/progressbar.stories.js +45 -0
  60. package/dist/components/{Link.js → RouteLink/link.js} +8 -3
  61. package/dist/components/RouteLink/link.stories.js +29 -0
  62. package/dist/components/SuperFluid/ContentTitle.js/index.js +1 -1
  63. package/dist/components/SuperFluid/SegmentCard/index.js +1 -1
  64. package/dist/components/Tabs/tabs.js +85 -0
  65. package/dist/components/Tabs/tabs.stories.js +60 -0
  66. package/dist/components/breakpoints.js +18 -0
  67. package/dist/components/chatHeader.js +1 -1
  68. package/dist/components/checkboxToggler.js +2 -2
  69. package/dist/components/colors.js +5 -3
  70. package/dist/components/contacts.js +1 -1
  71. package/dist/components/dropdown.js +1 -1
  72. package/dist/components/dropdownButton.js +3 -3
  73. package/dist/components/dropdownItems.js +1 -1
  74. package/dist/components/example.js +47 -0
  75. package/dist/components/iconStyles.js +69 -119
  76. package/dist/components/index-copy.js +1285 -0
  77. package/dist/components/index.js +88 -1134
  78. package/dist/components/input.js +9 -3
  79. package/dist/components/logo.js +1 -1
  80. package/dist/components/navbar.js +1 -1
  81. package/dist/components/sidebar.js +4 -6
  82. package/dist/components/tabs.js +1 -1
  83. package/dist/components/text.js +1 -1
  84. package/dist/components/typography.js +1 -1
  85. package/nginx.conf +17 -0
  86. package/package.json +30 -11
  87. package/public/favicon.ico +0 -0
  88. package/public/index.html +1 -1
  89. package/src/App.js +85 -30
  90. package/src/examples/Navbar.js +1 -1
  91. package/src/lib/assets/beem.jpeg +0 -0
  92. package/src/lib/assets/css/sidebar.css +12 -0
  93. package/src/lib/components/{Accordion.js → Accordion/Accordion.js} +6 -5
  94. package/src/lib/components/Accordion/Accordion.stories.js +63 -0
  95. package/src/lib/components/{avatars.js → Avatars/avatars.js} +27 -9
  96. package/src/lib/components/Avatars/avatars.stories.js +45 -0
  97. package/src/lib/components/Buttons/Stories/basicbutton.stories.js +51 -0
  98. package/src/lib/components/Buttons/Stories/buttonAlertIcons.stories.js +42 -0
  99. package/src/lib/components/Buttons/Stories/buttonIconsOnly.stories.js +49 -0
  100. package/src/lib/components/{buttonAlertIcons.js → Buttons/buttonAlertIcons.js} +20 -9
  101. package/src/lib/components/Buttons/buttonDropdown copy.js +147 -0
  102. package/src/lib/components/Buttons/buttonDropdown.js +13 -0
  103. package/src/lib/components/{buttonIconsOnly.js → Buttons/buttonIconsOnly.js} +13 -3
  104. package/src/lib/components/{buttons.js → Buttons/buttons.js} +14 -14
  105. package/src/lib/components/Cards/cards.js +37 -0
  106. package/src/lib/components/Cards/cards.stories.js +50 -0
  107. package/src/lib/components/ChatBody/chatBody.js +145 -0
  108. package/src/lib/components/ChatBody/chatBody.stories.js +48 -0
  109. package/src/lib/components/ChatHeader/chatHeader.js +16 -0
  110. package/src/lib/components/ChatHeader/chatHeader.stories.js +19 -0
  111. package/src/lib/components/ContactCards/contactCards.js +58 -0
  112. package/src/lib/components/ContactCards/contactCards.stories.js +34 -0
  113. package/src/lib/components/InfoTab/infoTab.js +28 -0
  114. package/src/lib/components/InfoTab/infoTab.stories.js +47 -0
  115. package/src/lib/components/Lists/listBox.js +34 -0
  116. package/src/lib/components/Lists/listBox.stories.js +47 -0
  117. package/src/lib/components/Lists/listHeader.stories.js +36 -0
  118. package/src/lib/components/Lists/listheader.js +17 -11
  119. package/src/lib/components/Lists/rowLabels.js +47 -16
  120. package/src/lib/components/Lists/rowLabels.stories.js +59 -0
  121. package/src/lib/components/{loaders.js → Loader/loader.js} +18 -7
  122. package/src/lib/components/Loader/loader.stories.js +30 -0
  123. package/src/lib/components/MainWrapper/index.js +7 -0
  124. package/src/lib/components/MessageCounter/MessageCounter.stories.js +35 -0
  125. package/src/lib/components/MessageCounter/messageCounter.js +42 -0
  126. package/src/lib/components/Modals/modal copy.js +159 -0
  127. package/src/lib/components/Modals/modal.js +152 -0
  128. package/src/lib/components/Modals/modals.stories.js +82 -0
  129. package/src/lib/components/{infoNote.js → NoteBar/noteBar.js} +24 -25
  130. package/src/lib/components/NoteBar/noteBar.stories.js +40 -0
  131. package/src/lib/components/PerformanceIndicator/performaceIndicator.stories.js +40 -0
  132. package/src/lib/components/PerformanceIndicator/performanceIndicator.js +56 -0
  133. package/src/lib/components/Pills/pills.js +91 -0
  134. package/src/lib/components/Pills/pills.stories.js +74 -0
  135. package/src/lib/components/{progressbar.js → ProgressBar/progressbar.js} +8 -1
  136. package/src/lib/components/ProgressBar/progressbar.stories.js +26 -0
  137. package/src/lib/components/{Link.js → RouteLink/link.js} +5 -4
  138. package/src/lib/components/RouteLink/link.stories.js +21 -0
  139. package/src/lib/components/Tabs/tabs.js +84 -0
  140. package/src/lib/components/Tabs/tabs.stories.js +37 -0
  141. package/src/lib/components/breakpoints.js +11 -0
  142. package/src/lib/components/colors.js +2 -0
  143. package/src/lib/components/dropdownButton.js +2 -2
  144. package/src/lib/components/example.js +30 -0
  145. package/src/lib/components/iconStyles.js +44 -101
  146. package/src/lib/components/index-copy.js +468 -0
  147. package/src/lib/components/index.js +50 -446
  148. package/src/lib/components/input.js +8 -2
  149. package/src/lib/components/sidebar.js +4 -4
  150. package/storybook-static/0.00c62ec79c260aedbb98.manager.bundle.js +2 -0
  151. package/storybook-static/0.00c62ec79c260aedbb98.manager.bundle.js.LICENSE.txt +8 -0
  152. package/storybook-static/0.96c45dd8.iframe.bundle.js +1 -0
  153. package/storybook-static/1.dc6acfa9.iframe.bundle.js +3 -0
  154. package/storybook-static/1.dc6acfa9.iframe.bundle.js.LICENSE.txt +8 -0
  155. package/storybook-static/1.dc6acfa9.iframe.bundle.js.map +1 -0
  156. package/storybook-static/1.dc7dcdaec2def2f224fd.manager.bundle.js +1 -0
  157. package/storybook-static/2.24353ddc.iframe.bundle.js +1 -0
  158. package/storybook-static/3.8bb2173c.iframe.bundle.js +1 -0
  159. package/storybook-static/5.0779e3847d325dece216.manager.bundle.js +1 -0
  160. package/storybook-static/6.8bd405c2576206749a16.manager.bundle.js +2 -0
  161. package/storybook-static/6.8bd405c2576206749a16.manager.bundle.js.LICENSE.txt +12 -0
  162. package/storybook-static/7.9d4ba19cf58425e7ff0d.manager.bundle.js +1 -0
  163. package/storybook-static/7.f0cfc757.iframe.bundle.js +1 -0
  164. package/storybook-static/8.91de97de.iframe.bundle.js +3 -0
  165. package/storybook-static/8.91de97de.iframe.bundle.js.LICENSE.txt +12 -0
  166. package/storybook-static/8.91de97de.iframe.bundle.js.map +1 -0
  167. package/storybook-static/8.b4e9ec0ec7648e02a923.manager.bundle.js +1 -0
  168. package/storybook-static/9.40ec65d6.iframe.bundle.js +1 -0
  169. package/storybook-static/asset-manifest.json +30 -0
  170. package/storybook-static/favicon.ico +0 -0
  171. package/storybook-static/iframe.html +348 -0
  172. package/storybook-static/index.html +110 -0
  173. package/storybook-static/main.3c8d8027.iframe.bundle.js +1 -0
  174. package/storybook-static/main.3e5804fe56d1f580b088.manager.bundle.js +1 -0
  175. package/storybook-static/runtime~main.d3a18d6a.iframe.bundle.js +1 -0
  176. package/storybook-static/runtime~main.ff106120648356c6069d.manager.bundle.js +1 -0
  177. package/storybook-static/static/css/main.b44a190d.chunk.css +4 -0
  178. package/storybook-static/static/css/main.b44a190d.chunk.css.map +1 -0
  179. package/storybook-static/static/media/OpenSans-Regular.1b0809d5.ttf +0 -0
  180. package/storybook-static/static/media/PoppinsBold.1eae2d48.woff2 +0 -0
  181. package/storybook-static/static/media/PoppinsBold.53ff6749.eot +0 -0
  182. package/storybook-static/static/media/PoppinsBold.53ff971f.ttf +0 -0
  183. package/storybook-static/static/media/PoppinsBold.850fc4f3.svg +3066 -0
  184. package/storybook-static/static/media/PoppinsBold.b33c148b.woff +0 -0
  185. package/storybook-static/static/media/PoppinsMedium.0ba26f6c.woff +0 -0
  186. package/storybook-static/static/media/PoppinsMedium.49b46ace.eot +0 -0
  187. package/storybook-static/static/media/PoppinsMedium.57a99fa8.woff2 +0 -0
  188. package/storybook-static/static/media/PoppinsMedium.b7e43707.svg +3103 -0
  189. package/storybook-static/static/media/PoppinsMedium.c98dddbd.ttf +0 -0
  190. package/storybook-static/static/media/PoppinsRegular.13b9af9c.eot +0 -0
  191. package/storybook-static/static/media/PoppinsRegular.43e9b50d.svg +3138 -0
  192. package/storybook-static/static/media/PoppinsRegular.4a4d5420.woff +0 -0
  193. package/storybook-static/static/media/PoppinsRegular.9a7cc7ec.woff2 +0 -0
  194. package/storybook-static/static/media/PoppinsRegular.e1bc9021.ttf +0 -0
  195. package/storybook-static/static/media/PoppinsSemiBold.5692c77f.ttf +0 -0
  196. package/storybook-static/static/media/PoppinsSemiBold.80138c67.woff +0 -0
  197. package/storybook-static/static/media/PoppinsSemiBold.c442695a.eot +0 -0
  198. package/storybook-static/static/media/PoppinsSemiBold.e1948d56.svg +3098 -0
  199. package/storybook-static/static/media/PoppinsSemiBold.f27050e2.woff2 +0 -0
  200. package/storybook-static/static/media/logo-blue.bfc5ba6d.png +0 -0
  201. package/storybook-static/vendors~main.1750028c2d68e574fb1d.manager.bundle.js +2 -0
  202. package/storybook-static/vendors~main.1750028c2d68e574fb1d.manager.bundle.js.LICENSE.txt +104 -0
  203. package/storybook-static/vendors~main.7fe78cc2.iframe.bundle.js +3 -0
  204. package/storybook-static/vendors~main.7fe78cc2.iframe.bundle.js.LICENSE.txt +122 -0
  205. package/storybook-static/vendors~main.7fe78cc2.iframe.bundle.js.map +1 -0
  206. package/dist/assets/content_copy_black.svg +0 -1
  207. package/dist/assets/profile-pic.jpg +0 -0
  208. package/dist/components/Accordicon.js +0 -51
  209. package/dist/components/CustomerInfo/customerInfo.js +0 -89
  210. package/dist/components/CustomerInfo/customerInfoBar.js +0 -24
  211. package/dist/components/CustomerInfo/infoAccordion.js +0 -78
  212. package/dist/components/CustomerInfo/labelsInfo.js +0 -37
  213. package/dist/components/CustomerInfo/notesInfo.js +0 -39
  214. package/dist/components/Modals/modalBody.js +0 -61
  215. package/dist/components/Modals/noteModalFooter.js +0 -24
  216. package/dist/components/Modals/noteModalHeader.js +0 -93
  217. package/dist/components/Reports/cards.js +0 -62
  218. package/dist/components/Reports/charts.js +0 -70
  219. package/dist/components/Reports/infoHeader.js +0 -65
  220. package/dist/components/Reports/reportsBody.js +0 -28
  221. package/dist/components/Reports/title.js +0 -28
  222. package/dist/components/performanceIndicator.js +0 -41
  223. package/dist/components/pills.js +0 -73
  224. package/src/App1.js +0 -229
  225. package/src/CHAT.js +0 -170
  226. package/src/Complete.js +0 -48
  227. package/src/CreateSegments.js +0 -48
  228. package/src/FileUploadSFL.js +0 -110
  229. package/src/examples/CustomerInfo.js +0 -248
  230. package/src/lib/assets/content_copy_black.svg +0 -1
  231. package/src/lib/assets/profile-pic.jpg +0 -0
  232. package/src/lib/components/Accordicon.js +0 -43
  233. package/src/lib/components/CustomerInfo/customerInfo.js +0 -91
  234. package/src/lib/components/CustomerInfo/customerInfoBar.js +0 -23
  235. package/src/lib/components/CustomerInfo/infoAccordion.js +0 -96
  236. package/src/lib/components/CustomerInfo/labelsInfo.js +0 -37
  237. package/src/lib/components/CustomerInfo/notesInfo.js +0 -61
  238. package/src/lib/components/Modals/modalBody.js +0 -66
  239. package/src/lib/components/Modals/noteModalBody.js +0 -10
  240. package/src/lib/components/Modals/noteModalFooter.js +0 -16
  241. package/src/lib/components/Modals/noteModalHeader.js +0 -103
  242. package/src/lib/components/Reports/buttons.js +0 -5
  243. package/src/lib/components/Reports/cards.js +0 -78
  244. package/src/lib/components/Reports/charts.js +0 -79
  245. package/src/lib/components/Reports/infoHeader.js +0 -63
  246. package/src/lib/components/Reports/reportsBody.js +0 -29
  247. package/src/lib/components/Reports/title.js +0 -19
  248. package/src/lib/components/performanceIndicator.js +0 -27
  249. package/src/lib/components/pills.js +0 -65
package/storybook-static/iframe.html ADDED
@@ -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="static/css/main.b44a190d.chunk.css" 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":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.d3a18d6a.iframe.bundle.js"></script><script src="vendors~main.7fe78cc2.iframe.bundle.js"></script><script src="main.3c8d8027.iframe.bundle.js"></script></body></html>
package/storybook-static/index.html ADDED
@@ -0,0 +1,110 @@
1
+ <!doctype html>
2
+ <html lang="en">
3
+
4
+ <head>
5
+ <meta charset="utf-8" />
6
+ <title>Beem Components</title>
7
+ <meta name="viewport" content="width=device-width,initial-scale=1" />
8
+ <style>
9
+ html,
10
+ body {
11
+ overflow: hidden;
12
+ height: 100%;
13
+ width: 100%;
14
+ margin: 0;
15
+ padding: 0;
16
+ }
17
+
18
+ * {
19
+ box-sizing: border-box;
20
+ }
21
+ </style>
22
+ <script>
23
+ /* globals window */
24
+ /* eslint-disable no-underscore-dangle */
25
+ try {
26
+ if (window.top !== window) {
27
+ window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.top.__REACT_DEVTOOLS_GLOBAL_HOOK__;
28
+ }
29
+ } catch (e) {
30
+ // eslint-disable-next-line no-console
31
+ console.warn('unable to connect to top frame for connecting dev tools');
32
+ }
33
+
34
+ window.onerror = function onerror(message, source, line, column, err) {
35
+ if (window.CONFIG_TYPE !== 'DEVELOPMENT') return;
36
+ // eslint-disable-next-line no-var, vars-on-top
37
+ var xhr = new window.XMLHttpRequest();
38
+ xhr.open('POST', '/runtime-error');
39
+ xhr.setRequestHeader('Content-Type', 'application/json;charset=UTF-8');
40
+ xhr.send(
41
+ JSON.stringify({
42
+ /* eslint-disable object-shorthand */
43
+ message: message,
44
+ source: source,
45
+ line: line,
46
+ column: column,
47
+ error: err && {
48
+ message: err.message,
49
+ name: err.name,
50
+ stack: err.stack
51
+ },
52
+ origin: 'manager',
53
+ /* eslint-enable object-shorthand */
54
+ })
55
+ );
56
+ };
57
+ </script>
58
+ <link rel="shortcut icon" href="./favicon.ico">
59
+ <link rel="icon" href="./favicon.ico" sizes="192x192">
60
+ <script>
61
+ var observer = new MutationObserver(function(mutations) {
62
+ if (document.title.match(/Storybook$/)) {
63
+ document.title = "Beem Components";
64
+ }
65
+ }).observe(document.querySelector("title"), {
66
+ childList: true,
67
+ subtree: true,
68
+ characterData: true
69
+ });
70
+ </script>
71
+ <style>
72
+ #root[hidden],
73
+ #docs-root[hidden] {
74
+ display: none !important;
75
+ }
76
+ </style>
77
+ </head>
78
+
79
+ <body>
80
+ <div id="root"></div>
81
+ <div id="docs-root"></div>
82
+ <script>
83
+ window['CONFIG_TYPE'] = "PRODUCTION";
84
+
85
+
86
+
87
+ window['LOGLEVEL'] = "info";
88
+
89
+
90
+
91
+ window['FEATURES'] = {
92
+ "postcss": true,
93
+ "emotionAlias": true,
94
+ "warnOnLegacyHierarchySeparator": true
95
+ };
96
+
97
+
98
+
99
+
100
+
101
+
102
+
103
+ window['DOCS_MODE'] = false;
104
+ </script>
105
+ <script src="runtime~main.ff106120648356c6069d.manager.bundle.js"></script>
106
+ <script src="vendors~main.1750028c2d68e574fb1d.manager.bundle.js"></script>
107
+ <script src="main.3e5804fe56d1f580b088.manager.bundle.js"></script>
108
+ </body>
109
+
110
+ </html>