@preply/ds-web-lib 10.0.0 → 11.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (303) hide show
  1. package/dist/Accordion-B0hR-tcI.js +96 -0
  2. package/dist/AlertBannerProvider-Cf7w9AOq.js +76 -0
  3. package/dist/AlertDialog-BG-diKBi.js +475 -0
  4. package/dist/Avatar-B-JdqVyg.js +66 -0
  5. package/dist/AvatarWithStatus-CD9jEqEB.js +36 -0
  6. package/dist/Badge-Dd-CLBoW.js +50 -0
  7. package/dist/Box-BJBE9KNm.js +91 -0
  8. package/dist/BubbleCounter.module-BU2S0euA.js +16 -0
  9. package/dist/Button-C35BZJZT.js +91 -0
  10. package/dist/ButtonBase-8eUyTWxX.js +215 -0
  11. package/dist/Checkbox-CtolNbxI.js +108 -0
  12. package/dist/Chips-BRGw7Uup.js +99 -0
  13. package/dist/ChipsPrimitive-Bezq7ptE.js +1179 -0
  14. package/dist/CountryFlag-DVDKHmQH.js +43 -0
  15. package/dist/Dialog.module-Db2BJAn4.js +21 -0
  16. package/dist/DialogCloseButton-DjDd9Mid.js +98 -0
  17. package/dist/DialogDescription-8zw9t6pm.js +44 -0
  18. package/dist/DialogRoot-B67oJduC.js +335 -0
  19. package/dist/DialogRootContext-Bz8RW-Mq.js +12 -0
  20. package/dist/DialogTitle-C2Nn2ys-.js +43 -0
  21. package/dist/Divider-DvwDWB9_.js +17 -0
  22. package/dist/DropdownMenu.primitives-BrsTBvMk.js +4007 -0
  23. package/dist/FieldButton-B2slox8P.js +32 -0
  24. package/dist/FormControl-qnbQL1iF.js +128 -0
  25. package/dist/Heading-DA9gHfsx.js +71 -0
  26. package/dist/Icon-CixAeOSd.js +48 -0
  27. package/dist/IconButton-BPKpgfep.js +31 -0
  28. package/dist/InputContainer-CzzuOe_p.js +38 -0
  29. package/dist/LayoutFlex-e9auDvWD.js +86 -0
  30. package/dist/LayoutFlexItem-D9ziMmHe.js +48 -0
  31. package/dist/LayoutGridItem-Q8Lnvrri.js +34 -0
  32. package/dist/Link-CdoJVeER.js +66 -0
  33. package/dist/Loader-BMOxdJce.js +26 -0
  34. package/dist/OnboardingTooltip-B47_Yrsj.js +165 -0
  35. package/dist/OnboardingTour-DUUoI5WE.js +131 -0
  36. package/dist/PasswordField-Bx5YG62t.js +93 -0
  37. package/dist/PreplyLogo-abgOre30.js +112 -0
  38. package/dist/ProgressBar-CEU4GyHn.js +31 -0
  39. package/dist/ProgressSteps-BSqopxqv.js +45 -0
  40. package/dist/Select-Bo7PX_8V.js +124 -0
  41. package/dist/Slider-Crg4DEn_.js +64 -0
  42. package/dist/Spinner-Ck8KQA22.js +86 -0
  43. package/dist/Stars-D5QspUBE.js +72 -0
  44. package/dist/Steps-DbN5vFrP.js +173 -0
  45. package/dist/Switch-Ck_xB0ID.js +49 -0
  46. package/dist/Text-CaOF75Z-.js +121 -0
  47. package/dist/TextHighlighted-Dwq9Clgn.js +34 -0
  48. package/dist/TextInline-BcA4H2Tk.js +34 -0
  49. package/dist/Toast-wJAjSLfo.js +1019 -0
  50. package/dist/TokyoUIChevronDown-DGcVqR1z.js +14 -0
  51. package/dist/Tooltip-grvKQxTN.js +84 -0
  52. package/dist/VisuallyHidden-CtcHcZCK.js +29 -0
  53. package/dist/align-self-VrZUceie.js +42 -0
  54. package/dist/assets/Accordion.css +2 -2
  55. package/dist/assets/AlertBannerProvider.css +2 -2
  56. package/dist/assets/AlertDialog.css +2 -2
  57. package/dist/assets/Avatar.css +3 -3
  58. package/dist/assets/AvatarWithStatus.css +2 -2
  59. package/dist/assets/Badge.css +1 -1
  60. package/dist/assets/Box.css +3 -3
  61. package/dist/assets/BubbleCounter.css +1 -1
  62. package/dist/assets/Button.css +4 -4
  63. package/dist/assets/ButtonBase.css +40 -46
  64. package/dist/assets/Checkbox.css +1 -1
  65. package/dist/assets/Chips.css +2 -2
  66. package/dist/assets/ChipsPrimitive.css +2 -2
  67. package/dist/assets/CountryFlag.css +1 -1
  68. package/dist/assets/Dialog.css +13 -4
  69. package/dist/assets/Divider.css +1 -1
  70. package/dist/assets/DropdownMenu.css +2 -2
  71. package/dist/assets/FieldButton.css +3 -3
  72. package/dist/assets/FormControl.css +1 -1
  73. package/dist/assets/Heading.css +3 -3
  74. package/dist/assets/Icon.css +3 -3
  75. package/dist/assets/InputContainer.css +2 -2
  76. package/dist/assets/LayoutFlex.css +1 -1
  77. package/dist/assets/LayoutFlexItem.css +1 -1
  78. package/dist/assets/Link.css +3 -3
  79. package/dist/assets/Loader.css +1 -1
  80. package/dist/assets/OnboardingTooltip.css +6 -4
  81. package/dist/assets/OnboardingTour.css +3 -2
  82. package/dist/assets/PreplyLogo.css +1 -1
  83. package/dist/assets/ProgressBar.css +1 -1
  84. package/dist/assets/ProgressSteps.css +1 -1
  85. package/dist/assets/Select.css +2 -2
  86. package/dist/assets/Slider.css +1 -1
  87. package/dist/assets/Spinner.css +3 -3
  88. package/dist/assets/Stars.css +3 -3
  89. package/dist/assets/Steps.css +2 -2
  90. package/dist/assets/Switch.css +1 -1
  91. package/dist/assets/Text.css +3 -3
  92. package/dist/assets/TextHighlighted.css +3 -3
  93. package/dist/assets/TextInline.css +3 -3
  94. package/dist/assets/Toast.css +2 -2
  95. package/dist/assets/Tooltip.css +1 -1
  96. package/dist/assets/align-self.css +1 -1
  97. package/dist/assets/{IconTile.css → components.css} +9 -1
  98. package/dist/assets/exp-color.css +2 -2
  99. package/dist/assets/index.css +1 -1
  100. package/dist/assets/layout-gap.css +3 -3
  101. package/dist/assets/layout-grid.css +3 -3
  102. package/dist/assets/layout-hide.css +1 -1
  103. package/dist/assets/layout-padding.css +3 -3
  104. package/dist/assets/layout-relative.css +1 -1
  105. package/dist/assets/text-accent.css +2 -2
  106. package/dist/assets/text-centered.css +1 -1
  107. package/dist/assets/text-weight.css +2 -2
  108. package/dist/chunk-BVTlhY3a.js +24 -0
  109. package/dist/components/Accordion/Accordion.js +4 -60
  110. package/dist/components/Accordion/hooks/useOnOpenChange.js +19 -28
  111. package/dist/components/AlertBanner/AlertBanner.js +11 -26
  112. package/dist/components/AlertBanner/AlertBannerProvider.js +3 -8
  113. package/dist/components/AlertBanner/primitives/AlertBannerAction.js +11 -69
  114. package/dist/components/AlertBanner/primitives/AlertBannerIcon.js +77 -39
  115. package/dist/components/AlertBanner/primitives/AlertBannerRoot.js +26 -22
  116. package/dist/components/AlertBanner/primitives/AlertBannerText.js +11 -70
  117. package/dist/components/AlertDialog/AlertDialog.d.ts +3 -3
  118. package/dist/components/AlertDialog/AlertDialog.d.ts.map +1 -1
  119. package/dist/components/AlertDialog/AlertDialog.js +5 -94
  120. package/dist/components/Avatar/Avatar.js +3 -71
  121. package/dist/components/AvatarWithStatus/AvatarWithStatus.js +3 -43
  122. package/dist/components/Badge/Badge.js +4 -62
  123. package/dist/components/Box/Box.js +3 -95
  124. package/dist/components/BubbleCounter/BubbleCounter.js +23 -28
  125. package/dist/components/Button/Button.js +4 -80
  126. package/dist/components/CalloutBanner/CalloutBanner.js +61 -12
  127. package/dist/components/CalloutBanner/primitives/CalloutBannerDismissButton.js +50 -22
  128. package/dist/components/CalloutBanner/primitives/CalloutBannerIcon.js +86 -45
  129. package/dist/components/CalloutBanner/primitives/CalloutBannerRoot.js +50 -24
  130. package/dist/components/CalloutBanner/primitives/CalloutBannerText.js +41 -11
  131. package/dist/components/Checkbox/Checkbox.js +4 -78
  132. package/dist/components/Checkbox/hooks/useIndeterminate.js +24 -30
  133. package/dist/components/Chips/Chips.types.js +0 -1
  134. package/dist/components/Chips/DismissibleChips.js +117 -86
  135. package/dist/components/Chips/MultiSelectChips.js +98 -64
  136. package/dist/components/Chips/SingleSelectChips.js +94 -57
  137. package/dist/components/Chips/private/ChipsPrimitive.js +4 -17
  138. package/dist/components/CountryFlag/CountryFlag.js +3 -44
  139. package/dist/components/Dialog/Dialog.js +56 -31
  140. package/dist/components/Dialog/DialogSteps.js +40 -29
  141. package/dist/components/Dialog/primitives/DialogActions.js +26 -19
  142. package/dist/components/Dialog/primitives/DialogButtonStack.d.ts.map +1 -1
  143. package/dist/components/Dialog/primitives/DialogButtonStack.js +22 -15
  144. package/dist/components/Dialog/primitives/DialogCloseButton.d.ts +1 -1
  145. package/dist/components/Dialog/primitives/DialogCloseButton.d.ts.map +1 -1
  146. package/dist/components/Dialog/primitives/DialogCloseButton.js +4 -93
  147. package/dist/components/Dialog/primitives/DialogDescription.js +3 -43
  148. package/dist/components/Dialog/primitives/DialogFooter.js +37 -34
  149. package/dist/components/Dialog/primitives/DialogRoot.js +4 -1459
  150. package/dist/components/Dialog/primitives/DialogTitle.js +3 -42
  151. package/dist/components/Divider/Divider.js +3 -14
  152. package/dist/components/DropdownMenu/DropdownMenu.js +253 -188
  153. package/dist/components/DropdownMenu/primitives/DropdownMenu.primitives.js +5 -34
  154. package/dist/components/DropdownMenu/primitives/DropdownMenuSelectItem.primitives.js +121 -71
  155. package/dist/components/FieldButton/FieldButton.js +3 -37
  156. package/dist/components/FormControl/FormControl.js +3 -105
  157. package/dist/components/Heading/Heading.js +3 -78
  158. package/dist/components/Icon/Icon.js +4 -49
  159. package/dist/components/IconButton/IconButton.d.ts +5 -1
  160. package/dist/components/IconButton/IconButton.d.ts.map +1 -1
  161. package/dist/components/IconButton/IconButton.js +4 -28
  162. package/dist/components/IconTile/IconTile.js +11 -69
  163. package/dist/components/IntlFormatted/IntlFormattedAggregatedDateTime.js +16 -32
  164. package/dist/components/IntlFormatted/IntlFormattedCurrency.js +20 -42
  165. package/dist/components/IntlFormatted/IntlFormattedDate.js +73 -195
  166. package/dist/components/IntlFormatted/IntlFormattedTime.js +14 -24
  167. package/dist/components/IntlFormatted/Wrapper.js +14 -8
  168. package/dist/components/LayoutFlex/LayoutFlex.js +3 -100
  169. package/dist/components/LayoutFlex/style/getStyleAttrs.js +71 -143
  170. package/dist/components/LayoutFlex/tests/AlignItems.js +67 -97
  171. package/dist/components/LayoutFlex/tests/ColumnReverse.js +63 -100
  172. package/dist/components/LayoutFlex/tests/DataOverride.js +1498 -1093
  173. package/dist/components/LayoutFlex/tests/Default.js +19 -20
  174. package/dist/components/LayoutFlex/tests/Direction.js +65 -88
  175. package/dist/components/LayoutFlex/tests/Gap.js +115 -197
  176. package/dist/components/LayoutFlex/tests/HideInline.js +95 -136
  177. package/dist/components/LayoutFlex/tests/JustifyContent.js +75 -108
  178. package/dist/components/LayoutFlex/tests/Nowrap.js +35 -42
  179. package/dist/components/LayoutFlex/tests/Padding.js +207 -263
  180. package/dist/components/LayoutFlex/tests/Relative.js +49 -64
  181. package/dist/components/LayoutFlexItem/LayoutFlexItem.js +3 -54
  182. package/dist/components/LayoutGrid/LayoutGrid.js +26 -34
  183. package/dist/components/LayoutGridItem/LayoutGridItem.js +3 -41
  184. package/dist/components/Link/Link.js +3 -72
  185. package/dist/components/Loader/Loader.js +3 -32
  186. package/dist/components/NumberField/NumberField.js +33 -35
  187. package/dist/components/ObserveIntersection/ObserveIntersection.js +41 -42
  188. package/dist/components/OnboardingTooltip/OnboardingTooltip.js +4 -115
  189. package/dist/components/OnboardingTour/OnboardingTour.js +4 -114
  190. package/dist/components/PasswordField/PasswordField.js +3 -78
  191. package/dist/components/PreplyLogo/PreplyLogo.js +3 -81
  192. package/dist/components/ProgressBar/ProgressBar.js +3 -27
  193. package/dist/components/ProgressSteps/ProgressSteps.js +3 -48
  194. package/dist/components/Rating/Rating.js +29 -20
  195. package/dist/components/Rating/RatingInput.js +57 -59
  196. package/dist/components/Rating/Stars.js +4 -8
  197. package/dist/components/Rating/hooks/useHasError.js +11 -15
  198. package/dist/components/Rating/hooks/useHoverPercentage.js +37 -45
  199. package/dist/components/Rating/hooks/useInputState.js +18 -24
  200. package/dist/components/Rating/hooks/useLocalizations.js +12 -24
  201. package/dist/components/Rating/utils/roundToHalfDecimal.js +4 -4
  202. package/dist/components/SelectField/Select.js +5 -112
  203. package/dist/components/SelectField/SelectField.js +29 -24
  204. package/dist/components/SelectField/hooks/useBreakpointMatch.js +18 -19
  205. package/dist/components/ShowOnIntersection/ShowOnIntersection.js +32 -21
  206. package/dist/components/Slider/RangeSlider.js +62 -52
  207. package/dist/components/Slider/Slider.js +3 -10
  208. package/dist/components/Steps/Steps.js +4 -210
  209. package/dist/components/Switch/Switch.js +3 -51
  210. package/dist/components/Text/Text.js +3 -128
  211. package/dist/components/TextField/TextField.js +27 -29
  212. package/dist/components/TextHighlighted/TextHighlighted.js +3 -41
  213. package/dist/components/TextInline/TextInline.js +3 -40
  214. package/dist/components/TextareaField/TextareaField.js +26 -28
  215. package/dist/components/Toast/Toast.js +4 -1168
  216. package/dist/components/Tooltip/Tooltip.js +3 -66
  217. package/dist/components/deprecated/Chips/Chips.js +4 -76
  218. package/dist/components/deprecated/NativeSelectField/NativeSelect.js +40 -32
  219. package/dist/components/deprecated/NativeSelectField/NativeSelectField.js +34 -33
  220. package/dist/components/deprecated/index.js +5 -6
  221. package/dist/components/index.js +50 -150
  222. package/dist/components/private/ButtonBase/ButtonBase.d.ts +7 -11
  223. package/dist/components/private/ButtonBase/ButtonBase.d.ts.map +1 -1
  224. package/dist/components/private/ButtonBase/ButtonBase.js +3 -247
  225. package/dist/components/private/Input/Input.js +27 -19
  226. package/dist/components/private/Input/InputContainer.js +3 -5
  227. package/dist/components/private/Input/Textarea.js +24 -20
  228. package/dist/components/private/Input/index.js +2 -4
  229. package/dist/components/private/Spinner/Spinner.js +3 -52
  230. package/dist/components/private/VisuallyHidden/VisuallyHidden.js +3 -15
  231. package/dist/components-BIYP8wHJ.js +200 -0
  232. package/dist/exp-color-C5mKAN91.js +74 -0
  233. package/dist/floating-ui.utils.dom-CoeTbDZx.js +215 -0
  234. package/dist/index.js +50 -150
  235. package/dist/index.module-1c7ENvxc.js +7 -0
  236. package/dist/jsx-runtime-i4KUlhDu.js +743 -0
  237. package/dist/layout-gap.module-DLD8bcR4.js +95 -0
  238. package/dist/layout-grid.module-CZfhrKrB.js +101 -0
  239. package/dist/layout-hide.module-B1P0N4i3.js +53 -0
  240. package/dist/layout-padding-ugY-yd2q.js +389 -0
  241. package/dist/layout-relative.module-B5xrFD9j.js +6 -0
  242. package/dist/render-icon-Ch3b2dE0.js +290 -0
  243. package/dist/shared-styles/align-self/align-self.js +2 -36
  244. package/dist/shared-styles/exp-color/exp-color.js +2 -68
  245. package/dist/shared-styles/layout-gap/layout-gap.js +13 -7
  246. package/dist/shared-styles/layout-grid/layout-grid.js +28 -28
  247. package/dist/shared-styles/layout-grid-responsive-columns/layout-grid-responsive-columns.js +29 -43
  248. package/dist/shared-styles/layout-hide/layout-hide.js +8 -8
  249. package/dist/shared-styles/layout-padding/layout-padding.js +2 -5
  250. package/dist/shared-styles/layout-relative/layout-relative.js +14 -8
  251. package/dist/shared-styles/text-accent/text-accent.js +2 -25
  252. package/dist/shared-styles/text-centered/text-centered.js +2 -24
  253. package/dist/shared-styles/text-weight/text-weight.js +2 -15
  254. package/dist/store-sN_eYeZT.js +1064 -0
  255. package/dist/storybook-utils/consts.js +6 -8
  256. package/dist/storybook-utils/index.js +1 -5
  257. package/dist/text-accent-CfUFx-1K.js +30 -0
  258. package/dist/text-centered-Dwp2_-Yp.js +30 -0
  259. package/dist/text-weight-CwoqmM4o.js +21 -0
  260. package/dist/useBaseUiId-CWAD_PSs.js +13 -0
  261. package/dist/useBreakpointMatch-D9a3CTNK.js +338 -0
  262. package/dist/useButton-DHTh3Hm7.js +148 -0
  263. package/dist/useDialogClose-BzFIyWco.js +22 -0
  264. package/dist/useId-CJsH-2wV.js +34 -0
  265. package/dist/useOpenInteractionType-D8vA_ZKI.js +4104 -0
  266. package/dist/useRenderElement-ZBds6eRN.js +341 -0
  267. package/dist/utils/Orientation/OrientationProvider.js +54 -23
  268. package/dist/utils/Orientation/index.js +2 -4
  269. package/dist/utils/RovingTabIndex/RovingTabIndexProvider.js +70 -44
  270. package/dist/utils/RovingTabIndex/index.js +2 -4
  271. package/dist/utils/createRequiredContext.js +23 -13
  272. package/dist/utils/filterAttributesPassedByRadixUIAtRuntime.js +28 -25
  273. package/dist/utils/render-icon.js +3 -320
  274. package/dist/utils/shared-strings.js +24 -32
  275. package/dist/utils/useBreakpointMatch.d.ts.map +1 -1
  276. package/dist/utils/useBreakpointMatch.js +2 -183
  277. package/dist/utils/useControllableState/useControllableState.js +31 -25
  278. package/dist/utils/useMergeRefs.js +29 -14
  279. package/dist/utils/useStableCallback/useStableCallback.js +28 -13
  280. package/package.json +17 -22
  281. package/dist/AlertBannerProvider-DTx2Xp3V.js +0 -50
  282. package/dist/BubbleCounter.module-QMwXWFIS.js +0 -16
  283. package/dist/ChipsPrimitive-DzsaOWgY.js +0 -1244
  284. package/dist/Dialog.module-Ba1X7b3N.js +0 -29
  285. package/dist/DialogRootContext-BCXmmJAw.js +0 -15
  286. package/dist/DropdownMenu.primitives-CqJE9k4D.js +0 -5871
  287. package/dist/IconTile-D1G7MljH.js +0 -172
  288. package/dist/InputContainer-oHJlLWIi.js +0 -30
  289. package/dist/Slider-DB4Maswa.js +0 -55
  290. package/dist/Stars-C_mHop2H.js +0 -67
  291. package/dist/TokyoUIChevronDown-D_tD1yU8.js +0 -11
  292. package/dist/floating-ui.utils.dom-BvMNldxo.js +0 -234
  293. package/dist/index.module-Q9TzIR6B.js +0 -11
  294. package/dist/layout-gap.module-MKn_un_k.js +0 -97
  295. package/dist/layout-grid.module-P4B4WVUy.js +0 -103
  296. package/dist/layout-hide.module-Bpl3Pl-a.js +0 -55
  297. package/dist/layout-padding-D5I6rRlL.js +0 -373
  298. package/dist/layout-relative.module-1z75aSwo.js +0 -8
  299. package/dist/useBaseUiId-DavsGYu9.js +0 -8
  300. package/dist/useButton-fjQ0ak8m.js +0 -193
  301. package/dist/useId-BhIOp2JG.js +0 -28
  302. package/dist/useOpenInteractionType-DNYFqf-a.js +0 -2880
  303. package/dist/useRenderElement-BSthtPOr.js +0 -350
