@wordpress/components 19.15.0 → 20.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (1313) hide show
  1. package/CHANGELOG.md +161 -0
  2. package/CONTRIBUTING.md +10 -10
  3. package/build/alignment-matrix-control/index.js +1 -1
  4. package/build/alignment-matrix-control/index.js.map +1 -1
  5. package/build/alignment-matrix-control/styles/alignment-matrix-control-styles.js +9 -9
  6. package/build/alignment-matrix-control/styles/alignment-matrix-control-styles.js.map +1 -1
  7. package/build/angle-picker-control/index.js +5 -2
  8. package/build/angle-picker-control/index.js.map +1 -1
  9. package/build/angle-picker-control/styles/angle-picker-control-styles.js +14 -4
  10. package/build/angle-picker-control/styles/angle-picker-control-styles.js.map +1 -1
  11. package/build/autocomplete/index.js +9 -11
  12. package/build/autocomplete/index.js.map +1 -1
  13. package/build/base-control/index.js +6 -3
  14. package/build/base-control/index.js.map +1 -1
  15. package/build/base-control/styles/base-control-styles.js +8 -8
  16. package/build/base-control/styles/base-control-styles.js.map +1 -1
  17. package/build/base-field/styles.js +5 -5
  18. package/build/base-field/styles.js.map +1 -1
  19. package/build/border-control/border-control/component.js +38 -25
  20. package/build/border-control/border-control/component.js.map +1 -1
  21. package/build/border-control/border-control/hook.js +4 -7
  22. package/build/border-control/border-control/hook.js.map +1 -1
  23. package/build/border-control/border-control-dropdown/component.js +13 -7
  24. package/build/border-control/border-control-dropdown/component.js.map +1 -1
  25. package/build/border-control/border-control-dropdown/hook.js +0 -4
  26. package/build/border-control/border-control-dropdown/hook.js.map +1 -1
  27. package/build/border-control/styles.js +29 -60
  28. package/build/border-control/styles.js.map +1 -1
  29. package/build/box-control/all-input-control.js +2 -27
  30. package/build/box-control/all-input-control.js.map +1 -1
  31. package/build/box-control/axial-input-controls.js +1 -1
  32. package/build/box-control/axial-input-controls.js.map +1 -1
  33. package/build/box-control/index.js +10 -5
  34. package/build/box-control/index.js.map +1 -1
  35. package/build/box-control/styles/box-control-styles.js +17 -9
  36. package/build/box-control/styles/box-control-styles.js.map +1 -1
  37. package/build/box-control/styles/box-control-visualizer-styles.js +8 -8
  38. package/build/box-control/styles/box-control-visualizer-styles.js.map +1 -1
  39. package/build/box-control/utils.js +37 -8
  40. package/build/box-control/utils.js.map +1 -1
  41. package/build/card/card/component.js +6 -11
  42. package/build/card/card/component.js.map +1 -1
  43. package/build/card/card/hook.js +0 -10
  44. package/build/card/card/hook.js.map +1 -1
  45. package/build/card/card/index.js.map +1 -1
  46. package/build/card/card-body/component.js +7 -8
  47. package/build/card/card-body/component.js.map +1 -1
  48. package/build/card/card-body/hook.js +0 -4
  49. package/build/card/card-body/hook.js.map +1 -1
  50. package/build/card/card-body/index.js.map +1 -1
  51. package/build/card/card-divider/component.js +7 -8
  52. package/build/card/card-divider/component.js.map +1 -1
  53. package/build/card/card-divider/hook.js +0 -4
  54. package/build/card/card-divider/hook.js.map +1 -1
  55. package/build/card/card-divider/index.js.map +1 -1
  56. package/build/card/card-footer/component.js +7 -8
  57. package/build/card/card-footer/component.js.map +1 -1
  58. package/build/card/card-footer/hook.js +0 -4
  59. package/build/card/card-footer/hook.js.map +1 -1
  60. package/build/card/card-footer/index.js.map +1 -1
  61. package/build/card/card-header/component.js +7 -8
  62. package/build/card/card-header/component.js.map +1 -1
  63. package/build/card/card-header/hook.js +0 -4
  64. package/build/card/card-header/hook.js.map +1 -1
  65. package/build/card/card-header/index.js.map +1 -1
  66. package/build/card/card-media/component.js +7 -7
  67. package/build/card/card-media/component.js.map +1 -1
  68. package/build/card/card-media/hook.js +0 -4
  69. package/build/card/card-media/hook.js.map +1 -1
  70. package/build/card/card-media/index.js.map +1 -1
  71. package/build/card/context.js.map +1 -1
  72. package/build/card/index.js.map +1 -1
  73. package/build/card/styles.js +17 -17
  74. package/build/card/styles.js.map +1 -1
  75. package/build/color-list-picker/index.js +16 -5
  76. package/build/color-list-picker/index.js.map +1 -1
  77. package/build/color-palette/index.js +36 -14
  78. package/build/color-palette/index.js.map +1 -1
  79. package/build/color-palette/index.native.js +3 -3
  80. package/build/color-palette/index.native.js.map +1 -1
  81. package/build/color-picker/hex-input.js +2 -1
  82. package/build/color-picker/hex-input.js.map +1 -1
  83. package/build/color-picker/input-with-slider.js +3 -2
  84. package/build/color-picker/input-with-slider.js.map +1 -1
  85. package/build/color-picker/styles.js +10 -15
  86. package/build/color-picker/styles.js.map +1 -1
  87. package/build/combobox-control/index.js +26 -17
  88. package/build/combobox-control/index.js.map +1 -1
  89. package/build/{custom-gradient-bar → custom-gradient-picker/gradient-bar}/constants.js +0 -0
  90. package/build/custom-gradient-picker/gradient-bar/constants.js.map +1 -0
  91. package/build/{custom-gradient-bar → custom-gradient-picker/gradient-bar}/control-points.js +34 -41
  92. package/build/custom-gradient-picker/gradient-bar/control-points.js.map +1 -0
  93. package/build/{custom-gradient-bar → custom-gradient-picker/gradient-bar}/index.js +0 -1
  94. package/build/custom-gradient-picker/gradient-bar/index.js.map +1 -0
  95. package/build/{custom-gradient-bar → custom-gradient-picker/gradient-bar}/utils.js +0 -0
  96. package/build/custom-gradient-picker/gradient-bar/utils.js.map +1 -0
  97. package/build/custom-gradient-picker/index.js +19 -4
  98. package/build/custom-gradient-picker/index.js.map +1 -1
  99. package/build/custom-select-control/index.js +43 -13
  100. package/build/custom-select-control/index.js.map +1 -1
  101. package/build/custom-select-control/styles.js +34 -0
  102. package/build/custom-select-control/styles.js.map +1 -0
  103. package/build/date-time/constants.js +9 -0
  104. package/build/date-time/constants.js.map +1 -0
  105. package/build/date-time/date/index.js +175 -186
  106. package/build/date-time/date/index.js.map +1 -1
  107. package/build/date-time/date/styles.js +59 -40
  108. package/build/date-time/date/styles.js.map +1 -1
  109. package/build/date-time/date-time/index.js +5 -2
  110. package/build/date-time/date-time/index.js.map +1 -1
  111. package/build/date-time/time/index.js +28 -19
  112. package/build/date-time/time/index.js.map +1 -1
  113. package/build/date-time/time/styles.js +17 -24
  114. package/build/date-time/time/styles.js.map +1 -1
  115. package/build/date-time/utils.js +27 -0
  116. package/build/date-time/utils.js.map +1 -0
  117. package/build/dimension-control/index.js +2 -6
  118. package/build/dimension-control/index.js.map +1 -1
  119. package/build/disabled/index.js +28 -11
  120. package/build/disabled/index.js.map +1 -1
  121. package/build/disabled/styles/disabled-styles.js +3 -3
  122. package/build/disabled/styles/disabled-styles.js.map +1 -1
  123. package/build/disabled/types.js +6 -0
  124. package/build/disabled/types.js.map +1 -0
  125. package/build/divider/component.js +0 -1
  126. package/build/divider/component.js.map +1 -1
  127. package/build/divider/index.js.map +1 -1
  128. package/build/divider/styles.js +5 -5
  129. package/build/divider/styles.js.map +1 -1
  130. package/build/drop-zone/index.js +2 -4
  131. package/build/drop-zone/index.js.map +1 -1
  132. package/build/dropdown/dropdown-content-wrapper.js +60 -0
  133. package/build/dropdown/dropdown-content-wrapper.js.map +1 -0
  134. package/build/dropdown/index.js +5 -6
  135. package/build/dropdown/index.js.map +1 -1
  136. package/build/dropdown/styles.js +42 -0
  137. package/build/dropdown/styles.js.map +1 -0
  138. package/build/dropdown/types.js +6 -0
  139. package/build/dropdown/types.js.map +1 -0
  140. package/build/duotone-picker/custom-duotone-bar.js +2 -2
  141. package/build/duotone-picker/custom-duotone-bar.js.map +1 -1
  142. package/build/duotone-picker/duotone-picker.js +9 -1
  143. package/build/duotone-picker/duotone-picker.js.map +1 -1
  144. package/build/duotone-picker/duotone-swatch.js +13 -3
  145. package/build/duotone-picker/duotone-swatch.js.map +1 -1
  146. package/build/elevation/component.js +15 -15
  147. package/build/elevation/component.js.map +1 -1
  148. package/build/elevation/hook.js +5 -17
  149. package/build/elevation/hook.js.map +1 -1
  150. package/build/elevation/index.js.map +1 -1
  151. package/build/elevation/styles.js +1 -1
  152. package/build/elevation/styles.js.map +1 -1
  153. package/build/external-link/index.js +6 -0
  154. package/build/external-link/index.js.map +1 -1
  155. package/build/flex/flex/component.js +20 -26
  156. package/build/flex/flex/component.js.map +1 -1
  157. package/build/flex/flex/hook.js +6 -16
  158. package/build/flex/flex/hook.js.map +1 -1
  159. package/build/flex/flex/index.js.map +1 -1
  160. package/build/flex/flex-block/component.js +18 -12
  161. package/build/flex/flex-block/component.js.map +1 -1
  162. package/build/flex/flex-block/hook.js +0 -4
  163. package/build/flex/flex-block/hook.js.map +1 -1
  164. package/build/flex/flex-block/index.js.map +1 -1
  165. package/build/flex/flex-item/component.js +18 -12
  166. package/build/flex/flex-item/component.js.map +1 -1
  167. package/build/flex/flex-item/hook.js +1 -5
  168. package/build/flex/flex-item/hook.js.map +1 -1
  169. package/build/flex/flex-item/index.js.map +1 -1
  170. package/build/flex/index.js.map +1 -1
  171. package/build/flex/styles.js +5 -5
  172. package/build/flex/styles.js.map +1 -1
  173. package/build/focal-point-picker/index.js +4 -6
  174. package/build/focal-point-picker/index.js.map +1 -1
  175. package/build/focal-point-picker/styles/focal-point-picker-style.js +22 -22
  176. package/build/focal-point-picker/styles/focal-point-picker-style.js.map +1 -1
  177. package/build/focal-point-picker/styles/focal-point-style.js +5 -5
  178. package/build/focal-point-picker/styles/focal-point-style.js.map +1 -1
  179. package/build/font-size-picker/index.js +56 -18
  180. package/build/font-size-picker/index.js.map +1 -1
  181. package/build/font-size-picker/utils.js +32 -22
  182. package/build/font-size-picker/utils.js.map +1 -1
  183. package/build/form-token-field/index.js +35 -22
  184. package/build/form-token-field/index.js.map +1 -1
  185. package/build/form-token-field/suggestions-list.js +19 -6
  186. package/build/form-token-field/suggestions-list.js.map +1 -1
  187. package/build/gradient-picker/index.js +15 -3
  188. package/build/gradient-picker/index.js.map +1 -1
  189. package/build/guide/index.js +5 -3
  190. package/build/guide/index.js.map +1 -1
  191. package/build/guide/page-control.js +3 -7
  192. package/build/guide/page-control.js.map +1 -1
  193. package/build/index.js +31 -1
  194. package/build/index.js.map +1 -1
  195. package/build/input-control/index.js +7 -0
  196. package/build/input-control/index.js.map +1 -1
  197. package/build/input-control/input-base.js +24 -3
  198. package/build/input-control/input-base.js.map +1 -1
  199. package/build/input-control/input-prefix-wrapper.js +54 -0
  200. package/build/input-control/input-prefix-wrapper.js.map +1 -0
  201. package/build/input-control/input-suffix-wrapper.js +54 -0
  202. package/build/input-control/input-suffix-wrapper.js.map +1 -0
  203. package/build/input-control/reducer/actions.js +3 -1
  204. package/build/input-control/reducer/actions.js.map +1 -1
  205. package/build/input-control/reducer/reducer.js +28 -11
  206. package/build/input-control/reducer/reducer.js.map +1 -1
  207. package/build/input-control/reducer/state.js.map +1 -1
  208. package/build/input-control/styles/input-control-styles.js +61 -42
  209. package/build/input-control/styles/input-control-styles.js.map +1 -1
  210. package/build/item-group/styles.js +10 -10
  211. package/build/item-group/styles.js.map +1 -1
  212. package/build/mobile/bottom-sheet/index.native.js +3 -6
  213. package/build/mobile/bottom-sheet/index.native.js.map +1 -1
  214. package/build/mobile/global-styles-context/utils.native.js +26 -4
  215. package/build/mobile/global-styles-context/utils.native.js.map +1 -1
  216. package/build/mobile/image/index.native.js +9 -5
  217. package/build/mobile/image/index.native.js.map +1 -1
  218. package/build/mobile/link-picker/link-picker-screen.native.js +10 -4
  219. package/build/mobile/link-picker/link-picker-screen.native.js.map +1 -1
  220. package/build/mobile/media-edit/index.native.js +1 -7
  221. package/build/mobile/media-edit/index.native.js.map +1 -1
  222. package/build/mobile/picker/index.android.js +3 -3
  223. package/build/mobile/picker/index.android.js.map +1 -1
  224. package/build/mobile/picker/index.ios.js +16 -3
  225. package/build/mobile/picker/index.ios.js.map +1 -1
  226. package/build/modal/index.js +1 -3
  227. package/build/modal/index.js.map +1 -1
  228. package/build/navigable-container/container.js +9 -8
  229. package/build/navigable-container/container.js.map +1 -1
  230. package/build/navigable-container/menu.js +3 -9
  231. package/build/navigable-container/menu.js.map +1 -1
  232. package/build/navigator/navigator-back-button/hook.js +0 -4
  233. package/build/navigator/navigator-back-button/hook.js.map +1 -1
  234. package/build/navigator/navigator-button/hook.js +0 -4
  235. package/build/navigator/navigator-button/hook.js.map +1 -1
  236. package/build/notice/list.js +10 -6
  237. package/build/notice/list.js.map +1 -1
  238. package/build/palette-edit/index.js +1 -0
  239. package/build/palette-edit/index.js.map +1 -1
  240. package/build/palette-edit/styles.js +10 -10
  241. package/build/palette-edit/styles.js.map +1 -1
  242. package/build/placeholder/index.js +11 -14
  243. package/build/placeholder/index.js.map +1 -1
  244. package/build/placeholder/types.js +6 -0
  245. package/build/placeholder/types.js.map +1 -0
  246. package/build/popover/index.js +202 -145
  247. package/build/popover/index.js.map +1 -1
  248. package/build/popover/utils.js +178 -0
  249. package/build/popover/utils.js.map +1 -0
  250. package/build/radio-control/index.js +1 -3
  251. package/build/radio-control/index.js.map +1 -1
  252. package/build/range-control/index.js +3 -0
  253. package/build/range-control/index.js.map +1 -1
  254. package/build/range-control/styles/range-control-styles.js +51 -45
  255. package/build/range-control/styles/range-control-styles.js.map +1 -1
  256. package/build/range-control/utils.js +1 -1
  257. package/build/range-control/utils.js.map +1 -1
  258. package/build/resizable-box/resize-tooltip/styles/resize-tooltip.styles.js +4 -4
  259. package/build/resizable-box/resize-tooltip/styles/resize-tooltip.styles.js.map +1 -1
  260. package/build/sandbox/index.native.js +13 -2
  261. package/build/sandbox/index.native.js.map +1 -1
  262. package/build/scroll-lock/index.js +35 -6
  263. package/build/scroll-lock/index.js.map +1 -1
  264. package/build/select-control/chevron-down.js +30 -0
  265. package/build/select-control/chevron-down.js.map +1 -0
  266. package/build/select-control/index.js +8 -10
  267. package/build/select-control/index.js.map +1 -1
  268. package/build/select-control/styles/select-control-styles.js +54 -19
  269. package/build/select-control/styles/select-control-styles.js.map +1 -1
  270. package/build/shortcut/index.js +4 -13
  271. package/build/shortcut/index.js.map +1 -1
  272. package/build/shortcut/types.js +6 -0
  273. package/build/shortcut/types.js.map +1 -0
  274. package/build/snackbar/list.js +5 -3
  275. package/build/snackbar/list.js.map +1 -1
  276. package/build/spacer/component.js +3 -1
  277. package/build/spacer/component.js.map +1 -1
  278. package/build/spinner/index.js +2 -0
  279. package/build/spinner/index.js.map +1 -1
  280. package/build/style-provider/index.js +10 -7
  281. package/build/style-provider/index.js.map +1 -1
  282. package/build/style-provider/types.js +6 -0
  283. package/build/style-provider/types.js.map +1 -0
  284. package/build/text/hook.js +5 -8
  285. package/build/text/hook.js.map +1 -1
  286. package/build/text/styles.js +7 -7
  287. package/build/text/styles.js.map +1 -1
  288. package/build/toggle-group-control/toggle-group-control/component.js +19 -8
  289. package/build/toggle-group-control/toggle-group-control/component.js.map +1 -1
  290. package/build/toggle-group-control/toggle-group-control/styles.js +22 -4
  291. package/build/toggle-group-control/toggle-group-control/styles.js.map +1 -1
  292. package/build/toggle-group-control/toggle-group-control-option/component.js +15 -5
  293. package/build/toggle-group-control/toggle-group-control-option/component.js.map +1 -1
  294. package/build/toggle-group-control/toggle-group-control-option-base/component.js +5 -1
  295. package/build/toggle-group-control/toggle-group-control-option-base/component.js.map +1 -1
  296. package/build/toggle-group-control/toggle-group-control-option-base/styles.js +20 -9
  297. package/build/toggle-group-control/toggle-group-control-option-base/styles.js.map +1 -1
  298. package/build/toggle-group-control/toggle-group-control-option-icon/component.js +26 -7
  299. package/build/toggle-group-control/toggle-group-control-option-icon/component.js.map +1 -1
  300. package/build/tools-panel/styles.js +13 -10
  301. package/build/tools-panel/styles.js.map +1 -1
  302. package/build/tools-panel/tools-panel/hook.js +1 -1
  303. package/build/tools-panel/tools-panel/hook.js.map +1 -1
  304. package/build/tooltip/index.js +52 -21
  305. package/build/tooltip/index.js.map +1 -1
  306. package/build/tree-grid/index.js +4 -10
  307. package/build/tree-grid/index.js.map +1 -1
  308. package/build/tree-select/index.js +2 -2
  309. package/build/tree-select/index.js.map +1 -1
  310. package/build/ui/context/context-connect.js +1 -3
  311. package/build/ui/context/context-connect.js.map +1 -1
  312. package/build/ui/context/use-context-system.js +7 -2
  313. package/build/ui/context/use-context-system.js.map +1 -1
  314. package/build/ui/tooltip/styles.js +4 -4
  315. package/build/ui/tooltip/styles.js.map +1 -1
  316. package/build/ui/utils/space.js +7 -1
  317. package/build/ui/utils/space.js.map +1 -1
  318. package/build/unit-control/index.js +2 -3
  319. package/build/unit-control/index.js.map +1 -1
  320. package/build/unit-control/styles/unit-control-styles.js +38 -29
  321. package/build/unit-control/styles/unit-control-styles.js.map +1 -1
  322. package/build/utils/base-label.js +24 -0
  323. package/build/utils/base-label.js.map +1 -0
  324. package/build/utils/box-sizing.js +22 -0
  325. package/build/utils/box-sizing.js.map +1 -0
  326. package/build/utils/colors-values.js +52 -142
  327. package/build/utils/colors-values.js.map +1 -1
  328. package/build/utils/config-values.js +1 -1
  329. package/build/utils/config-values.js.map +1 -1
  330. package/build/utils/input/input-control.js +1 -1
  331. package/build/utils/input/input-control.js.map +1 -1
  332. package/build/utils/rtl.js +6 -5
  333. package/build/utils/rtl.js.map +1 -1
  334. package/build/utils/strings.js +50 -0
  335. package/build/utils/strings.js.map +1 -0
  336. package/build/utils/style-mixins.js +16 -0
  337. package/build/utils/style-mixins.js.map +1 -1
  338. package/build-module/alignment-matrix-control/index.js +1 -1
  339. package/build-module/alignment-matrix-control/index.js.map +1 -1
  340. package/build-module/alignment-matrix-control/styles/alignment-matrix-control-styles.js +9 -9
  341. package/build-module/alignment-matrix-control/styles/alignment-matrix-control-styles.js.map +1 -1
  342. package/build-module/angle-picker-control/index.js +5 -2
  343. package/build-module/angle-picker-control/index.js.map +1 -1
  344. package/build-module/angle-picker-control/styles/angle-picker-control-styles.js +13 -4
  345. package/build-module/angle-picker-control/styles/angle-picker-control-styles.js.map +1 -1
  346. package/build-module/autocomplete/index.js +9 -10
  347. package/build-module/autocomplete/index.js.map +1 -1
  348. package/build-module/base-control/index.js +7 -5
  349. package/build-module/base-control/index.js.map +1 -1
  350. package/build-module/base-control/styles/base-control-styles.js +9 -9
  351. package/build-module/base-control/styles/base-control-styles.js.map +1 -1
  352. package/build-module/base-field/styles.js +5 -5
  353. package/build-module/base-field/styles.js.map +1 -1
  354. package/build-module/border-control/border-control/component.js +37 -25
  355. package/build-module/border-control/border-control/component.js.map +1 -1
  356. package/build-module/border-control/border-control/hook.js +4 -7
  357. package/build-module/border-control/border-control/hook.js.map +1 -1
  358. package/build-module/border-control/border-control-dropdown/component.js +12 -7
  359. package/build-module/border-control/border-control-dropdown/component.js.map +1 -1
  360. package/build-module/border-control/border-control-dropdown/hook.js +0 -4
  361. package/build-module/border-control/border-control-dropdown/hook.js.map +1 -1
  362. package/build-module/border-control/styles.js +30 -54
  363. package/build-module/border-control/styles.js.map +1 -1
  364. package/build-module/box-control/all-input-control.js +3 -28
  365. package/build-module/box-control/all-input-control.js.map +1 -1
  366. package/build-module/box-control/axial-input-controls.js +1 -1
  367. package/build-module/box-control/axial-input-controls.js.map +1 -1
  368. package/build-module/box-control/index.js +4 -4
  369. package/build-module/box-control/index.js.map +1 -1
  370. package/build-module/box-control/styles/box-control-styles.js +18 -10
  371. package/build-module/box-control/styles/box-control-styles.js.map +1 -1
  372. package/build-module/box-control/styles/box-control-visualizer-styles.js +8 -8
  373. package/build-module/box-control/styles/box-control-visualizer-styles.js.map +1 -1
  374. package/build-module/box-control/utils.js +35 -7
  375. package/build-module/box-control/utils.js.map +1 -1
  376. package/build-module/card/card/component.js +5 -10
  377. package/build-module/card/card/component.js.map +1 -1
  378. package/build-module/card/card/hook.js +0 -9
  379. package/build-module/card/card/hook.js.map +1 -1
  380. package/build-module/card/card/index.js.map +1 -1
  381. package/build-module/card/card-body/component.js +7 -8
  382. package/build-module/card/card-body/component.js.map +1 -1
  383. package/build-module/card/card-body/hook.js +0 -4
  384. package/build-module/card/card-body/hook.js.map +1 -1
  385. package/build-module/card/card-body/index.js.map +1 -1
  386. package/build-module/card/card-divider/component.js +7 -8
  387. package/build-module/card/card-divider/component.js.map +1 -1
  388. package/build-module/card/card-divider/hook.js +0 -4
  389. package/build-module/card/card-divider/hook.js.map +1 -1
  390. package/build-module/card/card-divider/index.js.map +1 -1
  391. package/build-module/card/card-footer/component.js +7 -8
  392. package/build-module/card/card-footer/component.js.map +1 -1
  393. package/build-module/card/card-footer/hook.js +0 -4
  394. package/build-module/card/card-footer/hook.js.map +1 -1
  395. package/build-module/card/card-footer/index.js.map +1 -1
  396. package/build-module/card/card-header/component.js +7 -8
  397. package/build-module/card/card-header/component.js.map +1 -1
  398. package/build-module/card/card-header/hook.js +0 -4
  399. package/build-module/card/card-header/hook.js.map +1 -1
  400. package/build-module/card/card-header/index.js.map +1 -1
  401. package/build-module/card/card-media/component.js +7 -7
  402. package/build-module/card/card-media/component.js.map +1 -1
  403. package/build-module/card/card-media/hook.js +0 -4
  404. package/build-module/card/card-media/hook.js.map +1 -1
  405. package/build-module/card/card-media/index.js.map +1 -1
  406. package/build-module/card/context.js.map +1 -1
  407. package/build-module/card/index.js.map +1 -1
  408. package/build-module/card/styles.js +17 -17
  409. package/build-module/card/styles.js.map +1 -1
  410. package/build-module/color-list-picker/index.js +13 -5
  411. package/build-module/color-list-picker/index.js.map +1 -1
  412. package/build-module/color-palette/index.js +32 -12
  413. package/build-module/color-palette/index.js.map +1 -1
  414. package/build-module/color-palette/index.native.js +4 -4
  415. package/build-module/color-palette/index.native.js.map +1 -1
  416. package/build-module/color-picker/hex-input.js +2 -1
  417. package/build-module/color-picker/hex-input.js.map +1 -1
  418. package/build-module/color-picker/input-with-slider.js +3 -2
  419. package/build-module/color-picker/input-with-slider.js.map +1 -1
  420. package/build-module/color-picker/styles.js +10 -16
  421. package/build-module/color-picker/styles.js.map +1 -1
  422. package/build-module/combobox-control/index.js +24 -15
  423. package/build-module/combobox-control/index.js.map +1 -1
  424. package/build-module/{custom-gradient-bar → custom-gradient-picker/gradient-bar}/constants.js +0 -0
  425. package/build-module/custom-gradient-picker/gradient-bar/constants.js.map +1 -0
  426. package/build-module/{custom-gradient-bar → custom-gradient-picker/gradient-bar}/control-points.js +34 -41
  427. package/build-module/custom-gradient-picker/gradient-bar/control-points.js.map +1 -0
  428. package/build-module/{custom-gradient-bar → custom-gradient-picker/gradient-bar}/index.js +0 -1
  429. package/build-module/custom-gradient-picker/gradient-bar/index.js.map +1 -0
  430. package/build-module/{custom-gradient-bar → custom-gradient-picker/gradient-bar}/utils.js +0 -0
  431. package/build-module/custom-gradient-picker/gradient-bar/utils.js.map +1 -0
  432. package/build-module/custom-gradient-picker/index.js +16 -3
  433. package/build-module/custom-gradient-picker/index.js.map +1 -1
  434. package/build-module/custom-select-control/index.js +41 -16
  435. package/build-module/custom-select-control/index.js.map +1 -1
  436. package/build-module/custom-select-control/styles.js +22 -0
  437. package/build-module/custom-select-control/styles.js.map +1 -0
  438. package/build-module/date-time/constants.js +2 -0
  439. package/build-module/date-time/constants.js.map +1 -0
  440. package/build-module/date-time/date/index.js +178 -184
  441. package/build-module/date-time/date/index.js.map +1 -1
  442. package/build-module/date-time/date/styles.js +47 -38
  443. package/build-module/date-time/date/styles.js.map +1 -1
  444. package/build-module/date-time/date-time/index.js +4 -2
  445. package/build-module/date-time/date-time/index.js.map +1 -1
  446. package/build-module/date-time/time/index.js +26 -19
  447. package/build-module/date-time/time/index.js.map +1 -1
  448. package/build-module/date-time/time/styles.js +15 -21
  449. package/build-module/date-time/time/styles.js.map +1 -1
  450. package/build-module/date-time/utils.js +19 -0
  451. package/build-module/date-time/utils.js.map +1 -0
  452. package/build-module/dimension-control/index.js +1 -5
  453. package/build-module/dimension-control/index.js.map +1 -1
  454. package/build-module/disabled/index.js +28 -11
  455. package/build-module/disabled/index.js.map +1 -1
  456. package/build-module/disabled/styles/disabled-styles.js +3 -3
  457. package/build-module/disabled/styles/disabled-styles.js.map +1 -1
  458. package/build-module/disabled/types.js +2 -0
  459. package/build-module/disabled/types.js.map +1 -0
  460. package/build-module/divider/component.js +0 -1
  461. package/build-module/divider/component.js.map +1 -1
  462. package/build-module/divider/index.js.map +1 -1
  463. package/build-module/divider/styles.js +5 -5
  464. package/build-module/divider/styles.js.map +1 -1
  465. package/build-module/drop-zone/index.js +2 -3
  466. package/build-module/drop-zone/index.js.map +1 -1
  467. package/build-module/dropdown/dropdown-content-wrapper.js +47 -0
  468. package/build-module/dropdown/dropdown-content-wrapper.js.map +1 -0
  469. package/build-module/dropdown/index.js +5 -6
  470. package/build-module/dropdown/index.js.map +1 -1
  471. package/build-module/dropdown/styles.js +31 -0
  472. package/build-module/dropdown/styles.js.map +1 -0
  473. package/build-module/dropdown/types.js +2 -0
  474. package/build-module/dropdown/types.js.map +1 -0
  475. package/build-module/duotone-picker/custom-duotone-bar.js +1 -1
  476. package/build-module/duotone-picker/custom-duotone-bar.js.map +1 -1
  477. package/build-module/duotone-picker/duotone-picker.js +7 -1
  478. package/build-module/duotone-picker/duotone-picker.js.map +1 -1
  479. package/build-module/duotone-picker/duotone-swatch.js +11 -3
  480. package/build-module/duotone-picker/duotone-swatch.js.map +1 -1
  481. package/build-module/elevation/component.js +15 -15
  482. package/build-module/elevation/component.js.map +1 -1
  483. package/build-module/elevation/hook.js +5 -17
  484. package/build-module/elevation/hook.js.map +1 -1
  485. package/build-module/elevation/index.js.map +1 -1
  486. package/build-module/elevation/styles.js +1 -1
  487. package/build-module/elevation/styles.js.map +1 -1
  488. package/build-module/external-link/index.js +6 -0
  489. package/build-module/external-link/index.js.map +1 -1
  490. package/build-module/flex/flex/component.js +20 -26
  491. package/build-module/flex/flex/component.js.map +1 -1
  492. package/build-module/flex/flex/hook.js +6 -15
  493. package/build-module/flex/flex/hook.js.map +1 -1
  494. package/build-module/flex/flex/index.js.map +1 -1
  495. package/build-module/flex/flex-block/component.js +18 -12
  496. package/build-module/flex/flex-block/component.js.map +1 -1
  497. package/build-module/flex/flex-block/hook.js +0 -4
  498. package/build-module/flex/flex-block/hook.js.map +1 -1
  499. package/build-module/flex/flex-block/index.js.map +1 -1
  500. package/build-module/flex/flex-item/component.js +18 -12
  501. package/build-module/flex/flex-item/component.js.map +1 -1
  502. package/build-module/flex/flex-item/hook.js +1 -5
  503. package/build-module/flex/flex-item/hook.js.map +1 -1
  504. package/build-module/flex/flex-item/index.js.map +1 -1
  505. package/build-module/flex/index.js.map +1 -1
  506. package/build-module/flex/styles.js +5 -5
  507. package/build-module/flex/styles.js.map +1 -1
  508. package/build-module/focal-point-picker/index.js +4 -5
  509. package/build-module/focal-point-picker/index.js.map +1 -1
  510. package/build-module/focal-point-picker/styles/focal-point-picker-style.js +22 -22
  511. package/build-module/focal-point-picker/styles/focal-point-picker-style.js.map +1 -1
  512. package/build-module/focal-point-picker/styles/focal-point-style.js +5 -5
  513. package/build-module/focal-point-picker/styles/focal-point-style.js.map +1 -1
  514. package/build-module/font-size-picker/index.js +51 -18
  515. package/build-module/font-size-picker/index.js.map +1 -1
  516. package/build-module/font-size-picker/utils.js +31 -23
  517. package/build-module/font-size-picker/utils.js.map +1 -1
  518. package/build-module/form-token-field/index.js +35 -22
  519. package/build-module/form-token-field/index.js.map +1 -1
  520. package/build-module/form-token-field/suggestions-list.js +19 -6
  521. package/build-module/form-token-field/suggestions-list.js.map +1 -1
  522. package/build-module/gradient-picker/index.js +14 -3
  523. package/build-module/gradient-picker/index.js.map +1 -1
  524. package/build-module/guide/index.js +5 -3
  525. package/build-module/guide/index.js.map +1 -1
  526. package/build-module/guide/page-control.js +3 -6
  527. package/build-module/guide/page-control.js.map +1 -1
  528. package/build-module/index.js +4 -1
  529. package/build-module/index.js.map +1 -1
  530. package/build-module/input-control/index.js +6 -0
  531. package/build-module/input-control/index.js.map +1 -1
  532. package/build-module/input-control/input-base.js +25 -5
  533. package/build-module/input-control/input-base.js.map +1 -1
  534. package/build-module/input-control/input-prefix-wrapper.js +41 -0
  535. package/build-module/input-control/input-prefix-wrapper.js.map +1 -0
  536. package/build-module/input-control/input-suffix-wrapper.js +41 -0
  537. package/build-module/input-control/input-suffix-wrapper.js.map +1 -0
  538. package/build-module/input-control/reducer/actions.js +1 -0
  539. package/build-module/input-control/reducer/actions.js.map +1 -1
  540. package/build-module/input-control/reducer/reducer.js +28 -11
  541. package/build-module/input-control/reducer/reducer.js.map +1 -1
  542. package/build-module/input-control/reducer/state.js.map +1 -1
  543. package/build-module/input-control/styles/input-control-styles.js +58 -42
  544. package/build-module/input-control/styles/input-control-styles.js.map +1 -1
  545. package/build-module/item-group/styles.js +10 -10
  546. package/build-module/item-group/styles.js.map +1 -1
  547. package/build-module/mobile/bottom-sheet/index.native.js +3 -5
  548. package/build-module/mobile/bottom-sheet/index.native.js.map +1 -1
  549. package/build-module/mobile/global-styles-context/utils.native.js +24 -4
  550. package/build-module/mobile/global-styles-context/utils.native.js.map +1 -1
  551. package/build-module/mobile/image/index.native.js +12 -8
  552. package/build-module/mobile/image/index.native.js.map +1 -1
  553. package/build-module/mobile/link-picker/link-picker-screen.native.js +11 -4
  554. package/build-module/mobile/link-picker/link-picker-screen.native.js.map +1 -1
  555. package/build-module/mobile/media-edit/index.native.js +1 -6
  556. package/build-module/mobile/media-edit/index.native.js.map +1 -1
  557. package/build-module/mobile/picker/index.android.js +3 -3
  558. package/build-module/mobile/picker/index.android.js.map +1 -1
  559. package/build-module/mobile/picker/index.ios.js +14 -3
  560. package/build-module/mobile/picker/index.ios.js.map +1 -1
  561. package/build-module/modal/index.js +1 -2
  562. package/build-module/modal/index.js.map +1 -1
  563. package/build-module/navigable-container/container.js +9 -7
  564. package/build-module/navigable-container/container.js.map +1 -1
  565. package/build-module/navigable-container/menu.js +3 -8
  566. package/build-module/navigable-container/menu.js.map +1 -1
  567. package/build-module/navigator/navigator-back-button/hook.js +0 -4
  568. package/build-module/navigator/navigator-back-button/hook.js.map +1 -1
  569. package/build-module/navigator/navigator-button/hook.js +0 -4
  570. package/build-module/navigator/navigator-button/hook.js.map +1 -1
  571. package/build-module/notice/list.js +10 -5
  572. package/build-module/notice/list.js.map +1 -1
  573. package/build-module/palette-edit/index.js +1 -0
  574. package/build-module/palette-edit/index.js.map +1 -1
  575. package/build-module/palette-edit/styles.js +10 -10
  576. package/build-module/palette-edit/styles.js.map +1 -1
  577. package/build-module/placeholder/index.js +10 -15
  578. package/build-module/placeholder/index.js.map +1 -1
  579. package/build-module/placeholder/types.js +2 -0
  580. package/build-module/placeholder/types.js.map +1 -0
  581. package/build-module/popover/index.js +202 -147
  582. package/build-module/popover/index.js.map +1 -1
  583. package/build-module/popover/utils.js +164 -0
  584. package/build-module/popover/utils.js.map +1 -0
  585. package/build-module/radio-control/index.js +1 -2
  586. package/build-module/radio-control/index.js.map +1 -1
  587. package/build-module/range-control/index.js +3 -0
  588. package/build-module/range-control/index.js.map +1 -1
  589. package/build-module/range-control/styles/range-control-styles.js +51 -45
  590. package/build-module/range-control/styles/range-control-styles.js.map +1 -1
  591. package/build-module/range-control/utils.js +1 -1
  592. package/build-module/range-control/utils.js.map +1 -1
  593. package/build-module/resizable-box/resize-tooltip/styles/resize-tooltip.styles.js +4 -4
  594. package/build-module/resizable-box/resize-tooltip/styles/resize-tooltip.styles.js.map +1 -1
  595. package/build-module/sandbox/index.native.js +13 -3
  596. package/build-module/sandbox/index.native.js.map +1 -1
  597. package/build-module/scroll-lock/index.js +32 -6
  598. package/build-module/scroll-lock/index.js.map +1 -1
  599. package/build-module/select-control/chevron-down.js +21 -0
  600. package/build-module/select-control/chevron-down.js.map +1 -0
  601. package/build-module/select-control/index.js +8 -9
  602. package/build-module/select-control/index.js.map +1 -1
  603. package/build-module/select-control/styles/select-control-styles.js +48 -17
  604. package/build-module/select-control/styles/select-control-styles.js.map +1 -1
  605. package/build-module/shortcut/index.js +4 -13
  606. package/build-module/shortcut/index.js.map +1 -1
  607. package/build-module/shortcut/types.js +2 -0
  608. package/build-module/shortcut/types.js.map +1 -0
  609. package/build-module/snackbar/list.js +5 -2
  610. package/build-module/snackbar/list.js.map +1 -1
  611. package/build-module/spacer/component.js +3 -1
  612. package/build-module/spacer/component.js.map +1 -1
  613. package/build-module/spinner/index.js +2 -0
  614. package/build-module/spinner/index.js.map +1 -1
  615. package/build-module/style-provider/index.js +10 -5
  616. package/build-module/style-provider/index.js.map +1 -1
  617. package/build-module/style-provider/types.js +2 -0
  618. package/build-module/style-provider/types.js.map +1 -0
  619. package/build-module/text/hook.js +5 -7
  620. package/build-module/text/hook.js.map +1 -1
  621. package/build-module/text/styles.js +7 -7
  622. package/build-module/text/styles.js.map +1 -1
  623. package/build-module/toggle-group-control/toggle-group-control/component.js +17 -7
  624. package/build-module/toggle-group-control/toggle-group-control/component.js.map +1 -1
  625. package/build-module/toggle-group-control/toggle-group-control/styles.js +16 -3
  626. package/build-module/toggle-group-control/toggle-group-control/styles.js.map +1 -1
  627. package/build-module/toggle-group-control/toggle-group-control-option/component.js +17 -3
  628. package/build-module/toggle-group-control/toggle-group-control-option/component.js.map +1 -1
  629. package/build-module/toggle-group-control/toggle-group-control-option-base/component.js +5 -1
  630. package/build-module/toggle-group-control/toggle-group-control-option-base/component.js.map +1 -1
  631. package/build-module/toggle-group-control/toggle-group-control-option-base/styles.js +16 -7
  632. package/build-module/toggle-group-control/toggle-group-control-option-base/styles.js.map +1 -1
  633. package/build-module/toggle-group-control/toggle-group-control-option-icon/component.js +27 -5
  634. package/build-module/toggle-group-control/toggle-group-control-option-icon/component.js.map +1 -1
  635. package/build-module/tools-panel/styles.js +12 -11
  636. package/build-module/tools-panel/styles.js.map +1 -1
  637. package/build-module/tools-panel/tools-panel/hook.js +1 -1
  638. package/build-module/tools-panel/tools-panel/hook.js.map +1 -1
  639. package/build-module/tooltip/index.js +54 -22
  640. package/build-module/tooltip/index.js.map +1 -1
  641. package/build-module/tree-grid/index.js +4 -9
  642. package/build-module/tree-grid/index.js.map +1 -1
  643. package/build-module/tree-select/index.js +3 -3
  644. package/build-module/tree-select/index.js.map +1 -1
  645. package/build-module/ui/context/context-connect.js +1 -2
  646. package/build-module/ui/context/context-connect.js.map +1 -1
  647. package/build-module/ui/context/use-context-system.js +7 -2
  648. package/build-module/ui/context/use-context-system.js.map +1 -1
  649. package/build-module/ui/tooltip/styles.js +4 -4
  650. package/build-module/ui/tooltip/styles.js.map +1 -1
  651. package/build-module/ui/utils/space.js +7 -1
  652. package/build-module/ui/utils/space.js.map +1 -1
  653. package/build-module/unit-control/index.js +2 -2
  654. package/build-module/unit-control/index.js.map +1 -1
  655. package/build-module/unit-control/styles/unit-control-styles.js +39 -30
  656. package/build-module/unit-control/styles/unit-control-styles.js.map +1 -1
  657. package/build-module/utils/base-label.js +18 -0
  658. package/build-module/utils/base-label.js.map +1 -0
  659. package/build-module/utils/box-sizing.js +16 -0
  660. package/build-module/utils/box-sizing.js.map +1 -0
  661. package/build-module/utils/colors-values.js +52 -141
  662. package/build-module/utils/colors-values.js.map +1 -1
  663. package/build-module/utils/config-values.js +1 -1
  664. package/build-module/utils/config-values.js.map +1 -1
  665. package/build-module/utils/input/input-control.js +1 -1
  666. package/build-module/utils/input/input-control.js.map +1 -1
  667. package/build-module/utils/rtl.js +6 -4
  668. package/build-module/utils/rtl.js.map +1 -1
  669. package/build-module/utils/strings.js +37 -0
  670. package/build-module/utils/strings.js.map +1 -0
  671. package/build-module/utils/style-mixins.js +2 -0
  672. package/build-module/utils/style-mixins.js.map +1 -1
  673. package/build-style/style-rtl.css +236 -1281
  674. package/build-style/style.css +237 -1281
  675. package/build-types/base-control/index.d.ts +4 -3
  676. package/build-types/base-control/index.d.ts.map +1 -1
  677. package/build-types/base-control/stories/index.d.ts +1 -1
  678. package/build-types/base-control/stories/index.d.ts.map +1 -1
  679. package/build-types/base-control/styles/base-control-styles.d.ts.map +1 -1
  680. package/build-types/base-control/types.d.ts +0 -1
  681. package/build-types/base-control/types.d.ts.map +1 -1
  682. package/build-types/border-control/border-control/component.d.ts.map +1 -1
  683. package/build-types/border-control/border-control/hook.d.ts +1 -1
  684. package/build-types/border-control/border-control/hook.d.ts.map +1 -1
  685. package/build-types/border-control/border-control-dropdown/component.d.ts.map +1 -1
  686. package/build-types/border-control/border-control-dropdown/hook.d.ts +0 -1
  687. package/build-types/border-control/border-control-dropdown/hook.d.ts.map +1 -1
  688. package/build-types/border-control/stories/index.d.ts.map +1 -1
  689. package/build-types/border-control/styles.d.ts +1 -4
  690. package/build-types/border-control/styles.d.ts.map +1 -1
  691. package/build-types/card/card/component.d.ts +3 -3
  692. package/build-types/card/card/component.d.ts.map +1 -1
  693. package/build-types/card/card/hook.d.ts +7 -2
  694. package/build-types/card/card/hook.d.ts.map +1 -1
  695. package/build-types/card/card/index.d.ts +2 -2
  696. package/build-types/card/card/index.d.ts.map +1 -1
  697. package/build-types/card/card-body/component.d.ts +3 -3
  698. package/build-types/card/card-body/component.d.ts.map +1 -1
  699. package/build-types/card/card-body/hook.d.ts +5 -2
  700. package/build-types/card/card-body/hook.d.ts.map +1 -1
  701. package/build-types/card/card-body/index.d.ts +2 -2
  702. package/build-types/card/card-body/index.d.ts.map +1 -1
  703. package/build-types/card/card-divider/component.d.ts +3 -3
  704. package/build-types/card/card-divider/component.d.ts.map +1 -1
  705. package/build-types/card/card-divider/hook.d.ts +6 -3
  706. package/build-types/card/card-divider/hook.d.ts.map +1 -1
  707. package/build-types/card/card-divider/index.d.ts +2 -2
  708. package/build-types/card/card-divider/index.d.ts.map +1 -1
  709. package/build-types/card/card-footer/component.d.ts +3 -3
  710. package/build-types/card/card-footer/component.d.ts.map +1 -1
  711. package/build-types/card/card-footer/hook.d.ts +5 -2
  712. package/build-types/card/card-footer/hook.d.ts.map +1 -1
  713. package/build-types/card/card-footer/index.d.ts +2 -2
  714. package/build-types/card/card-footer/index.d.ts.map +1 -1
  715. package/build-types/card/card-header/component.d.ts +3 -3
  716. package/build-types/card/card-header/component.d.ts.map +1 -1
  717. package/build-types/card/card-header/hook.d.ts +5 -2
  718. package/build-types/card/card-header/hook.d.ts.map +1 -1
  719. package/build-types/card/card-header/index.d.ts +2 -2
  720. package/build-types/card/card-header/index.d.ts.map +1 -1
  721. package/build-types/card/card-media/component.d.ts +3 -4
  722. package/build-types/card/card-media/component.d.ts.map +1 -1
  723. package/build-types/card/card-media/hook.d.ts +6 -5
  724. package/build-types/card/card-media/hook.d.ts.map +1 -1
  725. package/build-types/card/card-media/index.d.ts +2 -2
  726. package/build-types/card/card-media/index.d.ts.map +1 -1
  727. package/build-types/card/context.d.ts +3 -2
  728. package/build-types/card/context.d.ts.map +1 -1
  729. package/build-types/card/index.d.ts +6 -6
  730. package/build-types/card/index.d.ts.map +1 -1
  731. package/build-types/card/stories/index.d.ts +12 -0
  732. package/build-types/card/stories/index.d.ts.map +1 -0
  733. package/build-types/card/styles.d.ts +20 -22
  734. package/build-types/card/styles.d.ts.map +1 -1
  735. package/build-types/card/test/index.d.ts +2 -0
  736. package/build-types/card/test/index.d.ts.map +1 -0
  737. package/build-types/card/types.d.ts +7 -1
  738. package/build-types/card/types.d.ts.map +1 -1
  739. package/build-types/color-palette/index.d.ts +3 -1
  740. package/build-types/color-palette/index.d.ts.map +1 -1
  741. package/build-types/color-picker/hex-input.d.ts.map +1 -1
  742. package/build-types/color-picker/input-with-slider.d.ts.map +1 -1
  743. package/build-types/color-picker/styles.d.ts +2 -2
  744. package/build-types/color-picker/styles.d.ts.map +1 -1
  745. package/build-types/date-time/constants.d.ts +2 -0
  746. package/build-types/date-time/constants.d.ts.map +1 -0
  747. package/build-types/date-time/date/index.d.ts +3 -1
  748. package/build-types/date-time/date/index.d.ts.map +1 -1
  749. package/build-types/date-time/date/styles.d.ts +22 -8
  750. package/build-types/date-time/date/styles.d.ts.map +1 -1
  751. package/build-types/date-time/date/test/index.d.ts +1 -1
  752. package/build-types/date-time/date/test/index.d.ts.map +1 -1
  753. package/build-types/date-time/date-time/index.d.ts.map +1 -1
  754. package/build-types/date-time/time/index.d.ts.map +1 -1
  755. package/build-types/date-time/time/styles.d.ts +0 -4
  756. package/build-types/date-time/time/styles.d.ts.map +1 -1
  757. package/build-types/date-time/utils.d.ts +8 -0
  758. package/build-types/date-time/utils.d.ts.map +1 -0
  759. package/build-types/disabled/index.d.ts +35 -28
  760. package/build-types/disabled/index.d.ts.map +1 -1
  761. package/build-types/disabled/stories/index.d.ts +13 -0
  762. package/build-types/disabled/stories/index.d.ts.map +1 -0
  763. package/build-types/disabled/styles/disabled-styles.d.ts +2 -1
  764. package/build-types/disabled/styles/disabled-styles.d.ts.map +1 -1
  765. package/build-types/disabled/test/index.d.ts +2 -0
  766. package/build-types/disabled/test/index.d.ts.map +1 -0
  767. package/build-types/disabled/types.d.ts +14 -0
  768. package/build-types/disabled/types.d.ts.map +1 -0
  769. package/build-types/divider/component.d.ts +2 -3
  770. package/build-types/divider/component.d.ts.map +1 -1
  771. package/build-types/divider/index.d.ts +1 -1
  772. package/build-types/divider/index.d.ts.map +1 -1
  773. package/build-types/divider/styles.d.ts +6 -2
  774. package/build-types/divider/styles.d.ts.map +1 -1
  775. package/build-types/divider/test/index.d.ts +2 -0
  776. package/build-types/divider/test/index.d.ts.map +1 -0
  777. package/build-types/divider/types.d.ts +18 -10
  778. package/build-types/divider/types.d.ts.map +1 -1
  779. package/build-types/dropdown/dropdown-content-wrapper.d.ts +23 -0
  780. package/build-types/dropdown/dropdown-content-wrapper.d.ts.map +1 -0
  781. package/build-types/dropdown/index.d.ts.map +1 -1
  782. package/build-types/dropdown/styles.d.ts +7 -0
  783. package/build-types/dropdown/styles.d.ts.map +1 -0
  784. package/build-types/dropdown/types.d.ts +9 -0
  785. package/build-types/dropdown/types.d.ts.map +1 -0
  786. package/build-types/elevation/component.d.ts +11 -10
  787. package/build-types/elevation/component.d.ts.map +1 -1
  788. package/build-types/elevation/hook.d.ts +6 -7
  789. package/build-types/elevation/hook.d.ts.map +1 -1
  790. package/build-types/elevation/index.d.ts +2 -2
  791. package/build-types/elevation/index.d.ts.map +1 -1
  792. package/build-types/elevation/stories/index.d.ts +22 -0
  793. package/build-types/elevation/stories/index.d.ts.map +1 -0
  794. package/build-types/elevation/styles.d.ts +1 -1
  795. package/build-types/elevation/styles.d.ts.map +1 -1
  796. package/build-types/elevation/test/index.d.ts +2 -0
  797. package/build-types/elevation/test/index.d.ts.map +1 -0
  798. package/build-types/elevation/types.d.ts +12 -19
  799. package/build-types/elevation/types.d.ts.map +1 -1
  800. package/build-types/external-link/index.d.ts.map +1 -1
  801. package/build-types/flex/flex/component.d.ts +16 -21
  802. package/build-types/flex/flex/component.d.ts.map +1 -1
  803. package/build-types/flex/flex/hook.d.ts +5 -2
  804. package/build-types/flex/flex/hook.d.ts.map +1 -1
  805. package/build-types/flex/flex/index.d.ts +2 -2
  806. package/build-types/flex/flex/index.d.ts.map +1 -1
  807. package/build-types/flex/flex-block/component.d.ts +14 -7
  808. package/build-types/flex/flex-block/component.d.ts.map +1 -1
  809. package/build-types/flex/flex-block/hook.d.ts +6 -3
  810. package/build-types/flex/flex-block/hook.d.ts.map +1 -1
  811. package/build-types/flex/flex-block/index.d.ts +2 -2
  812. package/build-types/flex/flex-block/index.d.ts.map +1 -1
  813. package/build-types/flex/flex-item/component.d.ts +14 -7
  814. package/build-types/flex/flex-item/component.d.ts.map +1 -1
  815. package/build-types/flex/flex-item/hook.d.ts +6 -3
  816. package/build-types/flex/flex-item/hook.d.ts.map +1 -1
  817. package/build-types/flex/flex-item/index.d.ts +2 -2
  818. package/build-types/flex/flex-item/index.d.ts.map +1 -1
  819. package/build-types/flex/index.d.ts +3 -3
  820. package/build-types/flex/index.d.ts.map +1 -1
  821. package/build-types/flex/stories/index.d.ts +13 -0
  822. package/build-types/flex/stories/index.d.ts.map +1 -0
  823. package/build-types/flex/styles.d.ts +5 -5
  824. package/build-types/flex/styles.d.ts.map +1 -1
  825. package/build-types/flex/test/index.d.ts +2 -0
  826. package/build-types/flex/test/index.d.ts.map +1 -0
  827. package/build-types/flex/types.d.ts +17 -10
  828. package/build-types/flex/types.d.ts.map +1 -1
  829. package/build-types/form-token-field/index.d.ts.map +1 -1
  830. package/build-types/form-token-field/stories/index.d.ts +7 -0
  831. package/build-types/form-token-field/stories/index.d.ts.map +1 -1
  832. package/build-types/form-token-field/suggestions-list.d.ts +1 -1
  833. package/build-types/form-token-field/suggestions-list.d.ts.map +1 -1
  834. package/build-types/form-token-field/test/index.d.ts +2 -0
  835. package/build-types/form-token-field/test/index.d.ts.map +1 -0
  836. package/build-types/form-token-field/types.d.ts +22 -3
  837. package/build-types/form-token-field/types.d.ts.map +1 -1
  838. package/build-types/input-control/index.d.ts +1 -1
  839. package/build-types/input-control/index.d.ts.map +1 -1
  840. package/build-types/input-control/input-base.d.ts +1 -1
  841. package/build-types/input-control/input-base.d.ts.map +1 -1
  842. package/build-types/input-control/input-prefix-wrapper.d.ts +19 -0
  843. package/build-types/input-control/input-prefix-wrapper.d.ts.map +1 -0
  844. package/build-types/input-control/input-suffix-wrapper.d.ts +19 -0
  845. package/build-types/input-control/input-suffix-wrapper.d.ts.map +1 -0
  846. package/build-types/input-control/reducer/actions.d.ts +3 -1
  847. package/build-types/input-control/reducer/actions.d.ts.map +1 -1
  848. package/build-types/input-control/reducer/reducer.d.ts +2 -2
  849. package/build-types/input-control/reducer/reducer.d.ts.map +1 -1
  850. package/build-types/input-control/reducer/state.d.ts +2 -2
  851. package/build-types/input-control/reducer/state.d.ts.map +1 -1
  852. package/build-types/input-control/stories/index.d.ts +10 -0
  853. package/build-types/input-control/stories/index.d.ts.map +1 -1
  854. package/build-types/input-control/styles/input-control-styles.d.ts +21 -0
  855. package/build-types/input-control/styles/input-control-styles.d.ts.map +1 -1
  856. package/build-types/input-control/types.d.ts +45 -3
  857. package/build-types/input-control/types.d.ts.map +1 -1
  858. package/build-types/navigable-container/menu.d.ts.map +1 -1
  859. package/build-types/navigator/navigator-back-button/hook.d.ts +0 -3
  860. package/build-types/navigator/navigator-back-button/hook.d.ts.map +1 -1
  861. package/build-types/navigator/navigator-button/hook.d.ts +0 -3
  862. package/build-types/navigator/navigator-button/hook.d.ts.map +1 -1
  863. package/build-types/placeholder/index.d.ts +16 -0
  864. package/build-types/placeholder/index.d.ts.map +1 -0
  865. package/build-types/placeholder/stories/index.d.ts +12 -0
  866. package/build-types/placeholder/stories/index.d.ts.map +1 -0
  867. package/build-types/placeholder/test/index.d.ts +2 -0
  868. package/build-types/placeholder/test/index.d.ts.map +1 -0
  869. package/build-types/placeholder/types.d.ts +47 -0
  870. package/build-types/placeholder/types.d.ts.map +1 -0
  871. package/build-types/popover/index.d.ts +2 -2
  872. package/build-types/popover/index.d.ts.map +1 -1
  873. package/build-types/popover/utils.d.ts +27 -0
  874. package/build-types/popover/utils.d.ts.map +1 -0
  875. package/build-types/radio-control/index.d.ts.map +1 -1
  876. package/build-types/range-control/index.d.ts +2 -2
  877. package/build-types/range-control/index.d.ts.map +1 -1
  878. package/build-types/range-control/styles/range-control-styles.d.ts +5 -2
  879. package/build-types/range-control/styles/range-control-styles.d.ts.map +1 -1
  880. package/build-types/range-control/types.d.ts +6 -4
  881. package/build-types/range-control/types.d.ts.map +1 -1
  882. package/build-types/range-control/utils.d.ts.map +1 -1
  883. package/build-types/scroll-lock/index.d.ts +32 -3
  884. package/build-types/scroll-lock/index.d.ts.map +1 -1
  885. package/build-types/scroll-lock/stories/index.d.ts +9 -0
  886. package/build-types/scroll-lock/stories/index.d.ts.map +1 -0
  887. package/build-types/scroll-lock/test/index.d.ts +2 -0
  888. package/build-types/scroll-lock/test/index.d.ts.map +1 -0
  889. package/build-types/select-control/chevron-down.d.ts +4 -0
  890. package/build-types/select-control/chevron-down.d.ts.map +1 -0
  891. package/build-types/select-control/index.d.ts.map +1 -1
  892. package/build-types/select-control/styles/select-control-styles.d.ts +9 -1
  893. package/build-types/select-control/styles/select-control-styles.d.ts.map +1 -1
  894. package/build-types/select-control/types.d.ts +1 -1
  895. package/build-types/select-control/types.d.ts.map +1 -1
  896. package/build-types/shortcut/index.d.ts +5 -24
  897. package/build-types/shortcut/index.d.ts.map +1 -1
  898. package/build-types/shortcut/test/index.d.ts +2 -0
  899. package/build-types/shortcut/test/index.d.ts.map +1 -0
  900. package/build-types/shortcut/types.d.ts +14 -0
  901. package/build-types/shortcut/types.d.ts.map +1 -0
  902. package/build-types/spacer/component.d.ts +3 -1
  903. package/build-types/spacer/component.d.ts.map +1 -1
  904. package/build-types/spinner/index.d.ts.map +1 -1
  905. package/build-types/style-provider/index.d.ts +7 -4
  906. package/build-types/style-provider/index.d.ts.map +1 -1
  907. package/build-types/style-provider/types.d.ts +15 -0
  908. package/build-types/style-provider/types.d.ts.map +1 -0
  909. package/build-types/text/hook.d.ts.map +1 -1
  910. package/build-types/toggle-group-control/stories/index.d.ts +25 -0
  911. package/build-types/toggle-group-control/stories/index.d.ts.map +1 -0
  912. package/build-types/toggle-group-control/test/index.d.ts +2 -0
  913. package/build-types/toggle-group-control/test/index.d.ts.map +1 -0
  914. package/build-types/toggle-group-control/toggle-group-control/component.d.ts +6 -3
  915. package/build-types/toggle-group-control/toggle-group-control/component.d.ts.map +1 -1
  916. package/build-types/toggle-group-control/toggle-group-control/styles.d.ts +6 -1
  917. package/build-types/toggle-group-control/toggle-group-control/styles.d.ts.map +1 -1
  918. package/build-types/toggle-group-control/toggle-group-control-option/component.d.ts +6 -7
  919. package/build-types/toggle-group-control/toggle-group-control-option/component.d.ts.map +1 -1
  920. package/build-types/toggle-group-control/toggle-group-control-option-base/component.d.ts.map +1 -1
  921. package/build-types/toggle-group-control/toggle-group-control-option-base/styles.d.ts +4 -1
  922. package/build-types/toggle-group-control/toggle-group-control-option-base/styles.d.ts.map +1 -1
  923. package/build-types/toggle-group-control/toggle-group-control-option-icon/component.d.ts +11 -9
  924. package/build-types/toggle-group-control/toggle-group-control-option-icon/component.d.ts.map +1 -1
  925. package/build-types/toggle-group-control/types.d.ts +27 -8
  926. package/build-types/toggle-group-control/types.d.ts.map +1 -1
  927. package/build-types/tools-panel/styles.d.ts +1 -1
  928. package/build-types/tools-panel/styles.d.ts.map +1 -1
  929. package/build-types/tools-panel/tools-panel/hook.d.ts.map +1 -1
  930. package/build-types/tooltip/index.d.ts.map +1 -1
  931. package/build-types/tree-select/index.d.ts.map +1 -1
  932. package/build-types/tree-select/types.d.ts +1 -0
  933. package/build-types/tree-select/types.d.ts.map +1 -1
  934. package/build-types/ui/context/context-connect.d.ts +3 -0
  935. package/build-types/ui/context/context-connect.d.ts.map +1 -1
  936. package/build-types/ui/context/use-context-system.d.ts.map +1 -1
  937. package/build-types/ui/form-group/use-form-group.d.ts +2 -2
  938. package/build-types/ui/tooltip/styles.d.ts.map +1 -1
  939. package/build-types/ui/utils/space.d.ts +7 -1
  940. package/build-types/ui/utils/space.d.ts.map +1 -1
  941. package/build-types/unit-control/index.d.ts +4 -3
  942. package/build-types/unit-control/index.d.ts.map +1 -1
  943. package/build-types/unit-control/stories/index.d.ts.map +1 -1
  944. package/build-types/unit-control/styles/unit-control-styles.d.ts +0 -1
  945. package/build-types/unit-control/styles/unit-control-styles.d.ts.map +1 -1
  946. package/build-types/unit-control/types.d.ts +7 -9
  947. package/build-types/unit-control/types.d.ts.map +1 -1
  948. package/build-types/utils/base-label.d.ts +2 -0
  949. package/build-types/utils/base-label.d.ts.map +1 -0
  950. package/build-types/utils/box-sizing.d.ts +2 -0
  951. package/build-types/utils/box-sizing.d.ts.map +1 -0
  952. package/build-types/utils/colors-values.d.ts +18 -97
  953. package/build-types/utils/colors-values.d.ts.map +1 -1
  954. package/build-types/utils/rtl.d.ts.map +1 -1
  955. package/build-types/utils/strings.d.ts +2 -0
  956. package/build-types/utils/strings.d.ts.map +1 -0
  957. package/build-types/utils/style-mixins.d.ts +2 -0
  958. package/package.json +22 -21
  959. package/src/alignment-matrix-control/index.js +1 -1
  960. package/src/alignment-matrix-control/stories/index.js +49 -24
  961. package/src/alignment-matrix-control/styles/alignment-matrix-control-styles.js +1 -3
  962. package/src/angle-picker-control/index.js +7 -2
  963. package/src/angle-picker-control/stories/index.js +8 -5
  964. package/src/angle-picker-control/styles/angle-picker-control-styles.js +12 -3
  965. package/src/autocomplete/index.js +9 -18
  966. package/src/base-control/index.tsx +5 -3
  967. package/src/base-control/stories/index.tsx +1 -0
  968. package/src/base-control/styles/base-control-styles.ts +11 -2
  969. package/src/base-control/types.ts +0 -1
  970. package/src/base-field/styles.js +1 -1
  971. package/src/base-field/test/__snapshots__/index.js.snap +2 -2
  972. package/src/border-control/border-control/component.tsx +41 -32
  973. package/src/border-control/border-control/hook.ts +4 -9
  974. package/src/border-control/border-control-dropdown/component.tsx +50 -45
  975. package/src/border-control/border-control-dropdown/hook.ts +0 -5
  976. package/src/border-control/stories/index.tsx +3 -0
  977. package/src/border-control/styles.ts +25 -70
  978. package/src/border-control/test/index.js +19 -8
  979. package/src/box-control/all-input-control.js +3 -27
  980. package/src/box-control/axial-input-controls.js +1 -1
  981. package/src/box-control/index.js +5 -6
  982. package/src/box-control/styles/box-control-styles.js +1 -2
  983. package/src/box-control/styles/box-control-visualizer-styles.js +0 -1
  984. package/src/box-control/test/index.js +8 -8
  985. package/src/box-control/utils.js +38 -13
  986. package/src/button/test/index.js +188 -146
  987. package/src/card/card/{component.js → component.tsx} +13 -9
  988. package/src/card/card/{hook.js → hook.ts} +11 -11
  989. package/src/card/card/{index.js → index.ts} +0 -0
  990. package/src/card/card-body/{component.js → component.tsx} +13 -9
  991. package/src/card/card-body/{hook.js → hook.ts} +5 -5
  992. package/src/card/card-body/{index.js → index.ts} +0 -0
  993. package/src/card/card-divider/{component.js → component.tsx} +16 -10
  994. package/src/card/card-divider/{hook.js → hook.ts} +5 -5
  995. package/src/card/card-divider/{index.js → index.ts} +0 -0
  996. package/src/card/card-footer/{component.js → component.tsx} +13 -9
  997. package/src/card/card-footer/{hook.js → hook.ts} +5 -5
  998. package/src/card/card-footer/{index.js → index.ts} +0 -0
  999. package/src/card/card-header/{component.js → component.tsx} +13 -9
  1000. package/src/card/card-header/{hook.js → hook.ts} +5 -5
  1001. package/src/card/card-header/{index.js → index.ts} +0 -0
  1002. package/src/card/card-media/{component.js → component.tsx} +13 -8
  1003. package/src/card/card-media/{hook.js → hook.ts} +5 -5
  1004. package/src/card/card-media/{index.js → index.ts} +0 -0
  1005. package/src/card/{context.js → context.ts} +0 -0
  1006. package/src/card/{index.js → index.ts} +0 -0
  1007. package/src/card/stories/index.tsx +75 -0
  1008. package/src/card/{styles.js → styles.ts} +0 -0
  1009. package/src/card/test/__snapshots__/{index.js.snap → index.tsx.snap} +8 -8
  1010. package/src/card/test/{index.js → index.tsx} +3 -3
  1011. package/src/card/types.ts +8 -1
  1012. package/src/color-list-picker/index.js +15 -3
  1013. package/src/color-list-picker/style.scss +11 -0
  1014. package/src/color-palette/index.js +51 -24
  1015. package/src/color-palette/index.native.js +10 -6
  1016. package/src/color-palette/stories/index.js +1 -1
  1017. package/src/color-palette/style.scss +5 -0
  1018. package/src/color-palette/test/__snapshots__/index.js.snap +17 -3
  1019. package/src/color-palette/test/utils.ts +19 -1
  1020. package/src/color-picker/hex-input.tsx +2 -1
  1021. package/src/color-picker/input-with-slider.tsx +2 -1
  1022. package/src/color-picker/styles.ts +3 -11
  1023. package/src/combobox-control/README.md +7 -0
  1024. package/src/combobox-control/index.js +25 -15
  1025. package/src/combobox-control/stories/index.js +57 -7
  1026. package/src/combobox-control/style.scss +0 -1
  1027. package/src/confirm-dialog/README.md +1 -1
  1028. package/src/confirm-dialog/test/index.js +85 -62
  1029. package/src/{custom-gradient-bar → custom-gradient-picker/gradient-bar}/constants.js +0 -0
  1030. package/src/{custom-gradient-bar → custom-gradient-picker/gradient-bar}/control-points.js +54 -50
  1031. package/src/{custom-gradient-bar → custom-gradient-picker/gradient-bar}/index.js +0 -3
  1032. package/src/{custom-gradient-bar → custom-gradient-picker/gradient-bar}/test/utils.js +0 -0
  1033. package/src/{custom-gradient-bar → custom-gradient-picker/gradient-bar}/utils.js +0 -0
  1034. package/src/custom-gradient-picker/index.js +18 -3
  1035. package/src/custom-gradient-picker/stories/index.js +4 -3
  1036. package/src/custom-gradient-picker/style.scss +30 -39
  1037. package/src/custom-select-control/README.md +10 -0
  1038. package/src/custom-select-control/index.js +54 -29
  1039. package/src/custom-select-control/stories/index.js +7 -2
  1040. package/src/custom-select-control/style.scss +2 -43
  1041. package/src/custom-select-control/styles.ts +28 -0
  1042. package/src/custom-select-control/test/index.js +4 -1
  1043. package/src/date-time/constants.ts +1 -0
  1044. package/src/date-time/date/index.tsx +289 -184
  1045. package/src/date-time/date/styles.ts +86 -27
  1046. package/src/date-time/date/test/index.tsx +18 -28
  1047. package/src/date-time/date-time/index.tsx +3 -2
  1048. package/src/date-time/time/index.tsx +30 -24
  1049. package/src/date-time/time/styles.ts +3 -6
  1050. package/src/date-time/utils.ts +17 -0
  1051. package/src/dimension-control/index.js +1 -5
  1052. package/src/disabled/index.tsx +80 -0
  1053. package/src/disabled/stories/index.tsx +87 -0
  1054. package/src/disabled/styles/{disabled-styles.js → disabled-styles.tsx} +0 -0
  1055. package/src/disabled/test/index.tsx +174 -0
  1056. package/src/disabled/types.ts +13 -0
  1057. package/src/divider/README.md +12 -5
  1058. package/src/divider/component.tsx +2 -3
  1059. package/src/divider/index.ts +1 -1
  1060. package/src/divider/stories/index.tsx +4 -4
  1061. package/src/divider/styles.ts +7 -7
  1062. package/src/divider/test/__snapshots__/{index.js.snap → index.tsx.snap} +7 -7
  1063. package/src/divider/test/index.tsx +40 -0
  1064. package/src/divider/types.ts +21 -15
  1065. package/src/draggable/README.md +1 -1
  1066. package/src/drop-zone/index.js +2 -3
  1067. package/src/dropdown/dropdown-content-wrapper.tsx +59 -0
  1068. package/src/dropdown/index.js +3 -5
  1069. package/src/dropdown/stories/index.js +60 -69
  1070. package/src/dropdown/styles.ts +38 -0
  1071. package/src/dropdown/types.ts +8 -0
  1072. package/src/dropdown-menu/stories/index.js +13 -2
  1073. package/src/duotone-picker/custom-duotone-bar.js +1 -1
  1074. package/src/duotone-picker/duotone-picker.js +34 -26
  1075. package/src/duotone-picker/duotone-swatch.js +12 -5
  1076. package/src/duotone-picker/stories/duotone-picker.js +66 -0
  1077. package/src/duotone-picker/stories/duotone-swatch.js +32 -0
  1078. package/src/elevation/README.md +16 -14
  1079. package/src/elevation/component.tsx +48 -0
  1080. package/src/elevation/{hook.js → hook.ts} +20 -17
  1081. package/src/elevation/{index.js → index.ts} +0 -0
  1082. package/src/elevation/stories/index.tsx +85 -0
  1083. package/src/elevation/{styles.js → styles.ts} +0 -0
  1084. package/src/elevation/test/__snapshots__/{index.js.snap → index.tsx.snap} +19 -13
  1085. package/src/elevation/test/index.tsx +64 -0
  1086. package/src/elevation/types.ts +12 -19
  1087. package/src/external-link/index.tsx +10 -0
  1088. package/src/flex/flex/README.md +20 -18
  1089. package/src/flex/flex/component.tsx +59 -0
  1090. package/src/flex/flex/{hook.js → hook.ts} +14 -13
  1091. package/src/flex/flex/{index.js → index.ts} +0 -0
  1092. package/src/flex/flex-block/README.md +3 -7
  1093. package/src/flex/flex-block/component.tsx +41 -0
  1094. package/src/flex/flex-block/{hook.js → hook.ts} +5 -5
  1095. package/src/flex/flex-block/{index.js → index.ts} +0 -0
  1096. package/src/flex/flex-item/README.md +6 -9
  1097. package/src/flex/flex-item/component.tsx +41 -0
  1098. package/src/flex/flex-item/{hook.js → hook.ts} +10 -7
  1099. package/src/flex/flex-item/{index.js → index.ts} +0 -0
  1100. package/src/flex/{index.js → index.ts} +0 -0
  1101. package/src/flex/stories/index.tsx +81 -0
  1102. package/src/flex/{styles.js → styles.ts} +0 -0
  1103. package/src/flex/test/__snapshots__/{index.js.snap → index.tsx.snap} +49 -9
  1104. package/src/flex/test/index.tsx +84 -0
  1105. package/src/flex/types.ts +17 -10
  1106. package/src/focal-point-picker/index.js +10 -5
  1107. package/src/focal-point-picker/styles/focal-point-picker-style.js +0 -5
  1108. package/src/focal-point-picker/styles/focal-point-style.js +0 -2
  1109. package/src/focal-point-picker/test/index.js +78 -45
  1110. package/src/font-size-picker/index.js +160 -132
  1111. package/src/font-size-picker/stories/index.js +7 -0
  1112. package/src/font-size-picker/style.scss +8 -5
  1113. package/src/font-size-picker/test/index.js +13 -6
  1114. package/src/font-size-picker/test/{util.js → utils.js} +77 -1
  1115. package/src/font-size-picker/utils.js +38 -23
  1116. package/src/form-token-field/README.md +3 -1
  1117. package/src/form-token-field/index.tsx +46 -35
  1118. package/src/form-token-field/stories/index.tsx +22 -0
  1119. package/src/form-token-field/style.scss +0 -5
  1120. package/src/form-token-field/suggestions-list.tsx +21 -12
  1121. package/src/form-token-field/test/index.tsx +2106 -0
  1122. package/src/form-token-field/types.ts +23 -2
  1123. package/src/gradient-picker/index.js +22 -7
  1124. package/src/gradient-picker/stories/index.js +56 -81
  1125. package/src/guide/index.js +3 -1
  1126. package/src/guide/page-control.js +1 -6
  1127. package/src/guide/stories/index.js +12 -11
  1128. package/src/guide/test/index.js +54 -37
  1129. package/src/guide/test/page-control.js +14 -17
  1130. package/src/higher-order/with-notices/test/index.js +4 -2
  1131. package/src/higher-order/with-spoken-messages/test/index.js +1 -1
  1132. package/src/index.js +7 -1
  1133. package/src/input-control/index.tsx +6 -0
  1134. package/src/input-control/input-base.tsx +28 -13
  1135. package/src/input-control/input-prefix-wrapper.tsx +48 -0
  1136. package/src/input-control/input-suffix-wrapper.tsx +48 -0
  1137. package/src/input-control/reducer/actions.ts +3 -1
  1138. package/src/input-control/reducer/reducer.ts +27 -10
  1139. package/src/input-control/reducer/state.ts +7 -2
  1140. package/src/input-control/stories/index.tsx +15 -2
  1141. package/src/input-control/styles/input-control-styles.tsx +28 -12
  1142. package/src/input-control/test/index.js +20 -4
  1143. package/src/input-control/types.ts +52 -3
  1144. package/src/item-group/styles.ts +3 -3
  1145. package/src/menu-group/test/index.js +18 -7
  1146. package/src/mobile/bottom-sheet/index.native.js +2 -4
  1147. package/src/mobile/global-styles-context/utils.native.js +22 -4
  1148. package/src/mobile/image/index.native.js +17 -8
  1149. package/src/mobile/link-picker/link-picker-screen.native.js +12 -4
  1150. package/src/mobile/media-edit/index.native.js +2 -7
  1151. package/src/mobile/picker/index.android.js +10 -4
  1152. package/src/mobile/picker/index.ios.js +16 -0
  1153. package/src/mobile/picker/styles.native.scss +12 -4
  1154. package/src/modal/index.js +1 -2
  1155. package/src/modal/style.scss +5 -1
  1156. package/src/modal/test/index.js +11 -9
  1157. package/src/navigable-container/container.js +12 -18
  1158. package/src/navigable-container/menu.js +3 -7
  1159. package/src/navigable-container/test/menu.js +14 -11
  1160. package/src/navigator/navigator-back-button/hook.ts +0 -3
  1161. package/src/navigator/navigator-button/hook.ts +0 -3
  1162. package/src/notice/list.js +12 -10
  1163. package/src/palette-edit/index.js +1 -0
  1164. package/src/palette-edit/styles.js +6 -5
  1165. package/src/panel/style.scss +4 -1
  1166. package/src/placeholder/README.md +49 -9
  1167. package/src/placeholder/{index.js → index.tsx} +27 -23
  1168. package/src/placeholder/stories/index.tsx +64 -0
  1169. package/src/placeholder/style.scss +65 -24
  1170. package/src/placeholder/test/index.tsx +174 -0
  1171. package/src/placeholder/types.ts +48 -0
  1172. package/src/popover/README.md +7 -0
  1173. package/src/popover/index.js +256 -157
  1174. package/src/popover/stories/index.js +213 -96
  1175. package/src/popover/style.scss +61 -7
  1176. package/src/popover/test/__snapshots__/index.js.snap +6 -6
  1177. package/src/popover/test/index.js +138 -23
  1178. package/src/popover/utils.js +107 -0
  1179. package/src/radio-control/index.tsx +1 -2
  1180. package/src/range-control/README.md +1 -1
  1181. package/src/range-control/index.tsx +3 -0
  1182. package/src/range-control/styles/range-control-styles.ts +9 -16
  1183. package/src/range-control/test/index.tsx +30 -0
  1184. package/src/range-control/types.ts +9 -4
  1185. package/src/range-control/utils.ts +4 -1
  1186. package/src/resizable-box/resize-tooltip/styles/resize-tooltip.styles.js +1 -1
  1187. package/src/sandbox/index.native.js +14 -1
  1188. package/src/scroll-lock/README.md +1 -1
  1189. package/src/scroll-lock/{index.js → index.tsx} +34 -7
  1190. package/src/scroll-lock/stories/index.tsx +96 -0
  1191. package/src/scroll-lock/test/index.tsx +26 -0
  1192. package/src/select-control/chevron-down.tsx +25 -0
  1193. package/src/select-control/index.tsx +7 -11
  1194. package/src/select-control/styles/select-control-styles.ts +54 -22
  1195. package/src/select-control/types.ts +1 -0
  1196. package/src/shortcut/{index.js → index.tsx} +5 -9
  1197. package/src/shortcut/test/__snapshots__/index.tsx.snap +15 -0
  1198. package/src/shortcut/test/index.tsx +41 -0
  1199. package/src/shortcut/types.ts +10 -0
  1200. package/src/slot-fill/test/slot.js +5 -5
  1201. package/src/snackbar/list.js +3 -2
  1202. package/src/spacer/component.tsx +3 -1
  1203. package/src/spinner/index.tsx +2 -0
  1204. package/src/style-provider/index.tsx +41 -0
  1205. package/src/style-provider/types.ts +15 -0
  1206. package/src/style.scss +0 -2
  1207. package/src/text/hook.js +5 -3
  1208. package/src/text/styles.js +1 -1
  1209. package/src/text/test/index.tsx +1 -1
  1210. package/src/toggle-group-control/stories/index.tsx +127 -0
  1211. package/src/toggle-group-control/test/__snapshots__/{index.js.snap → index.tsx.snap} +56 -26
  1212. package/src/toggle-group-control/test/{index.js → index.tsx} +2 -4
  1213. package/src/toggle-group-control/toggle-group-control/README.md +2 -0
  1214. package/src/toggle-group-control/toggle-group-control/component.tsx +20 -11
  1215. package/src/toggle-group-control/toggle-group-control/styles.ts +30 -7
  1216. package/src/toggle-group-control/toggle-group-control-option/component.tsx +19 -3
  1217. package/src/toggle-group-control/toggle-group-control-option-base/component.tsx +3 -0
  1218. package/src/toggle-group-control/toggle-group-control-option-base/styles.ts +17 -3
  1219. package/src/toggle-group-control/toggle-group-control-option-icon/README.md +6 -8
  1220. package/src/toggle-group-control/toggle-group-control-option-icon/component.tsx +30 -7
  1221. package/src/toggle-group-control/types.ts +74 -53
  1222. package/src/toolbar/test/index.js +4 -4
  1223. package/src/toolbar-group/test/index.js +9 -15
  1224. package/src/tools-panel/styles.ts +9 -18
  1225. package/src/tools-panel/test/index.js +3 -2
  1226. package/src/tools-panel/tools-panel/README.md +94 -21
  1227. package/src/tools-panel/tools-panel/hook.ts +6 -1
  1228. package/src/tooltip/index.js +57 -15
  1229. package/src/tooltip/stories/index.js +28 -13
  1230. package/src/tooltip/style.scss +1 -1
  1231. package/src/tooltip/test/index.js +188 -172
  1232. package/src/tree-grid/index.js +4 -9
  1233. package/src/tree-select/index.tsx +5 -4
  1234. package/src/tree-select/types.ts +4 -0
  1235. package/src/ui/context/context-connect.ts +3 -2
  1236. package/src/ui/context/test/context-system-provider.js +101 -1
  1237. package/src/ui/context/use-context-system.js +7 -2
  1238. package/src/ui/tooltip/styles.js +1 -0
  1239. package/src/ui/tooltip/test/__snapshots__/index.js.snap +1 -0
  1240. package/src/ui/utils/space.ts +7 -1
  1241. package/src/unit-control/index.tsx +2 -2
  1242. package/src/unit-control/stories/index.tsx +16 -23
  1243. package/src/unit-control/styles/unit-control-styles.ts +100 -46
  1244. package/src/unit-control/test/__snapshots__/index.tsx.snap +4 -4
  1245. package/src/unit-control/types.ts +12 -9
  1246. package/src/utils/base-label.ts +13 -0
  1247. package/src/utils/box-sizing.ts +14 -0
  1248. package/src/utils/colors-values.js +42 -137
  1249. package/src/utils/config-values.js +1 -1
  1250. package/src/utils/input/input-control.js +6 -6
  1251. package/src/utils/rtl.js +6 -2
  1252. package/src/utils/strings.ts +72 -0
  1253. package/src/utils/style-mixins.js +2 -0
  1254. package/src/utils/test/strings.js +15 -0
  1255. package/tsconfig.json +1 -0
  1256. package/tsconfig.tsbuildinfo +1 -1
  1257. package/build/custom-gradient-bar/constants.js.map +0 -1
  1258. package/build/custom-gradient-bar/control-points.js.map +0 -1
  1259. package/build/custom-gradient-bar/index.js.map +0 -1
  1260. package/build/custom-gradient-bar/utils.js.map +0 -1
  1261. package/build/date-time/date/utils.js +0 -34
  1262. package/build/date-time/date/utils.js.map +0 -1
  1263. package/build/swatch/index.js +0 -39
  1264. package/build/swatch/index.js.map +0 -1
  1265. package/build-module/custom-gradient-bar/constants.js.map +0 -1
  1266. package/build-module/custom-gradient-bar/control-points.js.map +0 -1
  1267. package/build-module/custom-gradient-bar/index.js.map +0 -1
  1268. package/build-module/custom-gradient-bar/utils.js.map +0 -1
  1269. package/build-module/date-time/date/utils.js +0 -22
  1270. package/build-module/date-time/date/utils.js.map +0 -1
  1271. package/build-module/swatch/index.js +0 -28
  1272. package/build-module/swatch/index.js.map +0 -1
  1273. package/build-types/date-time/date/test/utils.d.ts +0 -2
  1274. package/build-types/date-time/date/test/utils.d.ts.map +0 -1
  1275. package/build-types/date-time/date/utils.d.ts +0 -15
  1276. package/build-types/date-time/date/utils.d.ts.map +0 -1
  1277. package/build-types/form-token-field/test/lib/fixtures.d.ts +0 -26
  1278. package/build-types/form-token-field/test/lib/fixtures.d.ts.map +0 -1
  1279. package/build-types/form-token-field/test/lib/token-field-wrapper.d.ts +0 -21
  1280. package/build-types/form-token-field/test/lib/token-field-wrapper.d.ts.map +0 -1
  1281. package/src/card/stories/index.js +0 -209
  1282. package/src/date-time/date/datepicker.scss +0 -863
  1283. package/src/date-time/date/style.scss +0 -85
  1284. package/src/date-time/date/test/utils.ts +0 -32
  1285. package/src/date-time/date/utils.ts +0 -20
  1286. package/src/date-time/style.scss +0 -1
  1287. package/src/disabled/index.js +0 -55
  1288. package/src/disabled/stories/index.js +0 -61
  1289. package/src/disabled/test/index.js +0 -240
  1290. package/src/divider/test/index.js +0 -41
  1291. package/src/elevation/component.js +0 -43
  1292. package/src/elevation/stories/index.js +0 -148
  1293. package/src/elevation/test/index.js +0 -51
  1294. package/src/flex/flex/component.js +0 -60
  1295. package/src/flex/flex-block/component.js +0 -30
  1296. package/src/flex/flex-item/component.js +0 -30
  1297. package/src/flex/stories/index.js +0 -29
  1298. package/src/flex/test/index.js +0 -77
  1299. package/src/form-token-field/test/index.js +0 -411
  1300. package/src/form-token-field/test/lib/fixtures.js +0 -89
  1301. package/src/form-token-field/test/lib/token-field-wrapper.tsx +0 -71
  1302. package/src/menu-group/test/__snapshots__/index.js.snap +0 -23
  1303. package/src/placeholder/stories/index.js +0 -44
  1304. package/src/placeholder/test/index.js +0 -163
  1305. package/src/popover/stories/_utils.js +0 -64
  1306. package/src/scroll-lock/stories/index.js +0 -71
  1307. package/src/scroll-lock/test/index.js +0 -53
  1308. package/src/shortcut/test/index.js +0 -37
  1309. package/src/style-provider/index.js +0 -31
  1310. package/src/swatch/index.js +0 -19
  1311. package/src/swatch/style.scss +0 -21
  1312. package/src/toggle-group-control/stories/index.js +0 -187
  1313. package/src/tools-panel/test/__snapshots__/index.js.snap +0 -219
