@hashicorp/mds-react 0.9.1 → 0.9.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 (358) hide show
  1. package/components/index.js +73 -115
  2. package/components/index.js.map +1 -1
  3. package/index-B9mPJh9w.js +579 -0
  4. package/index-B9mPJh9w.js.map +1 -0
  5. package/index-BHBlMMNF.js +16 -0
  6. package/index-BHBlMMNF.js.map +1 -0
  7. package/index-C4GBbW3N.js +3567 -0
  8. package/index-C4GBbW3N.js.map +1 -0
  9. package/{utils/mds-context/index.js → index-DBjAbGt7.js} +19 -20
  10. package/index-DBjAbGt7.js.map +1 -0
  11. package/index-WkGIywHj.js +767 -0
  12. package/index-WkGIywHj.js.map +1 -0
  13. package/index.js +100 -153
  14. package/index.js.map +1 -1
  15. package/package.json +1 -1
  16. package/patterns/index.js +22 -32
  17. package/patterns/index.js.map +1 -1
  18. package/style.css +1 -0
  19. package/styles/mixins/button.scss +1 -6
  20. package/use-screen-size-BOnkX_K-.js +9 -0
  21. package/use-screen-size-BOnkX_K-.js.map +1 -0
  22. package/utils/index.js +7 -7
  23. package/assets/style-DD7hNwDr.css +0 -1
  24. package/components/accordion/index.js +0 -9
  25. package/components/accordion/index.js.map +0 -1
  26. package/components/accordion/item/button.js +0 -44
  27. package/components/accordion/item/button.js.map +0 -1
  28. package/components/accordion/item/index.js +0 -59
  29. package/components/accordion/item/index.js.map +0 -1
  30. package/components/accordion/style.module.scss.js +0 -24
  31. package/components/accordion/style.module.scss.js.map +0 -1
  32. package/components/alert/alert.module.scss.js +0 -29
  33. package/components/alert/alert.module.scss.js.map +0 -1
  34. package/components/alert/icon.js +0 -34
  35. package/components/alert/icon.js.map +0 -1
  36. package/components/alert/index.js +0 -97
  37. package/components/alert/index.js.map +0 -1
  38. package/components/badge/index.js +0 -53
  39. package/components/badge/index.js.map +0 -1
  40. package/components/badge/style.module.scss.js +0 -22
  41. package/components/badge/style.module.scss.js.map +0 -1
  42. package/components/badge-count/index.js +0 -29
  43. package/components/badge-count/index.js.map +0 -1
  44. package/components/badge-count/style.module.scss.js +0 -15
  45. package/components/badge-count/style.module.scss.js.map +0 -1
  46. package/components/breadcrumbs/index.js +0 -38
  47. package/components/breadcrumbs/index.js.map +0 -1
  48. package/components/breadcrumbs/item/index.js +0 -32
  49. package/components/breadcrumbs/item/index.js.map +0 -1
  50. package/components/breadcrumbs/style.module.scss.js +0 -27
  51. package/components/breadcrumbs/style.module.scss.js.map +0 -1
  52. package/components/breadcrumbs/truncation-button/index.js +0 -25
  53. package/components/breadcrumbs/truncation-button/index.js.map +0 -1
  54. package/components/button/index.js +0 -119
  55. package/components/button/index.js.map +0 -1
  56. package/components/button/styles.module.scss.js +0 -32
  57. package/components/button/styles.module.scss.js.map +0 -1
  58. package/components/card/card-thumbnail/card-thumbnail.module.css.js +0 -8
  59. package/components/card/card-thumbnail/card-thumbnail.module.css.js.map +0 -1
  60. package/components/card/card-thumbnail/index.js +0 -23
  61. package/components/card/card-thumbnail/index.js.map +0 -1
  62. package/components/card/index.js +0 -157
  63. package/components/card/index.js.map +0 -1
  64. package/components/card/styles.module.css.js +0 -29
  65. package/components/card/styles.module.css.js.map +0 -1
  66. package/components/code-block/code-block.module.scss.js +0 -34
  67. package/components/code-block/code-block.module.scss.js.map +0 -1
  68. package/components/code-block/code-lines/index.js +0 -59
  69. package/components/code-block/code-lines/index.js.map +0 -1
  70. package/components/code-block/code-lines/utils/split-html-into-lines.js +0 -19
  71. package/components/code-block/code-lines/utils/split-html-into-lines.js.map +0 -1
  72. package/components/code-block/code-lines/utils/split-jsx-into-lines.js +0 -31
  73. package/components/code-block/code-lines/utils/split-jsx-into-lines.js.map +0 -1
  74. package/components/code-block/hidden-copy-content/index.js +0 -13
  75. package/components/code-block/hidden-copy-content/index.js.map +0 -1
  76. package/components/code-block/index.js +0 -88
  77. package/components/code-block/index.js.map +0 -1
  78. package/components/code-block/utils/parse-highlighted-lines.js +0 -39
  79. package/components/code-block/utils/parse-highlighted-lines.js.map +0 -1
  80. package/components/code-block/utils/process-snippet.js +0 -20
  81. package/components/code-block/utils/process-snippet.js.map +0 -1
  82. package/components/code-block/utils/shellwords.js +0 -33
  83. package/components/code-block/utils/shellwords.js.map +0 -1
  84. package/components/combo-box-primitive/index.js +0 -302
  85. package/components/combo-box-primitive/index.js.map +0 -1
  86. package/components/dialog-primitive/dialog.module.scss.js +0 -12
  87. package/components/dialog-primitive/dialog.module.scss.js.map +0 -1
  88. package/components/dialog-primitive/index.js +0 -15
  89. package/components/dialog-primitive/index.js.map +0 -1
  90. package/components/disclosure-primitive/index.js +0 -57
  91. package/components/disclosure-primitive/index.js.map +0 -1
  92. package/components/disclosure-primitive/styles.module.css.js +0 -7
  93. package/components/disclosure-primitive/styles.module.css.js.map +0 -1
  94. package/components/disclosure-primitive/use-disclosure-primitive.js +0 -17
  95. package/components/disclosure-primitive/use-disclosure-primitive.js.map +0 -1
  96. package/components/dismiss-button/index.js +0 -22
  97. package/components/dismiss-button/index.js.map +0 -1
  98. package/components/dismiss-button/styles.module.scss.js +0 -7
  99. package/components/dismiss-button/styles.module.scss.js.map +0 -1
  100. package/components/dropdown/index.js +0 -79
  101. package/components/dropdown/index.js.map +0 -1
  102. package/components/dropdown/list-item/custom.js +0 -9
  103. package/components/dropdown/list-item/custom.js.map +0 -1
  104. package/components/dropdown/list-item/index.js +0 -14
  105. package/components/dropdown/list-item/index.js.map +0 -1
  106. package/components/dropdown/list-item/interactive.js +0 -49
  107. package/components/dropdown/list-item/interactive.js.map +0 -1
  108. package/components/dropdown/list-item/separator.js +0 -17
  109. package/components/dropdown/list-item/separator.js.map +0 -1
  110. package/components/dropdown/list-item/styles.module.css.js +0 -26
  111. package/components/dropdown/list-item/styles.module.css.js.map +0 -1
  112. package/components/dropdown/list-item/title.js +0 -9
  113. package/components/dropdown/list-item/title.js.map +0 -1
  114. package/components/dropdown/styles.module.css.js +0 -24
  115. package/components/dropdown/styles.module.css.js.map +0 -1
  116. package/components/dropdown/toggle-button/index.js +0 -54
  117. package/components/dropdown/toggle-button/index.js.map +0 -1
  118. package/components/dropdown/toggle-button/styles.module.scss.js +0 -14
  119. package/components/dropdown/toggle-button/styles.module.scss.js.map +0 -1
  120. package/components/flight-icon/flight-icon.module.css.js +0 -12
  121. package/components/flight-icon/flight-icon.module.css.js.map +0 -1
  122. package/components/flight-icon/index.js +0 -58
  123. package/components/flight-icon/index.js.map +0 -1
  124. package/components/form/checkbox/form-checkbox.module.css.js +0 -8
  125. package/components/form/checkbox/form-checkbox.module.css.js.map +0 -1
  126. package/components/form/checkbox/index.js +0 -109
  127. package/components/form/checkbox/index.js.map +0 -1
  128. package/components/form/error/form-error.module.css.js +0 -14
  129. package/components/form/error/form-error.module.css.js.map +0 -1
  130. package/components/form/error/index.js +0 -22
  131. package/components/form/error/index.js.map +0 -1
  132. package/components/form/field/form-field.module.css.js +0 -17
  133. package/components/form/field/form-field.module.css.js.map +0 -1
  134. package/components/form/field/index.js +0 -46
  135. package/components/form/field/index.js.map +0 -1
  136. package/components/form/fieldset/form-fieldset.module.css.js +0 -19
  137. package/components/form/fieldset/form-fieldset.module.css.js.map +0 -1
  138. package/components/form/fieldset/index.js +0 -65
  139. package/components/form/fieldset/index.js.map +0 -1
  140. package/components/form/file-input/form-file-input.module.scss.js +0 -7
  141. package/components/form/file-input/form-file-input.module.scss.js.map +0 -1
  142. package/components/form/file-input/index.js +0 -68
  143. package/components/form/file-input/index.js.map +0 -1
  144. package/components/form/helper-text/form-helper-text.module.css.js +0 -7
  145. package/components/form/helper-text/form-helper-text.module.css.js.map +0 -1
  146. package/components/form/helper-text/index.js +0 -22
  147. package/components/form/helper-text/index.js.map +0 -1
  148. package/components/form/indicator/form-indicator.module.css.js +0 -8
  149. package/components/form/indicator/form-indicator.module.css.js.map +0 -1
  150. package/components/form/indicator/index.js +0 -23
  151. package/components/form/indicator/index.js.map +0 -1
  152. package/components/form/label/form-label.module.css.js +0 -10
  153. package/components/form/label/form-label.module.css.js.map +0 -1
  154. package/components/form/label/index.js +0 -33
  155. package/components/form/label/index.js.map +0 -1
  156. package/components/form/legend/form-legend.module.css.js +0 -10
  157. package/components/form/legend/form-legend.module.css.js.map +0 -1
  158. package/components/form/legend/index.js +0 -19
  159. package/components/form/legend/index.js.map +0 -1
  160. package/components/form/radio/form-radio.module.scss.js +0 -8
  161. package/components/form/radio/form-radio.module.scss.js.map +0 -1
  162. package/components/form/radio/index.js +0 -100
  163. package/components/form/radio/index.js.map +0 -1
  164. package/components/form/radio-card/description.js +0 -10
  165. package/components/form/radio-card/description.js.map +0 -1
  166. package/components/form/radio-card/form-radio-card.module.css.js +0 -30
  167. package/components/form/radio-card/form-radio-card.module.css.js.map +0 -1
  168. package/components/form/radio-card/group.js +0 -31
  169. package/components/form/radio-card/group.js.map +0 -1
  170. package/components/form/radio-card/index.js +0 -67
  171. package/components/form/radio-card/index.js.map +0 -1
  172. package/components/form/radio-card/label.js +0 -10
  173. package/components/form/radio-card/label.js.map +0 -1
  174. package/components/form/select/form-select.module.css.js +0 -14
  175. package/components/form/select/form-select.module.css.js.map +0 -1
  176. package/components/form/select/index.js +0 -79
  177. package/components/form/select/index.js.map +0 -1
  178. package/components/form/super-select/form-super-select.module.css.js +0 -22
  179. package/components/form/super-select/form-super-select.module.css.js.map +0 -1
  180. package/components/form/super-select/index.js +0 -170
  181. package/components/form/super-select/index.js.map +0 -1
  182. package/components/form/text-input/index.js +0 -91
  183. package/components/form/text-input/index.js.map +0 -1
  184. package/components/form/text-input/styles.module.css.js +0 -15
  185. package/components/form/text-input/styles.module.css.js.map +0 -1
  186. package/components/form/textarea/form-textarea.module.css.js +0 -14
  187. package/components/form/textarea/form-textarea.module.css.js.map +0 -1
  188. package/components/form/textarea/index.js +0 -74
  189. package/components/form/textarea/index.js.map +0 -1
  190. package/components/form/toggle/form-toggle.module.scss.js +0 -12
  191. package/components/form/toggle/form-toggle.module.scss.js.map +0 -1
  192. package/components/form/toggle/index.js +0 -102
  193. package/components/form/toggle/index.js.map +0 -1
  194. package/components/hds/wrappers/tooltip.js +0 -51
  195. package/components/hds/wrappers/tooltip.js.map +0 -1
  196. package/components/icon-tile/index.js +0 -50
  197. package/components/icon-tile/index.js.map +0 -1
  198. package/components/icon-tile/style.module.scss.js +0 -29
  199. package/components/icon-tile/style.module.scss.js.map +0 -1
  200. package/components/inline-link/index.js +0 -33
  201. package/components/inline-link/index.js.map +0 -1
  202. package/components/inline-link/inline-link.module.css.js +0 -11
  203. package/components/inline-link/inline-link.module.css.js.map +0 -1
  204. package/components/interactive/index.js +0 -59
  205. package/components/interactive/index.js.map +0 -1
  206. package/components/legacy-button/index.js +0 -65
  207. package/components/legacy-button/index.js.map +0 -1
  208. package/components/legacy-button/utils.js +0 -39
  209. package/components/legacy-button/utils.js.map +0 -1
  210. package/components/menu-primitive/index.js +0 -68
  211. package/components/menu-primitive/index.js.map +0 -1
  212. package/components/menu-primitive/styles.module.css.js +0 -12
  213. package/components/menu-primitive/styles.module.css.js.map +0 -1
  214. package/components/menu-primitive/use-menu-primitive.js +0 -17
  215. package/components/menu-primitive/use-menu-primitive.js.map +0 -1
  216. package/components/modal/index.js +0 -61
  217. package/components/modal/index.js.map +0 -1
  218. package/components/modal/modal.module.css.js +0 -8
  219. package/components/modal/modal.module.css.js.map +0 -1
  220. package/components/modal/use-modal.js +0 -17
  221. package/components/modal/use-modal.js.map +0 -1
  222. package/components/separator/index.js +0 -15
  223. package/components/separator/index.js.map +0 -1
  224. package/components/separator/separator.module.css.js +0 -10
  225. package/components/separator/separator.module.css.js.map +0 -1
  226. package/components/standalone-link/index.js +0 -54
  227. package/components/standalone-link/index.js.map +0 -1
  228. package/components/standalone-link/styles.module.scss.js +0 -17
  229. package/components/standalone-link/styles.module.scss.js.map +0 -1
  230. package/components/table/index.js +0 -52
  231. package/components/table/index.js.map +0 -1
  232. package/components/table/table.module.scss.js +0 -33
  233. package/components/table/table.module.scss.js.map +0 -1
  234. package/components/table/td.js +0 -28
  235. package/components/table/td.js.map +0 -1
  236. package/components/table/th-button-tooltip.js +0 -24
  237. package/components/table/th-button-tooltip.js.map +0 -1
  238. package/components/table/th.js +0 -43
  239. package/components/table/th.js.map +0 -1
  240. package/components/table/tr.js +0 -9
  241. package/components/table/tr.js.map +0 -1
  242. package/components/table/utils.js +0 -28
  243. package/components/table/utils.js.map +0 -1
  244. package/components/tabs/index.js +0 -117
  245. package/components/tabs/index.js.map +0 -1
  246. package/components/tabs/tab-panel.js +0 -35
  247. package/components/tabs/tab-panel.js.map +0 -1
  248. package/components/tabs/tab.js +0 -70
  249. package/components/tabs/tab.js.map +0 -1
  250. package/components/tabs/tabs.module.scss.js +0 -22
  251. package/components/tabs/tabs.module.scss.js.map +0 -1
  252. package/components/tabs/use-tabs-context.js +0 -16
  253. package/components/tabs/use-tabs-context.js.map +0 -1
  254. package/components/text/index.js +0 -112
  255. package/components/text/index.js.map +0 -1
  256. package/components/text/style.module.scss.js +0 -9
  257. package/components/text/style.module.scss.js.map +0 -1
  258. package/components/visualizations/bar-chart/horizontal-chart/dataset-value/index.js +0 -62
  259. package/components/visualizations/bar-chart/horizontal-chart/dataset-value/index.js.map +0 -1
  260. package/components/visualizations/bar-chart/horizontal-chart/dataset-value/style.module.css.js +0 -20
  261. package/components/visualizations/bar-chart/horizontal-chart/dataset-value/style.module.css.js.map +0 -1
  262. package/components/visualizations/bar-chart/horizontal-chart/index.js +0 -104
  263. package/components/visualizations/bar-chart/horizontal-chart/index.js.map +0 -1
  264. package/components/visualizations/bar-chart/horizontal-chart/legend/index.js +0 -13
  265. package/components/visualizations/bar-chart/horizontal-chart/legend/index.js.map +0 -1
  266. package/components/visualizations/bar-chart/horizontal-chart/legend/style.module.css.js +0 -14
  267. package/components/visualizations/bar-chart/horizontal-chart/legend/style.module.css.js.map +0 -1
  268. package/components/visualizations/bar-chart/horizontal-chart/style.module.css.js +0 -28
  269. package/components/visualizations/bar-chart/horizontal-chart/style.module.css.js.map +0 -1
  270. package/components/visualizations/bar-chart/index.js +0 -37
  271. package/components/visualizations/bar-chart/index.js.map +0 -1
  272. package/components/visualizations/bar-chart/style.module.css.js +0 -12
  273. package/components/visualizations/bar-chart/style.module.css.js.map +0 -1
  274. package/components/visualizations/donut-chart/components/arc-tooltip/index.js +0 -14
  275. package/components/visualizations/donut-chart/components/arc-tooltip/index.js.map +0 -1
  276. package/components/visualizations/donut-chart/components/arc-tooltip/styles.module.css.js +0 -10
  277. package/components/visualizations/donut-chart/components/arc-tooltip/styles.module.css.js.map +0 -1
  278. package/components/visualizations/donut-chart/components/external-arc-label/index.js +0 -58
  279. package/components/visualizations/donut-chart/components/external-arc-label/index.js.map +0 -1
  280. package/components/visualizations/donut-chart/components/external-arc-label/styles.module.css.js +0 -16
  281. package/components/visualizations/donut-chart/components/external-arc-label/styles.module.css.js.map +0 -1
  282. package/components/visualizations/donut-chart/components/internal-arc-label/index.js +0 -42
  283. package/components/visualizations/donut-chart/components/internal-arc-label/index.js.map +0 -1
  284. package/components/visualizations/donut-chart/components/internal-arc-label/styles.module.css.js +0 -14
  285. package/components/visualizations/donut-chart/components/internal-arc-label/styles.module.css.js.map +0 -1
  286. package/components/visualizations/donut-chart/index.js +0 -90
  287. package/components/visualizations/donut-chart/index.js.map +0 -1
  288. package/components/visualizations/donut-chart/styles.module.css.js +0 -20
  289. package/components/visualizations/donut-chart/styles.module.css.js.map +0 -1
  290. package/hooks/use-media-query/index.js +0 -16
  291. package/hooks/use-media-query/index.js.map +0 -1
  292. package/patterns/card/newsroom-card/index.js +0 -26
  293. package/patterns/card/newsroom-card/index.js.map +0 -1
  294. package/patterns/card/newsroom-card/style.module.css.js +0 -8
  295. package/patterns/card/newsroom-card/style.module.css.js.map +0 -1
  296. package/patterns/card/partner-card/index.js +0 -42
  297. package/patterns/card/partner-card/index.js.map +0 -1
  298. package/patterns/card/partner-card/style.module.css.js +0 -12
  299. package/patterns/card/partner-card/style.module.css.js.map +0 -1
  300. package/patterns/card/person-card/index.js +0 -52
  301. package/patterns/card/person-card/index.js.map +0 -1
  302. package/patterns/card/person-card/style.module.css.js +0 -12
  303. package/patterns/card/person-card/style.module.css.js.map +0 -1
  304. package/patterns/card/primitives.js +0 -77
  305. package/patterns/card/primitives.js.map +0 -1
  306. package/patterns/card/promo-card/index.js +0 -36
  307. package/patterns/card/promo-card/index.js.map +0 -1
  308. package/patterns/card/resource-card/index.js +0 -26
  309. package/patterns/card/resource-card/index.js.map +0 -1
  310. package/patterns/card/style.module.css.js +0 -30
  311. package/patterns/card/style.module.css.js.map +0 -1
  312. package/patterns/card/thumbnails/index.js +0 -25
  313. package/patterns/card/thumbnails/index.js.map +0 -1
  314. package/patterns/card/unified-card/index.js +0 -37
  315. package/patterns/card/unified-card/index.js.map +0 -1
  316. package/patterns/copy-button/clipboard.js +0 -78
  317. package/patterns/copy-button/clipboard.js.map +0 -1
  318. package/patterns/copy-button/index.js +0 -57
  319. package/patterns/copy-button/index.js.map +0 -1
  320. package/patterns/copy-button/style.module.css.js +0 -13
  321. package/patterns/copy-button/style.module.css.js.map +0 -1
  322. package/patterns/layout/index.js +0 -47
  323. package/patterns/layout/index.js.map +0 -1
  324. package/patterns/layout/layout.module.css.js +0 -20
  325. package/patterns/layout/layout.module.css.js.map +0 -1
  326. package/patterns/product-badge/index.js +0 -22
  327. package/patterns/product-badge/index.js.map +0 -1
  328. package/patterns/product-badge/style.module.css.js +0 -8
  329. package/patterns/product-badge/style.module.css.js.map +0 -1
  330. package/patterns/product-logo/index.js +0 -130
  331. package/patterns/product-logo/index.js.map +0 -1
  332. package/patterns/product-logo/product-logo.module.css.js +0 -13
  333. package/patterns/product-logo/product-logo.module.css.js.map +0 -1
  334. package/patterns/related-content/index.js +0 -65
  335. package/patterns/related-content/index.js.map +0 -1
  336. package/patterns/related-content/style.module.css.js +0 -22
  337. package/patterns/related-content/style.module.css.js.map +0 -1
  338. package/utils/get-contrast-yiq.js +0 -13
  339. package/utils/get-contrast-yiq.js.map +0 -1
  340. package/utils/hooks/use-screen-size.js +0 -10
  341. package/utils/hooks/use-screen-size.js.map +0 -1
  342. package/utils/i18n/constants/index.js +0 -98
  343. package/utils/i18n/constants/index.js.map +0 -1
  344. package/utils/i18n/helpers/locale-provider.js +0 -9
  345. package/utils/i18n/helpers/locale-provider.js.map +0 -1
  346. package/utils/i18n/helpers/to-smart-sentence-case.js +0 -12
  347. package/utils/i18n/helpers/to-smart-sentence-case.js.map +0 -1
  348. package/utils/i18n/helpers/to-smart-title-case.js +0 -10
  349. package/utils/i18n/helpers/to-smart-title-case.js.map +0 -1
  350. package/utils/i18n/helpers/use-locale.js +0 -14
  351. package/utils/i18n/helpers/use-locale.js.map +0 -1
  352. package/utils/i18n/index.js +0 -41
  353. package/utils/i18n/index.js.map +0 -1
  354. package/utils/i18n/index2.js +0 -33
  355. package/utils/i18n/index2.js.map +0 -1
  356. package/utils/make-normalizer/index.js +0 -34
  357. package/utils/make-normalizer/index.js.map +0 -1
  358. package/utils/mds-context/index.js.map +0 -1