@@ -1,162 +1,121 @@
1
- import { jsxs, Fragment, jsx } from "react/jsx-runtime";
2
- import { LayoutFlex } from "../LayoutFlex.js";
1
+ import { t as require_jsx_runtime } from "../../../jsx-runtime-i4KUlhDu.js";
2
+ import { t as LayoutFlex } from "../../../LayoutFlex-e9auDvWD.js";
3
+ import "react";
4
+ //#region src/components/LayoutFlex/tests/HideInline.tsx
5
+ var import_jsx_runtime = require_jsx_runtime();
3
6
  function Div1(props) {
4
- return /* @__PURE__ */ jsx("div", { style: {
5
- background: "yellow",
6
- width: "20%"
7
- }, children: props.children });
7
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
8
+ style: {
9
+ background: "yellow",
10
+ width: "20%"
11
+ },
12
+ children: props.children
13
+ });
8
14
  }
9
15
  function Div2(props) {
10
- return /* @__PURE__ */ jsx("div", { style: {
11
- background: "orange",
12
- width: "20%"
13
- }, children: props.children });
16
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
17
+ style: {
18
+ background: "orange",
19
+ width: "20%"
20
+ },
21
+ children: props.children
22
+ });
14
23
  }
15
24
  function HideInlineTrueUndefined() {
16
- return /* @__PURE__ */ jsxs(Fragment, { children: [
17
- /* @__PURE__ */ jsx("span", { children: "HideInlineTrueUndefined" }),
18
- /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
19
- testid: "HideInlineTrueUndefined"
20
- }, hide: true, children: [
21
- /* @__PURE__ */ jsx(Div1, { children: "a" }),
22
- /* @__PURE__ */ jsx(Div2, { children: "b" })
23
- ] })
24
- ] });
25
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "HideInlineTrueUndefined" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
26
+ dataset: { testid: "HideInlineTrueUndefined" },
27
+ hide: true,
28
+ children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
29
+ })] });
25
30
  }