@@ -23,12 +23,12 @@ const MediaWrapper = (0, _base.default)("div", process.env.NODE_ENV === "product
23
23
  target: "e11wezi78",
24
24
  label: "MediaWrapper"
25
25
  })(process.env.NODE_ENV === "production" ? {
26
- name: "1g31405",
27
- styles: "background-color:transparent;box-sizing:border-box;text-align:center;width:100%"
26
+ name: "w0nf6b",
27
+ styles: "background-color:transparent;text-align:center;width:100%"
28
28
  } : {
29
- name: "1g31405",
30
- styles: "background-color:transparent;box-sizing:border-box;text-align:center;width:100%",
31
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1waWNrZXItc3R5bGUuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWXNDIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1waWNrZXItc3R5bGUuanMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IEZsZXggfSBmcm9tICcuLi8uLi9mbGV4JztcbmltcG9ydCBCYXNlVW5pdENvbnRyb2wgZnJvbSAnLi4vLi4vdW5pdC1jb250cm9sJztcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gJy4uLy4uL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IE1lZGlhV3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IE1lZGlhQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0Ym94LXNoYWRvdzogMCAwIDAgMXB4IHJnYmEoIDAsIDAsIDAsIDAuMiApO1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdGRpc3BsYXk6IGlubGluZS1mbGV4O1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0bWFyZ2luOiBhdXRvO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGhlaWdodDogMTAwJTtcblxuXHRpbWcsXG5cdHZpZGVvIHtcblx0XHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdGhlaWdodDogYXV0bztcblx0XHRtYXJnaW46IDA7XG5cdFx0bWF4LWhlaWdodDogMTAwJTtcblx0XHRtYXgtd2lkdGg6IDEwMCU7XG5cdFx0cG9pbnRlci1ldmVudHM6IG5vbmU7XG5cdFx0dXNlci1zZWxlY3Q6IG5vbmU7XG5cdFx0d2lkdGg6IGF1dG87XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBNZWRpYVBsYWNlaG9sZGVyID0gc3R5bGVkLmRpdmBcblx0YmFja2dyb3VuZDogJHsgQ09MT1JTLmxpZ2h0R3JheVsgMzAwIF0gfTtcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0aGVpZ2h0OiAxNzBweDtcblx0bWF4LXdpZHRoOiAyODBweDtcblx0bWluLXdpZHRoOiAyMDBweDtcblx0d2lkdGg6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgVW5pdENvbnRyb2wgPSBzdHlsZWQoIEJhc2VVbml0Q29udHJvbCApYFxuXHR3aWR0aDogMTAwcHg7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29udHJvbFdyYXBwZXIgPSBzdHlsZWQoIEZsZXggKWBcblx0bWF4LXdpZHRoOiAzMjBweDtcblx0cGFkZGluZzogMWVtIDA7XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZFZpZXcgPSBzdHlsZWQuZGl2YFxuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRsZWZ0OiA1MCU7XG5cdG9wYWNpdHk6IDA7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHRvcDogNTAlO1xuXHR0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKCAtNTAlLCAtNTAlLCAwICk7XG5cdHRyYW5zaXRpb246IG9wYWNpdHkgMTIwbXMgbGluZWFyO1xuXHR6LWluZGV4OiAxO1xuXG5cdCR7ICggeyBpc0FjdGl2ZSB9ICkgPT5cblx0XHRpc0FjdGl2ZSAmJlxuXHRcdGBcblx0XHRvcGFjaXR5OiAxO1xuXHRgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBHcmlkTGluZSA9IHN0eWxlZC5kaXZgXG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdGJhY2tncm91bmQ6IHdoaXRlO1xuXHRib3gtc2hhZG93OiAwIDAgMnB4IHJnYmEoIDAsIDAsIDAsIDAuNiApO1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdG9wYWNpdHk6IDAuNDtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGVaKCAwICk7XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmVYID0gc3R5bGVkKCBHcmlkTGluZSApYFxuXHRoZWlnaHQ6IDFweDtcblx0bGVmdDogMDtcblx0cmlnaHQ6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmVZID0gc3R5bGVkKCBHcmlkTGluZSApYFxuXHR3aWR0aDogMXB4O1xuXHR0b3A6IDA7XG5cdGJvdHRvbTogMDtcbmA7XG4iXX0= */",
29
+ name: "w0nf6b",
30
+ styles: "background-color:transparent;text-align:center;width:100%",
31
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1waWNrZXItc3R5bGUuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWXNDIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1waWNrZXItc3R5bGUuanMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IEZsZXggfSBmcm9tICcuLi8uLi9mbGV4JztcbmltcG9ydCBCYXNlVW5pdENvbnRyb2wgZnJvbSAnLi4vLi4vdW5pdC1jb250cm9sJztcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gJy4uLy4uL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IE1lZGlhV3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuXHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IE1lZGlhQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Ym94LXNoYWRvdzogMCAwIDAgMXB4IHJnYmEoIDAsIDAsIDAsIDAuMiApO1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdGRpc3BsYXk6IGlubGluZS1mbGV4O1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0bWFyZ2luOiBhdXRvO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGhlaWdodDogMTAwJTtcblxuXHRpbWcsXG5cdHZpZGVvIHtcblx0XHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdGhlaWdodDogYXV0bztcblx0XHRtYXJnaW46IDA7XG5cdFx0bWF4LWhlaWdodDogMTAwJTtcblx0XHRtYXgtd2lkdGg6IDEwMCU7XG5cdFx0cG9pbnRlci1ldmVudHM6IG5vbmU7XG5cdFx0dXNlci1zZWxlY3Q6IG5vbmU7XG5cdFx0d2lkdGg6IGF1dG87XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBNZWRpYVBsYWNlaG9sZGVyID0gc3R5bGVkLmRpdmBcblx0YmFja2dyb3VuZDogJHsgQ09MT1JTLmxpZ2h0R3JheVsgMzAwIF0gfTtcblx0aGVpZ2h0OiAxNzBweDtcblx0bWF4LXdpZHRoOiAyODBweDtcblx0bWluLXdpZHRoOiAyMDBweDtcblx0d2lkdGg6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgVW5pdENvbnRyb2wgPSBzdHlsZWQoIEJhc2VVbml0Q29udHJvbCApYFxuXHR3aWR0aDogMTAwcHg7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29udHJvbFdyYXBwZXIgPSBzdHlsZWQoIEZsZXggKWBcblx0bWF4LXdpZHRoOiAzMjBweDtcblx0cGFkZGluZzogMWVtIDA7XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZFZpZXcgPSBzdHlsZWQuZGl2YFxuXHRsZWZ0OiA1MCU7XG5cdG9wYWNpdHk6IDA7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHRvcDogNTAlO1xuXHR0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKCAtNTAlLCAtNTAlLCAwICk7XG5cdHRyYW5zaXRpb246IG9wYWNpdHkgMTIwbXMgbGluZWFyO1xuXHR6LWluZGV4OiAxO1xuXG5cdCR7ICggeyBpc0FjdGl2ZSB9ICkgPT5cblx0XHRpc0FjdGl2ZSAmJlxuXHRcdGBcblx0XHRvcGFjaXR5OiAxO1xuXHRgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBHcmlkTGluZSA9IHN0eWxlZC5kaXZgXG5cdGJhY2tncm91bmQ6IHdoaXRlO1xuXHRib3gtc2hhZG93OiAwIDAgMnB4IHJnYmEoIDAsIDAsIDAsIDAuNiApO1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdG9wYWNpdHk6IDAuNDtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGVaKCAwICk7XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmVYID0gc3R5bGVkKCBHcmlkTGluZSApYFxuXHRoZWlnaHQ6IDFweDtcblx0bGVmdDogMDtcblx0cmlnaHQ6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmVZID0gc3R5bGVkKCBHcmlkTGluZSApYFxuXHR3aWR0aDogMXB4O1xuXHR0b3A6IDA7XG5cdGJvdHRvbTogMDtcbmA7XG4iXX0= */",
32
32
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
33
33
  });
