@propelinc/citrus-ui 0.6.0 → 1.0.0

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 (355) hide show
  1. package/README.md +54 -60
  2. package/dist/colors/colors.d.ts +31 -0
  3. package/dist/colors/theme.d.ts +2 -11
  4. package/dist/colors/util-classes.d.ts +11 -0
  5. package/dist/components/CAccordion.vue.d.ts +21 -0
  6. package/dist/components/CAccordionItem.vue.d.ts +41 -0
  7. package/dist/components/CAppBar.vue.d.ts +156 -0
  8. package/dist/components/CBadge.vue.d.ts +52 -0
  9. package/dist/components/CBottomSheet.vue.d.ts +226 -0
  10. package/dist/components/CButton/CButton.vue.d.ts +231 -0
  11. package/dist/components/CButton/types.d.ts +5 -0
  12. package/dist/components/CButtonStack.vue.d.ts +24 -0
  13. package/dist/components/CCard.vue.d.ts +107 -0
  14. package/dist/components/CCardFooter.vue.d.ts +26 -0
  15. package/dist/components/CCardHeader.vue.d.ts +3 -0
  16. package/dist/components/CCardSection.vue.d.ts +17 -0
  17. package/dist/components/CCheckbox.vue.d.ts +145 -0
  18. package/dist/components/CCol.vue.d.ts +21 -0
  19. package/dist/components/CDivider.vue.d.ts +17 -0
  20. package/dist/components/CDobField.vue.d.ts +2109 -0
  21. package/dist/components/CDobSelect.vue.d.ts +398 -0
  22. package/dist/components/CEmailField.vue.d.ts +699 -0
  23. package/dist/components/CExpandTransition.vue.d.ts +19 -0
  24. package/dist/components/CFadeTransition.vue.d.ts +3 -0
  25. package/dist/components/CFileInput.vue.d.ts +98 -0
  26. package/dist/components/CFixedPageFooter.vue.d.ts +106 -0
  27. package/dist/components/CForm.vue.d.ts +29 -0
  28. package/dist/components/CFormFieldCounter.vue.d.ts +42 -0
  29. package/dist/components/CIconButton.vue.d.ts +390 -0
  30. package/dist/components/CLabel.vue.d.ts +32 -0
  31. package/dist/components/CListItem.vue.d.ts +208 -0
  32. package/dist/components/CListItemContent.vue.d.ts +27 -0
  33. package/dist/components/CListItemIcon.vue.d.ts +54 -0
  34. package/dist/components/CLoader.vue.d.ts +73 -0
  35. package/dist/components/CLogo.vue.d.ts +19 -0
  36. package/dist/components/CMaskedTextField.vue.d.ts +2012 -0
  37. package/dist/components/CMenu.vue.d.ts +6 -0
  38. package/dist/components/CMenuItem.vue.d.ts +170 -0
  39. package/dist/components/CMenuLabel.vue.d.ts +3 -0
  40. package/dist/components/CModal.vue.d.ts +206 -0
  41. package/dist/components/CModalLoading.vue.d.ts +230 -0
  42. package/dist/components/CNotification.vue.d.ts +589 -0
  43. package/dist/components/CPhoneField.vue.d.ts +2088 -0
  44. package/dist/components/CPill.vue.d.ts +42 -0
  45. package/dist/components/CPillGroup.vue.d.ts +70 -0
  46. package/dist/components/CPopup.vue.d.ts +21 -0
  47. package/dist/components/CProgressLinear.vue.d.ts +61 -0
  48. package/dist/components/CProgressRing.vue.d.ts +103 -0
  49. package/dist/components/CRadio.vue.d.ts +73 -0
  50. package/dist/components/CRadioGroup.vue.d.ts +123 -0
  51. package/dist/components/CRebrand.vue.d.ts +28 -0
  52. package/dist/components/CRow.vue.d.ts +67 -0
  53. package/dist/components/CSafeArea.vue.d.ts +18 -0
  54. package/dist/components/CSectionHeader.vue.d.ts +28 -0
  55. package/dist/components/CSelect.vue.d.ts +293 -0
  56. package/dist/components/CSkeleton.vue.d.ts +3 -0
  57. package/dist/components/CSkeletonLoaderCard.vue.d.ts +21 -0
  58. package/dist/components/CSkeletonLoaderCircle.vue.d.ts +5 -0
  59. package/dist/components/CSkeletonLoaderText.vue.d.ts +44 -0
  60. package/dist/components/CSlideFadeTransition.vue.d.ts +58 -0
  61. package/dist/components/CSplitInput.vue.d.ts +2131 -0
  62. package/dist/components/CSquaredIcon.vue.d.ts +47 -0
  63. package/dist/components/CSsnField.vue.d.ts +2083 -0
  64. package/dist/components/CStatusDot.vue.d.ts +27 -0
  65. package/dist/components/CSwitch.vue.d.ts +54 -0
  66. package/dist/components/CSwitchListItem.vue.d.ts +392 -0
  67. package/dist/components/CTextArea.vue.d.ts +240 -0
  68. package/dist/components/CTextField.vue.d.ts +647 -0
  69. package/dist/components/CTextLink.vue.d.ts +55 -0
  70. package/dist/components/CThirdPartyLogo.vue.d.ts +128 -0
  71. package/dist/components/CTimeago.vue.d.ts +12 -0
  72. package/dist/components/CToast.vue.d.ts +458 -0
  73. package/dist/components/CToastsList.vue.d.ts +430 -0
  74. package/dist/components/CValidationMessage.vue.d.ts +45 -0
  75. package/dist/components/CZipcodeField.vue.d.ts +2080 -0
  76. package/dist/components/index.d.ts +66 -25
  77. package/dist/components/internal/CCloseButton.vue.d.ts +14 -0
  78. package/dist/composables/accessibility.d.ts +1 -0
  79. package/dist/composables/animation.d.ts +12 -0
  80. package/dist/composables/binding.d.ts +19 -0
  81. package/dist/composables/colors.d.ts +13 -0
  82. package/dist/composables/elements.d.ts +3 -0
  83. package/dist/composables/fields.d.ts +9 -0
  84. package/dist/composables/gestures.d.ts +53 -0
  85. package/dist/composables/i18n.d.ts +3 -0
  86. package/dist/composables/id.d.ts +11 -0
  87. package/dist/composables/input-mask.d.ts +18 -0
  88. package/dist/composables/router.d.ts +30 -0
  89. package/dist/composables/slots.d.ts +2 -0
  90. package/dist/composables/toast.d.ts +21 -0
  91. package/dist/composables/validations.d.ts +77 -0
  92. package/dist/index.css +1 -0
  93. package/dist/index.d.ts +5 -4
  94. package/dist/index.mjs +11738 -0
  95. package/dist/index.mjs.map +1 -0
  96. package/dist/plugin.d.ts +2 -2
  97. package/dist/services/animation.d.ts +17 -0
  98. package/dist/services/directives/index.d.ts +2 -0
  99. package/dist/services/directives/scroll-into-view.d.ts +7 -0
  100. package/dist/services/directives/tap-animation.d.ts +6 -0
  101. package/dist/services/id.d.ts +22 -0
  102. package/dist/services/injections/accordions.d.ts +3 -0
  103. package/dist/services/injections/animations.d.ts +2 -0
  104. package/dist/services/injections/buttons.d.ts +4 -0
  105. package/dist/services/injections/forms.d.ts +6 -0
  106. package/dist/services/injections/icon-buttons.d.ts +3 -0
  107. package/dist/services/injections/pills.d.ts +4 -0
  108. package/dist/services/injections/radio.d.ts +10 -0
  109. package/dist/styles/main.css +3002 -0
  110. package/dist/styles/utils.css +2319 -0
  111. package/dist/theme/icons.d.ts +35 -2
  112. package/dist/types/CForm.d.ts +12 -0
  113. package/dist/types/font-awesome.d.ts +5 -0
  114. package/dist/types.d.ts +12 -0
  115. package/index.ts +2 -0
  116. package/package.json +60 -45
  117. package/src/assets/fonts/grenette-regular.woff2 +0 -0
  118. package/src/assets/fonts/grenette-semibold.woff2 +0 -0
  119. package/src/assets/fonts/polymath.woff2 +0 -0
  120. package/src/assets/logos/propel/icon.svg +15 -0
  121. package/src/assets/logos/propel/lockup.svg +11 -0
  122. package/src/colors/colors.ts +173 -0
  123. package/src/colors/theme.ts +8 -14
  124. package/src/colors/util-classes.ts +49 -0
  125. package/src/componentResolver.js +33 -0
  126. package/src/components/CAccordion.vue +32 -7
  127. package/src/components/CAccordionItem.vue +109 -36
  128. package/src/components/CAppBar.vue +237 -0
  129. package/src/components/CBadge.vue +74 -0
  130. package/src/components/CBottomSheet.vue +430 -0
  131. package/src/components/CButton/CButton.vue +347 -0
  132. package/src/components/CButton/types.ts +5 -0
  133. package/src/components/CButtonStack.vue +36 -0
  134. package/src/components/CCard.vue +149 -41
  135. package/src/components/CCardFooter.vue +11 -27
  136. package/src/components/CCardHeader.vue +30 -21
  137. package/src/components/CCardSection.vue +23 -12
  138. package/src/components/CCheckbox.vue +191 -21
  139. package/src/components/CCol.vue +55 -0
  140. package/src/components/CDivider.vue +46 -0
  141. package/src/components/CDobField.vue +153 -0
  142. package/src/components/CDobSelect.vue +274 -0
  143. package/src/components/CEmailField.vue +61 -0
  144. package/src/components/CExpandTransition.vue +55 -0
  145. package/src/components/CFadeTransition.vue +23 -0
  146. package/src/components/CFileInput.vue +186 -0
  147. package/src/components/CFixedPageFooter.vue +76 -0
  148. package/src/components/CForm.vue +86 -0
  149. package/src/components/CFormFieldCounter.vue +40 -0
  150. package/src/components/CIconButton.vue +175 -59
  151. package/src/components/CLabel.vue +52 -0
  152. package/src/components/CListItem.vue +149 -45
  153. package/src/components/CListItemContent.vue +60 -0
  154. package/src/components/CListItemIcon.vue +27 -31
  155. package/src/components/CLoader.vue +156 -0
  156. package/src/components/CLogo.vue +23 -0
  157. package/src/components/CMaskedTextField.vue +118 -0
  158. package/src/components/CMenu.vue +24 -0
  159. package/src/components/CMenuItem.vue +106 -0
  160. package/src/components/CMenuLabel.vue +26 -0
  161. package/src/components/CModal.vue +198 -79
  162. package/src/components/CModalLoading.vue +27 -9
  163. package/src/components/CNotification.vue +86 -53
  164. package/src/components/CPhoneField.vue +69 -0
  165. package/src/components/CPill.vue +162 -0
  166. package/src/components/CPillGroup.vue +73 -0
  167. package/src/components/CPopup.vue +66 -0
  168. package/src/components/CProgressLinear.vue +52 -0
  169. package/src/components/CProgressRing.vue +126 -0
  170. package/src/components/CRadio.vue +138 -0
  171. package/src/components/CRadioGroup.vue +142 -0
  172. package/src/components/CRebrand.vue +28 -0
  173. package/src/components/CRow.vue +62 -0
  174. package/src/components/CSafeArea.vue +23 -0
  175. package/src/components/CSectionHeader.vue +50 -0
  176. package/src/components/CSelect.vue +223 -74
  177. package/src/components/CSkeleton.vue +65 -0
  178. package/src/components/CSkeletonLoaderCard.vue +29 -0
  179. package/src/components/CSkeletonLoaderCircle.vue +18 -14
  180. package/src/components/CSkeletonLoaderText.vue +127 -17
  181. package/src/components/CSlideFadeTransition.vue +100 -0
  182. package/src/components/CSplitInput.vue +111 -0
  183. package/src/components/CSquaredIcon.vue +83 -0
  184. package/src/components/CSsnField.vue +86 -0
  185. package/src/components/CStatusDot.vue +70 -0
  186. package/src/components/CSwitch.vue +125 -0
  187. package/src/components/CSwitchListItem.vue +110 -0
  188. package/src/components/CTextArea.vue +193 -47
  189. package/src/components/CTextField.vue +450 -93
  190. package/src/components/CTextLink.vue +48 -38
  191. package/src/components/CThirdPartyLogo.vue +127 -0
  192. package/src/components/CTimeago.vue +63 -0
  193. package/src/components/CToast.vue +259 -0
  194. package/src/components/CToastsList.vue +32 -0
  195. package/src/components/CValidationMessage.vue +70 -0
  196. package/src/components/CZipcodeField.vue +69 -0
  197. package/src/components/index.ts +66 -25
  198. package/src/components/internal/CCloseButton.vue +57 -0
  199. package/src/composables/accessibility.ts +29 -0
  200. package/src/composables/animation.ts +95 -0
  201. package/src/composables/binding.ts +34 -0
  202. package/src/composables/colors.ts +59 -0
  203. package/src/composables/elements.ts +72 -0
  204. package/src/composables/fields.ts +19 -0
  205. package/src/composables/gestures.ts +197 -0
  206. package/src/composables/i18n.ts +13 -0
  207. package/src/composables/id.ts +23 -0
  208. package/src/composables/input-mask.ts +139 -0
  209. package/src/composables/router.ts +64 -0
  210. package/src/composables/slots.ts +57 -0
  211. package/src/composables/toast.ts +64 -0
  212. package/src/composables/validations.ts +214 -0
  213. package/src/index.ts +7 -7
  214. package/src/plugin.ts +13 -6
  215. package/src/services/animation.ts +101 -0
  216. package/src/services/directives/index.ts +2 -0
  217. package/src/services/directives/scroll-into-view.ts +86 -0
  218. package/src/services/directives/tap-animation.ts +71 -0
  219. package/src/services/id.ts +31 -0
  220. package/src/services/injections/accordions.ts +4 -0
  221. package/src/services/injections/animations.ts +3 -0
  222. package/src/services/injections/buttons.ts +5 -0
  223. package/src/services/injections/forms.ts +8 -0
  224. package/src/services/injections/icon-buttons.ts +4 -0
  225. package/src/services/injections/pills.ts +7 -0
  226. package/src/services/injections/radio.ts +12 -0
  227. package/src/shims-vue.d.ts +6 -3
  228. package/src/styles/_animation.scss +19 -0
  229. package/src/styles/_button.scss +61 -0
  230. package/src/styles/_colors.scss +58 -11
  231. package/src/styles/_core.scss +248 -87
  232. package/src/styles/_form-fields.scss +68 -15
  233. package/src/styles/_grenette.scss +13 -0
  234. package/src/styles/_polymath.scss +14 -0
  235. package/src/styles/_reset.scss +105 -0
  236. package/src/styles/_shoelace.scss +46 -0
  237. package/src/styles/_typography.scss +40 -10
  238. package/src/styles/main.scss +6 -3
  239. package/src/styles/utils/a11y.scss +18 -0
  240. package/src/styles/utils/typography.scss +13 -0
  241. package/src/styles/utils.scss +560 -0
  242. package/src/styles/variables.scss +27 -15
  243. package/src/theme/icons.ts +16 -5
  244. package/src/types/CForm.ts +15 -0
  245. package/src/types/font-awesome.ts +6 -0
  246. package/src/types.ts +15 -0
  247. package/.browserslistrc +0 -3
  248. package/.eslintrc.js +0 -4
  249. package/.stylelintrc.js +0 -3
  250. package/babel.config.js +0 -3
  251. package/dist/citrus-ui.common.js +0 -43434
  252. package/dist/citrus-ui.common.js.map +0 -1
  253. package/dist/citrus-ui.css +0 -1
  254. package/dist/citrus-ui.umd.js +0 -43444
  255. package/dist/citrus-ui.umd.js.map +0 -1
  256. package/dist/citrus-ui.umd.min.js +0 -27
  257. package/dist/citrus-ui.umd.min.js.map +0 -1
  258. package/dist/demo.html +0 -10
  259. package/dist/fonts/Blitz-Script.85ed9abe.woff2 +0 -0
  260. package/dist/fonts/ObjectSans-Bold.5492f3d5.woff2 +0 -0
  261. package/dist/fonts/ObjectSans-BoldSlanted.29e2a87e.woff2 +0 -0
  262. package/dist/fonts/ObjectSans-Heavy.d0b2f035.woff2 +0 -0
  263. package/dist/fonts/ObjectSans-HeavySlanted.45e9c063.woff2 +0 -0
  264. package/dist/fonts/ObjectSans-Light.f885dec3.woff2 +0 -0
  265. package/dist/fonts/ObjectSans-LightSlanted.b8eb7c12.woff2 +0 -0
  266. package/dist/fonts/ObjectSans-Regular.e4ea0b90.woff2 +0 -0
  267. package/dist/fonts/ObjectSans-Slanted.57a90be9.woff2 +0 -0
  268. package/dist/fonts/ObjectSans-Thin.86d44227.woff2 +0 -0
  269. package/dist/fonts/ObjectSans-ThinSlanted.20342160.woff2 +0 -0
  270. package/jest.config.js +0 -9
  271. package/plopfile.js +0 -67
  272. package/project.json +0 -69
  273. package/src/assets/fonts/Blitz-Script.woff2 +0 -0
  274. package/src/assets/fonts/ObjectSans-Bold.woff2 +0 -0
  275. package/src/assets/fonts/ObjectSans-BoldSlanted.woff2 +0 -0
  276. package/src/assets/fonts/ObjectSans-Heavy.woff2 +0 -0
  277. package/src/assets/fonts/ObjectSans-HeavySlanted.woff2 +0 -0
  278. package/src/assets/fonts/ObjectSans-Light.woff2 +0 -0
  279. package/src/assets/fonts/ObjectSans-LightSlanted.woff2 +0 -0
  280. package/src/assets/fonts/ObjectSans-Regular.woff2 +0 -0
  281. package/src/assets/fonts/ObjectSans-Slanted.woff2 +0 -0
  282. package/src/assets/fonts/ObjectSans-Thin.woff2 +0 -0
  283. package/src/assets/fonts/ObjectSans-ThinSlanted.woff2 +0 -0
  284. package/src/components/CAlert.vue +0 -78
  285. package/src/components/CBanner.vue +0 -47
  286. package/src/components/CButton.vue +0 -146
  287. package/src/components/CListItemAction.vue +0 -29
  288. package/src/components/CSegmentedButton.vue +0 -47
  289. package/src/components/CSegmentedButtonOption.vue +0 -42
  290. package/src/components/helpers/FormField.vue +0 -48
  291. package/src/components/helpers/SelectInput.vue +0 -115
  292. package/src/shims-scss.d.ts +0 -4
  293. package/src/shims-vuetify.d.ts +0 -4
  294. package/src/styles/_blitz.scss +0 -8
  295. package/src/styles/_object-sans.scss +0 -23
  296. package/storybook-static/0.799c368cbe88266827ba.manager.bundle.js +0 -1
  297. package/storybook-static/0.a9f0a9ad.iframe.bundle.js +0 -3
  298. package/storybook-static/0.a9f0a9ad.iframe.bundle.js.LICENSE.txt +0 -8
  299. package/storybook-static/0.a9f0a9ad.iframe.bundle.js.map +0 -1
  300. package/storybook-static/1.0438fd8d.iframe.bundle.js +0 -3
  301. package/storybook-static/1.0438fd8d.iframe.bundle.js.LICENSE.txt +0 -17
  302. package/storybook-static/1.0438fd8d.iframe.bundle.js.map +0 -1
  303. package/storybook-static/1.9ebd2fb519f6726108de.manager.bundle.js +0 -1
  304. package/storybook-static/10.348d8814.iframe.bundle.js +0 -3
  305. package/storybook-static/10.348d8814.iframe.bundle.js.LICENSE.txt +0 -30
  306. package/storybook-static/10.348d8814.iframe.bundle.js.map +0 -1
  307. package/storybook-static/10.a85ea1a67689be8e19ff.manager.bundle.js +0 -1
  308. package/storybook-static/11.f4e922583ae35da460f3.manager.bundle.js +0 -2
  309. package/storybook-static/11.f4e922583ae35da460f3.manager.bundle.js.LICENSE.txt +0 -12
  310. package/storybook-static/12.1415460941f0bdcb8fa8.manager.bundle.js +0 -1
  311. package/storybook-static/2.75a17459.iframe.bundle.js +0 -3
  312. package/storybook-static/2.75a17459.iframe.bundle.js.LICENSE.txt +0 -26
  313. package/storybook-static/2.75a17459.iframe.bundle.js.map +0 -1
  314. package/storybook-static/5.f459d151315e6780c20f.manager.bundle.js +0 -2
  315. package/storybook-static/5.f459d151315e6780c20f.manager.bundle.js.LICENSE.txt +0 -8
  316. package/storybook-static/6.3bd64d820f3745f262ff.manager.bundle.js +0 -1
  317. package/storybook-static/6.ce8d99b4.iframe.bundle.js +0 -1
  318. package/storybook-static/7.3d04765dbf3f1dcd706c.manager.bundle.js +0 -1
  319. package/storybook-static/7.6633a922.iframe.bundle.js +0 -3
  320. package/storybook-static/7.6633a922.iframe.bundle.js.LICENSE.txt +0 -12
  321. package/storybook-static/7.6633a922.iframe.bundle.js.map +0 -1
  322. package/storybook-static/8.b541eadfcb9164835dfc.manager.bundle.js +0 -1
  323. package/storybook-static/8.fc5e1ebf.iframe.bundle.js +0 -1
  324. package/storybook-static/9.411ac8e451bbb10926c7.manager.bundle.js +0 -1
  325. package/storybook-static/9.724ac3ed.iframe.bundle.js +0 -3
  326. package/storybook-static/9.724ac3ed.iframe.bundle.js.LICENSE.txt +0 -15
  327. package/storybook-static/9.724ac3ed.iframe.bundle.js.map +0 -1
  328. package/storybook-static/css/main.95216119.css +0 -1
  329. package/storybook-static/css/vendors~main.02dc89bf.css +0 -1
  330. package/storybook-static/favicon.ico +0 -0
  331. package/storybook-static/fonts/Blitz-Script.85ed9abe.woff2 +0 -0
  332. package/storybook-static/fonts/ObjectSans-Bold.5492f3d5.woff2 +0 -0
  333. package/storybook-static/fonts/ObjectSans-BoldSlanted.29e2a87e.woff2 +0 -0
  334. package/storybook-static/fonts/ObjectSans-Heavy.d0b2f035.woff2 +0 -0
  335. package/storybook-static/fonts/ObjectSans-HeavySlanted.45e9c063.woff2 +0 -0
  336. package/storybook-static/fonts/ObjectSans-Light.f885dec3.woff2 +0 -0
  337. package/storybook-static/fonts/ObjectSans-LightSlanted.b8eb7c12.woff2 +0 -0
  338. package/storybook-static/fonts/ObjectSans-Regular.e4ea0b90.woff2 +0 -0
  339. package/storybook-static/fonts/ObjectSans-Slanted.57a90be9.woff2 +0 -0
  340. package/storybook-static/fonts/ObjectSans-Thin.86d44227.woff2 +0 -0
  341. package/storybook-static/fonts/ObjectSans-ThinSlanted.20342160.woff2 +0 -0
  342. package/storybook-static/iframe.html +0 -348
  343. package/storybook-static/index.html +0 -51
  344. package/storybook-static/main.7b4aec9c4352d4bb535b.manager.bundle.js +0 -1
  345. package/storybook-static/main.9e8c64c7.iframe.bundle.js +0 -1
  346. package/storybook-static/runtime~main.91a0c7330ab317d35c4a.manager.bundle.js +0 -1
  347. package/storybook-static/runtime~main.e4da100f.iframe.bundle.js +0 -1
  348. package/storybook-static/vendors~main.6660eda6.iframe.bundle.js +0 -7
  349. package/storybook-static/vendors~main.6660eda6.iframe.bundle.js.LICENSE.txt +0 -80
  350. package/storybook-static/vendors~main.6660eda6.iframe.bundle.js.map +0 -1
  351. package/storybook-static/vendors~main.f7f16cebbf3aa96a4f89.manager.bundle.js +0 -2
  352. package/storybook-static/vendors~main.f7f16cebbf3aa96a4f89.manager.bundle.js.LICENSE.txt +0 -110
  353. package/tsconfig.dist.json +0 -7
  354. package/tsconfig.json +0 -24
  355. package/vue.config.js +0 -5