26
31
  function HideInlineTrueFalse() {
27
- return /* @__PURE__ */ jsxs(Fragment, { children: [
28
- /* @__PURE__ */ jsx("span", { children: "HideInlineTrueFalse" }),
29
- /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
30
- testid: "HideInlineTrueFalse"
31
- }, hide: true, inline: false, children: [
32
- /* @__PURE__ */ jsx(Div1, { children: "a" }),
33
- /* @__PURE__ */ jsx(Div2, { children: "b" })
34
- ] })
35
- ] });
32
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "HideInlineTrueFalse" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
33
+ dataset: { testid: "HideInlineTrueFalse" },
34
+ hide: true,
35
+ inline: false,
36
+ children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
37
+ })] });
36
38
  }
37
39
  function HideInlineTrueTrue() {
38
- return /* @__PURE__ */ jsxs(Fragment, { children: [
39
- /* @__PURE__ */ jsx("span", { children: "HideInlineTrueTrue" }),
40
- /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
41
- testid: "HideInlineTrueTrue"
42
- }, hide: true, inline: true, children: [
43
- /* @__PURE__ */ jsx(Div1, { children: "a" }),
44
- /* @__PURE__ */ jsx(Div2, { children: "b" })
45
- ] })
46
- ] });
40
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "HideInlineTrueTrue" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
41
+ dataset: { testid: "HideInlineTrueTrue" },
42
+ hide: true,
43
+ inline: true,
44
+ children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
45
+ })] });
47
46
  }