34
34
  exports.MediaWrapper = MediaWrapper;
@@ -38,12 +38,12 @@ const MediaContainer = (0, _base.default)("div", process.env.NODE_ENV === "produ
38
38
  target: "e11wezi77",
39
39
  label: "MediaContainer"
40
40
  })(process.env.NODE_ENV === "production" ? {
41
- name: "v0nrlz",
42
- styles: "align-items:center;box-sizing:border-box;box-shadow:0 0 0 1px rgba( 0, 0, 0, 0.2 );cursor:pointer;display:inline-flex;justify-content:center;margin:auto;position:relative;height:100%;img,video{box-sizing:border-box;display:block;height:auto;margin:0;max-height:100%;max-width:100%;pointer-events:none;user-select:none;width:auto;}"
41
+ name: "megach",
42
+ styles: "align-items:center;box-shadow:0 0 0 1px rgba( 0, 0, 0, 0.2 );cursor:pointer;display:inline-flex;justify-content:center;margin:auto;position:relative;height:100%;img,video{box-sizing:border-box;display:block;height:auto;margin:0;max-height:100%;max-width:100%;pointer-events:none;user-select:none;width:auto;}"
43
43
  } : {
44
- name: "v0nrlz",
45
- styles: "align-items:center;box-sizing:border-box;box-shadow:0 0 0 1px rgba( 0, 0, 0, 0.2 );cursor:pointer;display:inline-flex;justify-content:center;margin:auto;position:relative;height:100%;img,video{box-sizing:border-box;display:block;height:auto;margin:0;max-height:100%;max-width:100%;pointer-events:none;user-select:none;width:auto;}",
46
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1waWNrZXItc3R5bGUuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUJ3QyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2ZvY2FsLXBvaW50LXBpY2tlci9zdHlsZXMvZm9jYWwtcG9pbnQtcGlja2VyLXN0eWxlLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBGbGV4IH0gZnJvbSAnLi4vLi4vZmxleCc7XG5pbXBvcnQgQmFzZVVuaXRDb250cm9sIGZyb20gJy4uLy4uL3VuaXQtY29udHJvbCc7XG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tICcuLi8uLi91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBNZWRpYVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHR3aWR0aDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNZWRpYUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdGJveC1zaGFkb3c6IDAgMCAwIDFweCByZ2JhKCAwLCAwLCAwLCAwLjIgKTtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHRkaXNwbGF5OiBpbmxpbmUtZmxleDtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdG1hcmdpbjogYXV0bztcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRoZWlnaHQ6IDEwMCU7XG5cblx0aW1nLFxuXHR2aWRlbyB7XG5cdFx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRoZWlnaHQ6IGF1dG87XG5cdFx0bWFyZ2luOiAwO1xuXHRcdG1heC1oZWlnaHQ6IDEwMCU7XG5cdFx0bWF4LXdpZHRoOiAxMDAlO1xuXHRcdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHRcdHVzZXItc2VsZWN0OiBub25lO1xuXHRcdHdpZHRoOiBhdXRvO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgTWVkaWFQbGFjZWhvbGRlciA9IHN0eWxlZC5kaXZgXG5cdGJhY2tncm91bmQ6ICR7IENPTE9SUy5saWdodEdyYXlbIDMwMCBdIH07XG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdGhlaWdodDogMTcwcHg7XG5cdG1heC13aWR0aDogMjgwcHg7XG5cdG1pbi13aWR0aDogMjAwcHg7XG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFVuaXRDb250cm9sID0gc3R5bGVkKCBCYXNlVW5pdENvbnRyb2wgKWBcblx0d2lkdGg6IDEwMHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbnRyb2xXcmFwcGVyID0gc3R5bGVkKCBGbGV4IClgXG5cdG1heC13aWR0aDogMzIwcHg7XG5cdHBhZGRpbmc6IDFlbSAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRWaWV3ID0gc3R5bGVkLmRpdmBcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0bGVmdDogNTAlO1xuXHRvcGFjaXR5OiAwO1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IDUwJTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGUzZCggLTUwJSwgLTUwJSwgMCApO1xuXHR0cmFuc2l0aW9uOiBvcGFjaXR5IDEyMG1zIGxpbmVhcjtcblx0ei1pbmRleDogMTtcblxuXHQkeyAoIHsgaXNBY3RpdmUgfSApID0+XG5cdFx0aXNBY3RpdmUgJiZcblx0XHRgXG5cdFx0b3BhY2l0eTogMTtcblx0YCB9XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmUgPSBzdHlsZWQuZGl2YFxuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRiYWNrZ3JvdW5kOiB3aGl0ZTtcblx0Ym94LXNoYWRvdzogMCAwIDJweCByZ2JhKCAwLCAwLCAwLCAwLjYgKTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHRvcGFjaXR5OiAwLjQ7XG5cdHRyYW5zZm9ybTogdHJhbnNsYXRlWiggMCApO1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRMaW5lWCA9IHN0eWxlZCggR3JpZExpbmUgKWBcblx0aGVpZ2h0OiAxcHg7XG5cdGxlZnQ6IDA7XG5cdHJpZ2h0OiAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRMaW5lWSA9IHN0eWxlZCggR3JpZExpbmUgKWBcblx0d2lkdGg6IDFweDtcblx0dG9wOiAwO1xuXHRib3R0b206IDA7XG5gO1xuIl19 */",
44
+ name: "megach",
45
+ styles: "align-items:center;box-shadow:0 0 0 1px rgba( 0, 0, 0, 0.2 );cursor:pointer;display:inline-flex;justify-content:center;margin:auto;position:relative;height:100%;img,video{box-sizing:border-box;display:block;height:auto;margin:0;max-height:100%;max-width:100%;pointer-events:none;user-select:none;width:auto;}",
46
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1waWNrZXItc3R5bGUuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0J3QyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2ZvY2FsLXBvaW50LXBpY2tlci9zdHlsZXMvZm9jYWwtcG9pbnQtcGlja2VyLXN0eWxlLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBGbGV4IH0gZnJvbSAnLi4vLi4vZmxleCc7XG5pbXBvcnQgQmFzZVVuaXRDb250cm9sIGZyb20gJy4uLy4uL3VuaXQtY29udHJvbCc7XG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tICcuLi8uLi91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBNZWRpYVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcblx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHR3aWR0aDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNZWRpYUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGJveC1zaGFkb3c6IDAgMCAwIDFweCByZ2JhKCAwLCAwLCAwLCAwLjIgKTtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHRkaXNwbGF5OiBpbmxpbmUtZmxleDtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdG1hcmdpbjogYXV0bztcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRoZWlnaHQ6IDEwMCU7XG5cblx0aW1nLFxuXHR2aWRlbyB7XG5cdFx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRoZWlnaHQ6IGF1dG87XG5cdFx0bWFyZ2luOiAwO1xuXHRcdG1heC1oZWlnaHQ6IDEwMCU7XG5cdFx0bWF4LXdpZHRoOiAxMDAlO1xuXHRcdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHRcdHVzZXItc2VsZWN0OiBub25lO1xuXHRcdHdpZHRoOiBhdXRvO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgTWVkaWFQbGFjZWhvbGRlciA9IHN0eWxlZC5kaXZgXG5cdGJhY2tncm91bmQ6ICR7IENPTE9SUy5saWdodEdyYXlbIDMwMCBdIH07XG5cdGhlaWdodDogMTcwcHg7XG5cdG1heC13aWR0aDogMjgwcHg7XG5cdG1pbi13aWR0aDogMjAwcHg7XG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFVuaXRDb250cm9sID0gc3R5bGVkKCBCYXNlVW5pdENvbnRyb2wgKWBcblx0d2lkdGg6IDEwMHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbnRyb2xXcmFwcGVyID0gc3R5bGVkKCBGbGV4IClgXG5cdG1heC13aWR0aDogMzIwcHg7XG5cdHBhZGRpbmc6IDFlbSAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRWaWV3ID0gc3R5bGVkLmRpdmBcblx0bGVmdDogNTAlO1xuXHRvcGFjaXR5OiAwO1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IDUwJTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGUzZCggLTUwJSwgLTUwJSwgMCApO1xuXHR0cmFuc2l0aW9uOiBvcGFjaXR5IDEyMG1zIGxpbmVhcjtcblx0ei1pbmRleDogMTtcblxuXHQkeyAoIHsgaXNBY3RpdmUgfSApID0+XG5cdFx0aXNBY3RpdmUgJiZcblx0XHRgXG5cdFx0b3BhY2l0eTogMTtcblx0YCB9XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmUgPSBzdHlsZWQuZGl2YFxuXHRiYWNrZ3JvdW5kOiB3aGl0ZTtcblx0Ym94LXNoYWRvdzogMCAwIDJweCByZ2JhKCAwLCAwLCAwLCAwLjYgKTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHRvcGFjaXR5OiAwLjQ7XG5cdHRyYW5zZm9ybTogdHJhbnNsYXRlWiggMCApO1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRMaW5lWCA9IHN0eWxlZCggR3JpZExpbmUgKWBcblx0aGVpZ2h0OiAxcHg7XG5cdGxlZnQ6IDA7XG5cdHJpZ2h0OiAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRMaW5lWSA9IHN0eWxlZCggR3JpZExpbmUgKWBcblx0d2lkdGg6IDFweDtcblx0dG9wOiAwO1xuXHRib3R0b206IDA7XG5gO1xuIl19 */",
47
47
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
48
48
  });
