@oliasoft-open-source/react-ui-library 4.13.0-beta-1 → 4.13.0-beta-3

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 (291) hide show
  1. package/dist/index.d.ts +2 -1
  2. package/dist/index.js +23 -9
  3. package/dist/index.js.map +1 -1
  4. package/package.json +3 -3
  5. package/dist/assets/bg-rock-D_kpA0sy.jpg +0 -0
  6. package/dist/assets/index-BZ1vGLnA.css +0 -8547
  7. package/dist/assets/index-D4oUBkZd.js +0 -76217
  8. package/dist/assets/noto-sans-latin-400-italic-BT87CHj2.woff +0 -0
  9. package/dist/assets/noto-sans-latin-400-italic-NApRWGLz.woff2 +0 -0
  10. package/dist/assets/noto-sans-latin-400-normal-CF_EggQ_.woff2 +0 -0
  11. package/dist/assets/noto-sans-latin-400-normal-DMz6UGTQ.woff +0 -0
  12. package/dist/assets/noto-sans-latin-700-italic-Cw3cBBZk.woff2 +0 -0
  13. package/dist/assets/noto-sans-latin-700-italic-qe_3Da_h.woff +0 -0
  14. package/dist/assets/noto-sans-latin-700-normal-CkyHDghY.woff +0 -0
  15. package/dist/assets/noto-sans-latin-700-normal-DwlQfr5s.woff2 +0 -0
  16. package/dist/index.html +0 -1
  17. package/dist/storybook/assets/Color-KGDBMAHA-ANgdrQuZ.js +0 -1
  18. package/dist/storybook/assets/DocsRenderer-PKQXORMH-Diyq_37l.js +0 -1
  19. package/dist/storybook/assets/accordion-BiuI_LCA.js +0 -1
  20. package/dist/storybook/assets/accordion-C3DU7hG7.css +0 -1
  21. package/dist/storybook/assets/accordion-DhEg2ksb.css +0 -1
  22. package/dist/storybook/assets/accordion.stories-CrmHu75y.js +0 -170
  23. package/dist/storybook/assets/actions-Bax0KeqM.js +0 -39
  24. package/dist/storybook/assets/actions-D8UgHts6.css +0 -1
  25. package/dist/storybook/assets/actions.stories-BnPZKqOJ.js +0 -1
  26. package/dist/storybook/assets/afe.stories-C9XjJj62.js +0 -88
  27. package/dist/storybook/assets/assertThisInitialized-B9jnkVVz.js +0 -1
  28. package/dist/storybook/assets/badge-BiaoqO6w.css +0 -1
  29. package/dist/storybook/assets/badge-CLQ59MDF.js +0 -1
  30. package/dist/storybook/assets/badge.stories-DA_eeQyi.js +0 -1
  31. package/dist/storybook/assets/bg-rock-D_kpA0sy.jpg +0 -0
  32. package/dist/storybook/assets/blowout.stories-DH-sYHgB.js +0 -40
  33. package/dist/storybook/assets/breadcrumb-DMx-Mu4J.css +0 -1
  34. package/dist/storybook/assets/breadcrumb.stories-CJArS18Q.js +0 -1
  35. package/dist/storybook/assets/button-Cbv7WK6k.js +0 -1
  36. package/dist/storybook/assets/button-DtgxLQCF.css +0 -1
  37. package/dist/storybook/assets/button-group-0hjBV4tw.css +0 -1
  38. package/dist/storybook/assets/button-group-D2fGP_bX.js +0 -1
  39. package/dist/storybook/assets/button-group.stories-BETADGti.js +0 -71
  40. package/dist/storybook/assets/button.stories-C03VvX8K.js +0 -80
  41. package/dist/storybook/assets/buttons-and-links-CtA6FoCC.js +0 -14
  42. package/dist/storybook/assets/card-EcjmryU9.js +0 -1
  43. package/dist/storybook/assets/card-VFDFIKp2.css +0 -1
  44. package/dist/storybook/assets/card.stories-CsTB0DuM.js +0 -1
  45. package/dist/storybook/assets/casing-loads.stories-Buy0-e_n.js +0 -209
  46. package/dist/storybook/assets/cell.stories-CPNfDo9l.js +0 -245
  47. package/dist/storybook/assets/check-box-CV-zd_I_.css +0 -1
  48. package/dist/storybook/assets/check-box-DPLaOkRR.js +0 -13
  49. package/dist/storybook/assets/check-box.stories-BJ0ShmeC.js +0 -97
  50. package/dist/storybook/assets/check-box.test-case.stories-CzuYZkUh.js +0 -30
  51. package/dist/storybook/assets/chunk-HLWAVYOI-KJoVz4w2.js +0 -2
  52. package/dist/storybook/assets/color-fa-nGnuH.js +0 -25
  53. package/dist/storybook/assets/column.stories-DDTHFELF.js +0 -88
  54. package/dist/storybook/assets/common-types-Sih75Sav.js +0 -1
  55. package/dist/storybook/assets/dialog-CBMZnjYb.css +0 -1
  56. package/dist/storybook/assets/dialog-DkpQscuI.js +0 -1
  57. package/dist/storybook/assets/disabled-context-rmpd7YJS.js +0 -1
  58. package/dist/storybook/assets/divider-DY9nJ_7N.js +0 -1
  59. package/dist/storybook/assets/divider-wQx_bznd.css +0 -1
  60. package/dist/storybook/assets/divider.stories-Dd-yyGrX.js +0 -1
  61. package/dist/storybook/assets/drawer-BVc1xI9q.css +0 -1
  62. package/dist/storybook/assets/drawer-DaQ1xGjV.js +0 -3
  63. package/dist/storybook/assets/drawer.stories-C08XBVTq.js +0 -113
  64. package/dist/storybook/assets/empty-L0EXybeR.css +0 -1
  65. package/dist/storybook/assets/empty.stories-L7LSMcLe.js +0 -1
  66. package/dist/storybook/assets/entry-preview-CHonU0lQ.js +0 -1
  67. package/dist/storybook/assets/entry-preview-docs-DUYczTxA.js +0 -54
  68. package/dist/storybook/assets/enum-Bnn40S8Q.js +0 -1
  69. package/dist/storybook/assets/field-CNDCZ5UR.css +0 -1
  70. package/dist/storybook/assets/field-HrLaMLbx.js +0 -7
  71. package/dist/storybook/assets/field.stories-CYpQ669-.js +0 -49
  72. package/dist/storybook/assets/file-button.stories-CRaTdLfv.js +0 -22
  73. package/dist/storybook/assets/file-input-b95Ui6h6.css +0 -1
  74. package/dist/storybook/assets/file-input-yalPf7-m.js +0 -13
  75. package/dist/storybook/assets/file-input.stories-DMTQqAF8.js +0 -66
  76. package/dist/storybook/assets/flex-EllkLxgO.js +0 -1
  77. package/dist/storybook/assets/flex.stories-CLwPyEMp.js +0 -15
  78. package/dist/storybook/assets/footer.stories-DniqHrTZ.js +0 -3
  79. package/dist/storybook/assets/form-row-BYz5u-Vr.css +0 -1
  80. package/dist/storybook/assets/form-row-CM112EYF.js +0 -1
  81. package/dist/storybook/assets/form.stories-Cr5Pz40F.js +0 -49
  82. package/dist/storybook/assets/formation.stories-C4Kugh7C.js +0 -74
  83. package/dist/storybook/assets/grid-DRkC-bt8.js +0 -15
  84. package/dist/storybook/assets/grid.stories-DqjhHHwX.js +0 -13
  85. package/dist/storybook/assets/heading-CRNoBc7q.js +0 -1
  86. package/dist/storybook/assets/heading-DMYPCDVj.css +0 -1
  87. package/dist/storybook/assets/heading.stories-DahFxeiX.js +0 -15
  88. package/dist/storybook/assets/help-icon-Buhx5nl6.js +0 -1
  89. package/dist/storybook/assets/help-icon-DeweQs4N.css +0 -1
  90. package/dist/storybook/assets/help-icon.stories-DbmZ1fgP.js +0 -4
  91. package/dist/storybook/assets/helpers-JJxzGegQ.js +0 -1
  92. package/dist/storybook/assets/icon-BSFY3vDO.js +0 -8
  93. package/dist/storybook/assets/icon-CXtHvr8n.css +0 -1
  94. package/dist/storybook/assets/icon-custom-Xcl4YkWP.js +0 -1
  95. package/dist/storybook/assets/icon.stories-fnZUR-LK.js +0 -6
  96. package/dist/storybook/assets/iframe-zFwPc0wJ.js +0 -2
  97. package/dist/storybook/assets/immer.esm-BwVl9PS2.js +0 -1
  98. package/dist/storybook/assets/index-BI4_Bp97.js +0 -1
  99. package/dist/storybook/assets/index-BcNHZKhG.js +0 -1
  100. package/dist/storybook/assets/index-Bk2sglWO.js +0 -5
  101. package/dist/storybook/assets/index-C0x1JmaP.js +0 -14
  102. package/dist/storybook/assets/index-CEuq6vkz.js +0 -1
  103. package/dist/storybook/assets/index-CF7H4eMJ.js +0 -28
  104. package/dist/storybook/assets/index-CUZDtIZe.js +0 -23
  105. package/dist/storybook/assets/index-D6O8EiV-.js +0 -574
  106. package/dist/storybook/assets/index-D6rZ4wEC.js +0 -13
  107. package/dist/storybook/assets/index-DKfJ8f-b.js +0 -1
  108. package/dist/storybook/assets/index-DMAnyMX5.js +0 -179
  109. package/dist/storybook/assets/index-DRSy5Ssd.js +0 -1
  110. package/dist/storybook/assets/index-DhsZuJvc.js +0 -12
  111. package/dist/storybook/assets/index.es-DazXb-ul.js +0 -79
  112. package/dist/storybook/assets/inheritsLoose-DP0QEDDI.js +0 -1
  113. package/dist/storybook/assets/initialize-context-Y03pJPr5.js +0 -1
  114. package/dist/storybook/assets/input-Db9WkmPP.js +0 -1
  115. package/dist/storybook/assets/input-Dz1ZZYN5.css +0 -1
  116. package/dist/storybook/assets/input-group-BaRSJAEN.js +0 -1
  117. package/dist/storybook/assets/input-group-C4Ph05Zr.css +0 -1
  118. package/dist/storybook/assets/input-group-addon-CKbTwfkc.css +0 -1
  119. package/dist/storybook/assets/input-group-addon-D68iUKV2.js +0 -1
  120. package/dist/storybook/assets/input-group.stories-BCajsqAk.js +0 -167
  121. package/dist/storybook/assets/input-validation-D5ctNaQa.js +0 -26
  122. package/dist/storybook/assets/input.stories-SJy3TKkD.js +0 -41
  123. package/dist/storybook/assets/inputs-CwLa0axN.js +0 -62
  124. package/dist/storybook/assets/jsx-runtime-eps93zm2.js +0 -8
  125. package/dist/storybook/assets/label-BmwKJ2Mn.css +0 -1
  126. package/dist/storybook/assets/label-CqmyC9he.js +0 -7
  127. package/dist/storybook/assets/label.stories-C0AO5F1a.js +0 -11
  128. package/dist/storybook/assets/layout-forms-5MAO2Ru7.js +0 -16
  129. package/dist/storybook/assets/layout-general-BH_mkxyI.js +0 -35
  130. package/dist/storybook/assets/list-By3wp5Wa.js +0 -13
  131. package/dist/storybook/assets/list.stories-BcDHHHYJ.js +0 -476
  132. package/dist/storybook/assets/list.stories-data-Doo2Rqun.js +0 -1
  133. package/dist/storybook/assets/loader-B4-2F7c_.css +0 -1
  134. package/dist/storybook/assets/loader-XHoVniao.js +0 -1
  135. package/dist/storybook/assets/loader.stories-Q0U2BqZX.js +0 -83
  136. package/dist/storybook/assets/lodash-c4VUpsOs.js +0 -27
  137. package/dist/storybook/assets/logo-BVP9045W.js +0 -1
  138. package/dist/storybook/assets/memoize-one.esm-CcMeOnPo.js +0 -1
  139. package/dist/storybook/assets/menu.stories-1I5AGGQx.js +0 -82
  140. package/dist/storybook/assets/menu.stories-data-CQ59XhzU.js +0 -1
  141. package/dist/storybook/assets/menu.test-case.stories-XN9XFV-D.js +0 -3
  142. package/dist/storybook/assets/message-BRyKdRaX.js +0 -1
  143. package/dist/storybook/assets/message-C2ZCkHX6.css +0 -1
  144. package/dist/storybook/assets/message.stories-bCqCYIuN.js +0 -341
  145. package/dist/storybook/assets/meta-content-ByVTG0hd.css +0 -1
  146. package/dist/storybook/assets/meta-content-DNgQbAW0.js +0 -9
  147. package/dist/storybook/assets/modal.stories-C2d-Em5V.js +0 -200
  148. package/dist/storybook/assets/modal.test-case.stories-Ci1WRYdo.js +0 -21
  149. package/dist/storybook/assets/noto-sans-latin-400-italic-BT87CHj2.woff +0 -0
  150. package/dist/storybook/assets/noto-sans-latin-400-italic-NApRWGLz.woff2 +0 -0
  151. package/dist/storybook/assets/noto-sans-latin-400-normal-CF_EggQ_.woff2 +0 -0
  152. package/dist/storybook/assets/noto-sans-latin-400-normal-DMz6UGTQ.woff +0 -0
  153. package/dist/storybook/assets/noto-sans-latin-700-italic-Cw3cBBZk.woff2 +0 -0
  154. package/dist/storybook/assets/noto-sans-latin-700-italic-qe_3Da_h.woff +0 -0
  155. package/dist/storybook/assets/noto-sans-latin-700-normal-CkyHDghY.woff +0 -0
  156. package/dist/storybook/assets/noto-sans-latin-700-normal-DwlQfr5s.woff2 +0 -0
  157. package/dist/storybook/assets/number-input-B3_gmeWr.js +0 -16
  158. package/dist/storybook/assets/number-input.stories-epjUq9ve.js +0 -89
  159. package/dist/storybook/assets/number-input.test-case.stories-DeEtalIU.js +0 -95
  160. package/dist/storybook/assets/objectSpread2-DW4nTBoq.js +0 -1
  161. package/dist/storybook/assets/objectWithoutPropertiesLoose-CAYKN5F1.js +0 -1
  162. package/dist/storybook/assets/option-dropdown-CqPYsFHP.css +0 -1
  163. package/dist/storybook/assets/option-dropdown.stories-CznUbXVi.js +0 -52
  164. package/dist/storybook/assets/padding-and-spacing-B1k2xnXg.js +0 -19
  165. package/dist/storybook/assets/page-7SSpdYhb.js +0 -1
  166. package/dist/storybook/assets/page-BnAFjzxf.css +0 -1
  167. package/dist/storybook/assets/page-DqJqTfkP.css +0 -1
  168. package/dist/storybook/assets/page.stories-DthnK8qb.js +0 -57
  169. package/dist/storybook/assets/pagination-CR1nxnnq.js +0 -1
  170. package/dist/storybook/assets/pagination-Dv2vKYwQ.css +0 -1
  171. package/dist/storybook/assets/pagination.stories-qXmBYwYc.js +0 -59
  172. package/dist/storybook/assets/pop-confirm-DX_o_X81.css +0 -1
  173. package/dist/storybook/assets/pop-confirm.stories-CHa0qUBe.js +0 -9
  174. package/dist/storybook/assets/popover-CSc-8-Dh.css +0 -1
  175. package/dist/storybook/assets/popover-C_2P8LFJ.js +0 -1
  176. package/dist/storybook/assets/popover.stories-DZTfimDf.js +0 -10
  177. package/dist/storybook/assets/portal-GQ0_cLB6.js +0 -1
  178. package/dist/storybook/assets/portal.stories-BvRfNPz3.js +0 -20
  179. package/dist/storybook/assets/preview-B0ZyjArU.css +0 -1
  180. package/dist/storybook/assets/preview-Ct5NkTJf.js +0 -1
  181. package/dist/storybook/assets/preview-DLBQXbKW.js +0 -1
  182. package/dist/storybook/assets/preview-DpTCnAn-.js +0 -2
  183. package/dist/storybook/assets/preview-FIj3W2uF.js +0 -3
  184. package/dist/storybook/assets/progress-bar-C_kV6r0Q.js +0 -1
  185. package/dist/storybook/assets/progress-bar-ztYhwUbl.css +0 -1
  186. package/dist/storybook/assets/progress-bar.stories-CpbgT43D.js +0 -1
  187. package/dist/storybook/assets/projects.stories-BPm6ucAe.js +0 -47
  188. package/dist/storybook/assets/radio-button-C4ljBRED.js +0 -13
  189. package/dist/storybook/assets/radio-button-DvubT0Gg.css +0 -1
  190. package/dist/storybook/assets/radio-button.stories-D1rWr6ms.js +0 -61
  191. package/dist/storybook/assets/radio-button.test-case.stories-DglmHlWs.js +0 -11
  192. package/dist/storybook/assets/react-16-DXAfArL2.js +0 -1
  193. package/dist/storybook/assets/react-router-dom-Ck2Y_Fzc.js +0 -8
  194. package/dist/storybook/assets/redux-tRgGMjwY.js +0 -1
  195. package/dist/storybook/assets/reservoirs.stories-r1Ip90kJ.js +0 -156
  196. package/dist/storybook/assets/rich-text-input-BJfL0Me_.css +0 -1
  197. package/dist/storybook/assets/rich-text-input.stories-DwaseXZv.js +0 -256
  198. package/dist/storybook/assets/row-Bmiy2Lh0.js +0 -39
  199. package/dist/storybook/assets/row-D-EMWFT6.css +0 -1
  200. package/dist/storybook/assets/row.stories-jKh8Ms1e.js +0 -130
  201. package/dist/storybook/assets/select-BmYXTl_0.css +0 -1
  202. package/dist/storybook/assets/select-Cwks-WA0.js +0 -61
  203. package/dist/storybook/assets/select.input-CJed_LLR.js +0 -1
  204. package/dist/storybook/assets/select.stories-DjGSNDXK.js +0 -498
  205. package/dist/storybook/assets/select.stories-data-DxgWKlU6.js +0 -1
  206. package/dist/storybook/assets/select.test-case.stories-CrXzt4qn.js +0 -82
  207. package/dist/storybook/assets/side-bar-fBbBqyAT.css +0 -1
  208. package/dist/storybook/assets/side-bar-wpFQ5NEE.js +0 -24
  209. package/dist/storybook/assets/side-bar.stories-LjClxJcG.js +0 -1
  210. package/dist/storybook/assets/site.stories-BnWmALGd.js +0 -166
  211. package/dist/storybook/assets/slider-DPdTVMP0.css +0 -1
  212. package/dist/storybook/assets/slider-DxaD8LU4.js +0 -27
  213. package/dist/storybook/assets/slider.stories-DuGie_AX.js +0 -134
  214. package/dist/storybook/assets/smart-upload-modal.stories-BlTSF64K.js +0 -25
  215. package/dist/storybook/assets/spacer-BWoNR27H.js +0 -1
  216. package/dist/storybook/assets/spacer.stories-BT2S6B0R.js +0 -1
  217. package/dist/storybook/assets/spinner-AWUe4xwQ.js +0 -1
  218. package/dist/storybook/assets/spinner-C07x-KQu.css +0 -1
  219. package/dist/storybook/assets/spinner.stories-DuQNhl1V.js +0 -26
  220. package/dist/storybook/assets/styled-components.browser.esm-BQ9GQzDc.js +0 -2
  221. package/dist/storybook/assets/table-BSABGfWm.js +0 -86
  222. package/dist/storybook/assets/table-BtBtDwPu.css +0 -1
  223. package/dist/storybook/assets/table.stories-CHwzAdud.js +0 -772
  224. package/dist/storybook/assets/table.stories-data-C7mC5R8Q.js +0 -1
  225. package/dist/storybook/assets/tabs-BoToLVEP.js +0 -13
  226. package/dist/storybook/assets/tabs-DnWs2PtA.css +0 -1
  227. package/dist/storybook/assets/tabs.stories-B52iEaHf.js +0 -30
  228. package/dist/storybook/assets/text-2O-HSG8g.css +0 -1
  229. package/dist/storybook/assets/text-B3-TSWok.js +0 -1
  230. package/dist/storybook/assets/text-link.stories-BQAkVO-W.js +0 -14
  231. package/dist/storybook/assets/text.stories-B8L4FWPt.js +0 -1
  232. package/dist/storybook/assets/textarea-DflOOrxV.js +0 -13
  233. package/dist/storybook/assets/textarea-TqxidmV4.css +0 -1
  234. package/dist/storybook/assets/textarea.stories-CzsqRVpC.js +0 -9
  235. package/dist/storybook/assets/tiny-invariant-DqLgxztJ.js +0 -8
  236. package/dist/storybook/assets/title.stories-D0VjujmM.js +0 -37
  237. package/dist/storybook/assets/toaster-7wnI6hqB.js +0 -1
  238. package/dist/storybook/assets/toaster-DwLvOY18.css +0 -1
  239. package/dist/storybook/assets/toaster-O8ftrUAJ.js +0 -1
  240. package/dist/storybook/assets/toaster.stories-CdpwLBSo.js +0 -84
  241. package/dist/storybook/assets/toaster.test-case.stories-Cy3_Gvs_.js +0 -6
  242. package/dist/storybook/assets/toggle-BbFVf61v.js +0 -13
  243. package/dist/storybook/assets/toggle-yD7j1VSk.css +0 -1
  244. package/dist/storybook/assets/toggle.stories-BAislK3I.js +0 -106
  245. package/dist/storybook/assets/toggle.test-case.stories-CeUwdhGD.js +0 -36
  246. package/dist/storybook/assets/tooltip-1V7clEnw.js +0 -29
  247. package/dist/storybook/assets/tooltip-COvcX6J7.css +0 -1
  248. package/dist/storybook/assets/tooltip.stories-1YexWg6N.js +0 -17
  249. package/dist/storybook/assets/tooltip.test-case.stories-De9h8ThH.js +0 -5
  250. package/dist/storybook/assets/top-bar-Bjf6PQE1.js +0 -163
  251. package/dist/storybook/assets/top-bar-u7j8EgRd.css +0 -1
  252. package/dist/storybook/assets/top-bar.stories-1hZmlzDT.js +0 -21
  253. package/dist/storybook/assets/top-bar.testcase.stories-BsFYqaw6.js +0 -30
  254. package/dist/storybook/assets/tree-BTgu2lWb.css +0 -1
  255. package/dist/storybook/assets/tree.stories-NGZfmH_B.js +0 -181
  256. package/dist/storybook/assets/types-BmbYqTX_.js +0 -1
  257. package/dist/storybook/assets/types-Dx2TtIG9.js +0 -1
  258. package/dist/storybook/assets/unit-input-5P4Cogho.css +0 -1
  259. package/dist/storybook/assets/unit-input-CFaqZ7UG.js +0 -7
  260. package/dist/storybook/assets/unit-input.stories-DBuzpBTN.js +0 -203
  261. package/dist/storybook/assets/unit-input.test-case.stories-Dzx3BsjK.js +0 -223
  262. package/dist/storybook/assets/unit-table.stories-DwZVHcZo.js +0 -152
  263. package/dist/storybook/assets/unit-table.test-case.stories-C9Swzooe.js +0 -1
  264. package/dist/storybook/favicon.svg +0 -1
  265. package/dist/storybook/iframe.html +0 -639
  266. package/dist/storybook/index.html +0 -153
  267. package/dist/storybook/index.json +0 -1
  268. package/dist/storybook/nunito-sans-bold-italic.woff2 +0 -0
  269. package/dist/storybook/nunito-sans-bold.woff2 +0 -0
  270. package/dist/storybook/nunito-sans-italic.woff2 +0 -0
  271. package/dist/storybook/nunito-sans-regular.woff2 +0 -0
  272. package/dist/storybook/project.json +0 -1
  273. package/dist/storybook/sb-addons/actions-1/manager-bundle.js +0 -3
  274. package/dist/storybook/sb-addons/actions-1/manager-bundle.js.LEGAL.txt +0 -0
  275. package/dist/storybook/sb-addons/interactions-2/manager-bundle.js +0 -234
  276. package/dist/storybook/sb-addons/interactions-2/manager-bundle.js.LEGAL.txt +0 -0
  277. package/dist/storybook/sb-addons/storybook-core-core-server-presets-0/common-manager-bundle.js +0 -3
  278. package/dist/storybook/sb-addons/storybook-core-core-server-presets-0/common-manager-bundle.js.LEGAL.txt +0 -0
  279. package/dist/storybook/sb-addons/storybook-dark-mode-esm-preset-3/manager-bundle.js +0 -5
  280. package/dist/storybook/sb-addons/storybook-dark-mode-esm-preset-3/manager-bundle.js.LEGAL.txt +0 -0
  281. package/dist/storybook/sb-common-assets/favicon.svg +0 -1
  282. package/dist/storybook/sb-common-assets/nunito-sans-bold-italic.woff2 +0 -0
  283. package/dist/storybook/sb-common-assets/nunito-sans-bold.woff2 +0 -0
  284. package/dist/storybook/sb-common-assets/nunito-sans-italic.woff2 +0 -0
  285. package/dist/storybook/sb-common-assets/nunito-sans-regular.woff2 +0 -0
  286. package/dist/storybook/sb-manager/globals-module-info.js +0 -995
  287. package/dist/storybook/sb-manager/globals-runtime.js +0 -53525
  288. package/dist/storybook/sb-manager/globals.js +0 -48
  289. package/dist/storybook/sb-manager/runtime.js +0 -11884
  290. package/dist/storybook/sb-preview/globals.js +0 -33
  291. package/dist/storybook/sb-preview/runtime.js +0 -9485