48
47
  function HideInlineFalseUndefined() {
49
- return /* @__PURE__ */ jsxs(Fragment, { children: [
50
- /* @__PURE__ */ jsx("span", { children: "HideInlineFalseUndefined" }),
51
- /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
52
- testid: "HideInlineFalseUndefined"
53
- }, hide: false, children: [
54
- /* @__PURE__ */ jsx(Div1, { children: "a" }),
55
- /* @__PURE__ */ jsx(Div2, { children: "b" })
56
- ] })
57
- ] });
48
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "HideInlineFalseUndefined" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
49
+ dataset: { testid: "HideInlineFalseUndefined" },
50
+ hide: false,
51
+ children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
52
+ })] });
58
53
  }
59
54
  function HideInlineFalseFalse() {
60
- return /* @__PURE__ */ jsxs(Fragment, { children: [
61
- /* @__PURE__ */ jsx("span", { children: "HideInlineFalseFalse" }),
62
- /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
63
- testid: "HideInlineFalseFalse"
64
- }, hide: false, inline: false, children: [
65
- /* @__PURE__ */ jsx(Div1, { children: "a" }),
66
- /* @__PURE__ */ jsx(Div2, { children: "b" })
67
- ] })
68
- ] });
55
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "HideInlineFalseFalse" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
56
+ dataset: { testid: "HideInlineFalseFalse" },
57
+ hide: false,
58
+ inline: false,
59
+ children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
60
+ })] });
69
61
  }