49
49
  exports.MediaContainer = MediaContainer;
@@ -52,7 +52,7 @@ const MediaPlaceholder = (0, _base.default)("div", process.env.NODE_ENV === "pro
52
52
  } : {
53
53
  target: "e11wezi76",
54
54
  label: "MediaPlaceholder"
55
- })("background:", _utils.COLORS.lightGray[300], ";box-sizing:border-box;height:170px;max-width:280px;min-width:200px;width:100%;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1waWNrZXItc3R5bGUuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEMwQyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2ZvY2FsLXBvaW50LXBpY2tlci9zdHlsZXMvZm9jYWwtcG9pbnQtcGlja2VyLXN0eWxlLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBGbGV4IH0gZnJvbSAnLi4vLi4vZmxleCc7XG5pbXBvcnQgQmFzZVVuaXRDb250cm9sIGZyb20gJy4uLy4uL3VuaXQtY29udHJvbCc7XG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tICcuLi8uLi91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBNZWRpYVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHR3aWR0aDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNZWRpYUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdGJveC1zaGFkb3c6IDAgMCAwIDFweCByZ2JhKCAwLCAwLCAwLCAwLjIgKTtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHRkaXNwbGF5OiBpbmxpbmUtZmxleDtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdG1hcmdpbjogYXV0bztcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRoZWlnaHQ6IDEwMCU7XG5cblx0aW1nLFxuXHR2aWRlbyB7XG5cdFx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRoZWlnaHQ6IGF1dG87XG5cdFx0bWFyZ2luOiAwO1xuXHRcdG1heC1oZWlnaHQ6IDEwMCU7XG5cdFx0bWF4LXdpZHRoOiAxMDAlO1xuXHRcdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHRcdHVzZXItc2VsZWN0OiBub25lO1xuXHRcdHdpZHRoOiBhdXRvO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgTWVkaWFQbGFjZWhvbGRlciA9IHN0eWxlZC5kaXZgXG5cdGJhY2tncm91bmQ6ICR7IENPTE9SUy5saWdodEdyYXlbIDMwMCBdIH07XG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdGhlaWdodDogMTcwcHg7XG5cdG1heC13aWR0aDogMjgwcHg7XG5cdG1pbi13aWR0aDogMjAwcHg7XG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFVuaXRDb250cm9sID0gc3R5bGVkKCBCYXNlVW5pdENvbnRyb2wgKWBcblx0d2lkdGg6IDEwMHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbnRyb2xXcmFwcGVyID0gc3R5bGVkKCBGbGV4IClgXG5cdG1heC13aWR0aDogMzIwcHg7XG5cdHBhZGRpbmc6IDFlbSAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRWaWV3ID0gc3R5bGVkLmRpdmBcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0bGVmdDogNTAlO1xuXHRvcGFjaXR5OiAwO1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IDUwJTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGUzZCggLTUwJSwgLTUwJSwgMCApO1xuXHR0cmFuc2l0aW9uOiBvcGFjaXR5IDEyMG1zIGxpbmVhcjtcblx0ei1pbmRleDogMTtcblxuXHQkeyAoIHsgaXNBY3RpdmUgfSApID0+XG5cdFx0aXNBY3RpdmUgJiZcblx0XHRgXG5cdFx0b3BhY2l0eTogMTtcblx0YCB9XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmUgPSBzdHlsZWQuZGl2YFxuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRiYWNrZ3JvdW5kOiB3aGl0ZTtcblx0Ym94LXNoYWRvdzogMCAwIDJweCByZ2JhKCAwLCAwLCAwLCAwLjYgKTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHRvcGFjaXR5OiAwLjQ7XG5cdHRyYW5zZm9ybTogdHJhbnNsYXRlWiggMCApO1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRMaW5lWCA9IHN0eWxlZCggR3JpZExpbmUgKWBcblx0aGVpZ2h0OiAxcHg7XG5cdGxlZnQ6IDA7XG5cdHJpZ2h0OiAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRMaW5lWSA9IHN0eWxlZCggR3JpZExpbmUgKWBcblx0d2lkdGg6IDFweDtcblx0dG9wOiAwO1xuXHRib3R0b206IDA7XG5gO1xuIl19 */"));
55
+ })("background:", _utils.COLORS.lightGray[300], ";height:170px;max-width:280px;min-width:200px;width:100%;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1waWNrZXItc3R5bGUuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEMwQyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2ZvY2FsLXBvaW50LXBpY2tlci9zdHlsZXMvZm9jYWwtcG9pbnQtcGlja2VyLXN0eWxlLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBGbGV4IH0gZnJvbSAnLi4vLi4vZmxleCc7XG5pbXBvcnQgQmFzZVVuaXRDb250cm9sIGZyb20gJy4uLy4uL3VuaXQtY29udHJvbCc7XG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tICcuLi8uLi91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBNZWRpYVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcblx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHR3aWR0aDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNZWRpYUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGJveC1zaGFkb3c6IDAgMCAwIDFweCByZ2JhKCAwLCAwLCAwLCAwLjIgKTtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHRkaXNwbGF5OiBpbmxpbmUtZmxleDtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdG1hcmdpbjogYXV0bztcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRoZWlnaHQ6IDEwMCU7XG5cblx0aW1nLFxuXHR2aWRlbyB7XG5cdFx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRoZWlnaHQ6IGF1dG87XG5cdFx0bWFyZ2luOiAwO1xuXHRcdG1heC1oZWlnaHQ6IDEwMCU7XG5cdFx0bWF4LXdpZHRoOiAxMDAlO1xuXHRcdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHRcdHVzZXItc2VsZWN0OiBub25lO1xuXHRcdHdpZHRoOiBhdXRvO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgTWVkaWFQbGFjZWhvbGRlciA9IHN0eWxlZC5kaXZgXG5cdGJhY2tncm91bmQ6ICR7IENPTE9SUy5saWdodEdyYXlbIDMwMCBdIH07XG5cdGhlaWdodDogMTcwcHg7XG5cdG1heC13aWR0aDogMjgwcHg7XG5cdG1pbi13aWR0aDogMjAwcHg7XG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFVuaXRDb250cm9sID0gc3R5bGVkKCBCYXNlVW5pdENvbnRyb2wgKWBcblx0d2lkdGg6IDEwMHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbnRyb2xXcmFwcGVyID0gc3R5bGVkKCBGbGV4IClgXG5cdG1heC13aWR0aDogMzIwcHg7XG5cdHBhZGRpbmc6IDFlbSAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRWaWV3ID0gc3R5bGVkLmRpdmBcblx0bGVmdDogNTAlO1xuXHRvcGFjaXR5OiAwO1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IDUwJTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGUzZCggLTUwJSwgLTUwJSwgMCApO1xuXHR0cmFuc2l0aW9uOiBvcGFjaXR5IDEyMG1zIGxpbmVhcjtcblx0ei1pbmRleDogMTtcblxuXHQkeyAoIHsgaXNBY3RpdmUgfSApID0+XG5cdFx0aXNBY3RpdmUgJiZcblx0XHRgXG5cdFx0b3BhY2l0eTogMTtcblx0YCB9XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmUgPSBzdHlsZWQuZGl2YFxuXHRiYWNrZ3JvdW5kOiB3aGl0ZTtcblx0Ym94LXNoYWRvdzogMCAwIDJweCByZ2JhKCAwLCAwLCAwLCAwLjYgKTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHRvcGFjaXR5OiAwLjQ7XG5cdHRyYW5zZm9ybTogdHJhbnNsYXRlWiggMCApO1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRMaW5lWCA9IHN0eWxlZCggR3JpZExpbmUgKWBcblx0aGVpZ2h0OiAxcHg7XG5cdGxlZnQ6IDA7XG5cdHJpZ2h0OiAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRMaW5lWSA9IHN0eWxlZCggR3JpZExpbmUgKWBcblx0d2lkdGg6IDFweDtcblx0dG9wOiAwO1xuXHRib3R0b206IDA7XG5gO1xuIl19 */"));
56
56
  exports.MediaPlaceholder = MediaPlaceholder;