package/storybook-static/favicon.ico DELETED
Binary file
package/storybook-static/iframe.html DELETED
@@ -1,348 +0,0 @@
1
- <!doctype html><html lang="en"><head><meta charset="utf-8"><title>Webpack App</title><meta name="viewport" content="width=device-width,initial-scale=1"><base target="_parent"><style>:not(.sb-show-preparing-story) > .sb-preparing-story,
2
- :not(.sb-show-preparing-docs) > .sb-preparing-docs,
3
- :not(.sb-show-nopreview) > .sb-nopreview,
4
- :not(.sb-show-errordisplay) > .sb-errordisplay {
5
- display: none;
6
- }
7
-
8
- .sb-show-main.sb-main-centered {
9
- margin: 0;
10
- display: flex;
11
- align-items: center;
12
- min-height: 100vh;
13
- }
14
-
15
- .sb-show-main.sb-main-centered #root {
16
- box-sizing: border-box;
17
- margin: auto;
18
- padding: 1rem;
19
- max-height: 100%; /* Hack for centering correctly in IE11 */
20
- }
21
-
22
- /* Vertical centering fix for IE11 */
23
- @media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
24
- .sb-show-main.sb-main-centered:after {
25
- content: '';
26
- min-height: inherit;
27
- font-size: 0;
28
- }
29
- }
30
-
31
- .sb-show-main.sb-main-fullscreen {
32
- margin: 0;
33
- padding: 0;
34
- display: block;
35
- }
36
-
37
- .sb-show-main.sb-main-padded {
38
- margin: 0;
39
- padding: 1rem;
40
- display: block;
41
- box-sizing: border-box;
42
- }
43
-
44
- .sb-wrapper {
45
- position: fixed;
46
- top: 0;
47
- bottom: 0;
48
- left: 0;
49
- right: 0;
50
- padding: 20px;
51
- font-family: 'Nunito Sans', -apple-system, '.SFNSText-Regular', 'San Francisco',
52
- BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
53
- -webkit-font-smoothing: antialiased;
54
- overflow: auto;
55
- }
56
-
57
- .sb-heading {
58
- font-size: 14px;
59
- font-weight: 600;
60
- letter-spacing: 0.2px;
61
- margin: 10px 0;
62
- padding-right: 25px;
63
- }
64
-
65
- .sb-nopreview {
66
- display: flex;
67
- align-content: center;
68
- justify-content: center;
69
- }
70
-
71
- .sb-nopreview_main {
72
- margin: auto;
73
- padding: 30px;
74
- border-radius: 10px;
75
- background: rgba(0, 0, 0, 0.03);
76
- }
77
-
78
- .sb-nopreview_heading {
79
- text-align: center;
80
- }
81
-
82
- .sb-errordisplay {
83
- border: 20px solid rgb(187, 49, 49);
84
- background: #222;
85
- color: #fff;
86
- z-index: 999999;
87
- }
88
-
89
- .sb-errordisplay_code {
90
- padding: 10px;
91
- background: #000;
92
- color: #eee;
93
- font-family: 'Operator Mono', 'Fira Code Retina', 'Fira Code', 'FiraCode-Retina', 'Andale Mono',
94
- 'Lucida Console', Consolas, Monaco, monospace;
95
- }
96
-
97
- .sb-errordisplay pre {
98
- white-space: pre-wrap;
99
- }
100
-
101
- @-webkit-keyframes sb-rotate360 {
102
- from {
103
- transform: rotate(0deg);
104
- }
105
- to {
106
- transform: rotate(360deg);
107
- }
108
- }
109
- @keyframes sb-rotate360 {
110
- from {
111
- transform: rotate(0deg);
112
- }
113
- to {
114
- transform: rotate(360deg);
115
- }
116
- }
117
- @-webkit-keyframes sb-glow {
118
- 0%,
119
- 100% {
120
- opacity: 1;
121
- }
122
- 50% {
123
- opacity: 0.4;
124
- }
125
- }
126
- @keyframes sb-glow {
127
- 0%,
128
- 100% {
129
- opacity: 1;
130
- }
131
- 50% {
132
- opacity: 0.4;
133
- }
134
- }
135
-
136
- /* We display the preparing loaders *over* the rendering story */
137
- .sb-preparing-story,
138
- .sb-preparing-docs {
139
- background-color: white;
140
- }
141
-
142
- .sb-loader {
143
- -webkit-animation: sb-rotate360 0.7s linear infinite;
144
- animation: sb-rotate360 0.7s linear infinite;
145
- border-color: rgba(97, 97, 97, 0.29);
146
- border-radius: 50%;
147
- border-style: solid;
148
- border-top-color: #646464;
149
- border-width: 2px;
150
- display: inline-block;
151
- height: 32px;
152
- left: 50%;
153
- margin-left: -16px;
154
- margin-top: -16px;
155
- mix-blend-mode: difference;
156
- overflow: hidden;
157
- position: absolute;
158
- top: 50%;
159
- transition: all 200ms ease-out;
160
- vertical-align: top;
161
- width: 32px;
162
- z-index: 4;
163
- }
164
-
165
- .sb-previewBlock {
166
- background: #fff;
167
- border: 1px solid rgba(0, 0, 0, 0.1);
168
- border-radius: 4px;
169
- box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px 0;
170
- margin: 25px auto 40px;
171
- max-width: 600px;
172
- }
173
-
174
- .sb-previewBlock_header {
175
- align-items: center;
176
- box-shadow: rgba(0, 0, 0, 0.1) 0 -1px 0 0 inset;
177
- display: flex;
178
- gap: 14px;
179
- height: 40px;
180
- padding: 0 12px;
181
- }
182
-
183
- .sb-previewBlock_icon {
184
- -webkit-animation: sb-glow 1.5s ease-in-out infinite;
185
- animation: sb-glow 1.5s ease-in-out infinite;
186
- background: #e6e6e6;
187
- height: 14px;
188
- width: 14px;
189
- }
190
- .sb-previewBlock_icon:last-child {
191
- margin-left: auto;
192
- }
193
-
194
- .sb-previewBlock_body {
195
- -webkit-animation: sb-glow 1.5s ease-in-out infinite;
196
- animation: sb-glow 1.5s ease-in-out infinite;
197
- height: 182px;
198
- position: relative;
199
- }
200
-
201
- .sb-argstableBlock {
202
- border-collapse: collapse;
203
- border-spacing: 0;
204
- font-size: 13px;
205
- line-height: 20px;
206
- margin: 25px auto 40px;
207
- max-width: 600px;
208
- text-align: left;
209
- width: 100%;
210
- }
211
- .sb-argstableBlock th:first-of-type,
212
- .sb-argstableBlock td:first-of-type {
213
- padding-left: 20px;
214
- }
215
- .sb-argstableBlock th:nth-of-type(2),
216
- .sb-argstableBlock td:nth-of-type(2) {
217
- width: 35%;
218
- }
219
- .sb-argstableBlock th:nth-of-type(3),
220
- .sb-argstableBlock td:nth-of-type(3) {
221
- width: 15%;
222
- }
223
- .sb-argstableBlock th:laste-of-type,
224
- .sb-argstableBlock td:laste-of-type {
225
- width: 25%;
226
- padding-right: 20px;
227
- }
228
- .sb-argstableBlock th span,
229
- .sb-argstableBlock td span {
230
- -webkit-animation: sb-glow 1.5s ease-in-out infinite;
231
- animation: sb-glow 1.5s ease-in-out infinite;
232
- background-color: rgba(0, 0, 0, 0.1);
233
- border-radius: 0;
234
- box-shadow: none;
235
- color: transparent;
236
- }
237
- .sb-argstableBlock th {
238
- padding: 10px 15px;
239
- }
240
-
241
- .sb-argstableBlock-body {
242
- border-radius: 4px;
243
- box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px 1px, rgba(0, 0, 0, 0.065) 0 0 0 1px;
244
- }
245
- .sb-argstableBlock-body tr {
246
- background: transparent;
247
- overflow: hidden;
248
- }
249
- .sb-argstableBlock-body tr:not(:first-child) {
250
- border-top: 1px solid #e6e6e6;
251
- }
252
- .sb-argstableBlock-body tr:first-child td:first-child {
253
- border-top-left-radius: 4px;
254
- }
255
- .sb-argstableBlock-body tr:first-child td:last-child {
256
- border-top-right-radius: 4px;
257
- }
258
- .sb-argstableBlock-body tr:last-child td:first-child {
259
- border-bottom-left-radius: 4px;
260
- }
261
- .sb-argstableBlock-body tr:last-child td:last-child {
262
- border-bottom-right-radius: 4px;
263
- }
264
- .sb-argstableBlock-body td {
265
- background: #fff;
266
- padding-bottom: 10px;
267
- padding-top: 10px;
268
- vertical-align: top;
269
- }
270
- .sb-argstableBlock-body td:not(:first-of-type) {
271
- padding-left: 15px;
272
- padding-right: 15px;
273
- }
274
- .sb-argstableBlock-body button {
275
- -webkit-animation: sb-glow 1.5s ease-in-out infinite;
276
- animation: sb-glow 1.5s ease-in-out infinite;
277
- background-color: rgba(0, 0, 0, 0.1);
278
- border: 0;
279
- border-radius: 0;
280
- box-shadow: none;
281
- color: transparent;
282
- display: inline;
283
- font-size: 12px;
284
- line-height: 1;
285
- padding: 10px 16px;
286
- }
287
-
288
- .sb-argstableBlock-summary {
289
- margin-top: 4px;
290
- }
291
-
292
- .sb-argstableBlock-code {
293
- margin-right: 4px;
294
- margin-bottom: 4px;
295
- padding: 2px 5px;
296
- }</style><script>/* globals window */
297
- /* eslint-disable no-underscore-dangle */
298
- try {
299
- if (window.top !== window) {
300
- window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.top.__REACT_DEVTOOLS_GLOBAL_HOOK__;
301
- window.__VUE_DEVTOOLS_GLOBAL_HOOK__ = window.top.__VUE_DEVTOOLS_GLOBAL_HOOK__;
302
- window.top.__VUE_DEVTOOLS_CONTEXT__ = window.document;
303
- }
304
- } catch (e) {
305
- // eslint-disable-next-line no-console
306
- console.warn('unable to connect to top frame for connecting dev tools');
307
- }
308
-
309
- window.onerror = function onerror(message, source, line, column, err) {
310
- if (window.CONFIG_TYPE !== 'DEVELOPMENT') return;
311
- // eslint-disable-next-line no-var, vars-on-top
312
- var xhr = new window.XMLHttpRequest();
313
- xhr.open('POST', '/runtime-error');
314
- xhr.setRequestHeader('Content-Type', 'application/json;charset=UTF-8');
315
- xhr.send(
316
- JSON.stringify({
317
- /* eslint-disable object-shorthand */
318
- message: message,
319
- source: source,
320
- line: line,
321
- column: column,
322
- error: err && { message: err.message, name: err.name, stack: err.stack },
323
- origin: 'preview',
324
- /* eslint-enable object-shorthand */
325
- })
326
- );
327
- };</script><link href="css/vendors~main.02dc89bf.css" rel="stylesheet"><link href="css/main.95216119.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":"./stories","files":"**/*.stories.@(js|jsx|ts|tsx|mdx)","importPathMatcher":"^\\.[\\\\/](?:stories(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx|mdx))$"}];</script><script src="runtime~main.e4da100f.iframe.bundle.js"></script><script src="vendors~main.6660eda6.iframe.bundle.js"></script><script src="main.9e8c64c7.iframe.bundle.js"></script></body></html>
package/storybook-static/index.html DELETED
@@ -1,51 +0,0 @@
1
- <!doctype html><html lang="en"><head><meta charset="utf-8"/><title>Webpack App</title><meta name="viewport" content="width=device-width,initial-scale=1"/><style>html, body {
2
- overflow: hidden;
3
- height: 100%;
4
- width: 100%;
5
- margin: 0;
6
- padding: 0;
7
- }
8
-
9
- * {
10
- box-sizing: border-box;
11
- }</style><script>/* globals window */
12
- /* eslint-disable no-underscore-dangle */
13
- try {
14
- if (window.top !== window) {
15
- window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.top.__REACT_DEVTOOLS_GLOBAL_HOOK__;
16
- }
17
- } catch (e) {
18
- // eslint-disable-next-line no-console
19
- console.warn('unable to connect to top frame for connecting dev tools');
20
- }
21
-
22
- window.onerror = function onerror(message, source, line, column, err) {
23
- if (window.CONFIG_TYPE !== 'DEVELOPMENT') return;
24
- // eslint-disable-next-line no-var, vars-on-top
25
- var xhr = new window.XMLHttpRequest();
26
- xhr.open('POST', '/runtime-error');
27
- xhr.setRequestHeader('Content-Type', 'application/json;charset=UTF-8');
28
- xhr.send(
29
- JSON.stringify({
30
- /* eslint-disable object-shorthand */
31
- message: message,
32
- source: source,
33
- line: line,
34
- column: column,
35
- error: err && { message: err.message, name: err.name, stack: err.stack },
36
- origin: 'manager',
37
- /* eslint-enable object-shorthand */
38
- })
39
- );
40
- };</script><style>#root[hidden],
41
- #docs-root[hidden] {
42
- display: none !important;
43
- }</style></head><body><div id="root"></div><div id="docs-root"></div><script>window['CONFIG_TYPE'] = "PRODUCTION";
44
-
45
-
46
-
47
- window['LOGLEVEL'] = "info";
48
-
49
-
50
-
51
- window['FEATURES'] = {"postcss":true,"emotionAlias":true,"warnOnLegacyHierarchySeparator":true};</script><script src="runtime~main.91a0c7330ab317d35c4a.manager.bundle.js"></script><script src="vendors~main.f7f16cebbf3aa96a4f89.manager.bundle.js"></script><script src="main.7b4aec9c4352d4bb535b.manager.bundle.js"></script></body></html>