70
62
  function HideInlineFalseTrue() {
71
- return /* @__PURE__ */ jsxs(Fragment, { children: [
72
- /* @__PURE__ */ jsx("span", { children: "HideInlineFalseTrue" }),
73
- /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
74
- testid: "HideInlineFalseTrue"
75
- }, hide: false, inline: true, children: [
76
- /* @__PURE__ */ jsx(Div1, { children: "a" }),
77
- /* @__PURE__ */ jsx(Div2, { children: "b" })
78
- ] })
79
- ] });
63
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "HideInlineFalseTrue" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
64
+ dataset: { testid: "HideInlineFalseTrue" },
65
+ hide: false,
66
+ inline: true,
67
+ children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
68
+ })] });
80
69
  }
81
70
  function HideInlineUndefinedUndefined() {
82
- return /* @__PURE__ */ jsxs(Fragment, { children: [
83
- /* @__PURE__ */ jsx("span", { children: "HideInlineUndefinedUndefined" }),
84
- /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
85
- testid: "HideInlineUndefinedUndefined"
86
- }, children: [
87
- /* @__PURE__ */ jsx(Div1, { children: "a" }),
88
- /* @__PURE__ */ jsx(Div2, { children: "b" })
89
- ] })
90
- ] });
71
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "HideInlineUndefinedUndefined" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
72
+ dataset: { testid: "HideInlineUndefinedUndefined" },
73
+ children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
74
+ })] });
91
75
  }