57
57
  const UnitControl = ( /*#__PURE__*/0, _base.default)(_unitControl.default, process.env.NODE_ENV === "production" ? {
58
58
  target: "e11wezi75"
@@ -65,7 +65,7 @@ const UnitControl = ( /*#__PURE__*/0, _base.default)(_unitControl.default, proce
65
65
  } : {
66
66
  name: "1pzk433",
67
67
  styles: "width:100px",
68
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1waWNrZXItc3R5bGUuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcURvRCIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2ZvY2FsLXBvaW50LXBpY2tlci9zdHlsZXMvZm9jYWwtcG9pbnQtcGlja2VyLXN0eWxlLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBGbGV4IH0gZnJvbSAnLi4vLi4vZmxleCc7XG5pbXBvcnQgQmFzZVVuaXRDb250cm9sIGZyb20gJy4uLy4uL3VuaXQtY29udHJvbCc7XG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tICcuLi8uLi91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBNZWRpYVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHR3aWR0aDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNZWRpYUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdGJveC1zaGFkb3c6IDAgMCAwIDFweCByZ2JhKCAwLCAwLCAwLCAwLjIgKTtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHRkaXNwbGF5OiBpbmxpbmUtZmxleDtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdG1hcmdpbjogYXV0bztcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRoZWlnaHQ6IDEwMCU7XG5cblx0aW1nLFxuXHR2aWRlbyB7XG5cdFx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRoZWlnaHQ6IGF1dG87XG5cdFx0bWFyZ2luOiAwO1xuXHRcdG1heC1oZWlnaHQ6IDEwMCU7XG5cdFx0bWF4LXdpZHRoOiAxMDAlO1xuXHRcdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHRcdHVzZXItc2VsZWN0OiBub25lO1xuXHRcdHdpZHRoOiBhdXRvO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgTWVkaWFQbGFjZWhvbGRlciA9IHN0eWxlZC5kaXZgXG5cdGJhY2tncm91bmQ6ICR7IENPTE9SUy5saWdodEdyYXlbIDMwMCBdIH07XG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdGhlaWdodDogMTcwcHg7XG5cdG1heC13aWR0aDogMjgwcHg7XG5cdG1pbi13aWR0aDogMjAwcHg7XG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFVuaXRDb250cm9sID0gc3R5bGVkKCBCYXNlVW5pdENvbnRyb2wgKWBcblx0d2lkdGg6IDEwMHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbnRyb2xXcmFwcGVyID0gc3R5bGVkKCBGbGV4IClgXG5cdG1heC13aWR0aDogMzIwcHg7XG5cdHBhZGRpbmc6IDFlbSAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRWaWV3ID0gc3R5bGVkLmRpdmBcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0bGVmdDogNTAlO1xuXHRvcGFjaXR5OiAwO1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IDUwJTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGUzZCggLTUwJSwgLTUwJSwgMCApO1xuXHR0cmFuc2l0aW9uOiBvcGFjaXR5IDEyMG1zIGxpbmVhcjtcblx0ei1pbmRleDogMTtcblxuXHQkeyAoIHsgaXNBY3RpdmUgfSApID0+XG5cdFx0aXNBY3RpdmUgJiZcblx0XHRgXG5cdFx0b3BhY2l0eTogMTtcblx0YCB9XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmUgPSBzdHlsZWQuZGl2YFxuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRiYWNrZ3JvdW5kOiB3aGl0ZTtcblx0Ym94LXNoYWRvdzogMCAwIDJweCByZ2JhKCAwLCAwLCAwLCAwLjYgKTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHRvcGFjaXR5OiAwLjQ7XG5cdHRyYW5zZm9ybTogdHJhbnNsYXRlWiggMCApO1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRMaW5lWCA9IHN0eWxlZCggR3JpZExpbmUgKWBcblx0aGVpZ2h0OiAxcHg7XG5cdGxlZnQ6IDA7XG5cdHJpZ2h0OiAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRMaW5lWSA9IHN0eWxlZCggR3JpZExpbmUgKWBcblx0d2lkdGg6IDFweDtcblx0dG9wOiAwO1xuXHRib3R0b206IDA7XG5gO1xuIl19 */",
68
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1waWNrZXItc3R5bGUuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0RvRCIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2ZvY2FsLXBvaW50LXBpY2tlci9zdHlsZXMvZm9jYWwtcG9pbnQtcGlja2VyLXN0eWxlLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBGbGV4IH0gZnJvbSAnLi4vLi4vZmxleCc7XG5pbXBvcnQgQmFzZVVuaXRDb250cm9sIGZyb20gJy4uLy4uL3VuaXQtY29udHJvbCc7XG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tICcuLi8uLi91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBNZWRpYVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcblx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHR3aWR0aDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNZWRpYUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGJveC1zaGFkb3c6IDAgMCAwIDFweCByZ2JhKCAwLCAwLCAwLCAwLjIgKTtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHRkaXNwbGF5OiBpbmxpbmUtZmxleDtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdG1hcmdpbjogYXV0bztcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRoZWlnaHQ6IDEwMCU7XG5cblx0aW1nLFxuXHR2aWRlbyB7XG5cdFx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRoZWlnaHQ6IGF1dG87XG5cdFx0bWFyZ2luOiAwO1xuXHRcdG1heC1oZWlnaHQ6IDEwMCU7XG5cdFx0bWF4LXdpZHRoOiAxMDAlO1xuXHRcdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHRcdHVzZXItc2VsZWN0OiBub25lO1xuXHRcdHdpZHRoOiBhdXRvO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgTWVkaWFQbGFjZWhvbGRlciA9IHN0eWxlZC5kaXZgXG5cdGJhY2tncm91bmQ6ICR7IENPTE9SUy5saWdodEdyYXlbIDMwMCBdIH07XG5cdGhlaWdodDogMTcwcHg7XG5cdG1heC13aWR0aDogMjgwcHg7XG5cdG1pbi13aWR0aDogMjAwcHg7XG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFVuaXRDb250cm9sID0gc3R5bGVkKCBCYXNlVW5pdENvbnRyb2wgKWBcblx0d2lkdGg6IDEwMHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbnRyb2xXcmFwcGVyID0gc3R5bGVkKCBGbGV4IClgXG5cdG1heC13aWR0aDogMzIwcHg7XG5cdHBhZGRpbmc6IDFlbSAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRWaWV3ID0gc3R5bGVkLmRpdmBcblx0bGVmdDogNTAlO1xuXHRvcGFjaXR5OiAwO1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IDUwJTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGUzZCggLTUwJSwgLTUwJSwgMCApO1xuXHR0cmFuc2l0aW9uOiBvcGFjaXR5IDEyMG1zIGxpbmVhcjtcblx0ei1pbmRleDogMTtcblxuXHQkeyAoIHsgaXNBY3RpdmUgfSApID0+XG5cdFx0aXNBY3RpdmUgJiZcblx0XHRgXG5cdFx0b3BhY2l0eTogMTtcblx0YCB9XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmUgPSBzdHlsZWQuZGl2YFxuXHRiYWNrZ3JvdW5kOiB3aGl0ZTtcblx0Ym94LXNoYWRvdzogMCAwIDJweCByZ2JhKCAwLCAwLCAwLCAwLjYgKTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHRvcGFjaXR5OiAwLjQ7XG5cdHRyYW5zZm9ybTogdHJhbnNsYXRlWiggMCApO1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRMaW5lWCA9IHN0eWxlZCggR3JpZExpbmUgKWBcblx0aGVpZ2h0OiAxcHg7XG5cdGxlZnQ6IDA7XG5cdHJpZ2h0OiAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRMaW5lWSA9IHN0eWxlZCggR3JpZExpbmUgKWBcblx0d2lkdGg6IDFweDtcblx0dG9wOiAwO1xuXHRib3R0b206IDA7XG5gO1xuIl19 */",
69
69
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
70
70
  });
71
71
  exports.UnitControl = UnitControl;
@@ -80,7 +80,7 @@ const ControlWrapper = ( /*#__PURE__*/0, _base.default)(_flex.Flex, process.env.
80
80
  } : {
81
81
  name: "ox4xcy",
82
82
  styles: "max-width:320px;padding:1em 0",
83
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1waWNrZXItc3R5bGUuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUQ0QyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2ZvY2FsLXBvaW50LXBpY2tlci9zdHlsZXMvZm9jYWwtcG9pbnQtcGlja2VyLXN0eWxlLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBGbGV4IH0gZnJvbSAnLi4vLi4vZmxleCc7XG5pbXBvcnQgQmFzZVVuaXRDb250cm9sIGZyb20gJy4uLy4uL3VuaXQtY29udHJvbCc7XG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tICcuLi8uLi91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBNZWRpYVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHR3aWR0aDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNZWRpYUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdGJveC1zaGFkb3c6IDAgMCAwIDFweCByZ2JhKCAwLCAwLCAwLCAwLjIgKTtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHRkaXNwbGF5OiBpbmxpbmUtZmxleDtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdG1hcmdpbjogYXV0bztcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRoZWlnaHQ6IDEwMCU7XG5cblx0aW1nLFxuXHR2aWRlbyB7XG5cdFx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRoZWlnaHQ6IGF1dG87XG5cdFx0bWFyZ2luOiAwO1xuXHRcdG1heC1oZWlnaHQ6IDEwMCU7XG5cdFx0bWF4LXdpZHRoOiAxMDAlO1xuXHRcdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHRcdHVzZXItc2VsZWN0OiBub25lO1xuXHRcdHdpZHRoOiBhdXRvO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgTWVkaWFQbGFjZWhvbGRlciA9IHN0eWxlZC5kaXZgXG5cdGJhY2tncm91bmQ6ICR7IENPTE9SUy5saWdodEdyYXlbIDMwMCBdIH07XG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdGhlaWdodDogMTcwcHg7XG5cdG1heC13aWR0aDogMjgwcHg7XG5cdG1pbi13aWR0aDogMjAwcHg7XG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFVuaXRDb250cm9sID0gc3R5bGVkKCBCYXNlVW5pdENvbnRyb2wgKWBcblx0d2lkdGg6IDEwMHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbnRyb2xXcmFwcGVyID0gc3R5bGVkKCBGbGV4IClgXG5cdG1heC13aWR0aDogMzIwcHg7XG5cdHBhZGRpbmc6IDFlbSAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRWaWV3ID0gc3R5bGVkLmRpdmBcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0bGVmdDogNTAlO1xuXHRvcGFjaXR5OiAwO1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IDUwJTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGUzZCggLTUwJSwgLTUwJSwgMCApO1xuXHR0cmFuc2l0aW9uOiBvcGFjaXR5IDEyMG1zIGxpbmVhcjtcblx0ei1pbmRleDogMTtcblxuXHQkeyAoIHsgaXNBY3RpdmUgfSApID0+XG5cdFx0aXNBY3RpdmUgJiZcblx0XHRgXG5cdFx0b3BhY2l0eTogMTtcblx0YCB9XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmUgPSBzdHlsZWQuZGl2YFxuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRiYWNrZ3JvdW5kOiB3aGl0ZTtcblx0Ym94LXNoYWRvdzogMCAwIDJweCByZ2JhKCAwLCAwLCAwLCAwLjYgKTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHRvcGFjaXR5OiAwLjQ7XG5cdHRyYW5zZm9ybTogdHJhbnNsYXRlWiggMCApO1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRMaW5lWCA9IHN0eWxlZCggR3JpZExpbmUgKWBcblx0aGVpZ2h0OiAxcHg7XG5cdGxlZnQ6IDA7XG5cdHJpZ2h0OiAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRMaW5lWSA9IHN0eWxlZCggR3JpZExpbmUgKWBcblx0d2lkdGg6IDFweDtcblx0dG9wOiAwO1xuXHRib3R0b206IDA7XG5gO1xuIl19 */",
83
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1waWNrZXItc3R5bGUuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0Q0QyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2ZvY2FsLXBvaW50LXBpY2tlci9zdHlsZXMvZm9jYWwtcG9pbnQtcGlja2VyLXN0eWxlLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBGbGV4IH0gZnJvbSAnLi4vLi4vZmxleCc7XG5pbXBvcnQgQmFzZVVuaXRDb250cm9sIGZyb20gJy4uLy4uL3VuaXQtY29udHJvbCc7XG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tICcuLi8uLi91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBNZWRpYVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcblx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHR3aWR0aDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNZWRpYUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGJveC1zaGFkb3c6IDAgMCAwIDFweCByZ2JhKCAwLCAwLCAwLCAwLjIgKTtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHRkaXNwbGF5OiBpbmxpbmUtZmxleDtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdG1hcmdpbjogYXV0bztcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRoZWlnaHQ6IDEwMCU7XG5cblx0aW1nLFxuXHR2aWRlbyB7XG5cdFx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRoZWlnaHQ6IGF1dG87XG5cdFx0bWFyZ2luOiAwO1xuXHRcdG1heC1oZWlnaHQ6IDEwMCU7XG5cdFx0bWF4LXdpZHRoOiAxMDAlO1xuXHRcdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHRcdHVzZXItc2VsZWN0OiBub25lO1xuXHRcdHdpZHRoOiBhdXRvO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgTWVkaWFQbGFjZWhvbGRlciA9IHN0eWxlZC5kaXZgXG5cdGJhY2tncm91bmQ6ICR7IENPTE9SUy5saWdodEdyYXlbIDMwMCBdIH07XG5cdGhlaWdodDogMTcwcHg7XG5cdG1heC13aWR0aDogMjgwcHg7XG5cdG1pbi13aWR0aDogMjAwcHg7XG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFVuaXRDb250cm9sID0gc3R5bGVkKCBCYXNlVW5pdENvbnRyb2wgKWBcblx0d2lkdGg6IDEwMHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbnRyb2xXcmFwcGVyID0gc3R5bGVkKCBGbGV4IClgXG5cdG1heC13aWR0aDogMzIwcHg7XG5cdHBhZGRpbmc6IDFlbSAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRWaWV3ID0gc3R5bGVkLmRpdmBcblx0bGVmdDogNTAlO1xuXHRvcGFjaXR5OiAwO1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IDUwJTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGUzZCggLTUwJSwgLTUwJSwgMCApO1xuXHR0cmFuc2l0aW9uOiBvcGFjaXR5IDEyMG1zIGxpbmVhcjtcblx0ei1pbmRleDogMTtcblxuXHQkeyAoIHsgaXNBY3RpdmUgfSApID0+XG5cdFx0aXNBY3RpdmUgJiZcblx0XHRgXG5cdFx0b3BhY2l0eTogMTtcblx0YCB9XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmUgPSBzdHlsZWQuZGl2YFxuXHRiYWNrZ3JvdW5kOiB3aGl0ZTtcblx0Ym94LXNoYWRvdzogMCAwIDJweCByZ2JhKCAwLCAwLCAwLCAwLjYgKTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHRvcGFjaXR5OiAwLjQ7XG5cdHRyYW5zZm9ybTogdHJhbnNsYXRlWiggMCApO1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRMaW5lWCA9IHN0eWxlZCggR3JpZExpbmUgKWBcblx0aGVpZ2h0OiAxcHg7XG5cdGxlZnQ6IDA7XG5cdHJpZ2h0OiAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRMaW5lWSA9IHN0eWxlZCggR3JpZExpbmUgKWBcblx0d2lkdGg6IDFweDtcblx0dG9wOiAwO1xuXHRib3R0b206IDA7XG5gO1xuIl19 */",
84
84
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
85
85
  });
86
86
  exports.ControlWrapper = ControlWrapper;
@@ -89,14 +89,14 @@ const GridView = (0, _base.default)("div", process.env.NODE_ENV === "production"
89
89
  } : {
90
90
  target: "e11wezi73",
91
91
  label: "GridView"
92
- })("box-sizing:border-box;left:50%;opacity:0;overflow:hidden;pointer-events:none;position:absolute;top:50%;transform:translate3d( -50%, -50%, 0 );transition:opacity 120ms linear;z-index:1;", _ref => {
92
+ })("left:50%;opacity:0;overflow:hidden;pointer-events:none;position:absolute;top:50%;transform:translate3d( -50%, -50%, 0 );transition:opacity 120ms linear;z-index:1;", _ref => {
93
93
  let {
94
94
  isActive
95
95
  } = _ref;
96
96
  return isActive && `
97
97
  opacity: 1;
98
98
  `;
99
- }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1waWNrZXItc3R5bGUuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOERrQyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2ZvY2FsLXBvaW50LXBpY2tlci9zdHlsZXMvZm9jYWwtcG9pbnQtcGlja2VyLXN0eWxlLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBGbGV4IH0gZnJvbSAnLi4vLi4vZmxleCc7XG5pbXBvcnQgQmFzZVVuaXRDb250cm9sIGZyb20gJy4uLy4uL3VuaXQtY29udHJvbCc7XG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tICcuLi8uLi91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBNZWRpYVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHR3aWR0aDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNZWRpYUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdGJveC1zaGFkb3c6IDAgMCAwIDFweCByZ2JhKCAwLCAwLCAwLCAwLjIgKTtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHRkaXNwbGF5OiBpbmxpbmUtZmxleDtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdG1hcmdpbjogYXV0bztcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRoZWlnaHQ6IDEwMCU7XG5cblx0aW1nLFxuXHR2aWRlbyB7XG5cdFx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRoZWlnaHQ6IGF1dG87XG5cdFx0bWFyZ2luOiAwO1xuXHRcdG1heC1oZWlnaHQ6IDEwMCU7XG5cdFx0bWF4LXdpZHRoOiAxMDAlO1xuXHRcdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHRcdHVzZXItc2VsZWN0OiBub25lO1xuXHRcdHdpZHRoOiBhdXRvO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgTWVkaWFQbGFjZWhvbGRlciA9IHN0eWxlZC5kaXZgXG5cdGJhY2tncm91bmQ6ICR7IENPTE9SUy5saWdodEdyYXlbIDMwMCBdIH07XG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdGhlaWdodDogMTcwcHg7XG5cdG1heC13aWR0aDogMjgwcHg7XG5cdG1pbi13aWR0aDogMjAwcHg7XG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFVuaXRDb250cm9sID0gc3R5bGVkKCBCYXNlVW5pdENvbnRyb2wgKWBcblx0d2lkdGg6IDEwMHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbnRyb2xXcmFwcGVyID0gc3R5bGVkKCBGbGV4IClgXG5cdG1heC13aWR0aDogMzIwcHg7XG5cdHBhZGRpbmc6IDFlbSAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRWaWV3ID0gc3R5bGVkLmRpdmBcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0bGVmdDogNTAlO1xuXHRvcGFjaXR5OiAwO1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IDUwJTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGUzZCggLTUwJSwgLTUwJSwgMCApO1xuXHR0cmFuc2l0aW9uOiBvcGFjaXR5IDEyMG1zIGxpbmVhcjtcblx0ei1pbmRleDogMTtcblxuXHQkeyAoIHsgaXNBY3RpdmUgfSApID0+XG5cdFx0aXNBY3RpdmUgJiZcblx0XHRgXG5cdFx0b3BhY2l0eTogMTtcblx0YCB9XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmUgPSBzdHlsZWQuZGl2YFxuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRiYWNrZ3JvdW5kOiB3aGl0ZTtcblx0Ym94LXNoYWRvdzogMCAwIDJweCByZ2JhKCAwLCAwLCAwLCAwLjYgKTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHRvcGFjaXR5OiAwLjQ7XG5cdHRyYW5zZm9ybTogdHJhbnNsYXRlWiggMCApO1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRMaW5lWCA9IHN0eWxlZCggR3JpZExpbmUgKWBcblx0aGVpZ2h0OiAxcHg7XG5cdGxlZnQ6IDA7XG5cdHJpZ2h0OiAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRMaW5lWSA9IHN0eWxlZCggR3JpZExpbmUgKWBcblx0d2lkdGg6IDFweDtcblx0dG9wOiAwO1xuXHRib3R0b206IDA7XG5gO1xuIl19 */"));
99
+ }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1waWNrZXItc3R5bGUuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkRrQyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2ZvY2FsLXBvaW50LXBpY2tlci9zdHlsZXMvZm9jYWwtcG9pbnQtcGlja2VyLXN0eWxlLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBGbGV4IH0gZnJvbSAnLi4vLi4vZmxleCc7XG5pbXBvcnQgQmFzZVVuaXRDb250cm9sIGZyb20gJy4uLy4uL3VuaXQtY29udHJvbCc7XG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tICcuLi8uLi91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBNZWRpYVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcblx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHR3aWR0aDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNZWRpYUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGJveC1zaGFkb3c6IDAgMCAwIDFweCByZ2JhKCAwLCAwLCAwLCAwLjIgKTtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHRkaXNwbGF5OiBpbmxpbmUtZmxleDtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdG1hcmdpbjogYXV0bztcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRoZWlnaHQ6IDEwMCU7XG5cblx0aW1nLFxuXHR2aWRlbyB7XG5cdFx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRoZWlnaHQ6IGF1dG87XG5cdFx0bWFyZ2luOiAwO1xuXHRcdG1heC1oZWlnaHQ6IDEwMCU7XG5cdFx0bWF4LXdpZHRoOiAxMDAlO1xuXHRcdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHRcdHVzZXItc2VsZWN0OiBub25lO1xuXHRcdHdpZHRoOiBhdXRvO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgTWVkaWFQbGFjZWhvbGRlciA9IHN0eWxlZC5kaXZgXG5cdGJhY2tncm91bmQ6ICR7IENPTE9SUy5saWdodEdyYXlbIDMwMCBdIH07XG5cdGhlaWdodDogMTcwcHg7XG5cdG1heC13aWR0aDogMjgwcHg7XG5cdG1pbi13aWR0aDogMjAwcHg7XG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFVuaXRDb250cm9sID0gc3R5bGVkKCBCYXNlVW5pdENvbnRyb2wgKWBcblx0d2lkdGg6IDEwMHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbnRyb2xXcmFwcGVyID0gc3R5bGVkKCBGbGV4IClgXG5cdG1heC13aWR0aDogMzIwcHg7XG5cdHBhZGRpbmc6IDFlbSAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRWaWV3ID0gc3R5bGVkLmRpdmBcblx0bGVmdDogNTAlO1xuXHRvcGFjaXR5OiAwO1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IDUwJTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGUzZCggLTUwJSwgLTUwJSwgMCApO1xuXHR0cmFuc2l0aW9uOiBvcGFjaXR5IDEyMG1zIGxpbmVhcjtcblx0ei1pbmRleDogMTtcblxuXHQkeyAoIHsgaXNBY3RpdmUgfSApID0+XG5cdFx0aXNBY3RpdmUgJiZcblx0XHRgXG5cdFx0b3BhY2l0eTogMTtcblx0YCB9XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmUgPSBzdHlsZWQuZGl2YFxuXHRiYWNrZ3JvdW5kOiB3aGl0ZTtcblx0Ym94LXNoYWRvdzogMCAwIDJweCByZ2JhKCAwLCAwLCAwLCAwLjYgKTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHRvcGFjaXR5OiAwLjQ7XG5cdHRyYW5zZm9ybTogdHJhbnNsYXRlWiggMCApO1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRMaW5lWCA9IHN0eWxlZCggR3JpZExpbmUgKWBcblx0aGVpZ2h0OiAxcHg7XG5cdGxlZnQ6IDA7XG5cdHJpZ2h0OiAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRMaW5lWSA9IHN0eWxlZCggR3JpZExpbmUgKWBcblx0d2lkdGg6IDFweDtcblx0dG9wOiAwO1xuXHRib3R0b206IDA7XG5gO1xuIl19 */"));
100
100
  exports.GridView = GridView;
101
101
  const GridLine = (0, _base.default)("div", process.env.NODE_ENV === "production" ? {
102
102
  target: "e11wezi72"
@@ -104,12 +104,12 @@ const GridLine = (0, _base.default)("div", process.env.NODE_ENV === "production"
104
104
  target: "e11wezi72",
105
105
  label: "GridLine"
106
106
  })(process.env.NODE_ENV === "production" ? {
107
- name: "1sy4ch9",
108
- styles: "box-sizing:border-box;background:white;box-shadow:0 0 2px rgba( 0, 0, 0, 0.6 );position:absolute;opacity:0.4;transform:translateZ( 0 )"
107
+ name: "1d42i6k",
108
+ styles: "background:white;box-shadow:0 0 2px rgba( 0, 0, 0, 0.6 );position:absolute;opacity:0.4;transform:translateZ( 0 )"
109
109
  } : {
110
- name: "1sy4ch9",
111
- styles: "box-sizing:border-box;background:white;box-shadow:0 0 2px rgba( 0, 0, 0, 0.6 );position:absolute;opacity:0.4;transform:translateZ( 0 )",
112
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1waWNrZXItc3R5bGUuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUZrQyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2ZvY2FsLXBvaW50LXBpY2tlci9zdHlsZXMvZm9jYWwtcG9pbnQtcGlja2VyLXN0eWxlLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBGbGV4IH0gZnJvbSAnLi4vLi4vZmxleCc7XG5pbXBvcnQgQmFzZVVuaXRDb250cm9sIGZyb20gJy4uLy4uL3VuaXQtY29udHJvbCc7XG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tICcuLi8uLi91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBNZWRpYVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHR3aWR0aDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNZWRpYUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdGJveC1zaGFkb3c6IDAgMCAwIDFweCByZ2JhKCAwLCAwLCAwLCAwLjIgKTtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHRkaXNwbGF5OiBpbmxpbmUtZmxleDtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdG1hcmdpbjogYXV0bztcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRoZWlnaHQ6IDEwMCU7XG5cblx0aW1nLFxuXHR2aWRlbyB7XG5cdFx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRoZWlnaHQ6IGF1dG87XG5cdFx0bWFyZ2luOiAwO1xuXHRcdG1heC1oZWlnaHQ6IDEwMCU7XG5cdFx0bWF4LXdpZHRoOiAxMDAlO1xuXHRcdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHRcdHVzZXItc2VsZWN0OiBub25lO1xuXHRcdHdpZHRoOiBhdXRvO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgTWVkaWFQbGFjZWhvbGRlciA9IHN0eWxlZC5kaXZgXG5cdGJhY2tncm91bmQ6ICR7IENPTE9SUy5saWdodEdyYXlbIDMwMCBdIH07XG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdGhlaWdodDogMTcwcHg7XG5cdG1heC13aWR0aDogMjgwcHg7XG5cdG1pbi13aWR0aDogMjAwcHg7XG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFVuaXRDb250cm9sID0gc3R5bGVkKCBCYXNlVW5pdENvbnRyb2wgKWBcblx0d2lkdGg6IDEwMHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbnRyb2xXcmFwcGVyID0gc3R5bGVkKCBGbGV4IClgXG5cdG1heC13aWR0aDogMzIwcHg7XG5cdHBhZGRpbmc6IDFlbSAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRWaWV3ID0gc3R5bGVkLmRpdmBcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0bGVmdDogNTAlO1xuXHRvcGFjaXR5OiAwO1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IDUwJTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGUzZCggLTUwJSwgLTUwJSwgMCApO1xuXHR0cmFuc2l0aW9uOiBvcGFjaXR5IDEyMG1zIGxpbmVhcjtcblx0ei1pbmRleDogMTtcblxuXHQkeyAoIHsgaXNBY3RpdmUgfSApID0+XG5cdFx0aXNBY3RpdmUgJiZcblx0XHRgXG5cdFx0b3BhY2l0eTogMTtcblx0YCB9XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmUgPSBzdHlsZWQuZGl2YFxuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRiYWNrZ3JvdW5kOiB3aGl0ZTtcblx0Ym94LXNoYWRvdzogMCAwIDJweCByZ2JhKCAwLCAwLCAwLCAwLjYgKTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHRvcGFjaXR5OiAwLjQ7XG5cdHRyYW5zZm9ybTogdHJhbnNsYXRlWiggMCApO1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRMaW5lWCA9IHN0eWxlZCggR3JpZExpbmUgKWBcblx0aGVpZ2h0OiAxcHg7XG5cdGxlZnQ6IDA7XG5cdHJpZ2h0OiAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRMaW5lWSA9IHN0eWxlZCggR3JpZExpbmUgKWBcblx0d2lkdGg6IDFweDtcblx0dG9wOiAwO1xuXHRib3R0b206IDA7XG5gO1xuIl19 */",
110
+ name: "1d42i6k",
111
+ styles: "background:white;box-shadow:0 0 2px rgba( 0, 0, 0, 0.6 );position:absolute;opacity:0.4;transform:translateZ( 0 )",
112
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1waWNrZXItc3R5bGUuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkVrQyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2ZvY2FsLXBvaW50LXBpY2tlci9zdHlsZXMvZm9jYWwtcG9pbnQtcGlja2VyLXN0eWxlLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBGbGV4IH0gZnJvbSAnLi4vLi4vZmxleCc7XG5pbXBvcnQgQmFzZVVuaXRDb250cm9sIGZyb20gJy4uLy4uL3VuaXQtY29udHJvbCc7XG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tICcuLi8uLi91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBNZWRpYVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcblx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHR3aWR0aDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNZWRpYUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGJveC1zaGFkb3c6IDAgMCAwIDFweCByZ2JhKCAwLCAwLCAwLCAwLjIgKTtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHRkaXNwbGF5OiBpbmxpbmUtZmxleDtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdG1hcmdpbjogYXV0bztcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRoZWlnaHQ6IDEwMCU7XG5cblx0aW1nLFxuXHR2aWRlbyB7XG5cdFx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRoZWlnaHQ6IGF1dG87XG5cdFx0bWFyZ2luOiAwO1xuXHRcdG1heC1oZWlnaHQ6IDEwMCU7XG5cdFx0bWF4LXdpZHRoOiAxMDAlO1xuXHRcdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHRcdHVzZXItc2VsZWN0OiBub25lO1xuXHRcdHdpZHRoOiBhdXRvO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgTWVkaWFQbGFjZWhvbGRlciA9IHN0eWxlZC5kaXZgXG5cdGJhY2tncm91bmQ6ICR7IENPTE9SUy5saWdodEdyYXlbIDMwMCBdIH07XG5cdGhlaWdodDogMTcwcHg7XG5cdG1heC13aWR0aDogMjgwcHg7XG5cdG1pbi13aWR0aDogMjAwcHg7XG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFVuaXRDb250cm9sID0gc3R5bGVkKCBCYXNlVW5pdENvbnRyb2wgKWBcblx0d2lkdGg6IDEwMHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbnRyb2xXcmFwcGVyID0gc3R5bGVkKCBGbGV4IClgXG5cdG1heC13aWR0aDogMzIwcHg7XG5cdHBhZGRpbmc6IDFlbSAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRWaWV3ID0gc3R5bGVkLmRpdmBcblx0bGVmdDogNTAlO1xuXHRvcGFjaXR5OiAwO1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IDUwJTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGUzZCggLTUwJSwgLTUwJSwgMCApO1xuXHR0cmFuc2l0aW9uOiBvcGFjaXR5IDEyMG1zIGxpbmVhcjtcblx0ei1pbmRleDogMTtcblxuXHQkeyAoIHsgaXNBY3RpdmUgfSApID0+XG5cdFx0aXNBY3RpdmUgJiZcblx0XHRgXG5cdFx0b3BhY2l0eTogMTtcblx0YCB9XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmUgPSBzdHlsZWQuZGl2YFxuXHRiYWNrZ3JvdW5kOiB3aGl0ZTtcblx0Ym94LXNoYWRvdzogMCAwIDJweCByZ2JhKCAwLCAwLCAwLCAwLjYgKTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHRvcGFjaXR5OiAwLjQ7XG5cdHRyYW5zZm9ybTogdHJhbnNsYXRlWiggMCApO1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRMaW5lWCA9IHN0eWxlZCggR3JpZExpbmUgKWBcblx0aGVpZ2h0OiAxcHg7XG5cdGxlZnQ6IDA7XG5cdHJpZ2h0OiAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRMaW5lWSA9IHN0eWxlZCggR3JpZExpbmUgKWBcblx0d2lkdGg6IDFweDtcblx0dG9wOiAwO1xuXHRib3R0b206IDA7XG5gO1xuIl19 */",
113
113
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
114
114
  });
115
115
  exports.GridLine = GridLine;
@@ -124,7 +124,7 @@ const GridLineX = ( /*#__PURE__*/0, _base.default)(GridLine, process.env.NODE_EN
124
124
  } : {
125
125
  name: "1qp910y",
126
126
  styles: "height:1px;left:0;right:0",
127
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1waWNrZXItc3R5bGUuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEYyQyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2ZvY2FsLXBvaW50LXBpY2tlci9zdHlsZXMvZm9jYWwtcG9pbnQtcGlja2VyLXN0eWxlLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBGbGV4IH0gZnJvbSAnLi4vLi4vZmxleCc7XG5pbXBvcnQgQmFzZVVuaXRDb250cm9sIGZyb20gJy4uLy4uL3VuaXQtY29udHJvbCc7XG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tICcuLi8uLi91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBNZWRpYVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHR3aWR0aDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNZWRpYUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdGJveC1zaGFkb3c6IDAgMCAwIDFweCByZ2JhKCAwLCAwLCAwLCAwLjIgKTtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHRkaXNwbGF5OiBpbmxpbmUtZmxleDtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdG1hcmdpbjogYXV0bztcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRoZWlnaHQ6IDEwMCU7XG5cblx0aW1nLFxuXHR2aWRlbyB7XG5cdFx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRoZWlnaHQ6IGF1dG87XG5cdFx0bWFyZ2luOiAwO1xuXHRcdG1heC1oZWlnaHQ6IDEwMCU7XG5cdFx0bWF4LXdpZHRoOiAxMDAlO1xuXHRcdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHRcdHVzZXItc2VsZWN0OiBub25lO1xuXHRcdHdpZHRoOiBhdXRvO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgTWVkaWFQbGFjZWhvbGRlciA9IHN0eWxlZC5kaXZgXG5cdGJhY2tncm91bmQ6ICR7IENPTE9SUy5saWdodEdyYXlbIDMwMCBdIH07XG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdGhlaWdodDogMTcwcHg7XG5cdG1heC13aWR0aDogMjgwcHg7XG5cdG1pbi13aWR0aDogMjAwcHg7XG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFVuaXRDb250cm9sID0gc3R5bGVkKCBCYXNlVW5pdENvbnRyb2wgKWBcblx0d2lkdGg6IDEwMHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbnRyb2xXcmFwcGVyID0gc3R5bGVkKCBGbGV4IClgXG5cdG1heC13aWR0aDogMzIwcHg7XG5cdHBhZGRpbmc6IDFlbSAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRWaWV3ID0gc3R5bGVkLmRpdmBcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0bGVmdDogNTAlO1xuXHRvcGFjaXR5OiAwO1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IDUwJTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGUzZCggLTUwJSwgLTUwJSwgMCApO1xuXHR0cmFuc2l0aW9uOiBvcGFjaXR5IDEyMG1zIGxpbmVhcjtcblx0ei1pbmRleDogMTtcblxuXHQkeyAoIHsgaXNBY3RpdmUgfSApID0+XG5cdFx0aXNBY3RpdmUgJiZcblx0XHRgXG5cdFx0b3BhY2l0eTogMTtcblx0YCB9XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmUgPSBzdHlsZWQuZGl2YFxuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRiYWNrZ3JvdW5kOiB3aGl0ZTtcblx0Ym94LXNoYWRvdzogMCAwIDJweCByZ2JhKCAwLCAwLCAwLCAwLjYgKTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHRvcGFjaXR5OiAwLjQ7XG5cdHRyYW5zZm9ybTogdHJhbnNsYXRlWiggMCApO1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRMaW5lWCA9IHN0eWxlZCggR3JpZExpbmUgKWBcblx0aGVpZ2h0OiAxcHg7XG5cdGxlZnQ6IDA7XG5cdHJpZ2h0OiAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRMaW5lWSA9IHN0eWxlZCggR3JpZExpbmUgKWBcblx0d2lkdGg6IDFweDtcblx0dG9wOiAwO1xuXHRib3R0b206IDA7XG5gO1xuIl19 */",
127
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1waWNrZXItc3R5bGUuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUYyQyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2ZvY2FsLXBvaW50LXBpY2tlci9zdHlsZXMvZm9jYWwtcG9pbnQtcGlja2VyLXN0eWxlLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBGbGV4IH0gZnJvbSAnLi4vLi4vZmxleCc7XG5pbXBvcnQgQmFzZVVuaXRDb250cm9sIGZyb20gJy4uLy4uL3VuaXQtY29udHJvbCc7XG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tICcuLi8uLi91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBNZWRpYVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcblx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHR3aWR0aDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNZWRpYUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGJveC1zaGFkb3c6IDAgMCAwIDFweCByZ2JhKCAwLCAwLCAwLCAwLjIgKTtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHRkaXNwbGF5OiBpbmxpbmUtZmxleDtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdG1hcmdpbjogYXV0bztcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRoZWlnaHQ6IDEwMCU7XG5cblx0aW1nLFxuXHR2aWRlbyB7XG5cdFx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRoZWlnaHQ6IGF1dG87XG5cdFx0bWFyZ2luOiAwO1xuXHRcdG1heC1oZWlnaHQ6IDEwMCU7XG5cdFx0bWF4LXdpZHRoOiAxMDAlO1xuXHRcdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHRcdHVzZXItc2VsZWN0OiBub25lO1xuXHRcdHdpZHRoOiBhdXRvO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgTWVkaWFQbGFjZWhvbGRlciA9IHN0eWxlZC5kaXZgXG5cdGJhY2tncm91bmQ6ICR7IENPTE9SUy5saWdodEdyYXlbIDMwMCBdIH07XG5cdGhlaWdodDogMTcwcHg7XG5cdG1heC13aWR0aDogMjgwcHg7XG5cdG1pbi13aWR0aDogMjAwcHg7XG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFVuaXRDb250cm9sID0gc3R5bGVkKCBCYXNlVW5pdENvbnRyb2wgKWBcblx0d2lkdGg6IDEwMHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbnRyb2xXcmFwcGVyID0gc3R5bGVkKCBGbGV4IClgXG5cdG1heC13aWR0aDogMzIwcHg7XG5cdHBhZGRpbmc6IDFlbSAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRWaWV3ID0gc3R5bGVkLmRpdmBcblx0bGVmdDogNTAlO1xuXHRvcGFjaXR5OiAwO1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IDUwJTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGUzZCggLTUwJSwgLTUwJSwgMCApO1xuXHR0cmFuc2l0aW9uOiBvcGFjaXR5IDEyMG1zIGxpbmVhcjtcblx0ei1pbmRleDogMTtcblxuXHQkeyAoIHsgaXNBY3RpdmUgfSApID0+XG5cdFx0aXNBY3RpdmUgJiZcblx0XHRgXG5cdFx0b3BhY2l0eTogMTtcblx0YCB9XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmUgPSBzdHlsZWQuZGl2YFxuXHRiYWNrZ3JvdW5kOiB3aGl0ZTtcblx0Ym94LXNoYWRvdzogMCAwIDJweCByZ2JhKCAwLCAwLCAwLCAwLjYgKTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHRvcGFjaXR5OiAwLjQ7XG5cdHRyYW5zZm9ybTogdHJhbnNsYXRlWiggMCApO1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRMaW5lWCA9IHN0eWxlZCggR3JpZExpbmUgKWBcblx0aGVpZ2h0OiAxcHg7XG5cdGxlZnQ6IDA7XG5cdHJpZ2h0OiAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRMaW5lWSA9IHN0eWxlZCggR3JpZExpbmUgKWBcblx0d2lkdGg6IDFweDtcblx0dG9wOiAwO1xuXHRib3R0b206IDA7XG5gO1xuIl19 */",
128
128
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
129
129
  });