@@ -1,79 +0,0 @@
1
- import { jsx as n } from "react/jsx-runtime";
2
- import s from "classnames";
3
- import { Content as N, Provider as f } from "../menu-primitive/index.js";
4
- import { ToggleButton as w } from "./toggle-button/index.js";
5
- import { ListItem as u } from "./list-item/index.js";
6
- import t from "./styles.module.css.js";
7
- const a = ({
8
- isFullWidth: o,
9
- onClose: e,
10
- children: r,
11
- className: i,
12
- ...l
13
- }) => /* @__PURE__ */ n(
14
- f,
15
- {
16
- className: s(
17
- {
18
- [t["width-full"]]: o
19
- },
20
- i
21
- ),
22
- onClose: e,
23
- isFullWidth: o,
24
- ...l,
25
- children: r
26
- }
27
- ), d = ({
28
- listPosition: o = "bottom-right",
29
- width: e,
30
- height: r,
31
- children: i
32
- }) => /* @__PURE__ */ n(N, { children: /* @__PURE__ */ n(
33
- "div",
34
- {
35
- className: s(
36
- t.content,
37
- t[`content-position-${o}`],
38
- { [t["content-fixed-width"]]: !!e }
39
- ),
40
- style: { width: e, height: r },
41
- children: i
42
- }
43
- ) }), m = ({ children: o }) => /* @__PURE__ */ n("ul", { className: t.list, children: o }), p = ({
44
- hasDivider: o,
45
- children: e,
46
- ...r
47
- }) => /* @__PURE__ */ n(
48
- "div",
49
- {
50
- className: s(t.header, {
51
- [t["header-with-divider"]]: o
52
- }),
53
- ...r,
54
- children: e
55
- }
56
- ), c = ({
57
- hasDivider: o,
58
- children: e,
59
- ...r
60
- }) => /* @__PURE__ */ n(
61
- "div",
62
- {
63
- className: s(t.footer, {
64
- [t["footer-with-divider"]]: o
65
- }),
66
- ...r,
67
- children: e
68
- }
69
- );
70
- a.displayName = "Dropdown.Root";
71
- d.displayName = "Dropdown.Content";
72
- m.displayName = "Dropdown.List";
73
- p.displayName = "Dropdown.Header";
74
- c.displayName = "Dropdown.Footer";
75
- const x = { Root: a, ToggleButton: w, Content: d, List: m, Header: p, Footer: c, ListItem: u };
76
- export {
77
- x as Dropdown
78
- };
79
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":["../../../src/components/dropdown/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport * as MenuPrimitive from '../menu-primitive'\nimport { ToggleButton } from './toggle-button'\nimport type { DropdownToggleButtonProps } from './toggle-button'\nimport { ListItem } from './list-item'\nimport type { HTMLAttributes, ReactNode } from 'react'\nimport s from './styles.module.css'\n\ninterface DropdownProps extends HTMLAttributes<HTMLDivElement> {\n\t/**\n\t * If true, container is given full width styles. (Added by web presence team)\n\t */\n\tisFullWidth?: boolean\n\t/**\n\t * Callback function invoked when the Dropdown is closed, if provided.\n\t */\n\tonClose?: () => void\n}\n\nconst Root = ({\n\tisFullWidth,\n\tonClose,\n\tchildren,\n\tclassName,\n\t...rest\n}: DropdownProps) => {\n\treturn (\n\t\t<MenuPrimitive.Provider\n\t\t\tclassName={classNames(\n\t\t\t\t{\n\t\t\t\t\t[s['width-full']]: isFullWidth,\n\t\t\t\t},\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\tonClose={onClose}\n\t\t\tisFullWidth={isFullWidth}\n\t\t\t{...rest}\n\t\t>\n\t\t\t{children}\n\t\t</MenuPrimitive.Provider>\n\t)\n}\n\ninterface DropdownContentProps {\n\tlistPosition?:\n\t\t| 'right'\n\t\t| 'left'\n\t\t| 'bottom-left'\n\t\t| 'bottom-right'\n\t\t| 'top-left'\n\t\t| 'top-right'\n\twidth?: `${number}px` | `${number}em` | `${number}%`\n\t/**\n\t * If a height prop is provided then the list will have a fixed height.\n\t */\n\theight?: `${number}px` | `${number}em`\n\tchildren: ReactNode\n}\n\nconst Content = ({\n\tlistPosition = 'bottom-right',\n\twidth,\n\theight,\n\tchildren,\n}: DropdownContentProps) => {\n\treturn (\n\t\t<MenuPrimitive.Content>\n\t\t\t<div\n\t\t\t\tclassName={classNames(\n\t\t\t\t\ts.content,\n\t\t\t\t\ts[`content-position-${listPosition}`],\n\t\t\t\t\t{ [s['content-fixed-width']]: !!width }\n\t\t\t\t)}\n\t\t\t\tstyle={{ width, height }}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</MenuPrimitive.Content>\n\t)\n}\n\nconst List = ({ children }: { children: ReactNode }) => {\n\treturn <ul className={s.list}>{children}</ul>\n}\n\ninterface DropdownHeaderFooterProps extends HTMLAttributes<HTMLDivElement> {\n\thasDivider?: boolean\n}\n\nconst Header = ({\n\thasDivider,\n\tchildren,\n\t...rest\n}: DropdownHeaderFooterProps) => {\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(s.header, {\n\t\t\t\t[s['header-with-divider']]: hasDivider,\n\t\t\t})}\n\t\t\t{...rest}\n\t\t>\n\t\t\t{children}\n\t\t</div>\n\t)\n}\n\nconst Footer = ({\n\thasDivider,\n\tchildren,\n\t...rest\n}: DropdownHeaderFooterProps) => {\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(s.footer, {\n\t\t\t\t[s['footer-with-divider']]: hasDivider,\n\t\t\t})}\n\t\t\t{...rest}\n\t\t>\n\t\t\t{children}\n\t\t</div>\n\t)\n}\n\nRoot.displayName = 'Dropdown.Root'\nContent.displayName = 'Dropdown.Content'\nList.displayName = 'Dropdown.List'\nHeader.displayName = 'Dropdown.Header'\nFooter.displayName = 'Dropdown.Footer'\n\nconst Dropdown = { Root, ToggleButton, Content, List, Header, Footer, ListItem }\n\nexport type {\n\tDropdownProps,\n\tDropdownContentProps,\n\tDropdownHeaderFooterProps,\n\tDropdownToggleButtonProps,\n}\nexport { Dropdown }\n"],"names":["Root","isFullWidth","onClose","children","className","rest","jsx","MenuPrimitive.Provider","classNames","s","Content","listPosition","width","height","MenuPrimitive.Content","List","Header","hasDivider","Footer","Dropdown","ToggleButton","ListItem"],"mappings":";;;;;;AAmBA,MAAMA,IAAO,CAAC;AAAA,EACb,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACJ,MAEE,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACA,WAAWC;AAAA,MACV;AAAA,QACC,CAACC,EAAE,YAAY,CAAC,GAAGR;AAAA,MAAA;AAAA,MAEpBG;AAAA,IAAA;AAAA,IAED,SAAAF;AAAA,IACA,aAAAD;AAAA,IACC,GAAGI;AAAA,IAEH,UAAAF;AAAA,EAAA;AAAA,GAqBEO,IAAU,CAAC;AAAA,EAChB,cAAAC,IAAe;AAAA,EACf,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAV;AACD,MAEE,gBAAAG,EAACQ,GAAA,EACA,UAAA,gBAAAR;AAAA,EAAC;AAAA,EAAA;AAAA,IACA,WAAWE;AAAA,MACVC,EAAE;AAAA,MACFA,EAAE,oBAAoBE,CAAY,EAAE;AAAA,MACpC,EAAE,CAACF,EAAE,qBAAqB,CAAC,GAAG,CAAC,CAACG,EAAA;AAAA,IAAM;AAAA,IAEvC,OAAO,EAAE,OAAAA,GAAO,QAAAC,EAAA;AAAA,IAEf,UAAAV;AAAA,EAAA;AAAA,GAEH,GAIIY,IAAO,CAAC,EAAE,UAAAZ,QACR,gBAAAG,EAAC,MAAA,EAAG,WAAWG,EAAE,MAAO,UAAAN,GAAS,GAOnCa,IAAS,CAAC;AAAA,EACf,YAAAC;AAAA,EACA,UAAAd;AAAA,EACA,GAAGE;AACJ,MAEE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACA,WAAWE,EAAWC,EAAE,QAAQ;AAAA,MAC/B,CAACA,EAAE,qBAAqB,CAAC,GAAGQ;AAAA,IAAA,CAC5B;AAAA,IACA,GAAGZ;AAAA,IAEH,UAAAF;AAAA,EAAA;AAAA,GAKEe,IAAS,CAAC;AAAA,EACf,YAAAD;AAAA,EACA,UAAAd;AAAA,EACA,GAAGE;AACJ,MAEE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACA,WAAWE,EAAWC,EAAE,QAAQ;AAAA,MAC/B,CAACA,EAAE,qBAAqB,CAAC,GAAGQ;AAAA,IAAA,CAC5B;AAAA,IACA,GAAGZ;AAAA,IAEH,UAAAF;AAAA,EAAA;AAAA;AAKJH,EAAK,cAAc;AACnBU,EAAQ,cAAc;AACtBK,EAAK,cAAc;AACnBC,EAAO,cAAc;AACrBE,EAAO,cAAc;AAErB,MAAMC,IAAW,EAAE,MAAAnB,GAAM,cAAAoB,GAAc,SAAAV,GAAS,MAAAK,GAAM,QAAAC,GAAQ,QAAAE,GAAQ,UAAAG,EAAA;"}
@@ -1,9 +0,0 @@
1
- import { jsx as t } from "react/jsx-runtime";
2
- import o from "classnames";
3
- import m from "./styles.module.css.js";
4
- const r = ({ children: s }) => /* @__PURE__ */ t("li", { className: o(m["list-item"], m.custom), children: s });
5
- r.displayName = "Dropdown.ListItem.Custom";
6
- export {
7
- r as ListItemCustom
8
- };
9
- //# sourceMappingURL=custom.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"custom.js","sources":["../../../../src/components/dropdown/list-item/custom.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport type { ReactNode } from 'react'\nimport s from './styles.module.css'\n\ninterface ListItemCustomProps {\n\tchildren: ReactNode\n}\n\nconst ListItemCustom = ({ children }: ListItemCustomProps) => {\n\treturn <li className={classNames(s['list-item'], s.custom)}>{children}</li>\n}\n\nListItemCustom.displayName = 'Dropdown.ListItem.Custom'\n\nexport type { ListItemCustomProps }\nexport { ListItemCustom }\n"],"names":["ListItemCustom","children","jsx","classNames","s"],"mappings":";;;AAQA,MAAMA,IAAiB,CAAC,EAAE,UAAAC,QAClB,gBAAAC,EAAC,MAAA,EAAG,WAAWC,EAAWC,EAAE,WAAW,GAAGA,EAAE,MAAM,GAAI,UAAAH,EAAA,CAAS;AAGvED,EAAe,cAAc;"}
@@ -1,14 +0,0 @@
1
- import { ListItemInteractive as t } from "./interactive.js";
2
- import { ListItemTitle as m } from "./title.js";
3
- import { ListItemSeparator as r } from "./separator.js";
4
- import { ListItemCustom as e } from "./custom.js";
5
- const I = {
6
- Interactive: t,
7
- Title: m,
8
- Separator: r,
9
- Custom: e
10
- };
11
- export {
12
- I as ListItem
13
- };
14
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":["../../../../src/components/dropdown/list-item/index.tsx"],"sourcesContent":["import { ListItemInteractive } from './interactive'\nimport { ListItemTitle } from './title'\nimport { ListItemSeparator } from './separator'\nimport { ListItemCustom } from './custom'\n\nconst ListItem = {\n\tInteractive: ListItemInteractive,\n\tTitle: ListItemTitle,\n\tSeparator: ListItemSeparator,\n\tCustom: ListItemCustom,\n}\n\nexport { ListItem }\n"],"names":["ListItem","ListItemInteractive","ListItemTitle","ListItemSeparator","ListItemCustom"],"mappings":";;;;AAKA,MAAMA,IAAW;AAAA,EAChB,aAAaC;AAAA,EACb,OAAOC;AAAA,EACP,WAAWC;AAAA,EACX,QAAQC;AACT;"}
@@ -1,49 +0,0 @@
1
- import { jsx as i, jsxs as s } from "react/jsx-runtime";
2
- import t from "classnames";
3
- import { FlightIcon as a } from "../../flight-icon/index.js";
4
- import { Interactive as d } from "../../interactive/index.js";
5
- import e from "./styles.module.css.js";
6
- const v = ({
7
- text: r,
8
- color: m = "action",
9
- icon: c,
10
- isLoading: l,
11
- trailingIcon: n,
12
- ...o
13
- }) => /* @__PURE__ */ i(
14
- "li",
15
- {
16
- className: t(e["list-item"], e.interactive, e[`color-${m}`]),
17
- children: l ? /* @__PURE__ */ s("div", { className: e["loading-wrapper"], children: [
18
- /* @__PURE__ */ i(
19
- a,
20
- {
21
- name: "loading",
22
- className: t(e["interactive-icon"], e.leading)
23
- }
24
- ),
25
- /* @__PURE__ */ i("div", { className: t(e["interactive-text"], e["text-regular"]), children: r })
26
- ] }) : /* @__PURE__ */ s(d, { ...o, children: [
27
- c && /* @__PURE__ */ i(
28
- a,
29
- {
30
- name: c,
31
- className: t(e["interactive-icon"], e.leading)
32
- }
33
- ),
34
- /* @__PURE__ */ i("div", { className: t(e["interactive-text"], e["text-large"]), children: r }),
35
- n && /* @__PURE__ */ i(
36
- a,
37
- {
38
- name: n,
39
- className: t(e["interactive-icon"], e.trailing)
40
- }
41
- )
42
- ] })
43
- }
44
- );
45
- v.displayName = "Dropdown.ListItem.Interactive";
46
- export {
47
- v as ListItemInteractive
48
- };
49
- //# sourceMappingURL=interactive.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"interactive.js","sources":["../../../../src/components/dropdown/list-item/interactive.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { FlightIcon } from '../../flight-icon'\nimport { Interactive, type InteractiveProps } from '../../interactive'\nimport s from './styles.module.css'\n\ninterface ListItemInteractiveProps extends Omit<InteractiveProps, 'children'> {\n\t/**\n\t * Text to be used in the item. If no text value is defined, an error will be thrown.\n\t */\n\ttext: string\n\t/**\n\t * Color applied to the text and (optional) icons.\n\t */\n\tcolor?: 'action' | 'critical'\n\t/**\n\t * Leading icon. Acceptable value: any [icon](https://helios.hashicorp.design/icons/library) name.\n\t */\n\ticon?: string\n\t/**\n\t * Trailing icon. Acceptable value: any [icon](https://helios.hashicorp.design/icons/library) name.\n\t */\n\ttrailingIcon?: string\n\t/**\n\t * Controls if the item is in “loading” state. When in this state, the item is not actually interactive, but you can pass the other expected arguments for the item (they’re simply ignored).\n\t */\n\tisLoading?: boolean\n}\n\nconst ListItemInteractive = ({\n\ttext,\n\tcolor = 'action',\n\ticon,\n\tisLoading,\n\ttrailingIcon,\n\t...rest\n}: ListItemInteractiveProps) => {\n\treturn (\n\t\t<li\n\t\t\tclassName={classNames(s['list-item'], s.interactive, s[`color-${color}`])}\n\t\t>\n\t\t\t{isLoading ? (\n\t\t\t\t<div className={s['loading-wrapper']}>\n\t\t\t\t\t<FlightIcon\n\t\t\t\t\t\tname=\"loading\"\n\t\t\t\t\t\tclassName={classNames(s['interactive-icon'], s.leading)}\n\t\t\t\t\t/>\n\t\t\t\t\t<div className={classNames(s['interactive-text'], s['text-regular'])}>\n\t\t\t\t\t\t{text}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t) : (\n\t\t\t\t<Interactive {...rest}>\n\t\t\t\t\t{icon && (\n\t\t\t\t\t\t<FlightIcon\n\t\t\t\t\t\t\tname={icon}\n\t\t\t\t\t\t\tclassName={classNames(s['interactive-icon'], s.leading)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t<div className={classNames(s['interactive-text'], s['text-large'])}>\n\t\t\t\t\t\t{text}\n\t\t\t\t\t</div>\n\t\t\t\t\t{trailingIcon && (\n\t\t\t\t\t\t<FlightIcon\n\t\t\t\t\t\t\tname={trailingIcon}\n\t\t\t\t\t\t\tclassName={classNames(s['interactive-icon'], s.trailing)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</Interactive>\n\t\t\t)}\n\t\t</li>\n\t)\n}\n\nListItemInteractive.displayName = 'Dropdown.ListItem.Interactive'\n\nexport type { ListItemInteractiveProps }\nexport { ListItemInteractive }\n"],"names":["ListItemInteractive","text","color","icon","isLoading","trailingIcon","rest","jsx","classNames","s","jsxs","FlightIcon","Interactive"],"mappings":";;;;;AA4BA,MAAMA,IAAsB,CAAC;AAAA,EAC5B,MAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,GAAGC;AACJ,MAEE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACA,WAAWC,EAAWC,EAAE,WAAW,GAAGA,EAAE,aAAaA,EAAE,SAASP,CAAK,EAAE,CAAC;AAAA,IAEvE,cACA,gBAAAQ,EAAC,OAAA,EAAI,WAAWD,EAAE,iBAAiB,GAClC,UAAA;AAAA,MAAA,gBAAAF;AAAA,QAACI;AAAA,QAAA;AAAA,UACA,MAAK;AAAA,UACL,WAAWH,EAAWC,EAAE,kBAAkB,GAAGA,EAAE,OAAO;AAAA,QAAA;AAAA,MAAA;AAAA,MAEvD,gBAAAF,EAAC,OAAA,EAAI,WAAWC,EAAWC,EAAE,kBAAkB,GAAGA,EAAE,cAAc,CAAC,GACjE,UAAAR,EAAA,CACF;AAAA,IAAA,EAAA,CACD,IAEA,gBAAAS,EAACE,GAAA,EAAa,GAAGN,GACf,UAAA;AAAA,MAAAH,KACA,gBAAAI;AAAA,QAACI;AAAA,QAAA;AAAA,UACA,MAAMR;AAAA,UACN,WAAWK,EAAWC,EAAE,kBAAkB,GAAGA,EAAE,OAAO;AAAA,QAAA;AAAA,MAAA;AAAA,MAGxD,gBAAAF,EAAC,OAAA,EAAI,WAAWC,EAAWC,EAAE,kBAAkB,GAAGA,EAAE,YAAY,CAAC,GAC/D,UAAAR,EAAA,CACF;AAAA,MACCI,KACA,gBAAAE;AAAA,QAACI;AAAA,QAAA;AAAA,UACA,MAAMN;AAAA,UACN,WAAWG,EAAWC,EAAE,kBAAkB,GAAGA,EAAE,QAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,IACxD,EAAA,CAEF;AAAA,EAAA;AAAA;AAMJT,EAAoB,cAAc;"}
@@ -1,17 +0,0 @@
1
- import { jsx as a } from "react/jsx-runtime";
2
- import e from "classnames";
3
- import r from "./styles.module.css.js";
4
- const o = (t) => /* @__PURE__ */ a(
5
- "li",
6
- {
7
- className: e(r["list-item"], r.separator),
8
- "aria-hidden": "true",
9
- role: "separator",
10
- ...t
11
- }
12
- );
13
- o.displayName = "Dropdown.ListItem.Separator";
14
- export {
15
- o as ListItemSeparator
16
- };
17
- //# sourceMappingURL=separator.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"separator.js","sources":["../../../../src/components/dropdown/list-item/separator.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react'\nimport classNames from 'classnames'\nimport s from './styles.module.css'\n\ntype ListItemSeparatorProps = Omit<\n\tHTMLAttributes<HTMLLIElement>,\n\t'className' | 'aria-hidden' | 'role'\n>\n\nconst ListItemSeparator = (props: ListItemSeparatorProps) => {\n\treturn (\n\t\t<li\n\t\t\tclassName={classNames(s['list-item'], s.separator)}\n\t\t\taria-hidden=\"true\"\n\t\t\trole=\"separator\"\n\t\t\t{...props}\n\t\t></li>\n\t)\n}\n\nListItemSeparator.displayName = 'Dropdown.ListItem.Separator'\n\nexport type { ListItemSeparatorProps }\nexport { ListItemSeparator }\n"],"names":["ListItemSeparator","props","jsx","classNames","s"],"mappings":";;;AASA,MAAMA,IAAoB,CAACC,MAEzB,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACA,WAAWC,EAAWC,EAAE,WAAW,GAAGA,EAAE,SAAS;AAAA,IACjD,eAAY;AAAA,IACZ,MAAK;AAAA,IACJ,GAAGH;AAAA,EAAA;AAAA;AAKPD,EAAkB,cAAc;"}
@@ -1,26 +0,0 @@
1
- const t = "interactive__IkSoP", e = "custom__lrM-c", i = "leading__uGWjP", a = "trailing__46J03", o = "separator__cop56", r = "title__XkdBJ mds-typography-legacy-body-100 mds-typography-font-weight-semibold", c = {
2
- "list-item": "list-item__p6gnG",
3
- interactive: t,
4
- "color-action": "color-action__zG8cO",
5
- "color-critical": "color-critical__3USEd",
6
- custom: e,
7
- "interactive-icon": "interactive-icon__2sVuv",
8
- leading: i,
9
- trailing: a,
10
- "interactive-text": "interactive-text__9tKHU",
11
- "loading-wrapper": "loading-wrapper__RMG87",
12
- "text-regular": "text-regular__nmwqr mds-typography-legacy-body-100 mds-typography-font-weight-regular",
13
- "text-large": "text-large__gU2cx mds-typography-legacy-body-200 mds-typography-font-weight-medium",
14
- separator: o,
15
- title: r
16
- };
17
- export {
18
- e as custom,
19
- c as default,
20
- t as interactive,
21
- i as leading,
22
- o as separator,
23
- r as title,
24
- a as trailing
25
- };
26
- //# sourceMappingURL=styles.module.css.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
@@ -1,9 +0,0 @@
1
- import { jsx as m } from "react/jsx-runtime";
2
- import s from "classnames";
3
- import t from "./styles.module.css.js";
4
- const r = ({ text: i, ...e }) => /* @__PURE__ */ m("li", { className: s(t["list-item"], t.title), ...e, children: i });
5
- r.displayName = "Dropdown.ListItem.Title";
6
- export {
7
- r as ListItemTitle
8
- };
9
- //# sourceMappingURL=title.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"title.js","sources":["../../../../src/components/dropdown/list-item/title.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react'\nimport classNames from 'classnames'\nimport s from './styles.module.css'\n\ninterface ListItemTitleProps\n\textends Omit<HTMLAttributes<HTMLLIElement>, 'className'> {\n\ttext: string\n}\n\nconst ListItemTitle = ({ text, ...rest }: ListItemTitleProps) => {\n\treturn (\n\t\t<li className={classNames(s['list-item'], s.title)} {...rest}>\n\t\t\t{text}\n\t\t</li>\n\t)\n}\n\nListItemTitle.displayName = 'Dropdown.ListItem.Title'\n\nexport type { ListItemTitleProps }\nexport { ListItemTitle }\n"],"names":["ListItemTitle","text","rest","jsx","classNames","s"],"mappings":";;;AASA,MAAMA,IAAgB,CAAC,EAAE,MAAAC,GAAM,GAAGC,QAEhC,gBAAAC,EAAC,MAAA,EAAG,WAAWC,EAAWC,EAAE,WAAW,GAAGA,EAAE,KAAK,GAAI,GAAGH,GACtD,UAAAD,EAAA,CACF;AAIFD,EAAc,cAAc;"}
@@ -1,24 +0,0 @@
1
- const t = "content__L3Jzb", o = "list__vHKnu", i = "header__FQALL", n = "footer__X0WK4", e = {
2
- "width-full": "width-full__yhNyZ",
3
- content: t,
4
- "content-fixed-width": "content-fixed-width__QTWZ3",
5
- "content-position-bottom-right": "content-position-bottom-right__7p2zs",
6
- "content-position-right": "content-position-right__LV4dD",
7
- "content-position-bottom-left": "content-position-bottom-left__ihVMS",
8
- "content-position-left": "content-position-left__ICQX2",
9
- "content-position-top-right": "content-position-top-right__xbinW",
10
- "content-position-top-left": "content-position-top-left__AR6-v",
11
- list: o,
12
- header: i,
13
- footer: n,
14
- "header-with-divider": "header-with-divider__hHDYL",
15
- "footer-with-divider": "footer-with-divider__TqV8J"
16
- };
17
- export {
18
- t as content,
19
- e as default,
20
- n as footer,
21
- i as header,
22
- o as list
23
- };
24
- //# sourceMappingURL=styles.module.css.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
@@ -1,54 +0,0 @@
1
- "use client";
2
- import { jsx as e, jsxs as x } from "react/jsx-runtime";
3
- import y from "classnames";
4
- import { Badge as v } from "../../badge/index.js";
5
- import { BadgeCount as B } from "../../badge-count/index.js";
6
- import { Toggle as T } from "../../menu-primitive/index.js";
7
- import { useMenuPrimitive as z } from "../../menu-primitive/use-menu-primitive.js";
8
- import { FlightIcon as a } from "../../flight-icon/index.js";
9
- import o from "./styles.module.scss.js";
10
- const C = ({
11
- text: p,
12
- color: t = "primary",
13
- size: i = "medium",
14
- icon: r,
15
- isFullWidth: c,
16
- count: n,
17
- badge: m,
18
- badgeIcon: d,
19
- disabled: l,
20
- ...g
21
- }) => {
22
- const { isOpen: u, onClickToggle: f } = z(), s = t === "primary" || l ? "filled" : "inverted", h = i === "small" ? 12 : 16;
23
- return /* @__PURE__ */ e(T, { children: /* @__PURE__ */ x(
24
- "button",
25
- {
26
- "aria-expanded": u,
27
- type: "button",
28
- className: y(
29
- o["toggle-button"],
30
- o[`size-${i}`],
31
- o[`color-${t}`],
32
- {
33
- [o["width-full"]]: c
34
- }
35
- ),
36
- onClick: f,
37
- disabled: l,
38
- ...g,
39
- children: [
40
- r && /* @__PURE__ */ e(a, { name: r, size: h }),
41
- /* @__PURE__ */ e("div", { className: o.text, children: p }),
42
- n && /* @__PURE__ */ e(B, { text: n, size: "small", type: s }),
43
- m && /* @__PURE__ */ e(v, { text: m, icon: d, size: "small", type: s }),
44
- /* @__PURE__ */ e(N, {})
45
- ]
46
- }
47
- ) });
48
- };
49
- C.displayName = "Dropdown.ToggleButton";
50
- const N = () => /* @__PURE__ */ e(a, { name: "chevron-down", isInlineBlock: !1 });
51
- export {
52
- C as ToggleButton
53
- };
54
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":["../../../../src/components/dropdown/toggle-button/index.tsx"],"sourcesContent":["'use client'\n\nimport classNames from 'classnames'\nimport { Badge } from '../../badge'\nimport { BadgeCount } from '../../badge-count'\nimport { Toggle } from '../../menu-primitive'\nimport { useMenuPrimitive } from '../../menu-primitive/use-menu-primitive'\nimport type { FlightIconName } from '../../flight-icon'\nimport { FlightIcon } from '../../flight-icon'\nimport type { ButtonHTMLAttributes } from 'react'\nimport s from './styles.module.scss'\n\ninterface DropdownToggleButtonProps\n\textends ButtonHTMLAttributes<HTMLButtonElement> {\n\t/**\n\t * Text of the ToggleButton. If no text value is defined, an error will be thrown.\n\t */\n\ttext: string\n\tcolor?: 'primary' | 'secondary'\n\tsize?: 'small' | 'medium'\n\ticon?: string\n\tisFullWidth?: boolean\n\t/**\n\t * Displays an optional count indicator using the Badge Count component.\n\t */\n\tcount?: string\n\t/**\n\t * Displays an optional badge indicator using the Badge component.\n\t */\n\tbadge?: string\n\t/**\n\t * Appends an icon to the optional badge indicator.\n\t */\n\tbadgeIcon?: FlightIconName\n}\n\nconst ToggleButton = ({\n\ttext,\n\tcolor = 'primary',\n\tsize = 'medium',\n\ticon,\n\tisFullWidth,\n\tcount,\n\tbadge,\n\tbadgeIcon,\n\tdisabled,\n\t...rest\n}: DropdownToggleButtonProps) => {\n\tconst { isOpen, onClickToggle } = useMenuPrimitive()\n\tconst badgeType = color === 'primary' || disabled ? 'filled' : 'inverted'\n\tconst iconSize = size === 'small' ? 12 : 16\n\n\treturn (\n\t\t<Toggle>\n\t\t\t<button\n\t\t\t\taria-expanded={isOpen}\n\t\t\t\ttype=\"button\"\n\t\t\t\tclassName={classNames(\n\t\t\t\t\ts['toggle-button'],\n\t\t\t\t\ts[`size-${size}`],\n\t\t\t\t\ts[`color-${color}`],\n\t\t\t\t\t{\n\t\t\t\t\t\t[s['width-full']]: isFullWidth,\n\t\t\t\t\t}\n\t\t\t\t)}\n\t\t\t\tonClick={onClickToggle}\n\t\t\t\tdisabled={disabled}\n\t\t\t\t{...rest}\n\t\t\t>\n\t\t\t\t{icon && <FlightIcon name={icon} size={iconSize} />}\n\t\t\t\t<div className={s.text}>{text}</div>\n\t\t\t\t{count && <BadgeCount text={count} size=\"small\" type={badgeType} />}\n\t\t\t\t{badge && (\n\t\t\t\t\t<Badge text={badge} icon={badgeIcon} size=\"small\" type={badgeType} />\n\t\t\t\t)}\n\t\t\t\t<Chevron />\n\t\t\t</button>\n\t\t</Toggle>\n\t)\n}\n\nToggleButton.displayName = 'Dropdown.ToggleButton'\n\nconst Chevron = () => {\n\treturn <FlightIcon name=\"chevron-down\" isInlineBlock={false} />\n}\n\nexport type { DropdownToggleButtonProps }\nexport { ToggleButton }\n"],"names":["ToggleButton","text","color","size","icon","isFullWidth","count","badge","badgeIcon","disabled","rest","isOpen","onClickToggle","useMenuPrimitive","badgeType","iconSize","jsx","Toggle","jsxs","classNames","s","BadgeCount","Badge","Chevron","FlightIcon"],"mappings":";;;;;;;;;AAoCsB,MACrBA,IAAA,CAAA;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC,IAAO;AAAA,EACP,MAAAC,IAAA;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACD,GAAAC;AACC,MAAA;AACA,QAAM,EAAA,QAAAC,GAAA,eAAAC,EAAsB,IAAAC,EAAa,GACnCC,IAAWZ,MAAS,aAAeO,IAAA,WAAA,YAEzCM,IAAAZ,gBACE,KACA;AAAA,SAAC,gBAAAa,EAAAC,GAAA,EAAA,UAAA,gBAAAC;AAAA,IAAA;AAAA,IAAA;AAAA,MAEA,iBAAKP;AAAA,MACL,MAAA;AAAA,MAAW,WACRQ;AAAA,QACFC,EAAE,eAAc;AAAA,QAChBA,EAAE,SAAS,EAAK;AAAA,QAChBA,EAAA,SAAAlB,CAAA,EAAA;AAAA,QAAA;AAAA,UACoB,CAAAkB,EAAA,YAAA,CAAA,GAAAf;AAAA,QAErB;AAAA,MACA;AAAA,MACA,SAAAO;AAAA,MACC,UAAAH;AAAA,MAEA;MAAA,UAAA;AAAA,QAAgDL,KAChD,gBAAAY,KAAe,EAAE,MAAOZ,GAAA,MAAAW,EAAK,CAAA;AAAA,QAC7B,gBAAAC,EAAA,SAAU,WAAAI,QAAW,UAAanB,EAAK,CAAA;AAAA,QACvCK,KACA,gBAAAU,EAACK,GAAM,EAAA,MAAMf,SAAa,SAAW,MAAKQ,EAAQ,CAAA;AAAA,QAAiBP,KAEnE,gBAAAS,EAAAM,GAAQ,EAAA,MAAAf,GAAA,MAAAC,GAAA,MAAA,SAAA,MAAAM,EAAA,CAAA;AAAA,QAAA,gBAAAE,EAAAO,GAAA,CAAA,CAAA;AAAA,MAAA;AAAA;EAIb,EAAA,CAAA;AAEA;AAEAvB,gBAAsB;AACrB,MAAAuB,IAAA,MACD,gBAAAP,EAAAQ,GAAA,EAAA,MAAA,gBAAA,eAAA,GAAA,CAAA;"}
@@ -1,14 +0,0 @@
1
- const t = "text__t2BuD", o = {
2
- "toggle-button": "toggle-button__0Aljq",
3
- "color-primary": "color-primary__gQeWN",
4
- "color-secondary": "color-secondary__PGdzj",
5
- "width-full": "width-full__K1gGu",
6
- text: t,
7
- "size-small": "size-small__-mqBv",
8
- "size-medium": "size-medium__A-yPf"
9
- };
10
- export {
11
- o as default,
12
- t as text
13
- };
14
- //# sourceMappingURL=styles.module.scss.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
@@ -1,12 +0,0 @@
1
- const n = "loading__-Ng-b", i = "running__6uXP5", l = {
2
- "flight-icon": "flight-icon__f6lPO",
3
- "display-inline": "display-inline__ItStG",
4
- loading: n,
5
- running: i
6
- };
7
- export {
8
- l as default,
9
- n as loading,
10
- i as running
11
- };
12
- //# sourceMappingURL=flight-icon.module.css.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"flight-icon.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
@@ -1,58 +0,0 @@
1
- "use client";
2
- import { jsx as o, jsxs as u, Fragment as I } from "react/jsx-runtime";
3
- import e from "@hashicorp/flight-icons/svg-sprite/svg-sprite.svg";
4
- import $ from "classnames";
5
- import { useId as g } from "react";
6
- import s from "./flight-icon.module.css.js";
7
- const _ = [12, 16, 24, 32], S = {
8
- 12: 16,
9
- 16: 16,
10
- 24: 24,
11
- 32: 24
12
- }, d = typeof e == "string" ? e : e.src, v = ({
13
- name: i,
14
- color: f = "currentColor",
15
- size: t = 16,
16
- stretched: l = !1,
17
- isInlineBlock: h = !0,
18
- title: r,
19
- className: a,
20
- ...p
21
- }) => {
22
- const m = g(), c = g(), n = S[t];
23
- return /* @__PURE__ */ o(
24
- "svg",
25
- {
26
- className: $(
27
- s["flight-icon"],
28
- `flight-icon-${i}`,
29
- {
30
- [s["display-inline"]]: h && !l,
31
- [s.loading]: i === "loading",
32
- [s.running]: i === "running"
33
- },
34
- a
35
- ),
36
- ...p,
37
- "aria-hidden": r ? "false" : "true",
38
- "aria-labelledby": r ? c : void 0,
39
- fill: f,
40
- id: m,
41
- role: r ? "img" : void 0,
42
- width: l ? "100%" : t,
43
- height: l ? "100%" : t,
44
- viewBox: `0 0 ${n} ${n}`,
45
- xmlns: "http://www.w3.org/2000/svg",
46
- children: r ? /* @__PURE__ */ u(I, { children: [
47
- /* @__PURE__ */ o("title", { id: c, children: r }),
48
- /* @__PURE__ */ o("g", { role: "presentation", children: /* @__PURE__ */ o("use", { href: `${d}#flight-${i}-${n}` }) })
49
- ] }) : /* @__PURE__ */ o("use", { href: `${d}#flight-${i}-${n}` })
50
- }
51
- );
52
- };
53
- v.displayName = "FlightIcon";
54
- export {
55
- _ as FLIGHT_ICON_SIZES,
56
- v as FlightIcon
57
- };
58
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":["../../../src/components/flight-icon/index.tsx"],"sourcesContent":["'use client'\n\nimport svgSprite from '@hashicorp/flight-icons/svg-sprite/svg-sprite.svg'\nimport classNames from 'classnames'\nimport { useId, type SVGProps } from 'react'\nimport type { IconName } from '@hashicorp/flight-icons/svg'\nimport s from './flight-icon.module.css'\n\nconst FLIGHT_ICON_SIZES = [12, 16, 24, 32] as const\ntype FlightIconSize = (typeof FLIGHT_ICON_SIZES)[number]\n\nconst SPRITE_SIZE_MAP = {\n\t12: 16,\n\t16: 16,\n\t24: 24,\n\t32: 24,\n} as const\n\ntype FlightIconName = IconName | (string & Record<never, never>)\n\ninterface FlightIconProps extends SVGProps<SVGSVGElement> {\n\t/**\n\t * The name of the icon you wish to use. Search for existing icon\n\t * names in the Icon library.\n\t */\n\tname: FlightIconName\n\n\t/**\n\t * The `color` prop can be used to change the color. It works by setting\n\t * the value of the icon SVG’s fill property.\n\t */\n\tcolor?: string\n\n\t/**\n\t * The `size` prop can be used to change the size.\n\t */\n\tsize?: FlightIconSize\n\n\t/**\n\t * Determines whether the icon will stretch to fill the parent container.\n\t * Setting it to `true` will make the icon have a height and width of 100%\n\t * and a display of `block`.\n\t */\n\tstretched?: boolean\n\n\t/**\n\t * Sets the `display` style for the icon. Setting it to `false` will make\n\t * the icon have a display of `block`.\n\t */\n\tisInlineBlock?: boolean\n\n\t/**\n\t * Use to add accessible text to standalone icons. This will also change\n\t * the `aria-hidden` value to `false` instead of the default value of `true`.\n\t */\n\ttitle?: string\n\tclassName?: string\n}\n\n// When an SVG file is imported in Next.js, it is an object with a `src`\n// property. However, tools like Webpack and Vite default to returning a URL.\n// This runtime check allows the component to work in all of these cases.\nconst svgSpriteSrc =\n\ttypeof svgSprite === 'string' ? svgSprite : (svgSprite as { src: string }).src\n\nconst FlightIcon = ({\n\tname,\n\tcolor = 'currentColor',\n\tsize = 16,\n\tstretched = false,\n\tisInlineBlock = true,\n\ttitle,\n\tclassName,\n\t...rest\n}: FlightIconProps) => {\n\tconst iconId = useId()\n\tconst titleId = useId()\n\n\tconst spriteSize = SPRITE_SIZE_MAP[size]\n\n\treturn (\n\t\t<svg\n\t\t\tclassName={classNames(\n\t\t\t\ts['flight-icon'],\n\t\t\t\t`flight-icon-${name}`,\n\t\t\t\t{\n\t\t\t\t\t[s['display-inline']]: isInlineBlock && !stretched,\n\t\t\t\t\t[s['loading']]: name === 'loading',\n\t\t\t\t\t[s['running']]: name === 'running',\n\t\t\t\t},\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...rest}\n\t\t\taria-hidden={title ? 'false' : 'true'}\n\t\t\taria-labelledby={title ? titleId : undefined}\n\t\t\tfill={color}\n\t\t\tid={iconId}\n\t\t\trole={title ? 'img' : undefined}\n\t\t\twidth={stretched ? '100%' : size}\n\t\t\theight={stretched ? '100%' : size}\n\t\t\tviewBox={`0 0 ${spriteSize} ${spriteSize}`}\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t>\n\t\t\t{title ? (\n\t\t\t\t<>\n\t\t\t\t\t<title id={titleId}>{title}</title>\n\t\t\t\t\t<g role=\"presentation\">\n\t\t\t\t\t\t<use href={`${svgSpriteSrc}#flight-${name}-${spriteSize}`}></use>\n\t\t\t\t\t</g>\n\t\t\t\t</>\n\t\t\t) : (\n\t\t\t\t<use href={`${svgSpriteSrc}#flight-${name}-${spriteSize}`}></use>\n\t\t\t)}\n\t\t</svg>\n\t)\n}\n\nFlightIcon.displayName = 'FlightIcon'\n\nexport type { FlightIconProps, FlightIconSize, FlightIconName }\nexport { FlightIcon, FLIGHT_ICON_SIZES }\n"],"names":["FLIGHT_ICON_SIZES","SPRITE_SIZE_MAP","svgSpriteSrc","svgSprite","FlightIcon","name","color","size","stretched","isInlineBlock","title","className","rest","iconId","titleId","useId","jsx","classNames","spriteSize","jsxs","Fragment"],"mappings":";;;;;;AAWA,MAAMA,IAAkB,CAAA,IAAA,IAAA,IAAA,EAAA,GACnBC,IAAA;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACL,IAAA;AA8CA,GAGMC,IAAc,OAAAC,KAAA,WAAAA,IAAAA,EAAA,KACnBC,IAAA,CAAA;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC,IAAO;AAAA,EACP,MAAAC,IAAA;AAAA,EACA,WAAAC,IAAA;AAAA,EACA,eAAAC,IAAA;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACD,GAAAC;AACC,MAAA;AACA,QAAMC,MAAU,GAEVC,IAAAC,EAAa,SAGlBR,CAAA;AAAA,SAAC,gBAAAS;AAAA,IAAA;AAAA,IAAA;AAAA,MACW,WACRC;AAAA,QACF,eAAe;AAAA,QACf,eAAAZ,CAAA;AAAA,QAAA;AAAA,UAEC,CAAC,EAAE,gBAAa,CAAA,QAAS,CAAAG;AAAA,UACzB,CAAC,EAAE,OAAU,GAAGH,MAAS;AAAA,UAC1B,CAAA,EAAA,OAAA,GAAAA,MAAA;AAAA,QACA;AAAA,QACDM;AAAA,MACC;AAAA,MACD;MACA,mBAAiB,UAAQ;AAAA,MACzB,mBAAMD,IAAAI,IAAA;AAAA,MACN,MAAIR;AAAA,MACJ,IAAAO;AAAA,MACA,MAAAH,IAAO,QAAY;AAAA,MACnB,OAAAF;MACA,QAAAA,IAAgB,SAAUD;AAAA,MAC1B,SAAM,OAAAW,CAAA,IAAAA,CAAA;AAAA,MAEL,OAAA;AAAA,MAEC,UAAAR,IAAO,gBAAAS,EAAIC,GAAU,EAAA,UAAA;AAAA,QACrB,gBAAAJ,EAAC,SAAE,EAAA,IAAKF,GAAA,UACPJ;QAEF,gBAAAM,EAAA,KAEC,EAAA,MAAA,gBAAa,UAA+B,gBAAAA,EAAA,OAAU,EAAI,MAAA,GAAAd,CAAA,WAAAG,CAAA,IAAAa,CAAA,GAAA,CAAA,EAAA,CAAA;AAAA,MAAA,EAAA,CAAA,IAAA,gBAAAF,EAAA,OAAA,EAAA,MAAA,GAAAd,CAAA,WAAAG,CAAA,IAAAa,CAAA,GAAA,CAAA;AAAA,IAE7D;AAAA,EAEF;AAEA;;"}
@@ -1,8 +0,0 @@
1
- const c = "checkbox__7aEmD", o = {
2
- checkbox: c
3
- };
4
- export {
5
- c as checkbox,
6
- o as default
7
- };
8
- //# sourceMappingURL=form-checkbox.module.css.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"form-checkbox.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
@@ -1,109 +0,0 @@
1
- "use client";
2
- import { jsx as i } from "react/jsx-runtime";
3
- import { useId as l } from "react";
4
- import { Field as C } from "../field/index.js";
5
- import { Fieldset as N } from "../fieldset/index.js";
6
- import f from "./form-checkbox.module.css.js";
7
- const m = ({
8
- id: e,
9
- required: c,
10
- field: o,
11
- testingKey: t,
12
- error: r
13
- }) => {
14
- const n = l();
15
- return /* @__PURE__ */ i(
16
- "input",
17
- {
18
- id: e ?? n,
19
- type: "checkbox",
20
- className: f.checkbox,
21
- required: c,
22
- "aria-describedby": `${r ? "error" : "helper-text"}-${e}`,
23
- "data-testid": t,
24
- ...o
25
- }
26
- );
27
- };
28
- m.displayName = "CheckboxBase";
29
- const p = ({
30
- isInvalid: e,
31
- isLoading: c,
32
- isRequired: o,
33
- isOptional: t,
34
- id: r,
35
- label: n,
36
- helperText: s,
37
- error: a,
38
- field: b,
39
- className: h,
40
- testingKey: k,
41
- ...I
42
- }) => {
43
- const y = l(), d = r ?? y;
44
- return /* @__PURE__ */ i(
45
- C,
46
- {
47
- label: n,
48
- helperText: s,
49
- error: a,
50
- isRequired: o,
51
- isOptional: t,
52
- id: d,
53
- layout: "flag",
54
- className: h,
55
- children: /* @__PURE__ */ i(
56
- m,
57
- {
58
- id: d,
59
- required: o,
60
- field: b,
61
- testingKey: k,
62
- error: a,
63
- ...I
64
- }
65
- )
66
- }
67
- );
68
- };
69
- p.displayName = "CheckboxField";
70
- const u = ({
71
- layout: e = "vertical",
72
- legend: c,
73
- helperText: o,
74
- error: t,
75
- isOptional: r,
76
- isRequired: n,
77
- children: s
78
- }) => /* @__PURE__ */ i(
79
- N,
80
- {
81
- layout: e,
82
- legend: c,
83
- helperText: o,
84
- error: t,
85
- isOptional: r,
86
- isRequired: n,
87
- children: s
88
- }
89
- );
90
- u.displayName = "CheckboxGroupRoot";
91
- const x = (e) => /* @__PURE__ */ i(
92
- p,
93
- {
94
- className: e.className,
95
- testingKey: e.testingKey,
96
- ...e
97
- }
98
- );
99
- x.displayName = "CheckboxGroupInner";
100
- const K = {
101
- Root: u,
102
- Inner: x
103
- };
104
- export {
105
- m as CheckboxBase,
106
- p as CheckboxField,
107
- K as CheckboxGroup
108
- };
109
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":["../../../../src/components/form/checkbox/index.tsx"],"sourcesContent":["'use client'\n\nimport {\n\tuseId,\n\ttype ComponentProps,\n\ttype HTMLProps,\n\ttype ReactNode,\n} from 'react'\nimport { Field } from '../field'\nimport { Fieldset } from '../fieldset'\nimport s from './form-checkbox.module.css'\n\ninterface CheckboxBaseProps {\n\tid?: string\n\trequired?: boolean\n\tfield: HTMLProps<HTMLInputElement>\n\ttestingKey?: string\n\terror?: ReactNode\n}\n\nconst CheckboxBase = ({\n\tid,\n\trequired,\n\tfield,\n\ttestingKey,\n\terror,\n}: CheckboxBaseProps) => {\n\tconst generatedId = useId()\n\tconst inputId = id ?? generatedId\n\n\treturn (\n\t\t<input\n\t\t\tid={inputId}\n\t\t\ttype=\"checkbox\"\n\t\t\tclassName={s.checkbox}\n\t\t\trequired={required}\n\t\t\taria-describedby={`${error ? 'error' : 'helper-text'}-${id}`}\n\t\t\tdata-testid={testingKey}\n\t\t\t{...field}\n\t\t/>\n\t)\n}\n\nCheckboxBase.displayName = 'CheckboxBase'\n\ninterface CheckboxFieldProps {\n\tisInvalid?: boolean\n\tisLoading?: boolean\n\tisRequired?: boolean\n\tisOptional?: boolean\n\tid?: string\n\tlabel?: ReactNode\n\thelperText?: ReactNode\n\terror?: ReactNode\n\tfield: HTMLProps<HTMLInputElement>\n\tclassName?: string\n\ttestingKey?: string\n\tdisabled?: boolean\n}\n\nconst CheckboxField = ({\n\tisInvalid,\n\tisLoading,\n\tisRequired,\n\tisOptional,\n\tid,\n\tlabel,\n\thelperText,\n\terror,\n\tfield,\n\tclassName,\n\ttestingKey,\n\t...rest\n}: CheckboxFieldProps) => {\n\tconst generatedId = useId()\n\tconst inputId = id ?? generatedId\n\n\treturn (\n\t\t<Field\n\t\t\tlabel={label}\n\t\t\thelperText={helperText}\n\t\t\terror={error}\n\t\t\tisRequired={isRequired}\n\t\t\tisOptional={isOptional}\n\t\t\tid={inputId}\n\t\t\tlayout=\"flag\"\n\t\t\tclassName={className}\n\t\t>\n\t\t\t<CheckboxBase\n\t\t\t\tid={inputId}\n\t\t\t\trequired={isRequired}\n\t\t\t\tfield={field}\n\t\t\t\ttestingKey={testingKey}\n\t\t\t\terror={error}\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t</Field>\n\t)\n}\n\nCheckboxField.displayName = 'CheckboxField'\n\ninterface CheckboxGroupRootProps extends ComponentProps<typeof Fieldset> {\n\tchildren: ReactNode\n}\n\nconst CheckboxGroupRoot = ({\n\tlayout = 'vertical',\n\tlegend,\n\thelperText,\n\terror,\n\tisOptional,\n\tisRequired,\n\tchildren,\n}: CheckboxGroupRootProps) => {\n\treturn (\n\t\t<Fieldset\n\t\t\tlayout={layout}\n\t\t\tlegend={legend}\n\t\t\thelperText={helperText}\n\t\t\terror={error}\n\t\t\tisOptional={isOptional}\n\t\t\tisRequired={isRequired}\n\t\t>\n\t\t\t{children}\n\t\t</Fieldset>\n\t)\n}\n\nCheckboxGroupRoot.displayName = 'CheckboxGroupRoot'\n\nconst CheckboxGroupInner = (props: CheckboxFieldProps) => {\n\treturn (\n\t\t<CheckboxField\n\t\t\tclassName={props.className}\n\t\t\ttestingKey={props.testingKey}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nCheckboxGroupInner.displayName = 'CheckboxGroupInner'\n\nconst CheckboxGroup = {\n\tRoot: CheckboxGroupRoot,\n\tInner: CheckboxGroupInner,\n}\n\nexport { CheckboxGroup, CheckboxBase, CheckboxField }\n"],"names":["CheckboxBase","id","required","field","testingKey","error","generatedId","jsx","s","CheckboxField","isInvalid","isLoading","isRequired","isOptional","label","helperText","className","rest","Field","inputId","CheckboxGroupRoot","layout","legend","children","Fieldset","props","CheckboxGroupInner","CheckboxGroup"],"mappings":";;;;;;AAoBsB,MACrBA,IAAA,CAAA;AAAA,EACA,IAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACD,OAAAC;AACC,MAAA;AACA,QAAMC,MAAgB;AAGrB,SAAC,gBAAAC;AAAA,IAAA;AAAA,IAAA;AAAA,MAEA;MACA,MAAA;AAAA,MACA,WAAAC,EAAA;AAAA,MACA,UAAAN;AAAA,MACA,oBAAa,GAAAG,IAAA,UAAA,aAAA,IAAAJ,CAAA;AAAA,MACZ,eAAGG;AAAA,MAAA,GAAAD;AAAA,IACL;AAAA,EAEF;AAEA;AAiBAH,EAAM,cAAiB;AAAA,MACtBS,IAAA,CAAA;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,IAAAZ;AAAA,EACA,OAAAa;AAAA,EACA,YAAAC;AAAA,EACA,OAAAV;AAAA,EACA,OAAAF;AAAA,EACA,WAAAa;AAAA,EACA,YAAAZ;AAAA,EACD,GAAAa;AACC,MAAA;AACA,QAAMX,MAAgB;AAGrB,SAAC,gBAAAC;AAAA,IAAAW;AAAA,IAAA;AAAA,MAEA,OAAAJ;AAAA,MACA,YAAAC;AAAA,MACA,OAAAV;AAAA,MACA,YAAAO;AAAA,MACA,YAAAC;AAAA,MACA,IAAAM;AAAA,MACA,QAAA;AAAA,MAEA,WAAAH;AAAA,MAAA,UAAC,gBAAAT;AAAA,QAAAP;AAAA,QAAA;AAAA,UAEA,IAAAmB;AAAA,UACA,UAAAP;AAAA,UACA,OAAAT;AAAA,UACA,YAAAC;AAAA,UACC,OAAAC;AAAA,UAAG,GAAAY;AAAA,QAAA;AAAA,MACL;AAAA,IACD;AAAA,EAEF;AAEA;AAMAR,EAAM,cAAqB;AAAA,MAC1BW,IAAS,CAAA;AAAA,EACT,QAAAC,IAAA;AAAA,EACA,QAAAC;AAAA,EACA,YAAAP;AAAA,EACA,OAAAV;AAAA,EACA,YAAAQ;AAAA,EACA,YAAAD;AAAA,EACD,UAAAW;AACC,MACE,gBAAAhB;AAAA,EAAAiB;AAAA,EAAA;AAAA,IAEA,QAAAH;AAAA,IACA,QAAAC;AAAA,IACA,YAAAP;AAAA,IACA,OAAAV;AAAA,IACA,YAAAQ;AAAA,IAEC,YAAAD;AAAA,IAAA,UAAAW;AAAA,EACF;AAEF;AAIAH,EAAM,cAAsB;AAC3B,UACC,CAAAK,MAAC,gBAAAlB;AAAA,EAAAE;AAAA,EAAA;AAAA,IAEA,aAAY;AAAA,IACX,YAAGgB,EAAA;AAAA,IAAA,GAAAA;AAAA,EACL;AAEF;AAIAC,EAAM,cAAgB;AAAA,MACrBC,IAAM;AAAA,EACN,MAAAP;AAAA,EACD,OAAAM;;"}
@@ -1,14 +0,0 @@
1
- const o = "error__UVBmH mds-typography-legacy-body-100 mds-typography-font-weight-medium", t = "icon__KOCmk", e = "content__tbSUM", n = "message__-Ljv-", s = {
2
- error: o,
3
- icon: t,
4
- content: e,
5
- message: n
6
- };
7
- export {
8
- e as content,
9
- s as default,
10
- o as error,
11
- t as icon,
12
- n as message
13
- };
14
- //# sourceMappingURL=form-error.module.css.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"form-error.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
@@ -1,22 +0,0 @@
1
- import { jsxs as i, jsx as r } from "react/jsx-runtime";
2
- import c from "classnames";
3
- import { IconAlertDiamondFill16 as t } from "@hashicorp/flight-icons/svg-react/alert-diamond-fill-16";
4
- import s from "./form-error.module.css.js";
5
- const l = ({ children: e, ...o }) => /* @__PURE__ */ r("p", { className: s.message, ...o, children: e }), n = ({ children: e, className: o, controlId: m, ...a }) => /* @__PURE__ */ i(
6
- "div",
7
- {
8
- className: c(s.error, o),
9
- id: m ? `error-${m}` : void 0,
10
- ...a,
11
- children: [
12
- /* @__PURE__ */ r(t, { className: s.icon }),
13
- /* @__PURE__ */ r("div", { className: s.content, children: /* @__PURE__ */ r(l, { children: e }) })
14
- ]
15
- }
16
- );
17
- n.displayName = "Error";
18
- export {
19
- n as Error,
20
- l as ErrorMessage
21
- };
22
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":["../../../../src/components/form/error/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport type { ReactNode } from 'react'\nimport { IconAlertDiamondFill16 } from '@hashicorp/flight-icons/svg-react/alert-diamond-fill-16'\nimport s from './form-error.module.css'\n\ninterface ErrorMessageProps {\n\tchildren: ReactNode\n}\n\nconst ErrorMessage = ({ children, ...rest }: ErrorMessageProps) => {\n\treturn (\n\t\t<p className={s.message} {...rest}>\n\t\t\t{children}\n\t\t</p>\n\t)\n}\n\ninterface ErrorProps {\n\tchildren: ReactNode\n\tclassName?: string\n\tcontrolId?: string\n}\n\nconst Error = ({ children, className, controlId, ...rest }: ErrorProps) => {\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(s.error, className)}\n\t\t\tid={controlId ? `error-${controlId}` : undefined}\n\t\t\t{...rest}\n\t\t>\n\t\t\t<IconAlertDiamondFill16 className={s.icon} />\n\t\t\t<div className={s.content}>\n\t\t\t\t<ErrorMessage>{children}</ErrorMessage>\n\t\t\t</div>\n\t\t</div>\n\t)\n}\n\nError.displayName = 'Error'\n\nexport type { ErrorProps, ErrorMessageProps }\nexport { Error, ErrorMessage }\n"],"names":["ErrorMessage","children","rest","Error","className","controlId","jsxs","classNames","jsx","IconAlertDiamondFill16"],"mappings":";;;;AASA,MAAMA,IAAe,CAAC,EAAE,UAAAC,GAAU,GAAGC,0BAElC,KAAA,EAAE,WAAW,EAAE,SAAU,GAAGA,GAC3B,UAAAD,GACF,GAUIE,IAAQ,CAAC,EAAE,UAAAF,GAAU,WAAAG,GAAW,WAAAC,GAAW,GAAGH,QAElD,gBAAAI;AAAA,EAAC;AAAA,EAAA;AAAA,IACA,WAAWC,EAAW,EAAE,OAAOH,CAAS;AAAA,IACxC,IAAIC,IAAY,SAASA,CAAS,KAAK;AAAA,IACtC,GAAGH;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAM,EAACC,GAAA,EAAuB,WAAW,EAAE,KAAA,CAAM;AAAA,MAC3C,gBAAAD,EAAC,SAAI,WAAW,EAAE,SACjB,UAAA,gBAAAA,EAACR,GAAA,EAAc,UAAAC,GAAS,EAAA,CACzB;AAAA,IAAA;AAAA,EAAA;AAAA;AAKHE,EAAM,cAAc;"}