92
76
  function HideInlineUndefinedFalse() {
93
- return /* @__PURE__ */ jsxs(Fragment, { children: [
94
- /* @__PURE__ */ jsx("span", { children: "HideInlineUndefinedFalse" }),
95
- /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
96
- testid: "HideInlineUndefinedFalse"
97
- }, inline: false, children: [
98
- /* @__PURE__ */ jsx(Div1, { children: "a" }),
99
- /* @__PURE__ */ jsx(Div2, { children: "b" })
100
- ] })
101
- ] });
77
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "HideInlineUndefinedFalse" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
78
+ dataset: { testid: "HideInlineUndefinedFalse" },
79
+ inline: false,
80
+ children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
81
+ })] });
102
82
  }
103
83
  function HideInlineUndefinedTrue() {
104
- return /* @__PURE__ */ jsxs(Fragment, { children: [
105
- /* @__PURE__ */ jsx("span", { children: "HideInlineUndefinedTrue" }),
106
- /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
107
- testid: "HideInlineUndefinedTrue"
108
- }, inline: true, children: [
109
- /* @__PURE__ */ jsx(Div1, { children: "a" }),
110
- /* @__PURE__ */ jsx(Div2, { children: "b" })
111
- ] })
112
- ] });
84
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "HideInlineUndefinedTrue" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
85
+ dataset: { testid: "HideInlineUndefinedTrue" },
86
+ inline: true,
87
+ children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
88
+ })] });
113
89
  }
114
90
  function HideInlineResponsive() {
115
- return /* @__PURE__ */ jsxs(Fragment, { children: [
116
- /* @__PURE__ */ jsx("span", { children: "HideInlineResponsive" }),
117
- /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
118
- testid: "HideInlineResponsive"
119
- }, hide: {
120
- _: true,
121
- "narrow-l": false,
122
- "medium-s": true,
123
- "medium-l": false,
124
- "wide-s": true,
125
- "wide-l": false
126
- }, inline: true, children: [
127
- /* @__PURE__ */ jsx(Div1, { children: "A responsive" }),
128
- /* @__PURE__ */ jsx(Div2, { children: "B responsive" })
129
- ] })
130
- ] });
91
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "HideInlineResponsive" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
92
+ dataset: { testid: "HideInlineResponsive" },
93
+ hide: {
94
+ _: true,
95
+ "narrow-l": false,
96
+ "medium-s": true,
97
+ "medium-l": false,
98
+ "wide-s": true,
99
+ "wide-l": false
100
+ },
101
+ inline: true,
102
+ children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "A responsive" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "B responsive" })]
103
+ })] });
131
104
  }
132
105
  function HideInlineResponsiveInvertedOrder() {
133
- return /* @__PURE__ */ jsxs(Fragment, { children: [
134
- /* @__PURE__ */ jsx("span", { children: "HideInlineResponsiveInvertedOrder" }),
135
- /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
136
- testid: "HideInlineResponsiveInvertedOrder"
137
- }, hide: {
138
- "wide-l": false,
139
- "wide-s": true,
140
- "medium-l": false,
141
- "medium-s": true,
142
- "narrow-l": false,
143
- _: true
144
- }, inline: true, children: [
145
- /* @__PURE__ */ jsx(Div1, { children: "a" }),
146
- /* @__PURE__ */ jsx(Div2, { children: "b" })
147
- ] })
148
- ] });
106
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "HideInlineResponsiveInvertedOrder" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
107
+ dataset: { testid: "HideInlineResponsiveInvertedOrder" },
108
+ hide: {
109
+ "wide-l": false,
110
+ "wide-s": true,
111
+ "medium-l": false,
112
+ "medium-s": true,
113
+ "narrow-l": false,
114
+ _: true
115
+ },
116
+ inline: true,
117
+ children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
118
+ })] });
149
119
  }
150
- export {
151
- HideInlineFalseFalse,
152
- HideInlineFalseTrue,
153
- HideInlineFalseUndefined,
154
- HideInlineResponsive,
155
- HideInlineResponsiveInvertedOrder,
156
- HideInlineTrueFalse,
157
- HideInlineTrueTrue,
158
- HideInlineTrueUndefined,
159
- HideInlineUndefinedFalse,
160
- HideInlineUndefinedTrue,
161
- HideInlineUndefinedUndefined
162
- };
120
+ //#endregion
121
+ export { HideInlineFalseFalse, HideInlineFalseTrue, HideInlineFalseUndefined, HideInlineResponsive, HideInlineResponsiveInvertedOrder, HideInlineTrueFalse, HideInlineTrueTrue, HideInlineTrueUndefined, HideInlineUndefinedFalse, HideInlineUndefinedTrue, HideInlineUndefinedUndefined };
@@ -1,128 +1,95 @@
1
- import { jsxs, Fragment, jsx } from "react/jsx-runtime";
2
- import { LayoutFlex } from "../LayoutFlex.js";
1
+ import { t as require_jsx_runtime } from "../../../jsx-runtime-i4KUlhDu.js";
2
+ import { t as LayoutFlex } from "../../../LayoutFlex-e9auDvWD.js";
3
+ import "react";
4
+ //#region src/components/LayoutFlex/tests/JustifyContent.tsx
5
+ var import_jsx_runtime = require_jsx_runtime();
3
6
  function Div1(props) {
4
- return /* @__PURE__ */ jsx("div", { style: {
5
- background: "yellow",
6
- width: "20%"
7
- }, children: props.children });
7
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
8
+ style: {
9
+ background: "yellow",
10
+ width: "20%"
11
+ },
12
+ children: props.children
13
+ });
8
14
  }