130
130
  exports.GridLineX = GridLineX;
@@ -139,7 +139,7 @@ const GridLineY = ( /*#__PURE__*/0, _base.default)(GridLine, process.env.NODE_EN
139
139
  } : {
140
140
  name: "1oz3zka",
141
141
  styles: "width:1px;top:0;bottom:0",
142
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1waWNrZXItc3R5bGUuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0cyQyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2ZvY2FsLXBvaW50LXBpY2tlci9zdHlsZXMvZm9jYWwtcG9pbnQtcGlja2VyLXN0eWxlLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBGbGV4IH0gZnJvbSAnLi4vLi4vZmxleCc7XG5pbXBvcnQgQmFzZVVuaXRDb250cm9sIGZyb20gJy4uLy4uL3VuaXQtY29udHJvbCc7XG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tICcuLi8uLi91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBNZWRpYVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHR3aWR0aDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNZWRpYUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdGJveC1zaGFkb3c6IDAgMCAwIDFweCByZ2JhKCAwLCAwLCAwLCAwLjIgKTtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHRkaXNwbGF5OiBpbmxpbmUtZmxleDtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdG1hcmdpbjogYXV0bztcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRoZWlnaHQ6IDEwMCU7XG5cblx0aW1nLFxuXHR2aWRlbyB7XG5cdFx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRoZWlnaHQ6IGF1dG87XG5cdFx0bWFyZ2luOiAwO1xuXHRcdG1heC1oZWlnaHQ6IDEwMCU7XG5cdFx0bWF4LXdpZHRoOiAxMDAlO1xuXHRcdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHRcdHVzZXItc2VsZWN0OiBub25lO1xuXHRcdHdpZHRoOiBhdXRvO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgTWVkaWFQbGFjZWhvbGRlciA9IHN0eWxlZC5kaXZgXG5cdGJhY2tncm91bmQ6ICR7IENPTE9SUy5saWdodEdyYXlbIDMwMCBdIH07XG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdGhlaWdodDogMTcwcHg7XG5cdG1heC13aWR0aDogMjgwcHg7XG5cdG1pbi13aWR0aDogMjAwcHg7XG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFVuaXRDb250cm9sID0gc3R5bGVkKCBCYXNlVW5pdENvbnRyb2wgKWBcblx0d2lkdGg6IDEwMHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbnRyb2xXcmFwcGVyID0gc3R5bGVkKCBGbGV4IClgXG5cdG1heC13aWR0aDogMzIwcHg7XG5cdHBhZGRpbmc6IDFlbSAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRWaWV3ID0gc3R5bGVkLmRpdmBcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0bGVmdDogNTAlO1xuXHRvcGFjaXR5OiAwO1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IDUwJTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGUzZCggLTUwJSwgLTUwJSwgMCApO1xuXHR0cmFuc2l0aW9uOiBvcGFjaXR5IDEyMG1zIGxpbmVhcjtcblx0ei1pbmRleDogMTtcblxuXHQkeyAoIHsgaXNBY3RpdmUgfSApID0+XG5cdFx0aXNBY3RpdmUgJiZcblx0XHRgXG5cdFx0b3BhY2l0eTogMTtcblx0YCB9XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmUgPSBzdHlsZWQuZGl2YFxuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRiYWNrZ3JvdW5kOiB3aGl0ZTtcblx0Ym94LXNoYWRvdzogMCAwIDJweCByZ2JhKCAwLCAwLCAwLCAwLjYgKTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHRvcGFjaXR5OiAwLjQ7XG5cdHRyYW5zZm9ybTogdHJhbnNsYXRlWiggMCApO1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRMaW5lWCA9IHN0eWxlZCggR3JpZExpbmUgKWBcblx0aGVpZ2h0OiAxcHg7XG5cdGxlZnQ6IDA7XG5cdHJpZ2h0OiAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRMaW5lWSA9IHN0eWxlZCggR3JpZExpbmUgKWBcblx0d2lkdGg6IDFweDtcblx0dG9wOiAwO1xuXHRib3R0b206IDA7XG5gO1xuIl19 */",
142
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1waWNrZXItc3R5bGUuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkYyQyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2ZvY2FsLXBvaW50LXBpY2tlci9zdHlsZXMvZm9jYWwtcG9pbnQtcGlja2VyLXN0eWxlLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBGbGV4IH0gZnJvbSAnLi4vLi4vZmxleCc7XG5pbXBvcnQgQmFzZVVuaXRDb250cm9sIGZyb20gJy4uLy4uL3VuaXQtY29udHJvbCc7XG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tICcuLi8uLi91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBNZWRpYVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcblx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHR3aWR0aDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNZWRpYUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGJveC1zaGFkb3c6IDAgMCAwIDFweCByZ2JhKCAwLCAwLCAwLCAwLjIgKTtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHRkaXNwbGF5OiBpbmxpbmUtZmxleDtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdG1hcmdpbjogYXV0bztcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRoZWlnaHQ6IDEwMCU7XG5cblx0aW1nLFxuXHR2aWRlbyB7XG5cdFx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRoZWlnaHQ6IGF1dG87XG5cdFx0bWFyZ2luOiAwO1xuXHRcdG1heC1oZWlnaHQ6IDEwMCU7XG5cdFx0bWF4LXdpZHRoOiAxMDAlO1xuXHRcdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHRcdHVzZXItc2VsZWN0OiBub25lO1xuXHRcdHdpZHRoOiBhdXRvO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgTWVkaWFQbGFjZWhvbGRlciA9IHN0eWxlZC5kaXZgXG5cdGJhY2tncm91bmQ6ICR7IENPTE9SUy5saWdodEdyYXlbIDMwMCBdIH07XG5cdGhlaWdodDogMTcwcHg7XG5cdG1heC13aWR0aDogMjgwcHg7XG5cdG1pbi13aWR0aDogMjAwcHg7XG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFVuaXRDb250cm9sID0gc3R5bGVkKCBCYXNlVW5pdENvbnRyb2wgKWBcblx0d2lkdGg6IDEwMHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbnRyb2xXcmFwcGVyID0gc3R5bGVkKCBGbGV4IClgXG5cdG1heC13aWR0aDogMzIwcHg7XG5cdHBhZGRpbmc6IDFlbSAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRWaWV3ID0gc3R5bGVkLmRpdmBcblx0bGVmdDogNTAlO1xuXHRvcGFjaXR5OiAwO1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IDUwJTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGUzZCggLTUwJSwgLTUwJSwgMCApO1xuXHR0cmFuc2l0aW9uOiBvcGFjaXR5IDEyMG1zIGxpbmVhcjtcblx0ei1pbmRleDogMTtcblxuXHQkeyAoIHsgaXNBY3RpdmUgfSApID0+XG5cdFx0aXNBY3RpdmUgJiZcblx0XHRgXG5cdFx0b3BhY2l0eTogMTtcblx0YCB9XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmUgPSBzdHlsZWQuZGl2YFxuXHRiYWNrZ3JvdW5kOiB3aGl0ZTtcblx0Ym94LXNoYWRvdzogMCAwIDJweCByZ2JhKCAwLCAwLCAwLCAwLjYgKTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHRvcGFjaXR5OiAwLjQ7XG5cdHRyYW5zZm9ybTogdHJhbnNsYXRlWiggMCApO1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRMaW5lWCA9IHN0eWxlZCggR3JpZExpbmUgKWBcblx0aGVpZ2h0OiAxcHg7XG5cdGxlZnQ6IDA7XG5cdHJpZ2h0OiAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRMaW5lWSA9IHN0eWxlZCggR3JpZExpbmUgKWBcblx0d2lkdGg6IDFweDtcblx0dG9wOiAwO1xuXHRib3R0b206IDA7XG5gO1xuIl19 */",
143
143
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
144
144
  });
145
145
  exports.GridLineY = GridLineY;
@@ -1 +1 @@
1
- {"version":3,"sources":["@wordpress/components/src/focal-point-picker/styles/focal-point-picker-style.js"],"names":["MediaWrapper","MediaContainer","MediaPlaceholder","COLORS","lightGray","UnitControl","BaseUnitControl","ControlWrapper","Flex","GridView","isActive","GridLine","GridLineX","GridLineY"],"mappings":";;;;;;;;;;;AAQA;;AACA;;AACA;;;;AAEO,MAAMA,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;;AAOA,MAAMC,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAApB;;AAyBA,MAAMC,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA,kBACbC,cAAOC,SAAP,CAAkB,GAAlB,CADa,uoGAAtB;;AASA,MAAMC,WAAW,GAAG,iCAAQC,oBAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAjB;;AAIA,MAAMC,cAAc,GAAG,iCAAQC,UAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAApB;;AAKA,MAAMC,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,+LAYjB;AAAA,MAAE;AAAEC,IAAAA;AAAF,GAAF;AAAA,SACFA,QAAQ,IACP;AACH;AACA,EAJI;AAAA,CAZiB,yjGAAd;;AAmBA,MAAMC,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAd;;AASA,MAAMC,SAAS,GAAG,iCAAQD,QAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAf;;AAMA,MAAME,SAAS,GAAG,iCAAQF,QAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAf","sourcesContent":["/**\n * External dependencies\n */\nimport styled from '@emotion/styled';\n\n/**\n * Internal dependencies\n */\nimport { Flex } from '../../flex';\nimport BaseUnitControl from '../../unit-control';\nimport { COLORS } from '../../utils';\n\nexport const MediaWrapper = styled.div`\n\tbackground-color: transparent;\n\tbox-sizing: border-box;\n\ttext-align: center;\n\twidth: 100%;\n`;\n\nexport const MediaContainer = styled.div`\n\talign-items: center;\n\tbox-sizing: border-box;\n\tbox-shadow: 0 0 0 1px rgba( 0, 0, 0, 0.2 );\n\tcursor: pointer;\n\tdisplay: inline-flex;\n\tjustify-content: center;\n\tmargin: auto;\n\tposition: relative;\n\theight: 100%;\n\n\timg,\n\tvideo {\n\t\tbox-sizing: border-box;\n\t\tdisplay: block;\n\t\theight: auto;\n\t\tmargin: 0;\n\t\tmax-height: 100%;\n\t\tmax-width: 100%;\n\t\tpointer-events: none;\n\t\tuser-select: none;\n\t\twidth: auto;\n\t}\n`;\n\nexport const MediaPlaceholder = styled.div`\n\tbackground: ${ COLORS.lightGray[ 300 ] };\n\tbox-sizing: border-box;\n\theight: 170px;\n\tmax-width: 280px;\n\tmin-width: 200px;\n\twidth: 100%;\n`;\n\nexport const UnitControl = styled( BaseUnitControl )`\n\twidth: 100px;\n`;\n\nexport const ControlWrapper = styled( Flex )`\n\tmax-width: 320px;\n\tpadding: 1em 0;\n`;\n\nexport const GridView = styled.div`\n\tbox-sizing: border-box;\n\tleft: 50%;\n\topacity: 0;\n\toverflow: hidden;\n\tpointer-events: none;\n\tposition: absolute;\n\ttop: 50%;\n\ttransform: translate3d( -50%, -50%, 0 );\n\ttransition: opacity 120ms linear;\n\tz-index: 1;\n\n\t${ ( { isActive } ) =>\n\t\tisActive &&\n\t\t`\n\t\topacity: 1;\n\t` }\n`;\n\nexport const GridLine = styled.div`\n\tbox-sizing: border-box;\n\tbackground: white;\n\tbox-shadow: 0 0 2px rgba( 0, 0, 0, 0.6 );\n\tposition: absolute;\n\topacity: 0.4;\n\ttransform: translateZ( 0 );\n`;\n\nexport const GridLineX = styled( GridLine )`\n\theight: 1px;\n\tleft: 0;\n\tright: 0;\n`;\n\nexport const GridLineY = styled( GridLine )`\n\twidth: 1px;\n\ttop: 0;\n\tbottom: 0;\n`;\n"]}
1
+ {"version":3,"sources":["@wordpress/components/src/focal-point-picker/styles/focal-point-picker-style.js"],"names":["MediaWrapper","MediaContainer","MediaPlaceholder","COLORS","lightGray","UnitControl","BaseUnitControl","ControlWrapper","Flex","GridView","isActive","GridLine","GridLineX","GridLineY"],"mappings":";;;;;;;;;;;AAQA;;AACA;;AACA;;;;AAEO,MAAMA,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;;AAMA,MAAMC,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAApB;;AAwBA,MAAMC,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA,kBACbC,cAAOC,SAAP,CAAkB,GAAlB,CADa,67FAAtB;;AAQA,MAAMC,WAAW,GAAG,iCAAQC,oBAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAjB;;AAIA,MAAMC,cAAc,GAAG,iCAAQC,UAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAApB;;AAKA,MAAMC,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,yKAWjB;AAAA,MAAE;AAAEC,IAAAA;AAAF,GAAF;AAAA,SACFA,QAAQ,IACP;AACH;AACA,EAJI;AAAA,CAXiB,q4FAAd;;AAkBA,MAAMC,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAd;;AAQA,MAAMC,SAAS,GAAG,iCAAQD,QAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAf;;AAMA,MAAME,SAAS,GAAG,iCAAQF,QAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAf","sourcesContent":["/**\n * External dependencies\n */\nimport styled from '@emotion/styled';\n\n/**\n * Internal dependencies\n */\nimport { Flex } from '../../flex';\nimport BaseUnitControl from '../../unit-control';\nimport { COLORS } from '../../utils';\n\nexport const MediaWrapper = styled.div`\n\tbackground-color: transparent;\n\ttext-align: center;\n\twidth: 100%;\n`;\n\nexport const MediaContainer = styled.div`\n\talign-items: center;\n\tbox-shadow: 0 0 0 1px rgba( 0, 0, 0, 0.2 );\n\tcursor: pointer;\n\tdisplay: inline-flex;\n\tjustify-content: center;\n\tmargin: auto;\n\tposition: relative;\n\theight: 100%;\n\n\timg,\n\tvideo {\n\t\tbox-sizing: border-box;\n\t\tdisplay: block;\n\t\theight: auto;\n\t\tmargin: 0;\n\t\tmax-height: 100%;\n\t\tmax-width: 100%;\n\t\tpointer-events: none;\n\t\tuser-select: none;\n\t\twidth: auto;\n\t}\n`;\n\nexport const MediaPlaceholder = styled.div`\n\tbackground: ${ COLORS.lightGray[ 300 ] };\n\theight: 170px;\n\tmax-width: 280px;\n\tmin-width: 200px;\n\twidth: 100%;\n`;\n\nexport const UnitControl = styled( BaseUnitControl )`\n\twidth: 100px;\n`;\n\nexport const ControlWrapper = styled( Flex )`\n\tmax-width: 320px;\n\tpadding: 1em 0;\n`;\n\nexport const GridView = styled.div`\n\tleft: 50%;\n\topacity: 0;\n\toverflow: hidden;\n\tpointer-events: none;\n\tposition: absolute;\n\ttop: 50%;\n\ttransform: translate3d( -50%, -50%, 0 );\n\ttransition: opacity 120ms linear;\n\tz-index: 1;\n\n\t${ ( { isActive } ) =>\n\t\tisActive &&\n\t\t`\n\t\topacity: 1;\n\t` }\n`;\n\nexport const GridLine = styled.div`\n\tbackground: white;\n\tbox-shadow: 0 0 2px rgba( 0, 0, 0, 0.6 );\n\tposition: absolute;\n\topacity: 0.4;\n\ttransform: translateZ( 0 );\n`;\n\nexport const GridLineX = styled( GridLine )`\n\theight: 1px;\n\tleft: 0;\n\tright: 0;\n`;\n\nexport const GridLineY = styled( GridLine )`\n\twidth: 1px;\n\ttop: 0;\n\tbottom: 0;\n`;\n"]}
@@ -20,12 +20,12 @@ const FocalPointWrapper = (0, _base.default)("div", process.env.NODE_ENV === "pr
20
20
  } : {
21
21
  target: "eas61re3",
22
22
  label: "FocalPointWrapper"
23
- })("background-color:transparent;box-sizing:border-box;cursor:grab;height:30px;margin:-15px 0 0 -15px;opacity:0.8;position:absolute;user-select:none;width:30px;will-change:transform;z-index:10000;", _ref => {
23
+ })("background-color:transparent;cursor:grab;height:30px;margin:-15px 0 0 -15px;opacity:0.8;position:absolute;user-select:none;width:30px;will-change:transform;z-index:10000;", _ref => {
24
24
  let {
25
25
  isDragging
26
26
  } = _ref;
27
27
  return isDragging && 'cursor: grabbing;';
28
- }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1zdHlsZS5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlMkMiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9mb2NhbC1wb2ludC1waWNrZXIvc3R5bGVzL2ZvY2FsLXBvaW50LXN0eWxlLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIFdvcmRQcmVzcyBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgUGF0aCwgU1ZHIH0gZnJvbSAnQHdvcmRwcmVzcy9wcmltaXRpdmVzJztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuXG5leHBvcnQgY29uc3QgRm9jYWxQb2ludFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0Y3Vyc29yOiBncmFiO1xuXHRoZWlnaHQ6IDMwcHg7XG5cdG1hcmdpbjogLTE1cHggMCAwIC0xNXB4O1xuXHRvcGFjaXR5OiAwLjg7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dXNlci1zZWxlY3Q6IG5vbmU7XG5cdHdpZHRoOiAzMHB4O1xuXHR3aWxsLWNoYW5nZTogdHJhbnNmb3JtO1xuXHR6LWluZGV4OiAxMDAwMDtcblxuXHQkeyAoIHsgaXNEcmFnZ2luZyB9ICkgPT4gaXNEcmFnZ2luZyAmJiAnY3Vyc29yOiBncmFiYmluZzsnIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBQb2ludGVySWNvblNWRyA9IHN0eWxlZCggU1ZHIClgXG5cdGRpc3BsYXk6IGJsb2NrO1xuXHRoZWlnaHQ6IDEwMCU7XG5cdGxlZnQ6IDA7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dG9wOiAwO1xuXHR3aWR0aDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBQb2ludGVySWNvblBhdGhPdXRsaW5lID0gc3R5bGVkKCBQYXRoIClgXG5cdGZpbGw6IHdoaXRlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFBvaW50ZXJJY29uUGF0aEZpbGwgPSBzdHlsZWQoIFBhdGggKWBcblx0ZmlsbDogJHsgQ09MT1JTLmJsdWUud29yZHByZXNzWyA3MDAgXSB9O1xuXHRmaWxsOiAkeyBDT0xPUlMudWkudGhlbWUgfTtcbmA7XG4iXX0= */"));
28
+ }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1zdHlsZS5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlMkMiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9mb2NhbC1wb2ludC1waWNrZXIvc3R5bGVzL2ZvY2FsLXBvaW50LXN0eWxlLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIFdvcmRQcmVzcyBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgUGF0aCwgU1ZHIH0gZnJvbSAnQHdvcmRwcmVzcy9wcmltaXRpdmVzJztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuXG5leHBvcnQgY29uc3QgRm9jYWxQb2ludFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcblx0Y3Vyc29yOiBncmFiO1xuXHRoZWlnaHQ6IDMwcHg7XG5cdG1hcmdpbjogLTE1cHggMCAwIC0xNXB4O1xuXHRvcGFjaXR5OiAwLjg7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dXNlci1zZWxlY3Q6IG5vbmU7XG5cdHdpZHRoOiAzMHB4O1xuXHR3aWxsLWNoYW5nZTogdHJhbnNmb3JtO1xuXHR6LWluZGV4OiAxMDAwMDtcblxuXHQkeyAoIHsgaXNEcmFnZ2luZyB9ICkgPT4gaXNEcmFnZ2luZyAmJiAnY3Vyc29yOiBncmFiYmluZzsnIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBQb2ludGVySWNvblNWRyA9IHN0eWxlZCggU1ZHIClgXG5cdGRpc3BsYXk6IGJsb2NrO1xuXHRoZWlnaHQ6IDEwMCU7XG5cdGxlZnQ6IDA7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dG9wOiAwO1xuXHR3aWR0aDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBQb2ludGVySWNvblBhdGhPdXRsaW5lID0gc3R5bGVkKCBQYXRoIClgXG5cdGZpbGw6IHdoaXRlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFBvaW50ZXJJY29uUGF0aEZpbGwgPSBzdHlsZWQoIFBhdGggKWBcblx0ZmlsbDogJHsgQ09MT1JTLnVpLnRoZW1lIH07XG5gO1xuIl19 */"));
29
29
  exports.FocalPointWrapper = FocalPointWrapper;