@@ -1,245 +0,0 @@
1
- import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as E}from"./index-DhsZuJvc.js";import{T as A}from"./table-BSABGfWm.js";import{F as qe}from"./field-HrLaMLbx.js";import{B as _}from"./button-Cbv7WK6k.js";import{I as ze}from"./input-Db9WkmPP.js";import{F as Ge}from"./flex-EllkLxgO.js";import{t as Ye,a as Ze,b as $e,c as ea,d as aa,e as ra,f as sa,g as ta,h as na,i as la,j as oa,k as ia,l as Qe,m as pa,n as ca,o as da,p as ua,q as ma}from"./table.stories-data-C7mC5R8Q.js";import"./index-Bk2sglWO.js";import"./index.es-DazXb-ul.js";import"./inheritsLoose-DP0QEDDI.js";import"./redux-tRgGMjwY.js";import"./objectSpread2-DW4nTBoq.js";import"./tiny-invariant-DqLgxztJ.js";import"./index-CUZDtIZe.js";import"./memoize-one.esm-CcMeOnPo.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./lodash-c4VUpsOs.js";import"./actions-Bax0KeqM.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./tooltip-1V7clEnw.js";import"./icon-BSFY3vDO.js";import"./index-CEuq6vkz.js";import"./types-BmbYqTX_.js";import"./types-Dx2TtIG9.js";import"./badge-CLQ59MDF.js";import"./heading-CRNoBc7q.js";import"./help-icon-Buhx5nl6.js";import"./pagination-CR1nxnnq.js";import"./select-Cwks-WA0.js";import"./enum-Bnn40S8Q.js";import"./assertThisInitialized-B9jnkVVz.js";import"./text-B3-TSWok.js";import"./select.input-CJed_LLR.js";import"./helpers-JJxzGegQ.js";import"./input-group-BaRSJAEN.js";import"./input-group-addon-D68iUKV2.js";import"./number-input-B3_gmeWr.js";import"./index-C0x1JmaP.js";import"./index-DRSy5Ssd.js";import"./check-box-DPLaOkRR.js";import"./slider-DxaD8LU4.js";import"./index-BI4_Bp97.js";import"./popover-C_2P8LFJ.js";import"./label-CqmyC9he.js";import"./spinner-AWUe4xwQ.js";const or={title:"Basic/Table/Cell",component:A,args:{table:{...Ye}}},a=s=>e.jsx(A,{...s}),m=a.bind({});m.args={table:Ze};const b=a.bind({});b.args={table:$e};const g=a.bind({});g.args={table:ea};const v=a.bind({});v.args={table:aa};const x=a.bind({});x.args={table:ra};const h=a.bind({});h.args={table:sa};const C=a.bind({});C.args={table:ta};const S=a.bind({});S.args={table:na};const f=a.bind({});f.args={table:la};const y=a.bind({});y.args={table:oa};const j=a.bind({});j.args={table:ia};const T=a.bind({});T.args={table:Qe};const P=a.bind({});P.args={table:pa};const k=a.bind({});k.args={table:ca};const O=a.bind({});O.args={table:da};const i=a.bind({});i.args={table:ua};i.parameters={docs:{description:{story:"Setting `breakWord: true` on a cell will allow very long text strings to break"}}};const w=()=>{const s=["Section","Width","Height"];let n=["","m","m"],c=[...Array(10).keys()].map((o,r)=>[r,r*2,r*2]);const d=()=>{const o=({close:t,value:U})=>e.jsxs(e.Fragment,{children:[e.jsx(qe,{label:"Input",children:e.jsx(ze,{value:U,width:"100%"})}),e.jsxs(Ge,{gap:!0,children:[e.jsx(_,{colored:!0,label:"Save",onClick:()=>{}}),e.jsx(_,{label:"Cancel",onClick:t})]})]}),r={fixedWidth:"100%",headers:[{cells:s.map(t=>({value:t}))},{cells:[{},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:n[1],type:"Unit"},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:n[2],type:"Unit"}]}],rows:c.map((t,U)=>({cells:[...Array(3).keys()].map((l,u)=>({value:t[u],type:"Popover",content:e.jsx(o,{value:t[u]})}))}))};return e.jsx(A,{table:r})};return e.jsx(d,{})},I=()=>{const s=["Section","Width","Height"];let n=["","m","m"],c=[...Array(10).keys()].map((o,r)=>[r,r*2,r*2]);const d=()=>{const[o,r]=E.useState(!1),t=({close:l,value:u})=>{E.useEffect(()=>{o||r(!0)},[]);const B=()=>{r(!1),l()};return e.jsxs(e.Fragment,{children:[e.jsx(qe,{label:"Input",children:e.jsx(ze,{value:u,width:"100%"})}),e.jsxs(Ge,{gap:!0,children:[e.jsx(_,{colored:!0,label:"Save",onClick:B}),e.jsx(_,{label:"Cancel",onClick:B})]})]})},U={headers:[{cells:s.map(l=>({value:l}))},{cells:[{},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:n[1],type:"Unit"},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:n[2],type:"Unit"}]}],rows:c.map((l,u)=>({cells:[...Array(3).keys()].map((B,M)=>({value:l[M],type:"Popover",disabled:o,closeOnOutsideClick:!1,content:e.jsx(t,{value:l[M]})}))}))};return e.jsx(A,{table:U})};return e.jsx(d,{})},F=a.bind({});F.args={table:ma};const p=a.bind({});p.args={table:{...Qe,name:"Food"}};p.decorators=[s=>e.jsx("div",{style:{width:180,height:180,overflow:"hidden",resize:"both"},children:e.jsx(s,{})})];const W=()=>{const[s,n]=E.useState([]),c={fixedWidth:"auto",headers:[{cells:[{value:"Countries"}]}],rows:[{cells:[{type:"Select",width:"240px",multi:!0,options:[{label:"France",value:"France"},{label:"Poland",value:"Poland"},{label:"United Kingdom",value:"United Kingdom"},{label:"Vietnam",value:"Vietnam"}],value:s,onChange:d=>n(d.target.value)}]}]};return e.jsx(A,{table:c})};w.__docgenInfo={description:"",methods:[],displayName:"Popover"};I.__docgenInfo={description:"",methods:[],displayName:"SinglePopoverAtOnce"};W.__docgenInfo={description:"",methods:[],displayName:"Multiselect"};var V,D,L;m.parameters={...m.parameters,docs:{...(V=m.parameters)==null?void 0:V.docs,source:{originalSource:`args => {
2
- return <Table
3
- // eslint-disable-next-line react/jsx-props-no-spreading
4
- {...args} />;
5
- }`,...(L=(D=m.parameters)==null?void 0:D.docs)==null?void 0:L.source}}};var R,H,K;b.parameters={...b.parameters,docs:{...(R=b.parameters)==null?void 0:R.docs,source:{originalSource:`args => {
6
- return <Table
7
- // eslint-disable-next-line react/jsx-props-no-spreading
8
- {...args} />;
9
- }`,...(K=(H=b.parameters)==null?void 0:H.docs)==null?void 0:K.source}}};var J,N,X;g.parameters={...g.parameters,docs:{...(J=g.parameters)==null?void 0:J.docs,source:{originalSource:`args => {
10
- return <Table
11
- // eslint-disable-next-line react/jsx-props-no-spreading
12
- {...args} />;
13
- }`,...(X=(N=g.parameters)==null?void 0:N.docs)==null?void 0:X.source}}};var q,z,G;v.parameters={...v.parameters,docs:{...(q=v.parameters)==null?void 0:q.docs,source:{originalSource:`args => {
14
- return <Table
15
- // eslint-disable-next-line react/jsx-props-no-spreading
16
- {...args} />;
17
- }`,...(G=(z=v.parameters)==null?void 0:z.docs)==null?void 0:G.source}}};var Q,Y,Z;x.parameters={...x.parameters,docs:{...(Q=x.parameters)==null?void 0:Q.docs,source:{originalSource:`args => {
18
- return <Table
19
- // eslint-disable-next-line react/jsx-props-no-spreading
20
- {...args} />;
21
- }`,...(Z=(Y=x.parameters)==null?void 0:Y.docs)==null?void 0:Z.source}}};var $,ee,ae;h.parameters={...h.parameters,docs:{...($=h.parameters)==null?void 0:$.docs,source:{originalSource:`args => {
22
- return <Table
23
- // eslint-disable-next-line react/jsx-props-no-spreading
24
- {...args} />;
25
- }`,...(ae=(ee=h.parameters)==null?void 0:ee.docs)==null?void 0:ae.source}}};var re,se,te;C.parameters={...C.parameters,docs:{...(re=C.parameters)==null?void 0:re.docs,source:{originalSource:`args => {
26
- return <Table
27
- // eslint-disable-next-line react/jsx-props-no-spreading
28
- {...args} />;
29
- }`,...(te=(se=C.parameters)==null?void 0:se.docs)==null?void 0:te.source}}};var ne,le,oe;S.parameters={...S.parameters,docs:{...(ne=S.parameters)==null?void 0:ne.docs,source:{originalSource:`args => {
30
- return <Table
31
- // eslint-disable-next-line react/jsx-props-no-spreading
32
- {...args} />;
33
- }`,...(oe=(le=S.parameters)==null?void 0:le.docs)==null?void 0:oe.source}}};var ie,pe,ce;f.parameters={...f.parameters,docs:{...(ie=f.parameters)==null?void 0:ie.docs,source:{originalSource:`args => {
34
- return <Table
35
- // eslint-disable-next-line react/jsx-props-no-spreading
36
- {...args} />;
37
- }`,...(ce=(pe=f.parameters)==null?void 0:pe.docs)==null?void 0:ce.source}}};var de,ue,me;y.parameters={...y.parameters,docs:{...(de=y.parameters)==null?void 0:de.docs,source:{originalSource:`args => {
38
- return <Table
39
- // eslint-disable-next-line react/jsx-props-no-spreading
40
- {...args} />;
41
- }`,...(me=(ue=y.parameters)==null?void 0:ue.docs)==null?void 0:me.source}}};var be,ge,ve;j.parameters={...j.parameters,docs:{...(be=j.parameters)==null?void 0:be.docs,source:{originalSource:`args => {
42
- return <Table
43
- // eslint-disable-next-line react/jsx-props-no-spreading
44
- {...args} />;
45
- }`,...(ve=(ge=j.parameters)==null?void 0:ge.docs)==null?void 0:ve.source}}};var xe,he,Ce;T.parameters={...T.parameters,docs:{...(xe=T.parameters)==null?void 0:xe.docs,source:{originalSource:`args => {
46
- return <Table
47
- // eslint-disable-next-line react/jsx-props-no-spreading
48
- {...args} />;
49
- }`,...(Ce=(he=T.parameters)==null?void 0:he.docs)==null?void 0:Ce.source}}};var Se,fe,ye;P.parameters={...P.parameters,docs:{...(Se=P.parameters)==null?void 0:Se.docs,source:{originalSource:`args => {
50
- return <Table
51
- // eslint-disable-next-line react/jsx-props-no-spreading
52
- {...args} />;
53
- }`,...(ye=(fe=P.parameters)==null?void 0:fe.docs)==null?void 0:ye.source}}};var je,Te,Pe;k.parameters={...k.parameters,docs:{...(je=k.parameters)==null?void 0:je.docs,source:{originalSource:`args => {
54
- return <Table
55
- // eslint-disable-next-line react/jsx-props-no-spreading
56
- {...args} />;
57
- }`,...(Pe=(Te=k.parameters)==null?void 0:Te.docs)==null?void 0:Pe.source}}};var ke,Oe,we;O.parameters={...O.parameters,docs:{...(ke=O.parameters)==null?void 0:ke.docs,source:{originalSource:`args => {
58
- return <Table
59
- // eslint-disable-next-line react/jsx-props-no-spreading
60
- {...args} />;
61
- }`,...(we=(Oe=O.parameters)==null?void 0:Oe.docs)==null?void 0:we.source}}};var Ie,Fe,We;i.parameters={...i.parameters,docs:{...(Ie=i.parameters)==null?void 0:Ie.docs,source:{originalSource:`args => {
62
- return <Table
63
- // eslint-disable-next-line react/jsx-props-no-spreading
64
- {...args} />;
65
- }`,...(We=(Fe=i.parameters)==null?void 0:Fe.docs)==null?void 0:We.source}}};var Ae,Ue,_e;w.parameters={...w.parameters,docs:{...(Ae=w.parameters)==null?void 0:Ae.docs,source:{originalSource:`() => {
66
- const headings = ['Section', 'Width', 'Height'];
67
- let units = ['', 'm', 'm'];
68
- let data = [...Array(10).keys()].map((c, i) => [i, i * 2, i * 2]);
69
- /*
70
- Mock table data store (real apps should use Redux or similar)
71
- */
72
- const PopoverTable = () => {
73
- const CellInputForm = ({
74
- close,
75
- value
76
- }: any) => <>
77
- <Field label="Input">
78
- <Input value={value} width="100%" />
79
- </Field>
80
- <Flex gap>
81
- <Button colored label="Save" onClick={() => {}} />
82
- <Button label="Cancel" onClick={close} />
83
- </Flex>
84
- </>;
85
- const table = {
86
- fixedWidth: '100%',
87
- headers: [{
88
- cells: headings.map(h => ({
89
- value: h
90
- }))
91
- }, {
92
- cells: [{}, {
93
- menu: [{
94
- label: 'm',
95
- value: 'm'
96
- }, {
97
- label: 'ft',
98
- value: 'ft'
99
- }],
100
- value: units[1],
101
- type: 'Unit'
102
- }, {
103
- menu: [{
104
- label: 'm',
105
- value: 'm'
106
- }, {
107
- label: 'ft',
108
- value: 'ft'
109
- }],
110
- value: units[2],
111
- type: 'Unit'
112
- }]
113
- }],
114
- rows: data.map((row, i) => {
115
- return {
116
- cells: [...Array(3).keys()].map((c, i) => ({
117
- //https://stackoverflow.com/a/33352604
118
- value: row[i],
119
- type: 'Popover',
120
- content: <CellInputForm value={row[i]} />
121
- }))
122
- };
123
- })
124
- };
125
- return <Table table={(table as any)} />;
126
- };
127
- return <PopoverTable />;
128
- }`,...(_e=(Ue=w.parameters)==null?void 0:Ue.docs)==null?void 0:_e.source}}};var Be,Ee,Me;I.parameters={...I.parameters,docs:{...(Be=I.parameters)==null?void 0:Be.docs,source:{originalSource:`() => {
129
- const headings = ['Section', 'Width', 'Height'];
130
- let units = ['', 'm', 'm'];
131
- let data = [...Array(10).keys()].map((c, i) => [i, i * 2, i * 2]);
132
- /*
133
- Mock table data store (real apps should use Redux or similar)
134
- */
135
- const SinglePopoverOpenedTable = () => {
136
- const [isPopOverCellOpened, setIsPopOverCellOpened] = useState(false);
137
- const CellInputForm = ({
138
- close,
139
- value
140
- }: any) => {
141
- useEffect(() => {
142
- if (!isPopOverCellOpened) {
143
- setIsPopOverCellOpened(true);
144
- }
145
- }, []);
146
- const onClosePopOver = () => {
147
- setIsPopOverCellOpened(false);
148
- close();
149
- };
150
- return <>
151
- <Field label="Input">
152
- <Input value={value} width="100%" />
153
- </Field>
154
- <Flex gap>
155
- <Button colored label="Save" onClick={onClosePopOver} />
156
- <Button label="Cancel" onClick={onClosePopOver} />
157
- </Flex>
158
- </>;
159
- };
160
- const table = {
161
- headers: [{
162
- cells: headings.map(h => ({
163
- value: h
164
- }))
165
- }, {
166
- cells: [{}, {
167
- menu: [{
168
- label: 'm',
169
- value: 'm'
170
- }, {
171
- label: 'ft',
172
- value: 'ft'
173
- }],
174
- value: units[1],
175
- type: 'Unit'
176
- }, {
177
- menu: [{
178
- label: 'm',
179
- value: 'm'
180
- }, {
181
- label: 'ft',
182
- value: 'ft'
183
- }],
184
- value: units[2],
185
- type: 'Unit'
186
- }]
187
- }],
188
- rows: data.map((row, i) => {
189
- return {
190
- cells: [...Array(3).keys()].map((c, i) => ({
191
- //https://stackoverflow.com/a/33352604
192
- value: row[i],
193
- type: 'Popover',
194
- disabled: isPopOverCellOpened,
195
- closeOnOutsideClick: false,
196
- content: <CellInputForm value={row[i]} />
197
- }))
198
- };
199
- })
200
- };
201
- return <Table table={(table as any)} />;
202
- };
203
- return <SinglePopoverOpenedTable />;
204
- }`,...(Me=(Ee=I.parameters)==null?void 0:Ee.docs)==null?void 0:Me.source}}};var Ve,De,Le;F.parameters={...F.parameters,docs:{...(Ve=F.parameters)==null?void 0:Ve.docs,source:{originalSource:`args => {
205
- return <Table
206
- // eslint-disable-next-line react/jsx-props-no-spreading
207
- {...args} />;
208
- }`,...(Le=(De=F.parameters)==null?void 0:De.docs)==null?void 0:Le.source}}};var Re,He,Ke;p.parameters={...p.parameters,docs:{...(Re=p.parameters)==null?void 0:Re.docs,source:{originalSource:`args => {
209
- return <Table
210
- // eslint-disable-next-line react/jsx-props-no-spreading
211
- {...args} />;
212
- }`,...(Ke=(He=p.parameters)==null?void 0:He.docs)==null?void 0:Ke.source}}};var Je,Ne,Xe;W.parameters={...W.parameters,docs:{...(Je=W.parameters)==null?void 0:Je.docs,source:{originalSource:`() => {
213
- const [value, setValue] = useState([]);
214
- const table = {
215
- fixedWidth: 'auto',
216
- headers: [{
217
- cells: [{
218
- value: 'Countries'
219
- }]
220
- }],
221
- rows: [{
222
- cells: [{
223
- type: 'Select',
224
- width: '240px',
225
- multi: true,
226
- options: [{
227
- label: 'France',
228
- value: 'France'
229
- }, {
230
- label: 'Poland',
231
- value: 'Poland'
232
- }, {
233
- label: 'United Kingdom',
234
- value: 'United Kingdom'
235
- }, {
236
- label: 'Vietnam',
237
- value: 'Vietnam'
238
- }],
239
- value,
240
- onChange: (event: any) => setValue(event.target.value)
241
- }]
242
- }]
243
- };
244
- return <Table table={table} />;
245
- }`,...(Xe=(Ne=W.parameters)==null?void 0:Ne.docs)==null?void 0:Xe.source}}};const ir=["Editable","Disabled","DateInput","Colspan","ColspanWithWidths","CellWidths","CellStyleProp","Rowspan","Checkboxes","Icons","Links","Actions","Menus","JSXContent","StaticCellTooltips","WordbreakLongContent","Popover","SinglePopoverAtOnce","OverflowingCells","TestScrolling","Multiselect"];export{T as Actions,C as CellStyleProp,h as CellWidths,f as Checkboxes,v as Colspan,x as ColspanWithWidths,g as DateInput,b as Disabled,m as Editable,y as Icons,k as JSXContent,j as Links,P as Menus,W as Multiselect,F as OverflowingCells,w as Popover,S as Rowspan,I as SinglePopoverAtOnce,O as StaticCellTooltips,p as TestScrolling,i as WordbreakLongContent,ir as __namedExportsOrder,or as default};
@@ -1 +0,0 @@
1
- ._checkbox_1ybyr_1{--size-checkbox: var(--size-xs);margin:calc((var(--size) - var(--size-checkbox)) / 2) 0;position:relative;display:flex;align-items:center;gap:var(--padding-xxs);backface-visibility:hidden;vertical-align:baseline;font-style:normal;min-height:var(--size-checkbox);font-size:inherit;line-height:var(--size-checkbox);min-width:var(--size-checkbox);outline:0px}._checkbox_1ybyr_1._noLabel_1ybyr_17{width:var(--size-checkbox)}._checkbox_1ybyr_1._small_1ybyr_20{--size-checkbox: calc(var(--size-xs) - 4px);margin:calc((var(--size-sm) - var(--size-checkbox)) / 2) 0;font-size:var(--font-size-sm)}._checkbox_1ybyr_1 input{cursor:pointer;position:absolute;top:0;left:0;opacity:0!important;outline:0px;z-index:-1}._checkbox_1ybyr_1 label{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--color-text);transition:color .1s ease 0s;display:block;padding-left:calc(var(--size-checkbox) + var(--padding-xs));outline:0px}._checkbox_1ybyr_1 label ._checkmark_1ybyr_43{position:absolute;top:0;left:0;width:var(--size-checkbox);height:var(--size-checkbox);font-size:var(--size-checkbox);display:inline-flex;align-items:center;justify-content:center;background:var(--color-background-button-default);border-radius:var(--border-radius-sm);transition:border .1s ease 0s,opacity .1s ease 0s,transform .1s ease 0s,box-shadow .1s ease 0s;border:1px solid var(--color-border-checkbox);color:transparent}._checkbox_1ybyr_1 label ._checkmark_1ybyr_43:hover{border-color:var(--color-border-hover)}._checkbox_1ybyr_1 input:checked~label ._checkmark_1ybyr_43{background:var(--color-background-primary);border-color:transparent;color:#fff}._checkbox_1ybyr_1._disabled_1ybyr_67{cursor:default;pointer-events:none}._checkbox_1ybyr_1._disabled_1ybyr_67 label{color:var(--color-text-faint)}._checkbox_1ybyr_1._disabled_1ybyr_67 ._checkmark_1ybyr_43{background:var(--color-background-disabled)!important;border-color:var(--color-border-checkbox)!important}._checkbox_1ybyr_1._disabled_1ybyr_67 input:checked~label ._checkmark_1ybyr_43{color:var(--color-text-faint)}._noMargin_1ybyr_81,._isInTable_1ybyr_84{margin:0}._helpIconEnabled_1ybyr_87{pointer-events:auto}
@@ -1,13 +0,0 @@
1
- import{j as a}from"./jsx-runtime-eps93zm2.js";import{r as h}from"./index-DhsZuJvc.js";import{c as k}from"./index-Bk2sglWO.js";import{I as x}from"./common-types-Sih75Sav.js";import{D as _}from"./disabled-context-rmpd7YJS.js";import{H as q}from"./help-icon-Buhx5nl6.js";import{I}from"./icon-BSFY3vDO.js";const C="_checkbox_1ybyr_1",j="_noLabel_1ybyr_17",w="_small_1ybyr_20",E="_checkmark_1ybyr_43",L="_disabled_1ybyr_67",V="_noMargin_1ybyr_81",F="_isInTable_1ybyr_84",M="_helpIconEnabled_1ybyr_87",e={checkbox:C,noLabel:j,small:w,checkmark:E,disabled:L,noMargin:V,isInTable:F,helpIconEnabled:M},H=({noMargin:d=!1,dataix:m=0,isInTable:c=!1,tabIndex:p=0,checked:n=!1,name:s,label:r="",disabled:y=!1,small:f=!1,onChange:b,testId:g,value:N,helpText:i,onClickHelp:o})=>{const v=h.useContext(_),T=i||o,t=y||v;return a.jsxs("div",{className:k(e.checkbox,d&&e.noMargin,c&&e.isInTable,t&&e.disabled,f&&e.small,!r&&e.noLabel),"data-ix":m,onClick:u=>{if(!t){const l=u.target;l.name=s,l.value=!n,l.checked=!n,b(u)}},"data-testid":g,children:[a.jsx("input",{type:"checkbox",tabIndex:p,checked:n,name:s,onChange:()=>{},disabled:t}),a.jsxs("label",{htmlFor:s,children:[a.jsx("span",{className:e.checkmark,children:a.jsx(I,{icon:x.CHECK})}),r]}),T&&a.jsx("div",{className:e.helpIconEnabled,onClick:o,children:a.jsx(q,{text:i})})]})};H.__docgenInfo={description:"",methods:[],displayName:"CheckBox",props:{checked:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},isInTable:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},label:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:"",defaultValue:{value:"''",computed:!1}},name:{required:!1,tsType:{name:"string"},description:""},noMargin:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:`(
2
- event: TChangeEvent<T>,
3
- ...additionalProps: { [key: string]: any }[]
4
- ) => void`,signature:{arguments:[{type:{name:"intersection",raw:`ChangeEvent<T> & {
5
- target:
6
- | T
7
- | { name: string; value: any; label?: string; files?: FileList | null };
8
- }`,elements:[{name:"ChangeEvent",elements:[{name:"T"}],raw:"ChangeEvent<T>"},{name:"signature",type:"object",raw:`{
9
- target:
10
- | T
11
- | { name: string; value: any; label?: string; files?: FileList | null };
12
- }`,signature:{properties:[{key:"target",value:{name:"union",raw:`| T
13
- | { name: string; value: any; label?: string; files?: FileList | null }`,elements:[{name:"T"},{name:"signature",type:"object",raw:"{ name: string; value: any; label?: string; files?: FileList | null }",signature:{properties:[{key:"name",value:{name:"string",required:!0}},{key:"value",value:{name:"any",required:!0}},{key:"label",value:{name:"string",required:!1}},{key:"files",value:{name:"union",raw:"FileList | null",elements:[{name:"FileList"},{name:"null"}],required:!1}}]}}],required:!0}}]}}]},name:"event"},{type:{name:"Array",elements:[{name:"signature",type:"object",raw:"{ [key: string]: any }",signature:{properties:[{key:{name:"string"},value:{name:"any",required:!0}}]}}],raw:"{ [key: string]: any }[]"},name:"additionalProps",rest:!0}],return:{name:"void"}}},description:""},tabIndex:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"0",computed:!1}},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},small:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},testId:{required:!1,tsType:{name:"string"},description:""},dataix:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"0",computed:!1}},value:{required:!1,tsType:{name:"string"},description:""},helpText:{required:!1,tsType:{name:"string"},description:""},onClickHelp:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""}}};export{H as C};
@@ -1,97 +0,0 @@
1
- import{j as M}from"./jsx-runtime-eps93zm2.js";import{C as I}from"./check-box-DPLaOkRR.js";import"./index-DhsZuJvc.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./help-icon-Buhx5nl6.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";const{useArgs:U}=__STORYBOOK_MODULE_PREVIEW_API__,$={title:"Forms/CheckBox",component:I,args:{disabled:!1,label:"Label"}},e=L=>{const[{checked:P},F]=U(),K=()=>{F({checked:!P})};return M.jsx(I,{...L,onChange:K})},d=e.bind({}),n=e.bind({});n.args={small:!0};const s=e.bind({});s.args={disabled:!0};const r=e.bind({});r.args={checked:!0,disabled:!0};const a=e.bind({});a.args={label:null};const c=e.bind({});c.args={helpText:"Help text"};const t=e.bind({});t.args={onClickHelp:()=>console.log("Help clicked")};const o=e.bind({});o.args={helpText:"Help text",disabled:!0};var p,l,g;d.parameters={...d.parameters,docs:{...(p=d.parameters)==null?void 0:p.docs,source:{originalSource:`args => {
2
- const [{
3
- checked
4
- }, updateArgs] = useArgs();
5
- const handleChange = () => {
6
- updateArgs({
7
- checked: !checked
8
- });
9
- };
10
- return <CheckBox
11
- // eslint-disable-next-line react/jsx-props-no-spreading
12
- {...args} onChange={handleChange} />;
13
- }`,...(g=(l=d.parameters)==null?void 0:l.docs)==null?void 0:g.source}}};var i,h,u;n.parameters={...n.parameters,docs:{...(i=n.parameters)==null?void 0:i.docs,source:{originalSource:`args => {
14
- const [{
15
- checked
16
- }, updateArgs] = useArgs();
17
- const handleChange = () => {
18
- updateArgs({
19
- checked: !checked
20
- });
21
- };
22
- return <CheckBox
23
- // eslint-disable-next-line react/jsx-props-no-spreading
24
- {...args} onChange={handleChange} />;
25
- }`,...(u=(h=n.parameters)==null?void 0:h.docs)==null?void 0:u.source}}};var m,k,C;s.parameters={...s.parameters,docs:{...(m=s.parameters)==null?void 0:m.docs,source:{originalSource:`args => {
26
- const [{
27
- checked
28
- }, updateArgs] = useArgs();
29
- const handleChange = () => {
30
- updateArgs({
31
- checked: !checked
32
- });
33
- };
34
- return <CheckBox
35
- // eslint-disable-next-line react/jsx-props-no-spreading
36
- {...args} onChange={handleChange} />;
37
- }`,...(C=(k=s.parameters)==null?void 0:k.docs)==null?void 0:C.source}}};var x,b,A;r.parameters={...r.parameters,docs:{...(x=r.parameters)==null?void 0:x.docs,source:{originalSource:`args => {
38
- const [{
39
- checked
40
- }, updateArgs] = useArgs();
41
- const handleChange = () => {
42
- updateArgs({
43
- checked: !checked
44
- });
45
- };
46
- return <CheckBox
47
- // eslint-disable-next-line react/jsx-props-no-spreading
48
- {...args} onChange={handleChange} />;
49
- }`,...(A=(b=r.parameters)==null?void 0:b.docs)==null?void 0:A.source}}};var S,B,j;a.parameters={...a.parameters,docs:{...(S=a.parameters)==null?void 0:S.docs,source:{originalSource:`args => {
50
- const [{
51
- checked
52
- }, updateArgs] = useArgs();
53
- const handleChange = () => {
54
- updateArgs({
55
- checked: !checked
56
- });
57
- };
58
- return <CheckBox
59
- // eslint-disable-next-line react/jsx-props-no-spreading
60
- {...args} onChange={handleChange} />;
61
- }`,...(j=(B=a.parameters)==null?void 0:B.docs)==null?void 0:j.source}}};var H,_,D;c.parameters={...c.parameters,docs:{...(H=c.parameters)==null?void 0:H.docs,source:{originalSource:`args => {
62
- const [{
63
- checked
64
- }, updateArgs] = useArgs();
65
- const handleChange = () => {
66
- updateArgs({
67
- checked: !checked
68
- });
69
- };
70
- return <CheckBox
71
- // eslint-disable-next-line react/jsx-props-no-spreading
72
- {...args} onChange={handleChange} />;
73
- }`,...(D=(_=c.parameters)==null?void 0:_.docs)==null?void 0:D.source}}};var T,O,f;t.parameters={...t.parameters,docs:{...(T=t.parameters)==null?void 0:T.docs,source:{originalSource:`args => {
74
- const [{
75
- checked
76
- }, updateArgs] = useArgs();
77
- const handleChange = () => {
78
- updateArgs({
79
- checked: !checked
80
- });
81
- };
82
- return <CheckBox
83
- // eslint-disable-next-line react/jsx-props-no-spreading
84
- {...args} onChange={handleChange} />;
85
- }`,...(f=(O=t.parameters)==null?void 0:O.docs)==null?void 0:f.source}}};var E,R,W;o.parameters={...o.parameters,docs:{...(E=o.parameters)==null?void 0:E.docs,source:{originalSource:`args => {
86
- const [{
87
- checked
88
- }, updateArgs] = useArgs();
89
- const handleChange = () => {
90
- updateArgs({
91
- checked: !checked
92
- });
93
- };
94
- return <CheckBox
95
- // eslint-disable-next-line react/jsx-props-no-spreading
96
- {...args} onChange={handleChange} />;
97
- }`,...(W=(R=o.parameters)==null?void 0:R.docs)==null?void 0:W.source}}};const ee=["Default","Small","Disabled","DisabledChecked","Standalone","HelpText","OnClickHelp","DisabledWithHelpText"];export{d as Default,s as Disabled,r as DisabledChecked,o as DisabledWithHelpText,c as HelpText,t as OnClickHelp,n as Small,a as Standalone,ee as __namedExportsOrder,$ as default};
@@ -1,30 +0,0 @@
1
- import{j as y}from"./jsx-runtime-eps93zm2.js";import{R as T}from"./index-DhsZuJvc.js";import{w as B,u as l,e as d}from"./index-DMAnyMX5.js";import{C as i}from"./check-box-DPLaOkRR.js";import"./index-CF7H4eMJ.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./help-icon-Buhx5nl6.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";const{useArgs:_}=__STORYBOOK_MODULE_PREVIEW_API__,F={title:"Forms/CheckBox/Test Cases",component:i,args:{disabled:!1,label:"Label"},tags:["!autodocs"]},S=s=>{const[{checked:a},e]=_(),t=()=>{e({checked:!a})};return y.jsx(i,{...s,onChange:t})},o=()=>{const[s,a]=T.useState([]);return["1","2","3","4"].map(e=>y.jsx(i,{label:`Label ${e}`,checked:s.includes(e),onChange:()=>{a(t=>t.includes(e)?t.filter(r=>r!==e):[...t,e])}},e))},n=S.bind({});n.args={testId:"testId"};n.play=async({canvasElement:s,step:a})=>{const e=B(s);await a("Clicking checkbox should toggle it",async()=>{const t=e.getByTestId("testId"),r=t.querySelector("input");await l.click(t),await d(r).toBeChecked(),await l.click(t),await d(r).not.toBeChecked()})};const c=S.bind({});c.args={testId:"testId",disabled:!0};c.play=async({canvasElement:s,step:a})=>{const e=B(s);await a("Clicking disabled checkbox shouldn't toggle it",async()=>{const t=e.getByTestId("testId");await t.click(),await d(t.querySelector("input")).not.toBeChecked()})};var p,u,g;o.parameters={...o.parameters,docs:{...(p=o.parameters)==null?void 0:p.docs,source:{originalSource:`() => {
2
- const [selected, setSelected] = React.useState<string[]>([]);
3
- return ['1', '2', '3', '4'].map(i => <CheckBox key={i} label={\`Label \${i}\`} checked={selected.includes(i)} onChange={() => {
4
- setSelected(prev => prev.includes(i) ? prev.filter(x => x !== i) : [...prev, i]);
5
- }} />);
6
- }`,...(g=(u=o.parameters)==null?void 0:u.docs)==null?void 0:g.source}}};var m,h,k;n.parameters={...n.parameters,docs:{...(m=n.parameters)==null?void 0:m.docs,source:{originalSource:`args => {
7
- const [{
8
- checked
9
- }, updateArgs] = useArgs();
10
- const handleChange = () => {
11
- updateArgs({
12
- checked: !checked
13
- });
14
- };
15
- return <CheckBox
16
- // eslint-disable-next-line react/jsx-props-no-spreading
17
- {...args} onChange={handleChange} />;
18
- }`,...(k=(h=n.parameters)==null?void 0:h.docs)==null?void 0:k.source}}};var C,x,b;c.parameters={...c.parameters,docs:{...(C=c.parameters)==null?void 0:C.docs,source:{originalSource:`args => {
19
- const [{
20
- checked
21
- }, updateArgs] = useArgs();
22
- const handleChange = () => {
23
- updateArgs({
24
- checked: !checked
25
- });
26
- };
27
- return <CheckBox
28
- // eslint-disable-next-line react/jsx-props-no-spreading
29
- {...args} onChange={handleChange} />;
30
- }`,...(b=(x=c.parameters)==null?void 0:x.docs)==null?void 0:b.source}}};const M=["TestKeys","Test","TestDisabled"];export{n as Test,c as TestDisabled,o as TestKeys,M as __namedExportsOrder,F as default};
@@ -1,2 +0,0 @@
1
- const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./index-BcNHZKhG.js","./index-DhsZuJvc.js"])))=>i.map(i=>d[i]);
2
- import{_ as i}from"./iframe-zFwPc0wJ.js";import{R as t,r as p}from"./index-DhsZuJvc.js";import{r as u,u as l}from"./react-16-DXAfArL2.js";import{a0 as h,a1 as d,a2 as E,a3 as x}from"./index-D6O8EiV-.js";var D={code:h,a:d,...E},_=class extends p.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(e){let{showException:r}=this.props;r(e)}render(){let{hasError:e}=this.state,{children:r}=this.props;return e?null:t.createElement(t.Fragment,null,r)}},y=class{constructor(){this.render=async(e,r,n)=>{let s={...D,...r==null?void 0:r.components},a=x;return new Promise((c,m)=>{i(async()=>{const{MDXProvider:o}=await import("./index-BcNHZKhG.js");return{MDXProvider:o}},__vite__mapDeps([0,1]),import.meta.url).then(({MDXProvider:o})=>u(t.createElement(_,{showException:m,key:Math.random()},t.createElement(o,{components:s},t.createElement(a,{context:e,docsParameter:r}))),n)).then(()=>c())})},this.unmount=e=>{l(e)}}};export{y as D,D as d};
@@ -1,25 +0,0 @@
1
- import{j as o}from"./jsx-runtime-eps93zm2.js";import{useMDXComponents as l}from"./index-BcNHZKhG.js";import"./chunk-HLWAVYOI-KJoVz4w2.js";import{Z as d}from"./index-D6O8EiV-.js";import{r as m}from"./index-DhsZuJvc.js";import{T as p}from"./toaster-7wnI6hqB.js";import"./message-BRyKdRaX.js";import{t as x}from"./toaster-O8ftrUAJ.js";import"./iframe-zFwPc0wJ.js";import"../sb-preview/runtime.js";import"./react-16-DXAfArL2.js";import"./index-CUZDtIZe.js";import"./inheritsLoose-DP0QEDDI.js";import"./assertThisInitialized-B9jnkVVz.js";import"./index-D6rZ4wEC.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";const h=["--color-text","--color-text-muted","--color-text-faint","--color-text-error","--color-text-warning","--color-text-success","--color-text-info","--color-text-primary","--color-text-primary-hover","--color-text-primary-active"],u=["--color-background","--color-background-raised","--color-background-primary","--color-background-info","--color-background-warning","--color-background-success","--color-background-error"],g=["--color-border","--color-border-error","--color-border-warning","--color-border-focus"],t=[50,100,150,200,250,300,350,400,450,500,550,600,650,700,750,800,850,900,950],j=t.map(r=>`--color-neutral-${r}`),b=t.map(r=>`--color-primary-${r}`),f=t.map(r=>`--color-error-${r}`),y=t.map(r=>`--color-warning-${r}`),C=t.map(r=>`--color-success-${r}`),k=t.map(r=>`--color-info-${r}`),s=({colors:r})=>o.jsx("div",{style:{display:"grid",gridTemplateColumns:"auto 1fr auto 1fr",gap:20,alignItems:"center"},children:r.map((n,a)=>{const c=`var(${n})`,e=()=>{navigator.clipboard.writeText(c),x({message:{type:"Success",content:"Copied to clipboard"}})};return o.jsxs(m.Fragment,{children:[o.jsx("div",{style:{padding:"var(--padding)",backgroundColor:c,border:"1px solid rgba(0,0,0,0.1)"},onClick:e}),o.jsx("code",{onClick:e,children:c})]},a)})});s.__docgenInfo={description:"",methods:[],displayName:"ColorPalette",props:{colors:{required:!0,tsType:{name:"Array",elements:[{name:"string"}],raw:"string[]"},description:""}}};function i(r){const n={h1:"h1",h2:"h2",h3:"h3",p:"p",strong:"strong",...l(),...r.components};return o.jsxs(o.Fragment,{children:[o.jsx(d,{title:"Colors"}),`
2
- `,o.jsx(n.h1,{id:"colors",children:"Colors"}),`
3
- `,o.jsx(n.p,{children:"When setting colors (either by component props or in custom styling), prefer named CSS variables to literal color values."}),`
4
- `,o.jsx(n.p,{children:o.jsx(n.strong,{children:"Click on a color below to copy the variable name to the clipboard."})}),`
5
- `,o.jsx(n.h2,{id:"named-colors",children:"Named colors"}),`
6
- `,o.jsx(n.h3,{id:"text",children:"Text"}),`
7
- `,o.jsx(s,{colors:h}),`
8
- `,o.jsx(n.h3,{id:"backgrounds",children:"Backgrounds"}),`
9
- `,o.jsx(s,{colors:u}),`
10
- `,o.jsx(n.h3,{id:"borders",children:"Borders"}),`
11
- `,o.jsx(s,{colors:g}),`
12
- `,o.jsx(n.h2,{id:"base-colors",children:"Base colors"}),`
13
- `,o.jsx(n.h3,{id:"neutral",children:"Neutral"}),`
14
- `,o.jsx(s,{colors:j}),`
15
- `,o.jsx(n.h3,{id:"primary",children:"Primary"}),`
16
- `,o.jsx(s,{colors:b}),`
17
- `,o.jsx(n.h3,{id:"error",children:"Error"}),`
18
- `,o.jsx(s,{colors:f}),`
19
- `,o.jsx(n.h3,{id:"warning",children:"Warning"}),`
20
- `,o.jsx(s,{colors:y}),`
21
- `,o.jsx(n.h3,{id:"success",children:"Success"}),`
22
- `,o.jsx(s,{colors:C}),`
23
- `,o.jsx(n.h3,{id:"info",children:"Info"}),`
24
- `,o.jsx(s,{colors:k}),`
25
- `,o.jsx(p,{})]})}function Z(r={}){const{wrapper:n}={...l(),...r.components};return n?o.jsx(n,{...r,children:o.jsx(i,{...r})}):i(r)}export{Z as default};
@@ -1,88 +0,0 @@
1
- import{j as r}from"./jsx-runtime-eps93zm2.js";import{C as i,R as _}from"./row-Bmiy2Lh0.js";import{H as m}from"./heading-CRNoBc7q.js";import"./index-DhsZuJvc.js";import"./styled-components.browser.esm-BQ9GQzDc.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./help-icon-Buhx5nl6.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";const Z={title:"Layout/Columns & Rows",component:i,parameters:{layout:"fullscreen"},args:{width:"50%",padding:!0,borderRight:!0},argTypes:{width:{control:{type:"text"}},padding:{control:{type:"text"}},borderLeft:{control:{type:"boolean"}},borderRight:{control:{type:"boolean"}}}},e=W=>{const{height:D,wrap:F,...L}=W;return r.jsxs(_,{spacing:0,height:D,wrap:F,children:[r.jsxs(i,{...L,children:[r.jsx(m,{top:!0,children:"Column"}),"Example content goes here lorem ipsum. ".repeat(20)]}),r.jsx(i,{padding:!0,background:"var(--color-background)"})]})},c=e.bind({}),o=e.bind({});o.args={padding:!1};const a=e.bind({});a.args={width:"400px"};const n=e.bind({});n.args={scroll:!0,height:"200px"};const s=e.bind({});s.args={scroll:!0,showScrollbar:!1,height:"200px"};const t=e.bind({});t.args={wrap:!0,widthTablet:"50%",widthMobile:"100%",borderRight:!1};const p=()=>r.jsxs(_,{spacing:100,children:[r.jsxs(i,{children:[r.jsx(m,{top:!0,children:"Column"}),"Example content goes here lorem ipsum. ".repeat(20)]}),r.jsxs(i,{children:[r.jsx(m,{top:!0,children:"Column"}),"Example content goes here lorem ipsum. ".repeat(20)]})]});p.__docgenInfo={description:"",methods:[],displayName:"TestNumberSpacing"};var g,l,u;c.parameters={...c.parameters,docs:{...(g=c.parameters)==null?void 0:g.docs,source:{originalSource:`args => {
2
- const {
3
- height,
4
- wrap,
5
- ...columnArgs
6
- } = args;
7
- return <Row spacing={0} height={height} wrap={wrap}>
8
- <Column {...columnArgs}>
9
- <Heading top>Column</Heading>
10
- {'Example content goes here lorem ipsum. '.repeat(20)}
11
- </Column>
12
- <Column padding background="var(--color-background)" />
13
- </Row>;
14
- }`,...(u=(l=c.parameters)==null?void 0:l.docs)==null?void 0:u.source}}};var d,h,w;o.parameters={...o.parameters,docs:{...(d=o.parameters)==null?void 0:d.docs,source:{originalSource:`args => {
15
- const {
16
- height,
17
- wrap,
18
- ...columnArgs
19
- } = args;
20
- return <Row spacing={0} height={height} wrap={wrap}>
21
- <Column {...columnArgs}>
22
- <Heading top>Column</Heading>
23
- {'Example content goes here lorem ipsum. '.repeat(20)}
24
- </Column>
25
- <Column padding background="var(--color-background)" />
26
- </Row>;
27
- }`,...(w=(h=o.parameters)==null?void 0:h.docs)==null?void 0:w.source}}};var C,b,x;a.parameters={...a.parameters,docs:{...(C=a.parameters)==null?void 0:C.docs,source:{originalSource:`args => {
28
- const {
29
- height,
30
- wrap,
31
- ...columnArgs
32
- } = args;
33
- return <Row spacing={0} height={height} wrap={wrap}>
34
- <Column {...columnArgs}>
35
- <Heading top>Column</Heading>
36
- {'Example content goes here lorem ipsum. '.repeat(20)}
37
- </Column>
38
- <Column padding background="var(--color-background)" />
39
- </Row>;
40
- }`,...(x=(b=a.parameters)==null?void 0:b.docs)==null?void 0:x.source}}};var R,H,S;n.parameters={...n.parameters,docs:{...(R=n.parameters)==null?void 0:R.docs,source:{originalSource:`args => {
41
- const {
42
- height,
43
- wrap,
44
- ...columnArgs
45
- } = args;
46
- return <Row spacing={0} height={height} wrap={wrap}>
47
- <Column {...columnArgs}>
48
- <Heading top>Column</Heading>
49
- {'Example content goes here lorem ipsum. '.repeat(20)}
50
- </Column>
51
- <Column padding background="var(--color-background)" />
52
- </Row>;
53
- }`,...(S=(H=n.parameters)==null?void 0:H.docs)==null?void 0:S.source}}};var k,A,E;s.parameters={...s.parameters,docs:{...(k=s.parameters)==null?void 0:k.docs,source:{originalSource:`args => {
54
- const {
55
- height,
56
- wrap,
57
- ...columnArgs
58
- } = args;
59
- return <Row spacing={0} height={height} wrap={wrap}>
60
- <Column {...columnArgs}>
61
- <Heading top>Column</Heading>
62
- {'Example content goes here lorem ipsum. '.repeat(20)}
63
- </Column>
64
- <Column padding background="var(--color-background)" />
65
- </Row>;
66
- }`,...(E=(A=s.parameters)==null?void 0:A.docs)==null?void 0:E.source}}};var f,j,v;t.parameters={...t.parameters,docs:{...(f=t.parameters)==null?void 0:f.docs,source:{originalSource:`args => {
67
- const {
68
- height,
69
- wrap,
70
- ...columnArgs
71
- } = args;
72
- return <Row spacing={0} height={height} wrap={wrap}>
73
- <Column {...columnArgs}>
74
- <Heading top>Column</Heading>
75
- {'Example content goes here lorem ipsum. '.repeat(20)}
76
- </Column>
77
- <Column padding background="var(--color-background)" />
78
- </Row>;
79
- }`,...(v=(j=t.parameters)==null?void 0:j.docs)==null?void 0:v.source}}};var y,N,T;p.parameters={...p.parameters,docs:{...(y=p.parameters)==null?void 0:y.docs,source:{originalSource:`() => <Row spacing={100}>
80
- <Column>
81
- <Heading top>Column</Heading>
82
- {'Example content goes here lorem ipsum. '.repeat(20)}
83
- </Column>
84
- <Column>
85
- <Heading top>Column</Heading>
86
- {'Example content goes here lorem ipsum. '.repeat(20)}
87
- </Column>
88
- </Row>`,...(T=(N=p.parameters)==null?void 0:N.docs)==null?void 0:T.source}}};const $=["Default","NoPadding","FixedWidth","Scroll","HideScrollbar","ResponsiveWidth","TestNumberSpacing"];export{c as Default,a as FixedWidth,s as HideScrollbar,o as NoPadding,t as ResponsiveWidth,n as Scroll,p as TestNumberSpacing,$ as __namedExportsOrder,Z as default};
@@ -1 +0,0 @@
1
- var E=(t=>(t.TEXT="Text",t.BUTTON="Button",t.DROP_DOWN_BUTTON="DropDownButton",t.COMPONENT="Component",t))(E||{}),r=(t=>(t.FIRST="first",t.MIDDLE="middle",t.LAST="last",t))(r||{}),a=(t=>(t.DANGER="danger",t.RED="red",t.WHITE="white",t.SUCCESS="success",t.GREEN="green",t.MUTED="muted",t))(a||{}),N=(t=>(t.LEFT="left",t.RIGHT="right",t.CENTER="center",t))(N||{}),R=(t=>(t.TOP="top",t.BOTTOM="bottom",t))(R||{}),O=(t=>(t.LIBRARY="library",t.ADD="add",t.DRAG="drag",t.HELP="help",t.NOTIFICATION="notification",t.MENU="menu",t.EDIT="edit",t.FAST_FORWARD="fast forward",t.INDENT="indent",t.STAR="star",t.LIST="list",t.SETTINGS="settings",t.CHECK="check",t.LOCK="lock",t.UNLOCK="unlock",t.CLOSE="close",t.SUCCESS="success",t.WARNING="warning",t.ERROR="error",t.INFO="info",t.LEFT="left",t.COLLAPSE="collapse",t.EXPAND="expand",t.SORT_ASCENDING="sort ascending",t.SORT_DESCENDING="sort descending",t.FAST_BACKWARD="fast backward",t.CHEVRON_DOWN="chevron down",t.CHEVRON_RIGHT="chevron right",t.CHEVRON_LEFT="chevron left",t.CHEVRON_DOUBLE_LEFT="chevron double left",t.CHEVRON_DOUBLE_RIGHT="chevron double right",t))(O||{}),s=(t=>(t.DARK="dark",t.WHITE="white",t.LIGHT="light",t.INHERIT="inherit",t))(s||{}),D=(t=>(t.TEXT="text",t.RADIO="radio",t.CHECKBOX="checkbox",t))(D||{});export{N as A,R as B,a as C,r as G,O as I,E as T,s as a,D as b};
@@ -1 +0,0 @@
1
- ._wrapper_sb0hc_1{z-index:var(--zindex-modal);position:fixed;top:0;left:0;height:100%;width:100%;background:#000c;padding:var(--padding);overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column}._contentContainer_sb0hc_15{color:var(--color-background-raised);max-height:100%;flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}._centered_sb0hc_24>*{margin-top:auto;margin-bottom:auto}._newLine_sb0hc_28{white-space:"pre-wrap"}._dialog_18g0k_1{border-radius:var(--border-radius);background:var(--color-background-raised);line-height:var(--line-height);color:var(--color-text);box-shadow:var(--shadow-layer);display:flex;flex-direction:column}._dialog_18g0k_1>:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}._dialog_18g0k_1>:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}._dialog_18g0k_1._inline_18g0k_18{display:inline-flex}._dialog_18g0k_1._scroll_18g0k_21{max-height:100%}._header_18g0k_24{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--padding-sm) var(--padding);background-color:var(--color-background-cardheader);border-bottom:1px solid var(--color-border);flex-shrink:0}._header_18g0k_24 ._dismiss_18g0k_33{margin-right:calc(var(--padding-xxs) * -1);margin-left:var(--padding-xs);flex-shrink:0}._content_18g0k_38{flex-grow:1}._scroll_18g0k_21 ._content_18g0k_38{overflow:auto;min-height:0;height:100%;flex:1 1 auto}._footer_18g0k_47{display:flex;padding:var(--padding-sm) var(--padding);background-color:var(--color-background-cardheader);border-top:1px solid var(--color-border);flex-shrink:0}._footer_18g0k_47 button:not(:last-child){margin-right:var(--padding-sm)}
@@ -1 +0,0 @@
1
- import{j as t}from"./jsx-runtime-eps93zm2.js";import{r as u}from"./index-DhsZuJvc.js";import{c as p}from"./index-Bk2sglWO.js";import{P as g}from"./portal-GQ0_cLB6.js";import{l as h}from"./lodash-c4VUpsOs.js";import{I as y}from"./common-types-Sih75Sav.js";import{H as x}from"./heading-CRNoBc7q.js";import{B as v}from"./button-Cbv7WK6k.js";const _=(n,e,s=[])=>{u.useEffect(()=>{const a=o=>{o.key===n&&e()};return window.addEventListener("keydown",a),()=>{window.removeEventListener("keydown",a)}},s)},w="_wrapper_sb0hc_1",j="_contentContainer_sb0hc_15",b="_centered_sb0hc_24",E="_newLine_sb0hc_28",m={wrapper:w,contentContainer:j,centered:b,newLine:E},C=({children:n})=>{const e=u.useRef(null);return u.useEffect(()=>{if(e.current){const s=e.current.querySelector('[tabindex="0"]');s?s.focus():e.current.focus()}},[]),t.jsx("div",{ref:e,tabIndex:-1,className:p(m.wrapper),children:n})},I=({children:n,width:e,centered:s})=>t.jsx("div",{className:p(m.contentContainer,s?m.centered:""),style:{maxWidth:e},children:n}),N=({children:n,visible:e=!1,centered:s=!1,width:a="100%",onEnter:o,onEscape:c})=>{const d="modalContainer";return u.useEffect(()=>{if(document.getElementById(d))return;const l=document.createElement("div");return l.id=d,document.body.insertBefore(l,document.body.firstChild),()=>{document.body.removeChild(l)}},[]),_("Enter",()=>{e&&o&&o()},[e,o]),_("Escape",()=>{e&&c&&c()},[e,c]),t.jsx(t.Fragment,{children:t.jsx(g,{id:d,children:e?t.jsx(C,{children:t.jsx(I,{width:a,centered:s,children:n})}):null})})};N.__docgenInfo={description:"",methods:[],displayName:"Modal",props:{children:{required:!0,tsType:{name:"ReactNode"},description:""},visible:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},centered:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},width:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:"",defaultValue:{value:"'100%'",computed:!1}},onEnter:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},onEscape:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""}}};const k="_dialog_18g0k_1",T="_inline_18g0k_18",q="_scroll_18g0k_21",L="_header_18g0k_24",D="_dismiss_18g0k_33",B="_content_18g0k_38",R="_footer_18g0k_47",i={dialog:k,inline:T,scroll:q,header:L,dismiss:D,content:B,footer:R},$=n=>h.isArray(n)?n.map((e,s)=>t.jsxs(u.Fragment,{children:[e," ",t.jsx("br",{})]},s)):n,M=({dialog:n})=>{const{heading:e,content:s,contentPadding:a="var(--padding)",footer:o,scroll:c,width:d,height:l,onClose:f,testId:r}=n;return t.jsxs("div",{className:p(i.dialog,d?i.inline:null,c?i.scroll:null),style:{width:d,height:l},"data-testid":r??null,children:[t.jsxs("div",{className:i.header,children:[t.jsx(x,{testId:r&&`${r}-heading`,top:!0,marginBottom:0,children:e}),f?t.jsx("div",{className:i.dismiss,children:t.jsx(v,{icon:y.CLOSE,round:!0,basic:!0,small:!0,colored:"muted",onClick:f,testId:r&&`${r}-dismiss`})}):null]}),t.jsx("div",{"data-testid":r&&`${r}-content`,className:i.content,style:{padding:a},children:$(s)}),o&&t.jsx("div",{"data-testid":r&&`${r}-footer`,className:i.footer,children:o})]})};M.__docgenInfo={description:"",methods:[],displayName:"Dialog",props:{dialog:{required:!0,tsType:{name:"IDialog"},description:""}}};export{M as D,N as M,_ as u};
@@ -1 +0,0 @@
1
- import{R as t}from"./index-DhsZuJvc.js";const a=t.createContext(!1);export{a as D};
@@ -1 +0,0 @@
1
- import{j as i}from"./jsx-runtime-eps93zm2.js";import{A as t}from"./common-types-Sih75Sav.js";import{T as l}from"./text-B3-TSWok.js";const o="_divider_2bfzh_1",d="_alignLeft_2bfzh_12",m="_alignRight_2bfzh_15",a={divider:o,alignLeft:d,alignRight:m},u=e=>{switch(e){case t.LEFT:return a.alignLeft;case t.RIGHT:return a.alignRight;default:return""}},c=({children:e,margin:r="var(--padding)",color:n="var(--color-border)",align:s=t.CENTER})=>i.jsx("div",{className:`${a.divider} ${u(s)}`,style:{marginTop:r,marginBottom:r,"--color":n},children:typeof e=="string"?i.jsx(l,{muted:!0,children:e}):e});c.__docgenInfo={description:"",methods:[],displayName:"Divider",props:{margin:{required:!1,tsType:{name:"union",raw:"number | string",elements:[{name:"number"},{name:"string"}]},description:"",defaultValue:{value:"'var(--padding)'",computed:!1}},color:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'var(--color-border)'",computed:!1}},align:{required:!1,tsType:{name:"union",raw:"TAlign | string",elements:[{name:"union",raw:"'left' | 'right' | 'center'",elements:[{name:"literal",value:"'left'"},{name:"literal",value:"'right'"},{name:"literal",value:"'center'"}]},{name:"string"}]},description:"",defaultValue:{value:"Align.CENTER",computed:!0}},children:{required:!1,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""}}};export{c as D};
@@ -1 +0,0 @@
1
- ._divider_2bfzh_1{display:flex;align-items:center;text-align:center}._divider_2bfzh_1:before,._divider_2bfzh_1:after{content:"";flex:1;border-bottom:1px solid var(--color)}._alignLeft_2bfzh_12:before{flex-grow:.05}._alignRight_2bfzh_15:after{flex-grow:.05}._divider_2bfzh_1:not(:empty):before{margin-right:.25em}._divider_2bfzh_1:not(:empty):after{margin-left:.25em}
@@ -1 +0,0 @@
1
- import{j as a}from"./jsx-runtime-eps93zm2.js";import{A as T}from"./common-types-Sih75Sav.js";import{T as j}from"./text-B3-TSWok.js";import{D as h}from"./divider-DY9nJ_7N.js";import"./index-DhsZuJvc.js";import"./index-Bk2sglWO.js";const L={title:"Layout/Divider",component:h,argTypes:{align:{control:{type:"inline-radio"},options:["left","center","right"]}},decorators:[i=>a.jsxs(a.Fragment,{children:["content",i(),"more content"]})],parameters:{docs:{source:{excludeDecorators:!0}}}},t=i=>a.jsx(h,{...i}),o=t.bind({}),r=t.bind({});r.args={children:"Heading",align:T.LEFT};const e=t.bind({});e.args={margin:0};const s=t.bind({});s.args={color:"var(--color-text-success)",children:a.jsx(j,{success:!0,children:"Colored text"}),align:T.LEFT};var c,n,d;o.parameters={...o.parameters,docs:{...(c=o.parameters)==null?void 0:c.docs,source:{originalSource:"args => <Divider {...args} />",...(d=(n=o.parameters)==null?void 0:n.docs)==null?void 0:d.source}}};var m,p,g;r.parameters={...r.parameters,docs:{...(m=r.parameters)==null?void 0:m.docs,source:{originalSource:"args => <Divider {...args} />",...(g=(p=r.parameters)==null?void 0:p.docs)==null?void 0:g.source}}};var l,u,x;e.parameters={...e.parameters,docs:{...(l=e.parameters)==null?void 0:l.docs,source:{originalSource:"args => <Divider {...args} />",...(x=(u=e.parameters)==null?void 0:u.docs)==null?void 0:x.source}}};var D,f,v;s.parameters={...s.parameters,docs:{...(D=s.parameters)==null?void 0:D.docs,source:{originalSource:"args => <Divider {...args} />",...(v=(f=s.parameters)==null?void 0:f.docs)==null?void 0:v.source}}};const _=["Default","WithText","Margin","CustomColor"];export{s as CustomColor,o as Default,e as Margin,r as WithText,_ as __namedExportsOrder,L as default};
@@ -1 +0,0 @@
1
- ._inputInTable_1f40p_1{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._inputInTable_1f40p_1:not(:hover):not([data-error]):not([data-warning]){border-color:transparent}._inputInTable_1f40p_1:not(:focus){box-shadow:none}._inputHover_1f40p_13{position:relative;border-color:var(--color-border-hover);z-index:2}._inputFocus_1f40p_18{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputError_1f40p_25,._inputWarning_1f40p_26{position:relative}._inputError_1f40p_25{z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error-muted)}._inputError_1f40p_25:hover{border-color:var(--color-border-error-hover)!important}._inputError_1f40p_25:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputWarning_1f40p_26{z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning-muted)}._inputWarning_1f40p_26:hover{border-color:var(--color-border-warning-hover)!important}._inputWarning_1f40p_26:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputDisabled_1f40p_61{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._hideScrollbars_1f40p_67{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbars_1f40p_67::-webkit-scrollbar{display:none}:root{--size-drawer-tabs: var(--size-lg);--color-background-drawer-tab: var(--color-primary-100);--color-background-drawer-tab-hover: white;--color-border-drawer-tab: var(--color-primary-200);--color-background-drawer-handle-hover: rgba(0, 0, 0, .05)}html[data-theme=dark]{--color-background-drawer-tab: var(--color-primary-800);--color-background-drawer-tab-hover: var(--color-primary-700);--color-border-drawer-tab: black;--color-background-drawer-handle-hover: rgba(255, 255, 255, .1)}._inline_1f40p_90{position:relative}._inline_1f40p_90._left_1f40p_93{order:-1}._inline_1f40p_90._right_1f40p_96{order:9999}._fixed_1f40p_99{position:fixed;top:0;bottom:0;z-index:var(--zindex-drawer)}._fixed_1f40p_99._left_1f40p_93{left:0}._fixed_1f40p_99._right_1f40p_96{right:0}._left_1f40p_93 ._border_1f40p_111{border-right:1px solid var(--color-border)}._right_1f40p_96 ._border_1f40p_111{border-left:1px solid var(--color-border)}._shadow_1f40p_117{box-shadow:var(--shadow-layer)}._drawerContent_1f40p_120{overflow-x:hidden;overflow-y:auto;max-height:100%;min-height:100%;transition:width .2s;scrollbar-width:none;-ms-overflow-style:none}._isResizing_1f40p_132 ._drawerContent_1f40p_120{transition:none}@media print{._drawerContent_1f40p_120{background:transparent!important}}._drawerContent_1f40p_120::-webkit-scrollbar{display:none}._toggleButton_1f40p_143{transition:transform .2s;display:inline-block;transform:rotate(180deg);position:absolute;z-index:calc(var(--zindex-drawer) + 3)}._left_1f40p_93 ._toggleButton_1f40p_143{right:calc(var(--size) / -2)}._right_1f40p_96 ._toggleButton_1f40p_143{left:calc(var(--size) / -2)}._toggleButton_1f40p_143._top_1f40p_156{top:var(--padding)}._toggleButton_1f40p_143._bottom_1f40p_159{bottom:var(--padding)}._toggleButton_1f40p_143._toggleButtonOpen_1f40p_162{transform:rotate(0)}._tabs_1f40p_165{position:absolute;top:0;bottom:0;background-color:var(--color-background);padding-top:var(--padding);z-index:calc(var(--zindex-drawer) + 1);border-left:1px solid var(--color-border);border-right:1px solid var(--color-border)}._left_1f40p_93 ._tabs_1f40p_165{right:0}._right_1f40p_96 ._tabs_1f40p_165{left:0}._tabs_1f40p_165 ._tab_1f40p_165{font-size:var(--size-sm);height:var(--size-drawer-tabs);width:var(--size-drawer-tabs);display:flex;justify-content:center;align-items:center;cursor:pointer;margin:-1px;transition:color .2s,background-color .2s;border:1px solid var(--color-border-drawer-tab)}._left_1f40p_93 ._tabs_1f40p_165 ._tab_1f40p_165{border-top-left-radius:0;border-bottom-left-radius:0}._left_1f40p_93 ._tabs_1f40p_165 ._tab_1f40p_165._active_1f40p_197{border-left-color:transparent}._right_1f40p_96 ._tabs_1f40p_165 ._tab_1f40p_165{border-top-right-radius:0;border-bottom-right-radius:0}._right_1f40p_96 ._tabs_1f40p_165 ._tab_1f40p_165._active_1f40p_197{border-right-color:transparent}._tabs_1f40p_165 ._tab_1f40p_165:not(._active_1f40p_197){color:var(--color-text-primary);background-color:var(--color-background-drawer-tab)!important}._tabs_1f40p_165 ._tab_1f40p_165:not(._active_1f40p_197):hover{color:var(--color-text);background-color:var(--color-background-drawer-tab-hover)!important}._tabs_1f40p_165 ._tab_1f40p_165._active_1f40p_197{color:var(--color-text);border-color:var(--color-border)}._tabs_1f40p_165 ._tab_1f40p_165 svg{stroke-width:1.125}._tabs_1f40p_165 ._tab_1f40p_165._disabled_1f40p_222{cursor:default;pointer-events:none;color:var(--color-text-faint)!important;background-color:var(--color-background-disabled)!important;border-color:var(--color-border)!important}._left_1f40p_93 ._tabsContent_1f40p_229{padding-right:calc(var(--size-drawer-tabs) - 1px)}._right_1f40p_96 ._tabsContent_1f40p_229{padding-left:calc(var(--size-drawer-tabs) - 1px)}._resizeHandle_1f40p_235{--size-resize-handle: 10px;position:absolute;top:0;bottom:0;width:var(--size-resize-handle);z-index:calc(var(--zindex-drawer) + 2);cursor:ew-resize;display:flex;align-items:center;color:var(--color-text-faint);font-size:var(--size-resize-handle);transition:all .2s}._resizeHandle_1f40p_235:hover{background:var(--color-background-drawer-handle-hover);color:var(--color-text-primary)}._resizeHandle_1f40p_235:active{background:var(--color-text-primary);color:#fff}._left_1f40p_93 ._resizeHandle_1f40p_235{right:0}._right_1f40p_96 ._resizeHandle_1f40p_235{left:0}