9
15
  function Div2(props) {
10
- return /* @__PURE__ */ jsx("div", { style: {
11
- background: "orange",
12
- width: "20%"
13
- }, children: props.children });
16
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
17
+ style: {
18
+ background: "orange",
19
+ width: "20%"
20
+ },
21
+ children: props.children
22
+ });
14
23
  }
15
24
  function JustifyContentCenter() {
16
- return /* @__PURE__ */ jsxs(Fragment, { children: [
17
- /* @__PURE__ */ jsx("span", { children: "JustifyContentCenter" }),
18
- /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
19
- testid: "JustifyContentCenter"
20
- }, justifyContent: "center", children: [
21
- /* @__PURE__ */ jsx(Div1, { children: "a" }),
22
- /* @__PURE__ */ jsx(Div2, { children: "b" })
23
- ] })
24
- ] });
25
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "JustifyContentCenter" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
26
+ dataset: { testid: "JustifyContentCenter" },
27
+ justifyContent: "center",
28
+ children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
29
+ })] });
25
30
  }
26
31
  function JustifyContentStart() {
27
- return /* @__PURE__ */ jsxs(Fragment, { children: [
28
- /* @__PURE__ */ jsx("span", { children: "JustifyContentStart" }),
29
- /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
30
- testid: "JustifyContentStart"
31
- }, justifyContent: "start", children: [
32
- /* @__PURE__ */ jsx(Div1, { children: "a" }),
33
- /* @__PURE__ */ jsx(Div2, { children: "b" })
34
- ] })
35
- ] });
32
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "JustifyContentStart" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
33
+ dataset: { testid: "JustifyContentStart" },
34
+ justifyContent: "start",
35
+ children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
36
+ })] });
36
37
  }
37
38
  function JustifyContentEnd() {
38
- return /* @__PURE__ */ jsxs(Fragment, { children: [
39
- /* @__PURE__ */ jsx("span", { children: "JustifyContentEnd" }),
40
- /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
41
- testid: "JustifyContentEnd"
42
- }, justifyContent: "end", children: [
43
- /* @__PURE__ */ jsx(Div1, { children: "a" }),
44
- /* @__PURE__ */ jsx(Div2, { children: "b" })
45
- ] })
46
- ] });
39
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "JustifyContentEnd" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
40
+ dataset: { testid: "JustifyContentEnd" },
41
+ justifyContent: "end",
42
+ children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
43
+ })] });
47
44
  }
48
45
  function JustifyContentSpaceBetween() {
49
- return /* @__PURE__ */ jsxs(Fragment, { children: [
50
- /* @__PURE__ */ jsx("span", { children: "JustifyContentSpaceBetween" }),
51
- /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
52
- testid: "JustifyContentSpaceBetween"
53
- }, justifyContent: "space-between", children: [
54
- /* @__PURE__ */ jsx(Div1, { children: "a" }),
55
- /* @__PURE__ */ jsx(Div2, { children: "b" })
56
- ] })
57
- ] });
46
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "JustifyContentSpaceBetween" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
47
+ dataset: { testid: "JustifyContentSpaceBetween" },
48
+ justifyContent: "space-between",
49
+ children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
50
+ })] });
58
51
  }
59
52
  function JustifyContentSpaceAround() {
60
- return /* @__PURE__ */ jsxs(Fragment, { children: [
61
- /* @__PURE__ */ jsx("span", { children: "JustifyContentSpaceAround" }),
62
- /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
63
- testid: "JustifyContentSpaceAround"
64
- }, justifyContent: "space-around", children: [
65
- /* @__PURE__ */ jsx(Div1, { children: "a" }),
66
- /* @__PURE__ */ jsx(Div2, { children: "b" })
67
- ] })
68
- ] });
53
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "JustifyContentSpaceAround" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
54
+ dataset: { testid: "JustifyContentSpaceAround" },
55
+ justifyContent: "space-around",
56
+ children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
57
+ })] });
69
58
  }
70
59
  function JustifyContentSpaceEvenly() {
71
- return /* @__PURE__ */ jsxs(Fragment, { children: [
72
- /* @__PURE__ */ jsx("span", { children: "JustifyContentSpaceEvenly" }),
73
- /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
74
- testid: "JustifyContentSpaceEvenly"
75
- }, justifyContent: "space-evenly", children: [
76
- /* @__PURE__ */ jsx(Div1, { children: "a" }),
77
- /* @__PURE__ */ jsx(Div2, { children: "b" })
78
- ] })
79
- ] });
60
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "JustifyContentSpaceEvenly" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
61
+ dataset: { testid: "JustifyContentSpaceEvenly" },
62
+ justifyContent: "space-evenly",
63
+ children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
64
+ })] });
80
65
  }
81
66
  function JustifyContentResponsive() {
82
- return /* @__PURE__ */ jsxs(Fragment, { children: [
83
- /* @__PURE__ */ jsx("span", { children: "JustifyContentResponsive" }),
84
- /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
85
- testid: "JustifyContentResponsive"
86
- }, justifyContent: {
87
- // flex-start is never used to avoid false positives with the default CSS value
88
- _: "center",
89
- "narrow-l": "end",
90
- "medium-s": "space-around",
91
- "medium-l": "space-around",
92
- "wide-s": "space-evenly",
93
- "wide-l": "end"
94
- }, children: [
95
- /* @__PURE__ */ jsx(Div1, { children: "a" }),
96
- /* @__PURE__ */ jsx(Div2, { children: "b" })
97
- ] })
98
- ] });
67
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "JustifyContentResponsive" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
68
+ dataset: { testid: "JustifyContentResponsive" },
69
+ justifyContent: {
70
+ _: "center",
71
+ "narrow-l": "end",
72
+ "medium-s": "space-around",
73
+ "medium-l": "space-around",
74
+ "wide-s": "space-evenly",
75
+ "wide-l": "end"
76
+ },
77
+ children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
78
+ })] });
99
79
  }