30
30
  const PointerIconSVG = ( /*#__PURE__*/0, _base.default)(_primitives.SVG, process.env.NODE_ENV === "production" ? {
31
31
  target: "eas61re2"
@@ -38,7 +38,7 @@ const PointerIconSVG = ( /*#__PURE__*/0, _base.default)(_primitives.SVG, process
38
38
  } : {
39
39
  name: "qkx60y",
40
40
  styles: "display:block;height:100%;left:0;position:absolute;top:0;width:100%",
41
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1zdHlsZS5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQjJDIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1zdHlsZS5qcyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuLyoqXG4gKiBXb3JkUHJlc3MgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IFBhdGgsIFNWRyB9IGZyb20gJ0B3b3JkcHJlc3MvcHJpbWl0aXZlcyc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTE9SUyB9IGZyb20gJy4uLy4uL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IEZvY2FsUG9pbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcblx0YmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdGN1cnNvcjogZ3JhYjtcblx0aGVpZ2h0OiAzMHB4O1xuXHRtYXJnaW46IC0xNXB4IDAgMCAtMTVweDtcblx0b3BhY2l0eTogMC44O1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHVzZXItc2VsZWN0OiBub25lO1xuXHR3aWR0aDogMzBweDtcblx0d2lsbC1jaGFuZ2U6IHRyYW5zZm9ybTtcblx0ei1pbmRleDogMTAwMDA7XG5cblx0JHsgKCB7IGlzRHJhZ2dpbmcgfSApID0+IGlzRHJhZ2dpbmcgJiYgJ2N1cnNvcjogZ3JhYmJpbmc7JyB9XG5gO1xuXG5leHBvcnQgY29uc3QgUG9pbnRlckljb25TVkcgPSBzdHlsZWQoIFNWRyApYFxuXHRkaXNwbGF5OiBibG9jaztcblx0aGVpZ2h0OiAxMDAlO1xuXHRsZWZ0OiAwO1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHRvcDogMDtcblx0d2lkdGg6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgUG9pbnRlckljb25QYXRoT3V0bGluZSA9IHN0eWxlZCggUGF0aCApYFxuXHRmaWxsOiB3aGl0ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBQb2ludGVySWNvblBhdGhGaWxsID0gc3R5bGVkKCBQYXRoIClgXG5cdGZpbGw6ICR7IENPTE9SUy5ibHVlLndvcmRwcmVzc1sgNzAwIF0gfTtcblx0ZmlsbDogJHsgQ09MT1JTLnVpLnRoZW1lIH07XG5gO1xuIl19 */",
41
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1zdHlsZS5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4QjJDIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1zdHlsZS5qcyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuLyoqXG4gKiBXb3JkUHJlc3MgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IFBhdGgsIFNWRyB9IGZyb20gJ0B3b3JkcHJlc3MvcHJpbWl0aXZlcyc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTE9SUyB9IGZyb20gJy4uLy4uL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IEZvY2FsUG9pbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcblx0YmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG5cdGN1cnNvcjogZ3JhYjtcblx0aGVpZ2h0OiAzMHB4O1xuXHRtYXJnaW46IC0xNXB4IDAgMCAtMTVweDtcblx0b3BhY2l0eTogMC44O1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHVzZXItc2VsZWN0OiBub25lO1xuXHR3aWR0aDogMzBweDtcblx0d2lsbC1jaGFuZ2U6IHRyYW5zZm9ybTtcblx0ei1pbmRleDogMTAwMDA7XG5cblx0JHsgKCB7IGlzRHJhZ2dpbmcgfSApID0+IGlzRHJhZ2dpbmcgJiYgJ2N1cnNvcjogZ3JhYmJpbmc7JyB9XG5gO1xuXG5leHBvcnQgY29uc3QgUG9pbnRlckljb25TVkcgPSBzdHlsZWQoIFNWRyApYFxuXHRkaXNwbGF5OiBibG9jaztcblx0aGVpZ2h0OiAxMDAlO1xuXHRsZWZ0OiAwO1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHRvcDogMDtcblx0d2lkdGg6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgUG9pbnRlckljb25QYXRoT3V0bGluZSA9IHN0eWxlZCggUGF0aCApYFxuXHRmaWxsOiB3aGl0ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBQb2ludGVySWNvblBhdGhGaWxsID0gc3R5bGVkKCBQYXRoIClgXG5cdGZpbGw6ICR7IENPTE9SUy51aS50aGVtZSB9O1xuYDtcbiJdfQ== */",
42
42
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
43
43
  });
44
44
  exports.PointerIconSVG = PointerIconSVG;
@@ -53,7 +53,7 @@ const PointerIconPathOutline = ( /*#__PURE__*/0, _base.default)(_primitives.Path
53
53
  } : {
54
54
  name: "1b3qpiw",
55
55
  styles: "fill:white",
56
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1zdHlsZS5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3Q29EIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1zdHlsZS5qcyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuLyoqXG4gKiBXb3JkUHJlc3MgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IFBhdGgsIFNWRyB9IGZyb20gJ0B3b3JkcHJlc3MvcHJpbWl0aXZlcyc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTE9SUyB9IGZyb20gJy4uLy4uL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IEZvY2FsUG9pbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcblx0YmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdGN1cnNvcjogZ3JhYjtcblx0aGVpZ2h0OiAzMHB4O1xuXHRtYXJnaW46IC0xNXB4IDAgMCAtMTVweDtcblx0b3BhY2l0eTogMC44O1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHVzZXItc2VsZWN0OiBub25lO1xuXHR3aWR0aDogMzBweDtcblx0d2lsbC1jaGFuZ2U6IHRyYW5zZm9ybTtcblx0ei1pbmRleDogMTAwMDA7XG5cblx0JHsgKCB7IGlzRHJhZ2dpbmcgfSApID0+IGlzRHJhZ2dpbmcgJiYgJ2N1cnNvcjogZ3JhYmJpbmc7JyB9XG5gO1xuXG5leHBvcnQgY29uc3QgUG9pbnRlckljb25TVkcgPSBzdHlsZWQoIFNWRyApYFxuXHRkaXNwbGF5OiBibG9jaztcblx0aGVpZ2h0OiAxMDAlO1xuXHRsZWZ0OiAwO1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHRvcDogMDtcblx0d2lkdGg6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgUG9pbnRlckljb25QYXRoT3V0bGluZSA9IHN0eWxlZCggUGF0aCApYFxuXHRmaWxsOiB3aGl0ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBQb2ludGVySWNvblBhdGhGaWxsID0gc3R5bGVkKCBQYXRoIClgXG5cdGZpbGw6ICR7IENPTE9SUy5ibHVlLndvcmRwcmVzc1sgNzAwIF0gfTtcblx0ZmlsbDogJHsgQ09MT1JTLnVpLnRoZW1lIH07XG5gO1xuIl19 */",
56
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1zdHlsZS5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1Q29EIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1zdHlsZS5qcyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuLyoqXG4gKiBXb3JkUHJlc3MgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IFBhdGgsIFNWRyB9IGZyb20gJ0B3b3JkcHJlc3MvcHJpbWl0aXZlcyc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTE9SUyB9IGZyb20gJy4uLy4uL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IEZvY2FsUG9pbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcblx0YmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG5cdGN1cnNvcjogZ3JhYjtcblx0aGVpZ2h0OiAzMHB4O1xuXHRtYXJnaW46IC0xNXB4IDAgMCAtMTVweDtcblx0b3BhY2l0eTogMC44O1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHVzZXItc2VsZWN0OiBub25lO1xuXHR3aWR0aDogMzBweDtcblx0d2lsbC1jaGFuZ2U6IHRyYW5zZm9ybTtcblx0ei1pbmRleDogMTAwMDA7XG5cblx0JHsgKCB7IGlzRHJhZ2dpbmcgfSApID0+IGlzRHJhZ2dpbmcgJiYgJ2N1cnNvcjogZ3JhYmJpbmc7JyB9XG5gO1xuXG5leHBvcnQgY29uc3QgUG9pbnRlckljb25TVkcgPSBzdHlsZWQoIFNWRyApYFxuXHRkaXNwbGF5OiBibG9jaztcblx0aGVpZ2h0OiAxMDAlO1xuXHRsZWZ0OiAwO1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHRvcDogMDtcblx0d2lkdGg6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgUG9pbnRlckljb25QYXRoT3V0bGluZSA9IHN0eWxlZCggUGF0aCApYFxuXHRmaWxsOiB3aGl0ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBQb2ludGVySWNvblBhdGhGaWxsID0gc3R5bGVkKCBQYXRoIClgXG5cdGZpbGw6ICR7IENPTE9SUy51aS50aGVtZSB9O1xuYDtcbiJdfQ== */",
57
57
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
58
58
  });
59
59
  exports.PointerIconPathOutline = PointerIconPathOutline;
@@ -62,6 +62,6 @@ const PointerIconPathFill = ( /*#__PURE__*/0, _base.default)(_primitives.Path, p
62
62
  } : {
63
63
  target: "eas61re0",
64
64
  label: "PointerIconPathFill"
65
- })("fill:", _utils.COLORS.blue.wordpress[700], ";fill:", _utils.COLORS.ui.theme, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1zdHlsZS5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0Q2lEIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1zdHlsZS5qcyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuLyoqXG4gKiBXb3JkUHJlc3MgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IFBhdGgsIFNWRyB9IGZyb20gJ0B3b3JkcHJlc3MvcHJpbWl0aXZlcyc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTE9SUyB9IGZyb20gJy4uLy4uL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IEZvY2FsUG9pbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcblx0YmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdGN1cnNvcjogZ3JhYjtcblx0aGVpZ2h0OiAzMHB4O1xuXHRtYXJnaW46IC0xNXB4IDAgMCAtMTVweDtcblx0b3BhY2l0eTogMC44O1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHVzZXItc2VsZWN0OiBub25lO1xuXHR3aWR0aDogMzBweDtcblx0d2lsbC1jaGFuZ2U6IHRyYW5zZm9ybTtcblx0ei1pbmRleDogMTAwMDA7XG5cblx0JHsgKCB7IGlzRHJhZ2dpbmcgfSApID0+IGlzRHJhZ2dpbmcgJiYgJ2N1cnNvcjogZ3JhYmJpbmc7JyB9XG5gO1xuXG5leHBvcnQgY29uc3QgUG9pbnRlckljb25TVkcgPSBzdHlsZWQoIFNWRyApYFxuXHRkaXNwbGF5OiBibG9jaztcblx0aGVpZ2h0OiAxMDAlO1xuXHRsZWZ0OiAwO1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHRvcDogMDtcblx0d2lkdGg6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgUG9pbnRlckljb25QYXRoT3V0bGluZSA9IHN0eWxlZCggUGF0aCApYFxuXHRmaWxsOiB3aGl0ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBQb2ludGVySWNvblBhdGhGaWxsID0gc3R5bGVkKCBQYXRoIClgXG5cdGZpbGw6ICR7IENPTE9SUy5ibHVlLndvcmRwcmVzc1sgNzAwIF0gfTtcblx0ZmlsbDogJHsgQ09MT1JTLnVpLnRoZW1lIH07XG5gO1xuIl19 */"));
65
+ })("fill:", _utils.COLORS.ui.theme, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1zdHlsZS5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQ2lEIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1zdHlsZS5qcyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuLyoqXG4gKiBXb3JkUHJlc3MgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IFBhdGgsIFNWRyB9IGZyb20gJ0B3b3JkcHJlc3MvcHJpbWl0aXZlcyc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTE9SUyB9IGZyb20gJy4uLy4uL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IEZvY2FsUG9pbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcblx0YmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG5cdGN1cnNvcjogZ3JhYjtcblx0aGVpZ2h0OiAzMHB4O1xuXHRtYXJnaW46IC0xNXB4IDAgMCAtMTVweDtcblx0b3BhY2l0eTogMC44O1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHVzZXItc2VsZWN0OiBub25lO1xuXHR3aWR0aDogMzBweDtcblx0d2lsbC1jaGFuZ2U6IHRyYW5zZm9ybTtcblx0ei1pbmRleDogMTAwMDA7XG5cblx0JHsgKCB7IGlzRHJhZ2dpbmcgfSApID0+IGlzRHJhZ2dpbmcgJiYgJ2N1cnNvcjogZ3JhYmJpbmc7JyB9XG5gO1xuXG5leHBvcnQgY29uc3QgUG9pbnRlckljb25TVkcgPSBzdHlsZWQoIFNWRyApYFxuXHRkaXNwbGF5OiBibG9jaztcblx0aGVpZ2h0OiAxMDAlO1xuXHRsZWZ0OiAwO1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHRvcDogMDtcblx0d2lkdGg6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgUG9pbnRlckljb25QYXRoT3V0bGluZSA9IHN0eWxlZCggUGF0aCApYFxuXHRmaWxsOiB3aGl0ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBQb2ludGVySWNvblBhdGhGaWxsID0gc3R5bGVkKCBQYXRoIClgXG5cdGZpbGw6ICR7IENPTE9SUy51aS50aGVtZSB9O1xuYDtcbiJdfQ== */"));
66
66
  exports.PointerIconPathFill = PointerIconPathFill;
67
67
  //# sourceMappingURL=focal-point-style.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["@wordpress/components/src/focal-point-picker/styles/focal-point-style.js"],"names":["FocalPointWrapper","isDragging","PointerIconSVG","SVG","PointerIconPathOutline","Path","PointerIconPathFill","COLORS","blue","wordpress","ui","theme"],"mappings":";;;;;;;;;;;AAQA;;AAKA;;;;AAEO,MAAMA,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA,uMAa1B;AAAA,MAAE;AAAEC,IAAAA;AAAF,GAAF;AAAA,SAAsBA,UAAU,IAAI,mBAApC;AAAA,CAb0B,isDAAvB;;AAgBA,MAAMC,cAAc,GAAG,iCAAQC,eAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAApB;;AASA,MAAMC,sBAAsB,GAAG,iCAAQC,gBAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAA5B;;AAIA,MAAMC,mBAAmB,GAAG,iCAAQD,gBAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH,UACtBE,cAAOC,IAAP,CAAYC,SAAZ,CAAuB,GAAvB,CADsB,YAEtBF,cAAOG,EAAP,CAAUC,KAFY,isDAAzB","sourcesContent":["/**\n * External dependencies\n */\nimport styled from '@emotion/styled';\n\n/**\n * WordPress dependencies\n */\nimport { Path, SVG } from '@wordpress/primitives';\n\n/**\n * Internal dependencies\n */\nimport { COLORS } from '../../utils';\n\nexport const FocalPointWrapper = styled.div`\n\tbackground-color: transparent;\n\tbox-sizing: border-box;\n\tcursor: grab;\n\theight: 30px;\n\tmargin: -15px 0 0 -15px;\n\topacity: 0.8;\n\tposition: absolute;\n\tuser-select: none;\n\twidth: 30px;\n\twill-change: transform;\n\tz-index: 10000;\n\n\t${ ( { isDragging } ) => isDragging && 'cursor: grabbing;' }\n`;\n\nexport const PointerIconSVG = styled( SVG )`\n\tdisplay: block;\n\theight: 100%;\n\tleft: 0;\n\tposition: absolute;\n\ttop: 0;\n\twidth: 100%;\n`;\n\nexport const PointerIconPathOutline = styled( Path )`\n\tfill: white;\n`;\n\nexport const PointerIconPathFill = styled( Path )`\n\tfill: ${ COLORS.blue.wordpress[ 700 ] };\n\tfill: ${ COLORS.ui.theme };\n`;\n"]}
1
+ {"version":3,"sources":["@wordpress/components/src/focal-point-picker/styles/focal-point-style.js"],"names":["FocalPointWrapper","isDragging","PointerIconSVG","SVG","PointerIconPathOutline","Path","PointerIconPathFill","COLORS","ui","theme"],"mappings":";;;;;;;;;;;AAQA;;AAKA;;;;AAEO,MAAMA,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA,iLAY1B;AAAA,MAAE;AAAEC,IAAAA;AAAF,GAAF;AAAA,SAAsBA,UAAU,IAAI,mBAApC;AAAA,CAZ0B,imDAAvB;;AAeA,MAAMC,cAAc,GAAG,iCAAQC,eAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAApB;;AASA,MAAMC,sBAAsB,GAAG,iCAAQC,gBAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAA5B;;AAIA,MAAMC,mBAAmB,GAAG,iCAAQD,gBAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH,UACtBE,cAAOC,EAAP,CAAUC,KADY,qmDAAzB","sourcesContent":["/**\n * External dependencies\n */\nimport styled from '@emotion/styled';\n\n/**\n * WordPress dependencies\n */\nimport { Path, SVG } from '@wordpress/primitives';\n\n/**\n * Internal dependencies\n */\nimport { COLORS } from '../../utils';\n\nexport const FocalPointWrapper = styled.div`\n\tbackground-color: transparent;\n\tcursor: grab;\n\theight: 30px;\n\tmargin: -15px 0 0 -15px;\n\topacity: 0.8;\n\tposition: absolute;\n\tuser-select: none;\n\twidth: 30px;\n\twill-change: transform;\n\tz-index: 10000;\n\n\t${ ( { isDragging } ) => isDragging && 'cursor: grabbing;' }\n`;\n\nexport const PointerIconSVG = styled( SVG )`\n\tdisplay: block;\n\theight: 100%;\n\tleft: 0;\n\tposition: absolute;\n\ttop: 0;\n\twidth: 100%;\n`;\n\nexport const PointerIconPathOutline = styled( Path )`\n\tfill: white;\n`;\n\nexport const PointerIconPathFill = styled( Path )`\n\tfill: ${ COLORS.ui.theme };\n`;\n"]}
@@ -11,10 +11,14 @@ var _element = require("@wordpress/element");
11
11
 
12
12
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
13
13
 
14
+ var _classnames = _interopRequireDefault(require("classnames"));
15
+
14
16
  var _i18n = require("@wordpress/i18n");
15
17
 
16
18
  var _icons = require("@wordpress/icons");
17
19
 
20
+ var _baseControl = require("../base-control");
21
+
18
22
  var _button = _interopRequireDefault(require("../button"));
19
23
 
20
24
  var _rangeControl = _interopRequireDefault(require("../range-control"));
@@ -31,10 +35,18 @@ var _toggleGroupControl = require("../toggle-group-control");
31
35
 
32
36
  var _utils = require("./utils");
33
37
 
38
+ var _vStack = require("../v-stack");
39
+
40
+ var _hStack = require("../h-stack");
41
+
34
42
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
35
43
 
36
44
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
37
45
 
46
+ /**
47
+ * External dependencies
48
+ */
49
+
38
50
  /**
39
51
  * WordPress dependencies
40
52
  */
@@ -42,18 +54,35 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
42
54
  /**
43
55
  * Internal dependencies
44
56
  */
45
- function FontSizePicker(_ref, ref) {
57
+ // This conditional is needed to maintain the spacing before the slider in the `withSlider` case.
58
+ const MaybeVStack = _ref => {
59
+ let {
60
+ __nextHasNoMarginBottom,
61
+ children
62
+ } = _ref;
63
+ return !__nextHasNoMarginBottom ? children : (0, _element.createElement)(_vStack.VStack, {
64
+ spacing: 6,
65
+ children: children
66
+ });
67
+ };
68
+
69
+ function FontSizePicker(_ref2, ref) {
46
70
  var _fontSizes$, _value$endsWith;
47
71
 
48
72
  let {
73
+ /** Start opting into the new margin-free styles that will become the default in a future version. */
74
+ __nextHasNoMarginBottom = false,
49
75
  fallbackFontSize,
50
76
  fontSizes = [],
51
77
  disableCustomFontSizes = false,
52
78
  onChange,
79
+
80
+ /** @type {'default' | '__unstable-large'} */
81
+ size = 'default',
53
82
  value,
54
83
  withSlider = false,
55
84
  withReset = true
56
- } = _ref;
85
+ } = _ref2;
57
86
  const hasUnits = [typeof value, typeof (fontSizes === null || fontSizes === void 0 ? void 0 : (_fontSizes$ = fontSizes[0]) === null || _fontSizes$ === void 0 ? void 0 : _fontSizes$.size)].includes('string');
58
87
  const noUnitsValue = !hasUnits ? value : parseInt(value);
59
88
  const isPixelValue = typeof value === 'number' || (value === null || value === void 0 ? void 0 : (_value$endsWith = value.endsWith) === null || _value$endsWith === void 0 ? void 0 : _value$endsWith.call(value, 'px'));
@@ -65,14 +94,14 @@ function FontSizePicker(_ref, ref) {
65
94
  * than six and a select control when they are more.
66
95
  */
67
96
 
68
- const fontSizesContainComplexValues = fontSizes.some(_ref2 => {
97
+ const fontSizesContainComplexValues = fontSizes.some(_ref3 => {
69
98
  let {
70
- size
71
- } = _ref2;
72
- return !(0, _utils.isSimpleCssValue)(size);
99
+ size: sizeArg
100
+ } = _ref3;
101
+ return !(0, _utils.isSimpleCssValue)(sizeArg);
73
102
  });
74
103
  const shouldUseSelectControl = fontSizes.length > 5;
75
- const options = (0, _element.useMemo)(() => (0, _utils.getFontSizeOptions)(shouldUseSelectControl, fontSizes, disableCustomFontSizes, fontSizesContainComplexValues), [shouldUseSelectControl, fontSizes, disableCustomFontSizes, fontSizesContainComplexValues]);
104
+ const options = (0, _element.useMemo)(() => (0, _utils.getFontSizeOptions)(shouldUseSelectControl, fontSizes, disableCustomFontSizes), [shouldUseSelectControl, fontSizes, disableCustomFontSizes]);
76
105
  const selectedOption = (0, _utils.getSelectedOption)(fontSizes, value);
77
106
  const isCustomValue = selectedOption.slug === _utils.CUSTOM_FONT_SIZE;
78
107
  const [showCustomValueControl, setShowCustomValueControl] = (0, _element.useState)(!disableCustomFontSizes && isCustomValue);
@@ -117,12 +146,11 @@ function FontSizePicker(_ref, ref) {
117
146
  ref
118
147
  }), (0, _element.createElement)(_visuallyHidden.VisuallyHidden, {
119
148
  as: "legend"
120
- }, (0, _i18n.__)('Font size')), (0, _element.createElement)(_flex.Flex, {
121
- justify: "space-between",
149
+ }, (0, _i18n.__)('Font size')), (0, _element.createElement)(_hStack.HStack, {
122
150
  className: `${baseClassName}__header`
123
- }, (0, _element.createElement)(_flex.FlexItem, null, (0, _i18n.__)('Size'), headerHint && (0, _element.createElement)("span", {
151
+ }, (0, _element.createElement)(_baseControl.BaseControl.VisualLabel, null, (0, _i18n.__)('Size'), headerHint && (0, _element.createElement)("span", {
124
152
  className: `${baseClassName}__header__hint`
125
- }, headerHint)), !disableCustomFontSizes && (0, _element.createElement)(_flex.FlexItem, null, (0, _element.createElement)(_button.default, {
153
+ }, headerHint)), !disableCustomFontSizes && (0, _element.createElement)(_button.default, {
126
154
  label: showCustomValueControl ? (0, _i18n.__)('Use size preset') : (0, _i18n.__)('Set custom size'),
127
155
  icon: _icons.settings,
128
156
  onClick: () => {
@@ -130,33 +158,41 @@ function FontSizePicker(_ref, ref) {
130
158
  },
131
159
  isPressed: showCustomValueControl,
132
160
  isSmall: true
133
- }))), (0, _element.createElement)("div", {
134
- className: `${baseClassName}__controls`
161
+ })), (0, _element.createElement)(MaybeVStack, {
162
+ __nextHasNoMarginBottom: __nextHasNoMarginBottom
163
+ }, (0, _element.createElement)("div", {
164
+ className: (0, _classnames.default)(`${baseClassName}__controls`, {
165
+ 'is-next-has-no-margin-bottom': __nextHasNoMarginBottom
166
+ })
135
167
  }, !!fontSizes.length && shouldUseSelectControl && !showCustomValueControl && (0, _element.createElement)(_customSelectControl.default, {
168
+ __nextUnconstrainedWidth: true,
136
169
  className: `${baseClassName}__select`,
137
170
  label: (0, _i18n.__)('Font size'),
138
171
  hideLabelFromVision: true,
139
172
  describedBy: currentFontSizeSR,
140
173
  options: options,
141
174
  value: options.find(option => option.key === selectedOption.slug),
142
- onChange: _ref3 => {
175
+ onChange: _ref4 => {
143
176
  let {
144
177
  selectedItem
145
- } = _ref3;
178
+ } = _ref4;
146
179
  onChange(hasUnits ? selectedItem.size : Number(selectedItem.size));
147
180
 
148
181
  if (selectedItem.key === _utils.CUSTOM_FONT_SIZE) {
149
182
  setShowCustomValueControl(true);
150
183
  }
151
- }
184
+ },
185
+ size: size
152
186
  }), !shouldUseSelectControl && !showCustomValueControl && (0, _element.createElement)(_toggleGroupControl.ToggleGroupControl, {
187
+ __nextHasNoMarginBottom: __nextHasNoMarginBottom,
153
188
  label: (0, _i18n.__)('Font size'),
154
189
  hideLabelFromVision: true,
155
190
  value: value,
156
191
  onChange: newValue => {
157
192
  onChange(hasUnits ? newValue : Number(newValue));
158
193
  },
159
- isBlock: true
194
+ isBlock: true,
195
+ size: size
160
196
  }, options.map(option => (0, _element.createElement)(_toggleGroupControl.ToggleGroupControlOption, {
161
197
  key: option.key,
162
198
  value: option.value,
@@ -180,6 +216,7 @@ function FontSizePicker(_ref, ref) {
180
216
  onChange(hasUnits ? nextSize : parseInt(nextSize, 10));
181
217
  }
182
218
  },
219
+ size: size,
183
220
  units: hasUnits ? units : []
184
221
  })), withReset && (0, _element.createElement)(_flex.FlexItem, {
185
222
  isBlock: true
@@ -192,6 +229,7 @@ function FontSizePicker(_ref, ref) {
192
229
  isSmall: true,
193
230
  variant: "secondary"
194
231
  }, (0, _i18n.__)('Reset'))))), withSlider && (0, _element.createElement)(_rangeControl.default, {
232
+ __nextHasNoMarginBottom: __nextHasNoMarginBottom,
195
233
  className: `${baseClassName}__custom-input`,
196
234
  label: (0, _i18n.__)('Custom Size'),
197
235
  value: isPixelValue && noUnitsValue || '',
@@ -201,7 +239,7 @@ function FontSizePicker(_ref, ref) {
201
239
  },
202
240
  min: 12,
203
241
  max: 100
204
- }));
242
+ })));
205
243
  }
206
244
 
207
245
  var _default = (0, _element.forwardRef)(FontSizePicker);
@@ -1 +1 @@
1
- {"version":3,"sources":["@wordpress/components/src/font-size-picker/index.js"],"names":["FontSizePicker","ref","fallbackFontSize","fontSizes","disableCustomFontSizes","onChange","value","withSlider","withReset","hasUnits","size","includes","noUnitsValue","parseInt","isPixelValue","endsWith","units","availableUnits","fontSizesContainComplexValues","some","shouldUseSelectControl","length","options","selectedOption","isCustomValue","slug","CUSTOM_FONT_SIZE","showCustomValueControl","setShowCustomValueControl","headerHint","hint","name","unit","currentFontSizeSR","baseClassName","settings","find","option","key","selectedItem","Number","newValue","map","label","nextSize","parseFloat","undefined"],"mappings":";;;;;;;;;AAKA;;;;AAFA;;AACA;;AAMA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAIA;;;;;;AApBA;AACA;AACA;;AAKA;AACA;AACA;AAmBA,SAASA,cAAT,OAUCC,GAVD,EAWE;AAAA;;AAAA,MAVD;AACCC,IAAAA,gBADD;AAECC,IAAAA,SAAS,GAAG,EAFb;AAGCC,IAAAA,sBAAsB,GAAG,KAH1B;AAICC,IAAAA,QAJD;AAKCC,IAAAA,KALD;AAMCC,IAAAA,UAAU,GAAG,KANd;AAOCC,IAAAA,SAAS,GAAG;AAPb,GAUC;AACD,QAAMC,QAAQ,GAAG,CAAE,OAAOH,KAAT,EAAgB,QAAOH,SAAP,aAAOA,SAAP,sCAAOA,SAAS,CAAI,CAAJ,CAAhB,gDAAO,YAAkBO,IAAzB,CAAhB,EAAgDC,QAAhD,CAChB,QADgB,CAAjB;AAGA,QAAMC,YAAY,GAAG,CAAEH,QAAF,GAAaH,KAAb,GAAqBO,QAAQ,CAAEP,KAAF,CAAlD;AACA,QAAMQ,YAAY,GAAG,OAAOR,KAAP,KAAiB,QAAjB,KAA6BA,KAA7B,aAA6BA,KAA7B,0CAA6BA,KAAK,CAAES,QAApC,oDAA6B,qBAAAT,KAAK,EAAc,IAAd,CAAlC,CAArB;AACA,QAAMU,KAAK,GAAG,iCAAgB;AAC7BC,IAAAA,cAAc,EAAE,CAAE,IAAF,EAAQ,IAAR,EAAc,KAAd;AADa,GAAhB,CAAd;AAIA;AACD;AACA;AACA;;AACC,QAAMC,6BAA6B,GAAGf,SAAS,CAACgB,IAAV,CACrC;AAAA,QAAE;AAAET,MAAAA;AAAF,KAAF;AAAA,WAAgB,CAAE,6BAAkBA,IAAlB,CAAlB;AAAA,GADqC,CAAtC;AAGA,QAAMU,sBAAsB,GAAGjB,SAAS,CAACkB,MAAV,GAAmB,CAAlD;AACA,QAAMC,OAAO,GAAG,sBACf,MACC,+BACCF,sBADD,EAECjB,SAFD,EAGCC,sBAHD,EAICc,6BAJD,CAFc,EAQf,CACCE,sBADD,EAECjB,SAFD,EAGCC,sBAHD,EAICc,6BAJD,CARe,CAAhB;AAeA,QAAMK,cAAc,GAAG,8BAAmBpB,SAAnB,EAA8BG,KAA9B,CAAvB;AACA,QAAMkB,aAAa,GAAGD,cAAc,CAACE,IAAf,KAAwBC,uBAA9C;AACA,QAAM,CAAEC,sBAAF,EAA0BC,yBAA1B,IAAwD,uBAC7D,CAAExB,sBAAF,IAA4BoB,aADiC,CAA9D;AAGA,QAAMK,UAAU,GAAG,sBAAS,MAAM;AACjC,QAAKF,sBAAL,EAA8B;AAC7B,aAAQ,IAAI,cAAI,QAAJ,CAAgB,GAA5B;AACA,KAHgC,CAKjC;AACA;;;AACA,QAAKH,aAAL,EAAqB;AACpB,aAAO,6BAAkBlB,KAAlB,KAA8B,IAAIA,KAAO,GAAhD;AACA;;AACD,QAAKc,sBAAL,EAA8B;AAC7B,aACC,6BAAkBG,cAAlB,aAAkBA,cAAlB,uBAAkBA,cAAc,CAAEb,IAAlC,KACC,IAAIa,cAAL,aAAKA,cAAL,uBAAKA,cAAc,CAAEb,IAAM,GAF5B;AAIA,KAfgC,CAgBjC;;;AACA,QAAIoB,IAAI,GAAGP,cAAc,CAACQ,IAA1B;;AACA,QACC,CAAEb,6BAAF,IACA,OAAOK,cAAc,CAACb,IAAtB,KAA+B,QAFhC,EAGE;AACD,YAAM,GAAIsB,IAAJ,IAAa,sCAA2BT,cAAc,CAACb,IAA1C,CAAnB;AACAoB,MAAAA,IAAI,IAAK,IAAIE,IAAM,GAAnB;AACA;;AACD,WAAOF,IAAP;AACA,GA1BkB,EA0BhB,CACFH,sBADE,EAEFJ,cAFE,aAEFA,cAFE,uBAEFA,cAAc,CAAEQ,IAFd,EAGFR,cAHE,aAGFA,cAHE,uBAGFA,cAAc,CAAEb,IAHd,EAIFJ,KAJE,EAKFkB,aALE,EAMFJ,sBANE,EAOFF,6BAPE,CA1BgB,CAAnB;;AAoCA,MAAK,CAAEI,OAAP,EAAiB;AAChB,WAAO,IAAP;AACA,GA5EA,CA8ED;AACA;;;AACA,QAAMW,iBAAiB,GAAG,oBACzB;AACA,gBAAI,kCAAJ,CAFyB,EAGzBV,cAAc,CAACQ,IAHU,CAA1B;AAKA,QAAMG,aAAa,GAAG,6BAAtB;AACA,SACC;AAAU,IAAA,SAAS,EAAGA;AAAtB,KAA6CjC,GAAG,GAAG,EAAH,GAAQ;AAAEA,IAAAA;AAAF,GAAxD,GACC,4BAAC,8BAAD;AAAgB,IAAA,EAAE,EAAC;AAAnB,KAA8B,cAAI,WAAJ,CAA9B,CADD,EAEC,4BAAC,UAAD;AACC,IAAA,OAAO,EAAC,eADT;AAEC,IAAA,SAAS,EAAI,GAAGiC,aAAe;AAFhC,KAIC,4BAAC,cAAD,QACG,cAAI,MAAJ,CADH,EAEGL,UAAU,IACX;AAAM,IAAA,SAAS,EAAI,GAAGK,aAAe;AAArC,KACGL,UADH,CAHF,CAJD,EAYG,CAAEzB,sBAAF,IACD,4BAAC,cAAD,QACC,4BAAC,eAAD;AACC,IAAA,KAAK,EACJuB,sBAAsB,GACnB,cAAI,iBAAJ,CADmB,GAEnB,cAAI,iBAAJ,CAJL;AAMC,IAAA,IAAI,EAAGQ,eANR;AAOC,IAAA,OAAO,EAAG,MAAM;AACfP,MAAAA,yBAAyB,CACxB,CAAED,sBADsB,CAAzB;AAGA,KAXF;AAYC,IAAA,SAAS,EAAGA,sBAZb;AAaC,IAAA,OAAO;AAbR,IADD,CAbF,CAFD,EAkCC;AAAK,IAAA,SAAS,EAAI,GAAGO,aAAe;AAApC,KACG,CAAC,CAAE/B,SAAS,CAACkB,MAAb,IACDD,sBADC,IAED,CAAEO,sBAFD,IAGA,4BAAC,4BAAD;AACC,IAAA,SAAS,EAAI,GAAGO,aAAe,UADhC;AAEC,IAAA,KAAK,EAAG,cAAI,WAAJ,CAFT;AAGC,IAAA,mBAAmB,MAHpB;AAIC,IAAA,WAAW,EAAGD,iBAJf;AAKC,IAAA,OAAO,EAAGX,OALX;AAMC,IAAA,KAAK,EAAGA,OAAO,CAACc,IAAR,CACLC,MAAF,IAAcA,MAAM,CAACC,GAAP,KAAef,cAAc,CAACE,IADrC,CANT;AASC,IAAA,QAAQ,EAAG,SAAwB;AAAA,UAAtB;AAAEc,QAAAA;AAAF,OAAsB;AAClClC,MAAAA,QAAQ,CACPI,QAAQ,GACL8B,YAAY,CAAC7B,IADR,GAEL8B,MAAM,CAAED,YAAY,CAAC7B,IAAf,CAHF,CAAR;;AAKA,UAAK6B,YAAY,CAACD,GAAb,KAAqBZ,uBAA1B,EAA6C;AAC5CE,QAAAA,yBAAyB,CAAE,IAAF,CAAzB;AACA;AACD;AAlBF,IAJH,EAyBG,CAAER,sBAAF,IAA4B,CAAEO,sBAA9B,IACD,4BAAC,sCAAD;AACC,IAAA,KAAK,EAAG,cAAI,WAAJ,CADT;AAEC,IAAA,mBAAmB,MAFpB;AAGC,IAAA,KAAK,EAAGrB,KAHT;AAIC,IAAA,QAAQ,EAAKmC,QAAF,IAAgB;AAC1BpC,MAAAA,QAAQ,CACPI,QAAQ,GAAGgC,QAAH,GAAcD,MAAM,CAAEC,QAAF,CADrB,CAAR;AAGA,KARF;AASC,IAAA,OAAO;AATR,KAWGnB,OAAO,CAACoB,GAAR,CAAeL,MAAF,IACd,4BAAC,4CAAD;AACC,IAAA,GAAG,EAAGA,MAAM,CAACC,GADd;AAEC,IAAA,KAAK,EAAGD,MAAM,CAAC/B,KAFhB;AAGC,IAAA,KAAK,EAAG+B,MAAM,CAACM,KAHhB;AAIC,kBAAaN,MAAM,CAACN,IAJrB;AAKC,IAAA,WAAW,EAAG;AALf,IADC,CAXH,CA1BF,EAgDG,CAAExB,UAAF,IACD,CAAEH,sBADD,IAEDuB,sBAFC,IAGA,4BAAC,UAAD;AACC,IAAA,OAAO,EAAC,eADT;AAEC,IAAA,SAAS,EAAI,GAAGO,aAAe;AAFhC,KAIC,4BAAC,cAAD;AAAU,IAAA,OAAO;AAAjB,KACC,4BAAC,oBAAD;AACC,IAAA,KAAK,EAAG,cAAI,QAAJ,CADT;AAEC,IAAA,aAAa,EAAC,KAFf;AAGC,IAAA,mBAAmB,MAHpB;AAIC,IAAA,KAAK,EAAG5B,KAJT;AAKC,IAAA,QAAQ,EAAKsC,QAAF,IAAgB;AAC1B,UACC,MAAMC,UAAU,CAAED,QAAF,CAAhB,IACA,CAAEA,QAFH,EAGE;AACDvC,QAAAA,QAAQ,CAAEyC,SAAF,CAAR;AACA,OALD,MAKO;AACNzC,QAAAA,QAAQ,CACPI,QAAQ,GACLmC,QADK,GAEL/B,QAAQ,CAAE+B,QAAF,EAAY,EAAZ,CAHJ,CAAR;AAKA;AACD,KAlBF;AAmBC,IAAA,KAAK,EAAGnC,QAAQ,GAAGO,KAAH,GAAW;AAnB5B,IADD,CAJD,EA2BGR,SAAS,IACV,4BAAC,cAAD;AAAU,IAAA,OAAO;AAAjB,KACC,4BAAC,eAAD;AACC,IAAA,SAAS,EAAC,iCADX;AAEC,IAAA,QAAQ,EAAGF,KAAK,KAAKwC,SAFtB;AAGC,IAAA,OAAO,EAAG,MAAM;AACfzC,MAAAA,QAAQ,CAAEyC,SAAF,CAAR;AACA,KALF;AAMC,IAAA,OAAO,MANR;AAOC,IAAA,OAAO,EAAC;AAPT,KASG,cAAI,OAAJ,CATH,CADD,CA5BF,CAnDH,CAlCD,EAkIGvC,UAAU,IACX,4BAAC,qBAAD;AACC,IAAA,SAAS,EAAI,GAAG2B,aAAe,gBADhC;AAEC,IAAA,KAAK,EAAG,cAAI,aAAJ,CAFT;AAGC,IAAA,KAAK,EAAKpB,YAAY,IAAIF,YAAlB,IAAoC,EAH7C;AAIC,IAAA,eAAe,EAAGV,gBAJnB;AAKC,IAAA,QAAQ,EAAKuC,QAAF,IAAgB;AAC1BpC,MAAAA,QAAQ,CAAEI,QAAQ,GAAGgC,QAAQ,GAAG,IAAd,GAAqBA,QAA/B,CAAR;AACA,KAPF;AAQC,IAAA,GAAG,EAAG,EARP;AASC,IAAA,GAAG,EAAG;AATP,IAnIF,CADD;AAkJA;;eAEc,yBAAYzC,cAAZ,C","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { settings } from '@wordpress/icons';\nimport { useState, useMemo, forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport Button from '../button';\nimport RangeControl from '../range-control';\nimport { Flex, FlexItem } from '../flex';\nimport { default as UnitControl, useCustomUnits } from '../unit-control';\nimport CustomSelectControl from '../custom-select-control';\nimport { VisuallyHidden } from '../visually-hidden';\nimport {\n\tToggleGroupControl,\n\tToggleGroupControlOption,\n} from '../toggle-group-control';\nimport {\n\tgetFontSizeOptions,\n\tgetSelectedOption,\n\tsplitValueAndUnitFromSize,\n\tisSimpleCssValue,\n\tCUSTOM_FONT_SIZE,\n} from './utils';\n\nfunction FontSizePicker(\n\t{\n\t\tfallbackFontSize,\n\t\tfontSizes = [],\n\t\tdisableCustomFontSizes = false,\n\t\tonChange,\n\t\tvalue,\n\t\twithSlider = false,\n\t\twithReset = true,\n\t},\n\tref\n) {\n\tconst hasUnits = [ typeof value, typeof fontSizes?.[ 0 ]?.size ].includes(\n\t\t'string'\n\t);\n\tconst noUnitsValue = ! hasUnits ? value : parseInt( value );\n\tconst isPixelValue = typeof value === 'number' || value?.endsWith?.( 'px' );\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: [ 'px', 'em', 'rem' ],\n\t} );\n\n\t/**\n\t * The main font size UI displays a toggle group when the presets are less\n\t * than six and a select control when they are more.\n\t */\n\tconst fontSizesContainComplexValues = fontSizes.some(\n\t\t( { size } ) => ! isSimpleCssValue( size )\n\t);\n\tconst shouldUseSelectControl = fontSizes.length > 5;\n\tconst options = useMemo(\n\t\t() =>\n\t\t\tgetFontSizeOptions(\n\t\t\t\tshouldUseSelectControl,\n\t\t\t\tfontSizes,\n\t\t\t\tdisableCustomFontSizes,\n\t\t\t\tfontSizesContainComplexValues\n\t\t\t),\n\t\t[\n\t\t\tshouldUseSelectControl,\n\t\t\tfontSizes,\n\t\t\tdisableCustomFontSizes,\n\t\t\tfontSizesContainComplexValues,\n\t\t]\n\t);\n\tconst selectedOption = getSelectedOption( fontSizes, value );\n\tconst isCustomValue = selectedOption.slug === CUSTOM_FONT_SIZE;\n\tconst [ showCustomValueControl, setShowCustomValueControl ] = useState(\n\t\t! disableCustomFontSizes && isCustomValue\n\t);\n\tconst headerHint = useMemo( () => {\n\t\tif ( showCustomValueControl ) {\n\t\t\treturn `(${ __( 'Custom' ) })`;\n\t\t}\n\n\t\t// If we have a custom value that is not available in the font sizes,\n\t\t// show it as a hint as long as it's a simple CSS value.\n\t\tif ( isCustomValue ) {\n\t\t\treturn isSimpleCssValue( value ) && `(${ value })`;\n\t\t}\n\t\tif ( shouldUseSelectControl ) {\n\t\t\treturn (\n\t\t\t\tisSimpleCssValue( selectedOption?.size ) &&\n\t\t\t\t`(${ selectedOption?.size })`\n\t\t\t);\n\t\t}\n\t\t// Calculate the `hint` for toggle group control.\n\t\tlet hint = selectedOption.name;\n\t\tif (\n\t\t\t! fontSizesContainComplexValues &&\n\t\t\ttypeof selectedOption.size === 'string'\n\t\t) {\n\t\t\tconst [ , unit ] = splitValueAndUnitFromSize( selectedOption.size );\n\t\t\thint += `(${ unit })`;\n\t\t}\n\t\treturn hint;\n\t}, [\n\t\tshowCustomValueControl,\n\t\tselectedOption?.name,\n\t\tselectedOption?.size,\n\t\tvalue,\n\t\tisCustomValue,\n\t\tshouldUseSelectControl,\n\t\tfontSizesContainComplexValues,\n\t] );\n\n\tif ( ! options ) {\n\t\treturn null;\n\t}\n\n\t// This is used for select control only. We need to add support\n\t// for ToggleGroupControl.\n\tconst currentFontSizeSR = sprintf(\n\t\t// translators: %s: Currently selected font size.\n\t\t__( 'Currently selected font size: %s' ),\n\t\tselectedOption.name\n\t);\n\tconst baseClassName = 'components-font-size-picker';\n\treturn (\n\t\t<fieldset className={ baseClassName } { ...( ref ? {} : { ref } ) }>\n\t\t\t<VisuallyHidden as=\"legend\">{ __( 'Font size' ) }</VisuallyHidden>\n\t\t\t<Flex\n\t\t\t\tjustify=\"space-between\"\n\t\t\t\tclassName={ `${ baseClassName }__header` }\n\t\t\t>\n\t\t\t\t<FlexItem>\n\t\t\t\t\t{ __( 'Size' ) }\n\t\t\t\t\t{ headerHint && (\n\t\t\t\t\t\t<span className={ `${ baseClassName }__header__hint` }>\n\t\t\t\t\t\t\t{ headerHint }\n\t\t\t\t\t\t</span>\n\t\t\t\t\t) }\n\t\t\t\t</FlexItem>\n\t\t\t\t{ ! disableCustomFontSizes && (\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\tshowCustomValueControl\n\t\t\t\t\t\t\t\t\t? __( 'Use size preset' )\n\t\t\t\t\t\t\t\t\t: __( 'Set custom size' )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\ticon={ settings }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tsetShowCustomValueControl(\n\t\t\t\t\t\t\t\t\t! showCustomValueControl\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tisPressed={ showCustomValueControl }\n\t\t\t\t\t\t\tisSmall\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t) }\n\t\t\t</Flex>\n\t\t\t<div className={ `${ baseClassName }__controls` }>\n\t\t\t\t{ !! fontSizes.length &&\n\t\t\t\t\tshouldUseSelectControl &&\n\t\t\t\t\t! showCustomValueControl && (\n\t\t\t\t\t\t<CustomSelectControl\n\t\t\t\t\t\t\tclassName={ `${ baseClassName }__select` }\n\t\t\t\t\t\t\tlabel={ __( 'Font size' ) }\n\t\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t\tdescribedBy={ currentFontSizeSR }\n\t\t\t\t\t\t\toptions={ options }\n\t\t\t\t\t\t\tvalue={ options.find(\n\t\t\t\t\t\t\t\t( option ) => option.key === selectedOption.slug\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tonChange={ ( { selectedItem } ) => {\n\t\t\t\t\t\t\t\tonChange(\n\t\t\t\t\t\t\t\t\thasUnits\n\t\t\t\t\t\t\t\t\t\t? selectedItem.size\n\t\t\t\t\t\t\t\t\t\t: Number( selectedItem.size )\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\tif ( selectedItem.key === CUSTOM_FONT_SIZE ) {\n\t\t\t\t\t\t\t\t\tsetShowCustomValueControl( true );\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t{ ! shouldUseSelectControl && ! showCustomValueControl && (\n\t\t\t\t\t<ToggleGroupControl\n\t\t\t\t\t\tlabel={ __( 'Font size' ) }\n\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\tonChange={ ( newValue ) => {\n\t\t\t\t\t\t\tonChange(\n\t\t\t\t\t\t\t\thasUnits ? newValue : Number( newValue )\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tisBlock\n\t\t\t\t\t>\n\t\t\t\t\t\t{ options.map( ( option ) => (\n\t\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\t\tkey={ option.key }\n\t\t\t\t\t\t\t\tvalue={ option.value }\n\t\t\t\t\t\t\t\tlabel={ option.label }\n\t\t\t\t\t\t\t\taria-label={ option.name }\n\t\t\t\t\t\t\t\tshowTooltip={ true }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t</ToggleGroupControl>\n\t\t\t\t) }\n\t\t\t\t{ ! withSlider &&\n\t\t\t\t\t! disableCustomFontSizes &&\n\t\t\t\t\tshowCustomValueControl && (\n\t\t\t\t\t\t<Flex\n\t\t\t\t\t\t\tjustify=\"space-between\"\n\t\t\t\t\t\t\tclassName={ `${ baseClassName }__custom-size-control` }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<FlexItem isBlock>\n\t\t\t\t\t\t\t\t<UnitControl\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Custom' ) }\n\t\t\t\t\t\t\t\t\tlabelPosition=\"top\"\n\t\t\t\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\t\t\t\tonChange={ ( nextSize ) => {\n\t\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\t\t0 === parseFloat( nextSize ) ||\n\t\t\t\t\t\t\t\t\t\t\t! nextSize\n\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\tonChange( undefined );\n\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\tonChange(\n\t\t\t\t\t\t\t\t\t\t\t\thasUnits\n\t\t\t\t\t\t\t\t\t\t\t\t\t? nextSize\n\t\t\t\t\t\t\t\t\t\t\t\t\t: parseInt( nextSize, 10 )\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tunits={ hasUnits ? units : [] }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t{ withReset && (\n\t\t\t\t\t\t\t\t<FlexItem isBlock>\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\tclassName=\"components-color-palette__clear\"\n\t\t\t\t\t\t\t\t\t\tdisabled={ value === undefined }\n\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\tonChange( undefined );\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\tisSmall\n\t\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ __( 'Reset' ) }\n\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</Flex>\n\t\t\t\t\t) }\n\t\t\t</div>\n\t\t\t{ withSlider && (\n\t\t\t\t<RangeControl\n\t\t\t\t\tclassName={ `${ baseClassName }__custom-input` }\n\t\t\t\t\tlabel={ __( 'Custom Size' ) }\n\t\t\t\t\tvalue={ ( isPixelValue && noUnitsValue ) || '' }\n\t\t\t\t\tinitialPosition={ fallbackFontSize }\n\t\t\t\t\tonChange={ ( newValue ) => {\n\t\t\t\t\t\tonChange( hasUnits ? newValue + 'px' : newValue );\n\t\t\t\t\t} }\n\t\t\t\t\tmin={ 12 }\n\t\t\t\t\tmax={ 100 }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</fieldset>\n\t);\n}\n\nexport default forwardRef( FontSizePicker );\n"]}
1
+ {"version":3,"sources":["@wordpress/components/src/font-size-picker/index.js"],"names":["MaybeVStack","__nextHasNoMarginBottom","children","FontSizePicker","ref","fallbackFontSize","fontSizes","disableCustomFontSizes","onChange","size","value","withSlider","withReset","hasUnits","includes","noUnitsValue","parseInt","isPixelValue","endsWith","units","availableUnits","fontSizesContainComplexValues","some","sizeArg","shouldUseSelectControl","length","options","selectedOption","isCustomValue","slug","CUSTOM_FONT_SIZE","showCustomValueControl","setShowCustomValueControl","headerHint","hint","name","unit","currentFontSizeSR","baseClassName","settings","find","option","key","selectedItem","Number","newValue","map","label","nextSize","parseFloat","undefined"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classNames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { settings } from '@wordpress/icons';\nimport { useState, useMemo, forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { BaseControl } from '../base-control';\nimport Button from '../button';\nimport RangeControl from '../range-control';\nimport { Flex, FlexItem } from '../flex';\nimport { default as UnitControl, useCustomUnits } from '../unit-control';\nimport CustomSelectControl from '../custom-select-control';\nimport { VisuallyHidden } from '../visually-hidden';\nimport {\n\tToggleGroupControl,\n\tToggleGroupControlOption,\n} from '../toggle-group-control';\nimport {\n\tgetFontSizeOptions,\n\tgetSelectedOption,\n\tsplitValueAndUnitFromSize,\n\tisSimpleCssValue,\n\tCUSTOM_FONT_SIZE,\n} from './utils';\nimport { VStack } from '../v-stack';\nimport { HStack } from '../h-stack';\n\n// This conditional is needed to maintain the spacing before the slider in the `withSlider` case.\nconst MaybeVStack = ( { __nextHasNoMarginBottom, children } ) =>\n\t! __nextHasNoMarginBottom ? (\n\t\tchildren\n\t) : (\n\t\t<VStack spacing={ 6 } children={ children } />\n\t);\n\nfunction FontSizePicker(\n\t{\n\t\t/** Start opting into the new margin-free styles that will become the default in a future version. */\n\t\t__nextHasNoMarginBottom = false,\n\t\tfallbackFontSize,\n\t\tfontSizes = [],\n\t\tdisableCustomFontSizes = false,\n\t\tonChange,\n\t\t/** @type {'default' | '__unstable-large'} */\n\t\tsize = 'default',\n\t\tvalue,\n\t\twithSlider = false,\n\t\twithReset = true,\n\t},\n\tref\n) {\n\tconst hasUnits = [ typeof value, typeof fontSizes?.[ 0 ]?.size ].includes(\n\t\t'string'\n\t);\n\tconst noUnitsValue = ! hasUnits ? value : parseInt( value );\n\tconst isPixelValue = typeof value === 'number' || value?.endsWith?.( 'px' );\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: [ 'px', 'em', 'rem' ],\n\t} );\n\n\t/**\n\t * The main font size UI displays a toggle group when the presets are less\n\t * than six and a select control when they are more.\n\t */\n\tconst fontSizesContainComplexValues = fontSizes.some(\n\t\t( { size: sizeArg } ) => ! isSimpleCssValue( sizeArg )\n\t);\n\tconst shouldUseSelectControl = fontSizes.length > 5;\n\tconst options = useMemo(\n\t\t() =>\n\t\t\tgetFontSizeOptions(\n\t\t\t\tshouldUseSelectControl,\n\t\t\t\tfontSizes,\n\t\t\t\tdisableCustomFontSizes\n\t\t\t),\n\t\t[ shouldUseSelectControl, fontSizes, disableCustomFontSizes ]\n\t);\n\tconst selectedOption = getSelectedOption( fontSizes, value );\n\tconst isCustomValue = selectedOption.slug === CUSTOM_FONT_SIZE;\n\tconst [ showCustomValueControl, setShowCustomValueControl ] = useState(\n\t\t! disableCustomFontSizes && isCustomValue\n\t);\n\tconst headerHint = useMemo( () => {\n\t\tif ( showCustomValueControl ) {\n\t\t\treturn `(${ __( 'Custom' ) })`;\n\t\t}\n\n\t\t// If we have a custom value that is not available in the font sizes,\n\t\t// show it as a hint as long as it's a simple CSS value.\n\t\tif ( isCustomValue ) {\n\t\t\treturn isSimpleCssValue( value ) && `(${ value })`;\n\t\t}\n\t\tif ( shouldUseSelectControl ) {\n\t\t\treturn (\n\t\t\t\tisSimpleCssValue( selectedOption?.size ) &&\n\t\t\t\t`(${ selectedOption?.size })`\n\t\t\t);\n\t\t}\n\n\t\t// Calculate the `hint` for toggle group control.\n\t\tlet hint = selectedOption.name;\n\t\tif (\n\t\t\t! fontSizesContainComplexValues &&\n\t\t\ttypeof selectedOption.size === 'string'\n\t\t) {\n\t\t\tconst [ , unit ] = splitValueAndUnitFromSize( selectedOption.size );\n\t\t\thint += `(${ unit })`;\n\t\t}\n\t\treturn hint;\n\t}, [\n\t\tshowCustomValueControl,\n\t\tselectedOption?.name,\n\t\tselectedOption?.size,\n\t\tvalue,\n\t\tisCustomValue,\n\t\tshouldUseSelectControl,\n\t\tfontSizesContainComplexValues,\n\t] );\n\n\tif ( ! options ) {\n\t\treturn null;\n\t}\n\n\t// This is used for select control only. We need to add support\n\t// for ToggleGroupControl.\n\tconst currentFontSizeSR = sprintf(\n\t\t// translators: %s: Currently selected font size.\n\t\t__( 'Currently selected font size: %s' ),\n\t\tselectedOption.name\n\t);\n\tconst baseClassName = 'components-font-size-picker';\n\treturn (\n\t\t<fieldset className={ baseClassName } { ...( ref ? {} : { ref } ) }>\n\t\t\t<VisuallyHidden as=\"legend\">{ __( 'Font size' ) }</VisuallyHidden>\n\t\t\t<HStack className={ `${ baseClassName }__header` }>\n\t\t\t\t<BaseControl.VisualLabel>\n\t\t\t\t\t{ __( 'Size' ) }\n\t\t\t\t\t{ headerHint && (\n\t\t\t\t\t\t<span className={ `${ baseClassName }__header__hint` }>\n\t\t\t\t\t\t\t{ headerHint }\n\t\t\t\t\t\t</span>\n\t\t\t\t\t) }\n\t\t\t\t</BaseControl.VisualLabel>\n\t\t\t\t{ ! disableCustomFontSizes && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\tshowCustomValueControl\n\t\t\t\t\t\t\t\t? __( 'Use size preset' )\n\t\t\t\t\t\t\t\t: __( 'Set custom size' )\n\t\t\t\t\t\t}\n\t\t\t\t\t\ticon={ settings }\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\tsetShowCustomValueControl(\n\t\t\t\t\t\t\t\t! showCustomValueControl\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tisPressed={ showCustomValueControl }\n\t\t\t\t\t\tisSmall\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</HStack>\n\t\t\t<MaybeVStack __nextHasNoMarginBottom={ __nextHasNoMarginBottom }>\n\t\t\t\t<div\n\t\t\t\t\tclassName={ classNames( `${ baseClassName }__controls`, {\n\t\t\t\t\t\t'is-next-has-no-margin-bottom': __nextHasNoMarginBottom,\n\t\t\t\t\t} ) }\n\t\t\t\t>\n\t\t\t\t\t{ !! fontSizes.length &&\n\t\t\t\t\t\tshouldUseSelectControl &&\n\t\t\t\t\t\t! showCustomValueControl && (\n\t\t\t\t\t\t\t<CustomSelectControl\n\t\t\t\t\t\t\t\t__nextUnconstrainedWidth\n\t\t\t\t\t\t\t\tclassName={ `${ baseClassName }__select` }\n\t\t\t\t\t\t\t\tlabel={ __( 'Font size' ) }\n\t\t\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t\t\tdescribedBy={ currentFontSizeSR }\n\t\t\t\t\t\t\t\toptions={ options }\n\t\t\t\t\t\t\t\tvalue={ options.find(\n\t\t\t\t\t\t\t\t\t( option ) =>\n\t\t\t\t\t\t\t\t\t\toption.key === selectedOption.slug\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tonChange={ ( { selectedItem } ) => {\n\t\t\t\t\t\t\t\t\tonChange(\n\t\t\t\t\t\t\t\t\t\thasUnits\n\t\t\t\t\t\t\t\t\t\t\t? selectedItem.size\n\t\t\t\t\t\t\t\t\t\t\t: Number( selectedItem.size )\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\tselectedItem.key === CUSTOM_FONT_SIZE\n\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\tsetShowCustomValueControl( true );\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tsize={ size }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t{ ! shouldUseSelectControl && ! showCustomValueControl && (\n\t\t\t\t\t\t<ToggleGroupControl\n\t\t\t\t\t\t\t__nextHasNoMarginBottom={ __nextHasNoMarginBottom }\n\t\t\t\t\t\t\tlabel={ __( 'Font size' ) }\n\t\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\t\tonChange={ ( newValue ) => {\n\t\t\t\t\t\t\t\tonChange(\n\t\t\t\t\t\t\t\t\thasUnits ? newValue : Number( newValue )\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tisBlock\n\t\t\t\t\t\t\tsize={ size }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ options.map( ( option ) => (\n\t\t\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\t\t\tkey={ option.key }\n\t\t\t\t\t\t\t\t\tvalue={ option.value }\n\t\t\t\t\t\t\t\t\tlabel={ option.label }\n\t\t\t\t\t\t\t\t\taria-label={ option.name }\n\t\t\t\t\t\t\t\t\tshowTooltip={ true }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t</ToggleGroupControl>\n\t\t\t\t\t) }\n\t\t\t\t\t{ ! withSlider &&\n\t\t\t\t\t\t! disableCustomFontSizes &&\n\t\t\t\t\t\tshowCustomValueControl && (\n\t\t\t\t\t\t\t<Flex\n\t\t\t\t\t\t\t\tjustify=\"space-between\"\n\t\t\t\t\t\t\t\tclassName={ `${ baseClassName }__custom-size-control` }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<FlexItem isBlock>\n\t\t\t\t\t\t\t\t\t<UnitControl\n\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Custom' ) }\n\t\t\t\t\t\t\t\t\t\tlabelPosition=\"top\"\n\t\t\t\t\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\t\t\t\t\tonChange={ ( nextSize ) => {\n\t\t\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\t\t\t0 === parseFloat( nextSize ) ||\n\t\t\t\t\t\t\t\t\t\t\t\t! nextSize\n\t\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\t\tonChange( undefined );\n\t\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\t\tonChange(\n\t\t\t\t\t\t\t\t\t\t\t\t\thasUnits\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? nextSize\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: parseInt(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tnextSize,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t10\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t )\n\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\tsize={ size }\n\t\t\t\t\t\t\t\t\t\tunits={ hasUnits ? units : [] }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t\t{ withReset && (\n\t\t\t\t\t\t\t\t\t<FlexItem isBlock>\n\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"components-color-palette__clear\"\n\t\t\t\t\t\t\t\t\t\t\tdisabled={ value === undefined }\n\t\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\t\tonChange( undefined );\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\tisSmall\n\t\t\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{ __( 'Reset' ) }\n\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</Flex>\n\t\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t\t{ withSlider && (\n\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t__nextHasNoMarginBottom={ __nextHasNoMarginBottom }\n\t\t\t\t\t\tclassName={ `${ baseClassName }__custom-input` }\n\t\t\t\t\t\tlabel={ __( 'Custom Size' ) }\n\t\t\t\t\t\tvalue={ ( isPixelValue && noUnitsValue ) || '' }\n\t\t\t\t\t\tinitialPosition={ fallbackFontSize }\n\t\t\t\t\t\tonChange={ ( newValue ) => {\n\t\t\t\t\t\t\tonChange( hasUnits ? newValue + 'px' : newValue );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tmin={ 12 }\n\t\t\t\t\t\tmax={ 100 }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</MaybeVStack>\n\t\t</fieldset>\n\t);\n}\n\nexport default forwardRef( FontSizePicker );\n"]}