100
80
  function JustifyContentResponsiveInvertedOrder() {
101
- return /* @__PURE__ */ jsxs(Fragment, { children: [
102
- /* @__PURE__ */ jsx("span", { children: "JustifyContentResponsiveInvertedOrder" }),
103
- /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
104
- testid: "JustifyContentResponsiveInvertedOrder"
105
- }, justifyContent: {
106
- // flex-start is never used to avoid false positives with the default CSS value
107
- "wide-l": "end",
108
- "wide-s": "space-evenly",
109
- "medium-l": "space-around",
110
- "medium-s": "space-around",
111
- "narrow-l": "end",
112
- _: "center"
113
- }, children: [
114
- /* @__PURE__ */ jsx(Div1, { children: "a" }),
115
- /* @__PURE__ */ jsx(Div2, { children: "b" })
116
- ] })
117
- ] });
81
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "JustifyContentResponsiveInvertedOrder" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
82
+ dataset: { testid: "JustifyContentResponsiveInvertedOrder" },
83
+ justifyContent: {
84
+ "wide-l": "end",
85
+ "wide-s": "space-evenly",
86
+ "medium-l": "space-around",
87
+ "medium-s": "space-around",
88
+ "narrow-l": "end",
89
+ _: "center"
90
+ },
91
+ children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
92
+ })] });
118
93
  }
119
- export {
120
- JustifyContentCenter,
121
- JustifyContentEnd,
122
- JustifyContentResponsive,
123
- JustifyContentResponsiveInvertedOrder,
124
- JustifyContentSpaceAround,
125
- JustifyContentSpaceBetween,
126
- JustifyContentSpaceEvenly,
127
- JustifyContentStart
128
- };
94
+ //#endregion
95
+ export { JustifyContentCenter, JustifyContentEnd, JustifyContentResponsive, JustifyContentResponsiveInvertedOrder, JustifyContentSpaceAround, JustifyContentSpaceBetween, JustifyContentSpaceEvenly, JustifyContentStart };
@@ -1,52 +1,45 @@
1
- import { jsxs, Fragment, jsx } from "react/jsx-runtime";
2
- import { LayoutFlex } from "../LayoutFlex.js";
1
+ import { t as require_jsx_runtime } from "../../../jsx-runtime-i4KUlhDu.js";
2
+ import { t as LayoutFlex } from "../../../LayoutFlex-e9auDvWD.js";
3
+ import "react";
4
+ //#region src/components/LayoutFlex/tests/Nowrap.tsx
5
+ var import_jsx_runtime = require_jsx_runtime();
3
6
  function Div1(props) {
4
- return /* @__PURE__ */ jsx("div", { style: {
5
- background: "yellow",
6
- width: "100%"
7
- }, children: props.children });
7
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
8
+ style: {
9
+ background: "yellow",
10
+ width: "100%"
11
+ },
12
+ children: props.children
13
+ });
8
14
  }
9
15
  function Div2(props) {
10
- return /* @__PURE__ */ jsx("div", { style: {
11
- background: "orange",
12
- width: "100%"
13
- }, children: props.children });
16
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
17
+ style: {
18
+ background: "orange",
19
+ width: "100%"
20
+ },
21
+ children: props.children
22
+ });
14
23
  }
15
24
  function NowrapUndefined() {
16
- return /* @__PURE__ */ jsxs(Fragment, { children: [
17
- /* @__PURE__ */ jsx("span", { children: "NowrapUndefined" }),
18
- /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
19
- testid: "NowrapUndefined"
20
- }, children: [
21
- /* @__PURE__ */ jsx(Div1, { children: "a" }),
22
- /* @__PURE__ */ jsx(Div2, { children: "b" })
23
- ] })
24
- ] });
25
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "NowrapUndefined" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
26
+ dataset: { testid: "NowrapUndefined" },
27
+ children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
28
+ })] });
25
29
  }
26
30
  function NowrapTrue() {
27
- return /* @__PURE__ */ jsxs(Fragment, { children: [
28
- /* @__PURE__ */ jsx("span", { children: "NowrapTrue" }),
29
- /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
30
- testid: "NowrapTrue"
31
- }, nowrap: true, children: [
32
- /* @__PURE__ */ jsx(Div1, { children: "a" }),
33
- /* @__PURE__ */ jsx(Div2, { children: "b" })
34
- ] })
35
- ] });
31
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "NowrapTrue" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
32
+ dataset: { testid: "NowrapTrue" },
33
+ nowrap: true,
34
+ children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
35
+ })] });
36
36
  }
37
37
  function NowrapFalse() {
38
- return /* @__PURE__ */ jsxs(Fragment, { children: [
39
- /* @__PURE__ */ jsx("span", { children: "NowrapFalse" }),
40
- /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
41
- testid: "NowrapFalse"
42
- }, nowrap: false, children: [
43
- /* @__PURE__ */ jsx(Div1, { children: "a" }),
44
- /* @__PURE__ */ jsx(Div2, { children: "b" })
45
- ] })
46
- ] });
38
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "NowrapFalse" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
39
+ dataset: { testid: "NowrapFalse" },
40
+ nowrap: false,
41
+ children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
42
+ })] });
47
43
  }
48
- export {
49
- NowrapFalse,
50
- NowrapTrue,
51
- NowrapUndefined
52
- };
44
+ //#endregion
45
+ export { NowrapFalse, NowrapTrue, NowrapUndefined };