@wordpress/components 25.15.1-next.79a6196f.0 → 25.16.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 (259) hide show
  1. package/CHANGELOG.md +27 -2
  2. package/build/border-box-control/border-box-control/component.js.map +1 -1
  3. package/build/border-box-control/border-box-control/hook.js +3 -1
  4. package/build/border-box-control/border-box-control/hook.js.map +1 -1
  5. package/build/border-box-control/types.js.map +1 -1
  6. package/build/border-control/border-control/component.js +5 -1
  7. package/build/border-control/border-control/component.js.map +1 -1
  8. package/build/border-control/border-control/hook.js +18 -15
  9. package/build/border-control/border-control/hook.js.map +1 -1
  10. package/build/border-control/border-control-dropdown/component.js +2 -1
  11. package/build/border-control/border-control-dropdown/component.js.map +1 -1
  12. package/build/border-control/border-control-style-picker/component.js +21 -49
  13. package/build/border-control/border-control-style-picker/component.js.map +1 -1
  14. package/build/border-control/styles.js +15 -27
  15. package/build/border-control/styles.js.map +1 -1
  16. package/build/border-control/types.js.map +1 -1
  17. package/build/box-control/all-input-control.js +35 -29
  18. package/build/box-control/all-input-control.js.map +1 -1
  19. package/build/box-control/axial-input-controls.js +40 -54
  20. package/build/box-control/axial-input-controls.js.map +1 -1
  21. package/build/box-control/index.js +21 -24
  22. package/build/box-control/index.js.map +1 -1
  23. package/build/box-control/input-controls.js +45 -37
  24. package/build/box-control/input-controls.js.map +1 -1
  25. package/build/box-control/styles/box-control-styles.js +50 -112
  26. package/build/box-control/styles/box-control-styles.js.map +1 -1
  27. package/build/box-control/types.js.map +1 -1
  28. package/build/box-control/utils.js +123 -8
  29. package/build/box-control/utils.js.map +1 -1
  30. package/build/button/index.js +14 -16
  31. package/build/button/index.js.map +1 -1
  32. package/build/button/types.js.map +1 -1
  33. package/build/color-picker/hsl-input.js +55 -33
  34. package/build/color-picker/hsl-input.js.map +1 -1
  35. package/build/custom-select-control-v2/index.js +3 -2
  36. package/build/custom-select-control-v2/index.js.map +1 -1
  37. package/build/slot-fill/bubbles-virtually/use-slot-fills.js +1 -1
  38. package/build/slot-fill/bubbles-virtually/use-slot-fills.js.map +1 -1
  39. package/build/theme/styles.js +11 -6
  40. package/build/theme/styles.js.map +1 -1
  41. package/build/toggle-group-control/toggle-group-control/utils.js +7 -1
  42. package/build/toggle-group-control/toggle-group-control/utils.js.map +1 -1
  43. package/build/tooltip/index.js +15 -12
  44. package/build/tooltip/index.js.map +1 -1
  45. package/build/tooltip/types.js.map +1 -1
  46. package/build-module/border-box-control/border-box-control/component.js.map +1 -1
  47. package/build-module/border-box-control/border-box-control/hook.js +3 -1
  48. package/build-module/border-box-control/border-box-control/hook.js.map +1 -1
  49. package/build-module/border-box-control/types.js.map +1 -1
  50. package/build-module/border-control/border-control/component.js +5 -1
  51. package/build-module/border-control/border-control/component.js.map +1 -1
  52. package/build-module/border-control/border-control/hook.js +18 -15
  53. package/build-module/border-control/border-control/hook.js.map +1 -1
  54. package/build-module/border-control/border-control-dropdown/component.js +2 -1
  55. package/build-module/border-control/border-control-dropdown/component.js.map +1 -1
  56. package/build-module/border-control/border-control-style-picker/component.js +21 -48
  57. package/build-module/border-control/border-control-style-picker/component.js.map +1 -1
  58. package/build-module/border-control/styles.js +14 -24
  59. package/build-module/border-control/styles.js.map +1 -1
  60. package/build-module/border-control/types.js.map +1 -1
  61. package/build-module/box-control/all-input-control.js +38 -28
  62. package/build-module/box-control/all-input-control.js.map +1 -1
  63. package/build-module/box-control/axial-input-controls.js +42 -57
  64. package/build-module/box-control/axial-input-controls.js.map +1 -1
  65. package/build-module/box-control/index.js +22 -25
  66. package/build-module/box-control/index.js.map +1 -1
  67. package/build-module/box-control/input-controls.js +47 -40
  68. package/build-module/box-control/input-controls.js.map +1 -1
  69. package/build-module/box-control/styles/box-control-styles.js +45 -105
  70. package/build-module/box-control/styles/box-control-styles.js.map +1 -1
  71. package/build-module/box-control/types.js.map +1 -1
  72. package/build-module/box-control/utils.js +121 -7
  73. package/build-module/box-control/utils.js.map +1 -1
  74. package/build-module/button/index.js +14 -16
  75. package/build-module/button/index.js.map +1 -1
  76. package/build-module/button/types.js.map +1 -1
  77. package/build-module/color-picker/hsl-input.js +55 -33
  78. package/build-module/color-picker/hsl-input.js.map +1 -1
  79. package/build-module/custom-select-control-v2/index.js +3 -2
  80. package/build-module/custom-select-control-v2/index.js.map +1 -1
  81. package/build-module/slot-fill/bubbles-virtually/use-slot-fills.js +1 -1
  82. package/build-module/slot-fill/bubbles-virtually/use-slot-fills.js.map +1 -1
  83. package/build-module/theme/styles.js +11 -2
  84. package/build-module/theme/styles.js.map +1 -1
  85. package/build-module/toggle-group-control/toggle-group-control/utils.js +7 -1
  86. package/build-module/toggle-group-control/toggle-group-control/utils.js.map +1 -1
  87. package/build-module/tooltip/index.js +16 -13
  88. package/build-module/tooltip/index.js.map +1 -1
  89. package/build-module/tooltip/types.js.map +1 -1
  90. package/build-style/style-rtl.css +6 -4
  91. package/build-style/style.css +6 -4
  92. package/build-types/border-box-control/border-box-control/component.d.ts +1 -0
  93. package/build-types/border-box-control/border-box-control/component.d.ts.map +1 -1
  94. package/build-types/border-box-control/border-box-control/hook.d.ts +4 -4
  95. package/build-types/border-box-control/border-box-control/hook.d.ts.map +1 -1
  96. package/build-types/border-box-control/border-box-control-linked-button/hook.d.ts +5 -5
  97. package/build-types/border-box-control/border-box-control-split-controls/hook.d.ts +4 -4
  98. package/build-types/border-box-control/border-box-control-visualizer/hook.d.ts +4 -4
  99. package/build-types/border-box-control/stories/index.story.d.ts +2 -1
  100. package/build-types/border-box-control/stories/index.story.d.ts.map +1 -1
  101. package/build-types/border-box-control/types.d.ts +6 -0
  102. package/build-types/border-box-control/types.d.ts.map +1 -1
  103. package/build-types/border-control/border-control/component.d.ts +1 -0
  104. package/build-types/border-control/border-control/component.d.ts.map +1 -1
  105. package/build-types/border-control/border-control/hook.d.ts +6 -4
  106. package/build-types/border-control/border-control/hook.d.ts.map +1 -1
  107. package/build-types/border-control/border-control-dropdown/component.d.ts +1 -0
  108. package/build-types/border-control/border-control-dropdown/component.d.ts.map +1 -1
  109. package/build-types/border-control/border-control-dropdown/hook.d.ts +5 -4
  110. package/build-types/border-control/border-control-dropdown/hook.d.ts.map +1 -1
  111. package/build-types/border-control/border-control-style-picker/component.d.ts +3 -4
  112. package/build-types/border-control/border-control-style-picker/component.d.ts.map +1 -1
  113. package/build-types/border-control/stories/index.story.d.ts +12 -6
  114. package/build-types/border-control/stories/index.story.d.ts.map +1 -1
  115. package/build-types/border-control/styles.d.ts +0 -2
  116. package/build-types/border-control/styles.d.ts.map +1 -1
  117. package/build-types/border-control/types.d.ts +12 -1
  118. package/build-types/border-control/types.d.ts.map +1 -1
  119. package/build-types/box-control/all-input-control.d.ts +1 -1
  120. package/build-types/box-control/all-input-control.d.ts.map +1 -1
  121. package/build-types/box-control/axial-input-controls.d.ts +1 -1
  122. package/build-types/box-control/axial-input-controls.d.ts.map +1 -1
  123. package/build-types/box-control/index.d.ts +1 -1
  124. package/build-types/box-control/index.d.ts.map +1 -1
  125. package/build-types/box-control/input-controls.d.ts +1 -1
  126. package/build-types/box-control/input-controls.d.ts.map +1 -1
  127. package/build-types/box-control/stories/index.story.d.ts +42 -36
  128. package/build-types/box-control/stories/index.story.d.ts.map +1 -1
  129. package/build-types/box-control/styles/box-control-styles.d.ts +49 -23
  130. package/build-types/box-control/styles/box-control-styles.d.ts.map +1 -1
  131. package/build-types/box-control/types.d.ts +12 -12
  132. package/build-types/box-control/types.d.ts.map +1 -1
  133. package/build-types/box-control/utils.d.ts +2 -1
  134. package/build-types/box-control/utils.d.ts.map +1 -1
  135. package/build-types/button/deprecated.d.ts +3 -3
  136. package/build-types/button/index.d.ts.map +1 -1
  137. package/build-types/button/types.d.ts +7 -3
  138. package/build-types/button/types.d.ts.map +1 -1
  139. package/build-types/card/card/hook.d.ts +4 -4
  140. package/build-types/card/card-body/hook.d.ts +4 -4
  141. package/build-types/card/card-divider/hook.d.ts +4 -4
  142. package/build-types/card/card-footer/hook.d.ts +4 -4
  143. package/build-types/card/card-header/hook.d.ts +4 -4
  144. package/build-types/card/card-media/hook.d.ts +4 -4
  145. package/build-types/color-palette/styles.d.ts +2 -2
  146. package/build-types/color-picker/component.d.ts +1 -1
  147. package/build-types/color-picker/hsl-input.d.ts.map +1 -1
  148. package/build-types/color-picker/stories/index.story.d.ts +1 -1
  149. package/build-types/color-picker/styles.d.ts +3 -3
  150. package/build-types/custom-select-control-v2/index.d.ts.map +1 -1
  151. package/build-types/date-time/date/styles.d.ts +3 -3
  152. package/build-types/date-time/date-time/styles.d.ts +1 -1
  153. package/build-types/date-time/time/styles.d.ts +4 -4
  154. package/build-types/elevation/hook.d.ts +4 -4
  155. package/build-types/flex/flex/hook.d.ts +4 -4
  156. package/build-types/flex/flex-block/hook.d.ts +4 -4
  157. package/build-types/flex/flex-item/hook.d.ts +4 -4
  158. package/build-types/focal-point-picker/styles/focal-point-picker-style.d.ts +1 -1
  159. package/build-types/font-size-picker/styles.d.ts +1 -1
  160. package/build-types/grid/hook.d.ts +4 -4
  161. package/build-types/h-stack/hook.d.ts +4 -4
  162. package/build-types/heading/component.d.ts +1 -1
  163. package/build-types/heading/hook.d.ts +4 -4
  164. package/build-types/item-group/item/hook.d.ts +4 -4
  165. package/build-types/item-group/item-group/hook.d.ts +4 -4
  166. package/build-types/menu-item/index.d.ts +1 -1
  167. package/build-types/menu-item/stories/index.story.d.ts +4 -4
  168. package/build-types/navigation/styles/navigation-styles.d.ts +2 -2
  169. package/build-types/navigator/navigator-back-button/hook.d.ts +4 -4
  170. package/build-types/navigator/navigator-button/hook.d.ts +4 -4
  171. package/build-types/number-control/index.d.ts +1 -1
  172. package/build-types/number-control/stories/index.story.d.ts +1 -1
  173. package/build-types/palette-edit/styles.d.ts +3 -3
  174. package/build-types/range-control/index.d.ts +1 -1
  175. package/build-types/range-control/styles/range-control-styles.d.ts +1 -1
  176. package/build-types/resizable-box/index.d.ts +1 -1
  177. package/build-types/resizable-box/resize-tooltip/index.d.ts +1 -1
  178. package/build-types/resizable-box/stories/index.story.d.ts +2 -2
  179. package/build-types/scrollable/hook.d.ts +4 -4
  180. package/build-types/spacer/hook.d.ts +4 -4
  181. package/build-types/surface/hook.d.ts +4 -4
  182. package/build-types/text/hook.d.ts +4 -4
  183. package/build-types/theme/styles.d.ts.map +1 -1
  184. package/build-types/toggle-control/stories/index.story.d.ts +2 -2
  185. package/build-types/toggle-group-control/toggle-group-control/utils.d.ts.map +1 -1
  186. package/build-types/toggle-group-control/toggle-group-control-option-icon/component.d.ts +1 -1
  187. package/build-types/toolbar/toolbar-button/index.d.ts +3 -3
  188. package/build-types/tools-panel/tools-panel/hook.d.ts +4 -4
  189. package/build-types/tools-panel/tools-panel-header/hook.d.ts +4 -4
  190. package/build-types/tools-panel/tools-panel-item/hook.d.ts +4 -4
  191. package/build-types/tooltip/index.d.ts +1 -1
  192. package/build-types/tooltip/index.d.ts.map +1 -1
  193. package/build-types/tooltip/stories/index.story.d.ts +1 -1
  194. package/build-types/tooltip/stories/index.story.d.ts.map +1 -1
  195. package/build-types/tooltip/types.d.ts +1 -1
  196. package/build-types/tooltip/types.d.ts.map +1 -1
  197. package/build-types/truncate/hook.d.ts +4 -4
  198. package/build-types/unit-control/index.d.ts +1 -1
  199. package/build-types/unit-control/styles/unit-control-styles.d.ts +1 -1
  200. package/build-types/v-stack/hook.d.ts +4 -4
  201. package/build-types/v-stack/stories/index.story.d.ts +1 -1
  202. package/package.json +19 -19
  203. package/src/border-box-control/border-box-control/component.tsx +0 -1
  204. package/src/border-box-control/border-box-control/hook.ts +5 -1
  205. package/src/border-box-control/types.ts +6 -0
  206. package/src/border-control/border-control/component.tsx +4 -0
  207. package/src/border-control/border-control/hook.ts +22 -16
  208. package/src/border-control/border-control-dropdown/component.tsx +2 -1
  209. package/src/border-control/border-control-style-picker/component.tsx +31 -66
  210. package/src/border-control/styles.ts +0 -15
  211. package/src/border-control/types.ts +15 -1
  212. package/src/box-control/all-input-control.tsx +57 -34
  213. package/src/box-control/axial-input-controls.tsx +79 -69
  214. package/src/box-control/index.tsx +47 -54
  215. package/src/box-control/input-controls.tsx +114 -83
  216. package/src/box-control/styles/box-control-styles.ts +21 -61
  217. package/src/box-control/test/index.tsx +126 -18
  218. package/src/box-control/types.ts +10 -21
  219. package/src/box-control/utils.ts +43 -8
  220. package/src/button/README.md +1 -1
  221. package/src/button/index.tsx +21 -33
  222. package/src/button/test/index.tsx +122 -0
  223. package/src/button/types.ts +7 -3
  224. package/src/circular-option-picker/test/index.tsx +10 -16
  225. package/src/color-picker/hsl-input.tsx +56 -30
  226. package/src/color-picker/test/index.tsx +190 -16
  227. package/src/custom-select-control-v2/index.tsx +5 -2
  228. package/src/palette-edit/test/index.tsx +326 -10
  229. package/src/slot-fill/bubbles-virtually/use-slot-fills.ts +1 -1
  230. package/src/tabs/test/index.tsx +3 -1
  231. package/src/theme/styles.ts +3 -1
  232. package/src/toggle-group-control/test/__snapshots__/index.tsx.snap +6 -6
  233. package/src/toggle-group-control/test/index.tsx +73 -36
  234. package/src/toggle-group-control/toggle-group-control/utils.ts +8 -3
  235. package/src/tooltip/index.tsx +29 -29
  236. package/src/tooltip/test/index.tsx +32 -13
  237. package/src/tooltip/types.ts +1 -1
  238. package/tsconfig.tsbuildinfo +1 -1
  239. package/build/border-control/border-control-style-picker/hook.js +0 -41
  240. package/build/border-control/border-control-style-picker/hook.js.map +0 -1
  241. package/build/box-control/styles/box-control-visualizer-styles.js +0 -93
  242. package/build/box-control/styles/box-control-visualizer-styles.js.map +0 -1
  243. package/build/box-control/unit-control.js +0 -76
  244. package/build/box-control/unit-control.js.map +0 -1
  245. package/build-module/border-control/border-control-style-picker/hook.js +0 -32
  246. package/build-module/border-control/border-control-style-picker/hook.js.map +0 -1
  247. package/build-module/box-control/styles/box-control-visualizer-styles.js +0 -86
  248. package/build-module/box-control/styles/box-control-visualizer-styles.js.map +0 -1
  249. package/build-module/box-control/unit-control.js +0 -68
  250. package/build-module/box-control/unit-control.js.map +0 -1
  251. package/build-types/border-control/border-control-style-picker/hook.d.ts +0 -267
  252. package/build-types/border-control/border-control-style-picker/hook.d.ts.map +0 -1
  253. package/build-types/box-control/styles/box-control-visualizer-styles.d.ts +0 -46
  254. package/build-types/box-control/styles/box-control-visualizer-styles.d.ts.map +0 -1
  255. package/build-types/box-control/unit-control.d.ts +0 -4
  256. package/build-types/box-control/unit-control.d.ts.map +0 -1
  257. package/src/border-control/border-control-style-picker/hook.ts +0 -35
  258. package/src/box-control/styles/box-control-visualizer-styles.ts +0 -75
  259. package/src/box-control/unit-control.tsx +0 -74
@@ -1,41 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.useBorderControlStylePicker = useBorderControlStylePicker;
7
- var _element = require("@wordpress/element");
8
- var styles = _interopRequireWildcard(require("../styles"));
9
- var _context = require("../../context");
10
- var _useCx = require("../../utils/hooks/use-cx");
11
- 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); }
12
- 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; }
13
- /**
14
- * WordPress dependencies
15
- */
16
-
17
- /**
18
- * Internal dependencies
19
- */
20
-
21
- function useBorderControlStylePicker(props) {
22
- const {
23
- className,
24
- ...otherProps
25
- } = (0, _context.useContextSystem)(props, 'BorderControlStylePicker');
26
-
27
- // Generate class names.
28
- const cx = (0, _useCx.useCx)();
29
- const classes = (0, _element.useMemo)(() => {
30
- return cx(styles.borderControlStylePicker, className);
31
- }, [className, cx]);
32
- const buttonClassName = (0, _element.useMemo)(() => {
33
- return cx(styles.borderStyleButton);
34
- }, [cx]);
35
- return {
36
- ...otherProps,
37
- className: classes,
38
- buttonClassName
39
- };
40
- }
41
- //# sourceMappingURL=hook.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["_element","require","styles","_interopRequireWildcard","_context","_useCx","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","useBorderControlStylePicker","props","className","otherProps","useContextSystem","cx","useCx","classes","useMemo","borderControlStylePicker","buttonClassName","borderStyleButton"],"sources":["@wordpress/components/src/border-control/border-control-style-picker/hook.ts"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport * as styles from '../styles';\nimport type { WordPressComponentProps } from '../../context';\nimport { useContextSystem } from '../../context';\nimport { useCx } from '../../utils/hooks/use-cx';\n\nimport type { StylePickerProps } from '../types';\n\nexport function useBorderControlStylePicker(\n\tprops: WordPressComponentProps< StylePickerProps, 'div' >\n) {\n\tconst { className, ...otherProps } = useContextSystem(\n\t\tprops,\n\t\t'BorderControlStylePicker'\n\t);\n\n\t// Generate class names.\n\tconst cx = useCx();\n\tconst classes = useMemo( () => {\n\t\treturn cx( styles.borderControlStylePicker, className );\n\t}, [ className, cx ] );\n\n\tconst buttonClassName = useMemo( () => {\n\t\treturn cx( styles.borderStyleButton );\n\t}, [ cx ] );\n\n\treturn { ...otherProps, className: classes, buttonClassName };\n}\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAKA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAAiD,SAAAK,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAJ,wBAAAQ,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAXjD;AACA;AACA;;AAGA;AACA;AACA;;AAQO,SAASW,2BAA2BA,CAC1CC,KAAyD,EACxD;EACD,MAAM;IAAEC,SAAS;IAAE,GAAGC;EAAW,CAAC,GAAG,IAAAC,yBAAgB,EACpDH,KAAK,EACL,0BACD,CAAC;;EAED;EACA,MAAMI,EAAE,GAAG,IAAAC,YAAK,EAAC,CAAC;EAClB,MAAMC,OAAO,GAAG,IAAAC,gBAAO,EAAE,MAAM;IAC9B,OAAOH,EAAE,CAAE/B,MAAM,CAACmC,wBAAwB,EAAEP,SAAU,CAAC;EACxD,CAAC,EAAE,CAAEA,SAAS,EAAEG,EAAE,CAAG,CAAC;EAEtB,MAAMK,eAAe,GAAG,IAAAF,gBAAO,EAAE,MAAM;IACtC,OAAOH,EAAE,CAAE/B,MAAM,CAACqC,iBAAkB,CAAC;EACtC,CAAC,EAAE,CAAEN,EAAE,CAAG,CAAC;EAEX,OAAO;IAAE,GAAGF,UAAU;IAAED,SAAS,EAAEK,OAAO;IAAEG;EAAgB,CAAC;AAC9D"}
@@ -1,93 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.TopView = exports.Side = exports.RightView = exports.LeftView = exports.Container = exports.BottomView = void 0;
8
- var _base = _interopRequireDefault(require("@emotion/styled/base"));
9
- var _react = require("@emotion/react");
10
- var _utils = require("../../utils");
11
- function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
12
- var _ref = process.env.NODE_ENV === "production" ? {
13
- name: "11f5o9n",
14
- styles: "bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1"
15
- } : {
16
- name: "1webrrd-containerPositionStyles",
17
- styles: "bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1;label:containerPositionStyles;",
18
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvYm94LWNvbnRyb2wvc3R5bGVzL2JveC1jb250cm9sLXZpc3VhbGl6ZXItc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCVyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2JveC1jb250cm9sL3N0eWxlcy9ib3gtY29udHJvbC12aXN1YWxpemVyLXN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgQ09MT1JTLCBydGwgfSBmcm9tICcuLi8uLi91dGlscyc7XG5cbmNvbnN0IGNvbnRhaW5lclBvc2l0aW9uU3R5bGVzID0gKCB7XG5cdGlzUG9zaXRpb25BYnNvbHV0ZSxcbn06IHtcblx0aXNQb3NpdGlvbkFic29sdXRlOiBib29sZWFuO1xufSApID0+IHtcblx0aWYgKCAhIGlzUG9zaXRpb25BYnNvbHV0ZSApIHJldHVybiAnJztcblxuXHRyZXR1cm4gY3NzYFxuXHRcdGJvdHRvbTogMDtcblx0XHRsZWZ0OiAwO1xuXHRcdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRyaWdodDogMDtcblx0XHR0b3A6IDA7XG5cdFx0ei1pbmRleDogMTtcblx0YDtcbn07XG5cbmV4cG9ydCBjb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdCR7IGNvbnRhaW5lclBvc2l0aW9uU3R5bGVzIH07XG5gO1xuXG5leHBvcnQgY29uc3QgU2lkZSA9IHN0eWxlZC5kaXZgXG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdGJhY2tncm91bmQ6ICR7IENPTE9SUy50aGVtZS5hY2NlbnQgfTtcblx0ZmlsdGVyOiBicmlnaHRuZXNzKCAxICk7XG5cdG9wYWNpdHk6IDA7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0cG9pbnRlci1ldmVudHM6IG5vbmU7XG5cdHRyYW5zaXRpb246IG9wYWNpdHkgMTIwbXMgbGluZWFyO1xuXHR6LWluZGV4OiAxO1xuXG5cdCR7ICggeyBpc0FjdGl2ZSB9OiB7IGlzQWN0aXZlOiBib29sZWFuIH0gKSA9PlxuXHRcdGlzQWN0aXZlICYmXG5cdFx0YFxuXHRcdG9wYWNpdHk6IDAuMztcblx0YCB9XG5gO1xuXG5leHBvcnQgY29uc3QgVG9wVmlldyA9IHN0eWxlZCggU2lkZSApYFxuXHR0b3A6IDA7XG5cdGxlZnQ6IDA7XG5cdHJpZ2h0OiAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IFJpZ2h0VmlldyA9IHN0eWxlZCggU2lkZSApYFxuXHR0b3A6IDA7XG5cdGJvdHRvbTogMDtcblx0JHsgcnRsKCB7IHJpZ2h0OiAwIH0gKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IEJvdHRvbVZpZXcgPSBzdHlsZWQoIFNpZGUgKWBcblx0Ym90dG9tOiAwO1xuXHRsZWZ0OiAwO1xuXHRyaWdodDogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBMZWZ0VmlldyA9IHN0eWxlZCggU2lkZSApYFxuXHR0b3A6IDA7XG5cdGJvdHRvbTogMDtcblx0JHsgcnRsKCB7IGxlZnQ6IDAgfSApIH07XG5gO1xuIl19 */",
19
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__
20
- };
21
- const containerPositionStyles = ({
22
- isPositionAbsolute
23
- }) => {
24
- if (!isPositionAbsolute) return '';
25
- return _ref;
26
- };
27
- const Container = (0, _base.default)("div", process.env.NODE_ENV === "production" ? {
28
- target: "exa0ndl5"
29
- } : {
30
- target: "exa0ndl5",
31
- label: "Container"
32
- })("box-sizing:border-box;position:relative;", containerPositionStyles, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvYm94LWNvbnRyb2wvc3R5bGVzL2JveC1jb250cm9sLXZpc3VhbGl6ZXItc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZCbUMiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9ib3gtY29udHJvbC9zdHlsZXMvYm94LWNvbnRyb2wtdmlzdWFsaXplci1zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTE9SUywgcnRsIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuXG5jb25zdCBjb250YWluZXJQb3NpdGlvblN0eWxlcyA9ICgge1xuXHRpc1Bvc2l0aW9uQWJzb2x1dGUsXG59OiB7XG5cdGlzUG9zaXRpb25BYnNvbHV0ZTogYm9vbGVhbjtcbn0gKSA9PiB7XG5cdGlmICggISBpc1Bvc2l0aW9uQWJzb2x1dGUgKSByZXR1cm4gJyc7XG5cblx0cmV0dXJuIGNzc2Bcblx0XHRib3R0b206IDA7XG5cdFx0bGVmdDogMDtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0cmlnaHQ6IDA7XG5cdFx0dG9wOiAwO1xuXHRcdHotaW5kZXg6IDE7XG5cdGA7XG59O1xuXG5leHBvcnQgY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHQkeyBjb250YWluZXJQb3NpdGlvblN0eWxlcyB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFNpZGUgPSBzdHlsZWQuZGl2YFxuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMudGhlbWUuYWNjZW50IH07XG5cdGZpbHRlcjogYnJpZ2h0bmVzcyggMSApO1xuXHRvcGFjaXR5OiAwO1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHR0cmFuc2l0aW9uOiBvcGFjaXR5IDEyMG1zIGxpbmVhcjtcblx0ei1pbmRleDogMTtcblxuXHQkeyAoIHsgaXNBY3RpdmUgfTogeyBpc0FjdGl2ZTogYm9vbGVhbiB9ICkgPT5cblx0XHRpc0FjdGl2ZSAmJlxuXHRcdGBcblx0XHRvcGFjaXR5OiAwLjM7XG5cdGAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFRvcFZpZXcgPSBzdHlsZWQoIFNpZGUgKWBcblx0dG9wOiAwO1xuXHRsZWZ0OiAwO1xuXHRyaWdodDogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBSaWdodFZpZXcgPSBzdHlsZWQoIFNpZGUgKWBcblx0dG9wOiAwO1xuXHRib3R0b206IDA7XG5cdCR7IHJ0bCggeyByaWdodDogMCB9ICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBCb3R0b21WaWV3ID0gc3R5bGVkKCBTaWRlIClgXG5cdGJvdHRvbTogMDtcblx0bGVmdDogMDtcblx0cmlnaHQ6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgTGVmdFZpZXcgPSBzdHlsZWQoIFNpZGUgKWBcblx0dG9wOiAwO1xuXHRib3R0b206IDA7XG5cdCR7IHJ0bCggeyBsZWZ0OiAwIH0gKSB9O1xuYDtcbiJdfQ== */"));
33
- exports.Container = Container;
34
- const Side = (0, _base.default)("div", process.env.NODE_ENV === "production" ? {
35
- target: "exa0ndl4"
36
- } : {
37
- target: "exa0ndl4",
38
- label: "Side"
39
- })("box-sizing:border-box;background:", _utils.COLORS.theme.accent, ";filter:brightness( 1 );opacity:0;position:absolute;pointer-events:none;transition:opacity 120ms linear;z-index:1;", ({
40
- isActive
41
- }) => isActive && `
42
- opacity: 0.3;
43
- `, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvYm94LWNvbnRyb2wvc3R5bGVzL2JveC1jb250cm9sLXZpc3VhbGl6ZXItc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1DOEIiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9ib3gtY29udHJvbC9zdHlsZXMvYm94LWNvbnRyb2wtdmlzdWFsaXplci1zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTE9SUywgcnRsIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuXG5jb25zdCBjb250YWluZXJQb3NpdGlvblN0eWxlcyA9ICgge1xuXHRpc1Bvc2l0aW9uQWJzb2x1dGUsXG59OiB7XG5cdGlzUG9zaXRpb25BYnNvbHV0ZTogYm9vbGVhbjtcbn0gKSA9PiB7XG5cdGlmICggISBpc1Bvc2l0aW9uQWJzb2x1dGUgKSByZXR1cm4gJyc7XG5cblx0cmV0dXJuIGNzc2Bcblx0XHRib3R0b206IDA7XG5cdFx0bGVmdDogMDtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0cmlnaHQ6IDA7XG5cdFx0dG9wOiAwO1xuXHRcdHotaW5kZXg6IDE7XG5cdGA7XG59O1xuXG5leHBvcnQgY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHQkeyBjb250YWluZXJQb3NpdGlvblN0eWxlcyB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFNpZGUgPSBzdHlsZWQuZGl2YFxuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMudGhlbWUuYWNjZW50IH07XG5cdGZpbHRlcjogYnJpZ2h0bmVzcyggMSApO1xuXHRvcGFjaXR5OiAwO1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHR0cmFuc2l0aW9uOiBvcGFjaXR5IDEyMG1zIGxpbmVhcjtcblx0ei1pbmRleDogMTtcblxuXHQkeyAoIHsgaXNBY3RpdmUgfTogeyBpc0FjdGl2ZTogYm9vbGVhbiB9ICkgPT5cblx0XHRpc0FjdGl2ZSAmJlxuXHRcdGBcblx0XHRvcGFjaXR5OiAwLjM7XG5cdGAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFRvcFZpZXcgPSBzdHlsZWQoIFNpZGUgKWBcblx0dG9wOiAwO1xuXHRsZWZ0OiAwO1xuXHRyaWdodDogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBSaWdodFZpZXcgPSBzdHlsZWQoIFNpZGUgKWBcblx0dG9wOiAwO1xuXHRib3R0b206IDA7XG5cdCR7IHJ0bCggeyByaWdodDogMCB9ICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBCb3R0b21WaWV3ID0gc3R5bGVkKCBTaWRlIClgXG5cdGJvdHRvbTogMDtcblx0bGVmdDogMDtcblx0cmlnaHQ6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgTGVmdFZpZXcgPSBzdHlsZWQoIFNpZGUgKWBcblx0dG9wOiAwO1xuXHRib3R0b206IDA7XG5cdCR7IHJ0bCggeyBsZWZ0OiAwIH0gKSB9O1xuYDtcbiJdfQ== */"));
44
- exports.Side = Side;
45
- const TopView = ( /*#__PURE__*/0, _base.default)(Side, process.env.NODE_ENV === "production" ? {
46
- target: "exa0ndl3"
47
- } : {
48
- target: "exa0ndl3",
49
- label: "TopView"
50
- })(process.env.NODE_ENV === "production" ? {
51
- name: "5i97ct",
52
- styles: "top:0;left:0;right:0"
53
- } : {
54
- name: "5i97ct",
55
- styles: "top:0;left:0;right:0",
56
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvYm94LWNvbnRyb2wvc3R5bGVzL2JveC1jb250cm9sLXZpc3VhbGl6ZXItc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9EcUMiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9ib3gtY29udHJvbC9zdHlsZXMvYm94LWNvbnRyb2wtdmlzdWFsaXplci1zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTE9SUywgcnRsIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuXG5jb25zdCBjb250YWluZXJQb3NpdGlvblN0eWxlcyA9ICgge1xuXHRpc1Bvc2l0aW9uQWJzb2x1dGUsXG59OiB7XG5cdGlzUG9zaXRpb25BYnNvbHV0ZTogYm9vbGVhbjtcbn0gKSA9PiB7XG5cdGlmICggISBpc1Bvc2l0aW9uQWJzb2x1dGUgKSByZXR1cm4gJyc7XG5cblx0cmV0dXJuIGNzc2Bcblx0XHRib3R0b206IDA7XG5cdFx0bGVmdDogMDtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0cmlnaHQ6IDA7XG5cdFx0dG9wOiAwO1xuXHRcdHotaW5kZXg6IDE7XG5cdGA7XG59O1xuXG5leHBvcnQgY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHQkeyBjb250YWluZXJQb3NpdGlvblN0eWxlcyB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFNpZGUgPSBzdHlsZWQuZGl2YFxuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMudGhlbWUuYWNjZW50IH07XG5cdGZpbHRlcjogYnJpZ2h0bmVzcyggMSApO1xuXHRvcGFjaXR5OiAwO1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHR0cmFuc2l0aW9uOiBvcGFjaXR5IDEyMG1zIGxpbmVhcjtcblx0ei1pbmRleDogMTtcblxuXHQkeyAoIHsgaXNBY3RpdmUgfTogeyBpc0FjdGl2ZTogYm9vbGVhbiB9ICkgPT5cblx0XHRpc0FjdGl2ZSAmJlxuXHRcdGBcblx0XHRvcGFjaXR5OiAwLjM7XG5cdGAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFRvcFZpZXcgPSBzdHlsZWQoIFNpZGUgKWBcblx0dG9wOiAwO1xuXHRsZWZ0OiAwO1xuXHRyaWdodDogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBSaWdodFZpZXcgPSBzdHlsZWQoIFNpZGUgKWBcblx0dG9wOiAwO1xuXHRib3R0b206IDA7XG5cdCR7IHJ0bCggeyByaWdodDogMCB9ICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBCb3R0b21WaWV3ID0gc3R5bGVkKCBTaWRlIClgXG5cdGJvdHRvbTogMDtcblx0bGVmdDogMDtcblx0cmlnaHQ6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgTGVmdFZpZXcgPSBzdHlsZWQoIFNpZGUgKWBcblx0dG9wOiAwO1xuXHRib3R0b206IDA7XG5cdCR7IHJ0bCggeyBsZWZ0OiAwIH0gKSB9O1xuYDtcbiJdfQ== */",
57
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__
58
- });
59
- exports.TopView = TopView;
60
- const RightView = ( /*#__PURE__*/0, _base.default)(Side, process.env.NODE_ENV === "production" ? {
61
- target: "exa0ndl2"
62
- } : {
63
- target: "exa0ndl2",
64
- label: "RightView"
65
- })("top:0;bottom:0;", (0, _utils.rtl)({
66
- right: 0
67
- }), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvYm94LWNvbnRyb2wvc3R5bGVzL2JveC1jb250cm9sLXZpc3VhbGl6ZXItc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBEdUMiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9ib3gtY29udHJvbC9zdHlsZXMvYm94LWNvbnRyb2wtdmlzdWFsaXplci1zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTE9SUywgcnRsIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuXG5jb25zdCBjb250YWluZXJQb3NpdGlvblN0eWxlcyA9ICgge1xuXHRpc1Bvc2l0aW9uQWJzb2x1dGUsXG59OiB7XG5cdGlzUG9zaXRpb25BYnNvbHV0ZTogYm9vbGVhbjtcbn0gKSA9PiB7XG5cdGlmICggISBpc1Bvc2l0aW9uQWJzb2x1dGUgKSByZXR1cm4gJyc7XG5cblx0cmV0dXJuIGNzc2Bcblx0XHRib3R0b206IDA7XG5cdFx0bGVmdDogMDtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0cmlnaHQ6IDA7XG5cdFx0dG9wOiAwO1xuXHRcdHotaW5kZXg6IDE7XG5cdGA7XG59O1xuXG5leHBvcnQgY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHQkeyBjb250YWluZXJQb3NpdGlvblN0eWxlcyB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFNpZGUgPSBzdHlsZWQuZGl2YFxuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMudGhlbWUuYWNjZW50IH07XG5cdGZpbHRlcjogYnJpZ2h0bmVzcyggMSApO1xuXHRvcGFjaXR5OiAwO1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHR0cmFuc2l0aW9uOiBvcGFjaXR5IDEyMG1zIGxpbmVhcjtcblx0ei1pbmRleDogMTtcblxuXHQkeyAoIHsgaXNBY3RpdmUgfTogeyBpc0FjdGl2ZTogYm9vbGVhbiB9ICkgPT5cblx0XHRpc0FjdGl2ZSAmJlxuXHRcdGBcblx0XHRvcGFjaXR5OiAwLjM7XG5cdGAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFRvcFZpZXcgPSBzdHlsZWQoIFNpZGUgKWBcblx0dG9wOiAwO1xuXHRsZWZ0OiAwO1xuXHRyaWdodDogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBSaWdodFZpZXcgPSBzdHlsZWQoIFNpZGUgKWBcblx0dG9wOiAwO1xuXHRib3R0b206IDA7XG5cdCR7IHJ0bCggeyByaWdodDogMCB9ICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBCb3R0b21WaWV3ID0gc3R5bGVkKCBTaWRlIClgXG5cdGJvdHRvbTogMDtcblx0bGVmdDogMDtcblx0cmlnaHQ6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgTGVmdFZpZXcgPSBzdHlsZWQoIFNpZGUgKWBcblx0dG9wOiAwO1xuXHRib3R0b206IDA7XG5cdCR7IHJ0bCggeyBsZWZ0OiAwIH0gKSB9O1xuYDtcbiJdfQ== */"));
68
- exports.RightView = RightView;
69
- const BottomView = ( /*#__PURE__*/0, _base.default)(Side, process.env.NODE_ENV === "production" ? {
70
- target: "exa0ndl1"
71
- } : {
72
- target: "exa0ndl1",
73
- label: "BottomView"
74
- })(process.env.NODE_ENV === "production" ? {
75
- name: "8cxke2",
76
- styles: "bottom:0;left:0;right:0"
77
- } : {
78
- name: "8cxke2",
79
- styles: "bottom:0;left:0;right:0",
80
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvYm94LWNvbnRyb2wvc3R5bGVzL2JveC1jb250cm9sLXZpc3VhbGl6ZXItc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdFd0MiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9ib3gtY29udHJvbC9zdHlsZXMvYm94LWNvbnRyb2wtdmlzdWFsaXplci1zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTE9SUywgcnRsIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuXG5jb25zdCBjb250YWluZXJQb3NpdGlvblN0eWxlcyA9ICgge1xuXHRpc1Bvc2l0aW9uQWJzb2x1dGUsXG59OiB7XG5cdGlzUG9zaXRpb25BYnNvbHV0ZTogYm9vbGVhbjtcbn0gKSA9PiB7XG5cdGlmICggISBpc1Bvc2l0aW9uQWJzb2x1dGUgKSByZXR1cm4gJyc7XG5cblx0cmV0dXJuIGNzc2Bcblx0XHRib3R0b206IDA7XG5cdFx0bGVmdDogMDtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0cmlnaHQ6IDA7XG5cdFx0dG9wOiAwO1xuXHRcdHotaW5kZXg6IDE7XG5cdGA7XG59O1xuXG5leHBvcnQgY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHQkeyBjb250YWluZXJQb3NpdGlvblN0eWxlcyB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFNpZGUgPSBzdHlsZWQuZGl2YFxuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMudGhlbWUuYWNjZW50IH07XG5cdGZpbHRlcjogYnJpZ2h0bmVzcyggMSApO1xuXHRvcGFjaXR5OiAwO1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHR0cmFuc2l0aW9uOiBvcGFjaXR5IDEyMG1zIGxpbmVhcjtcblx0ei1pbmRleDogMTtcblxuXHQkeyAoIHsgaXNBY3RpdmUgfTogeyBpc0FjdGl2ZTogYm9vbGVhbiB9ICkgPT5cblx0XHRpc0FjdGl2ZSAmJlxuXHRcdGBcblx0XHRvcGFjaXR5OiAwLjM7XG5cdGAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFRvcFZpZXcgPSBzdHlsZWQoIFNpZGUgKWBcblx0dG9wOiAwO1xuXHRsZWZ0OiAwO1xuXHRyaWdodDogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBSaWdodFZpZXcgPSBzdHlsZWQoIFNpZGUgKWBcblx0dG9wOiAwO1xuXHRib3R0b206IDA7XG5cdCR7IHJ0bCggeyByaWdodDogMCB9ICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBCb3R0b21WaWV3ID0gc3R5bGVkKCBTaWRlIClgXG5cdGJvdHRvbTogMDtcblx0bGVmdDogMDtcblx0cmlnaHQ6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgTGVmdFZpZXcgPSBzdHlsZWQoIFNpZGUgKWBcblx0dG9wOiAwO1xuXHRib3R0b206IDA7XG5cdCR7IHJ0bCggeyBsZWZ0OiAwIH0gKSB9O1xuYDtcbiJdfQ== */",
81
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__
82
- });
83
- exports.BottomView = BottomView;
84
- const LeftView = ( /*#__PURE__*/0, _base.default)(Side, process.env.NODE_ENV === "production" ? {
85
- target: "exa0ndl0"
86
- } : {
87
- target: "exa0ndl0",
88
- label: "LeftView"
89
- })("top:0;bottom:0;", (0, _utils.rtl)({
90
- left: 0
91
- }), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvYm94LWNvbnRyb2wvc3R5bGVzL2JveC1jb250cm9sLXZpc3VhbGl6ZXItc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNFc0MiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9ib3gtY29udHJvbC9zdHlsZXMvYm94LWNvbnRyb2wtdmlzdWFsaXplci1zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTE9SUywgcnRsIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuXG5jb25zdCBjb250YWluZXJQb3NpdGlvblN0eWxlcyA9ICgge1xuXHRpc1Bvc2l0aW9uQWJzb2x1dGUsXG59OiB7XG5cdGlzUG9zaXRpb25BYnNvbHV0ZTogYm9vbGVhbjtcbn0gKSA9PiB7XG5cdGlmICggISBpc1Bvc2l0aW9uQWJzb2x1dGUgKSByZXR1cm4gJyc7XG5cblx0cmV0dXJuIGNzc2Bcblx0XHRib3R0b206IDA7XG5cdFx0bGVmdDogMDtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0cmlnaHQ6IDA7XG5cdFx0dG9wOiAwO1xuXHRcdHotaW5kZXg6IDE7XG5cdGA7XG59O1xuXG5leHBvcnQgY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHQkeyBjb250YWluZXJQb3NpdGlvblN0eWxlcyB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFNpZGUgPSBzdHlsZWQuZGl2YFxuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMudGhlbWUuYWNjZW50IH07XG5cdGZpbHRlcjogYnJpZ2h0bmVzcyggMSApO1xuXHRvcGFjaXR5OiAwO1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHR0cmFuc2l0aW9uOiBvcGFjaXR5IDEyMG1zIGxpbmVhcjtcblx0ei1pbmRleDogMTtcblxuXHQkeyAoIHsgaXNBY3RpdmUgfTogeyBpc0FjdGl2ZTogYm9vbGVhbiB9ICkgPT5cblx0XHRpc0FjdGl2ZSAmJlxuXHRcdGBcblx0XHRvcGFjaXR5OiAwLjM7XG5cdGAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFRvcFZpZXcgPSBzdHlsZWQoIFNpZGUgKWBcblx0dG9wOiAwO1xuXHRsZWZ0OiAwO1xuXHRyaWdodDogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBSaWdodFZpZXcgPSBzdHlsZWQoIFNpZGUgKWBcblx0dG9wOiAwO1xuXHRib3R0b206IDA7XG5cdCR7IHJ0bCggeyByaWdodDogMCB9ICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBCb3R0b21WaWV3ID0gc3R5bGVkKCBTaWRlIClgXG5cdGJvdHRvbTogMDtcblx0bGVmdDogMDtcblx0cmlnaHQ6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgTGVmdFZpZXcgPSBzdHlsZWQoIFNpZGUgKWBcblx0dG9wOiAwO1xuXHRib3R0b206IDA7XG5cdCR7IHJ0bCggeyBsZWZ0OiAwIH0gKSB9O1xuYDtcbiJdfQ== */"));
92
- exports.LeftView = LeftView;
93
- //# sourceMappingURL=box-control-visualizer-styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["_react","require","_utils","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref","process","env","NODE_ENV","name","styles","map","toString","containerPositionStyles","isPositionAbsolute","Container","_base","default","target","label","exports","Side","COLORS","theme","accent","isActive","TopView","RightView","rtl","right","BottomView","LeftView","left"],"sources":["@wordpress/components/src/box-control/styles/box-control-visualizer-styles.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\nimport styled from '@emotion/styled';\n\n/**\n * Internal dependencies\n */\nimport { COLORS, rtl } from '../../utils';\n\nconst containerPositionStyles = ( {\n\tisPositionAbsolute,\n}: {\n\tisPositionAbsolute: boolean;\n} ) => {\n\tif ( ! isPositionAbsolute ) return '';\n\n\treturn css`\n\t\tbottom: 0;\n\t\tleft: 0;\n\t\tpointer-events: none;\n\t\tposition: absolute;\n\t\tright: 0;\n\t\ttop: 0;\n\t\tz-index: 1;\n\t`;\n};\n\nexport const Container = styled.div`\n\tbox-sizing: border-box;\n\tposition: relative;\n\t${ containerPositionStyles };\n`;\n\nexport const Side = styled.div`\n\tbox-sizing: border-box;\n\tbackground: ${ COLORS.theme.accent };\n\tfilter: brightness( 1 );\n\topacity: 0;\n\tposition: absolute;\n\tpointer-events: none;\n\ttransition: opacity 120ms linear;\n\tz-index: 1;\n\n\t${ ( { isActive }: { isActive: boolean } ) =>\n\t\tisActive &&\n\t\t`\n\t\topacity: 0.3;\n\t` }\n`;\n\nexport const TopView = styled( Side )`\n\ttop: 0;\n\tleft: 0;\n\tright: 0;\n`;\n\nexport const RightView = styled( Side )`\n\ttop: 0;\n\tbottom: 0;\n\t${ rtl( { right: 0 } ) };\n`;\n\nexport const BottomView = styled( Side )`\n\tbottom: 0;\n\tleft: 0;\n\tright: 0;\n`;\n\nexport const LeftView = styled( Side )`\n\ttop: 0;\n\tbottom: 0;\n\t${ rtl( { left: 0 } ) };\n`;\n"],"mappings":";;;;;;;;AAGA,IAAAA,MAAA,GAAAC,OAAA;AAMA,IAAAC,MAAA,GAAAD,OAAA;AAA0C,SAAAE,iCAAA;AAAA,IAAAC,IAAA,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAR;AAAA;AAE1C,MAAMS,uBAAuB,GAAGA,CAAE;EACjCC;AAGD,CAAC,KAAM;EACN,IAAK,CAAEA,kBAAkB,EAAG,OAAO,EAAE;EAErC,OAAAT,IAAA;AASD,CAAC;AAEM,MAAMU,SAAS,OAAAC,KAAA,CAAAC,OAAA,SAAAX,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAU,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,+CAGlBN,uBAAuB,SAAAP,OAAA,CAAAC,GAAA,CAAAC,QAAA,orEAC1B;AAACY,OAAA,CAAAL,SAAA,GAAAA,SAAA;AAEK,MAAMM,IAAI,OAAAL,KAAA,CAAAC,OAAA,SAAAX,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAU,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,wCAEDG,aAAM,CAACC,KAAK,CAACC,MAAM,wHAQ/B,CAAE;EAAEC;AAAgC,CAAC,KACvCA,QAAQ,IACP;AACH;AACA,EAAE,SAAAnB,OAAA,CAAAC,GAAA,CAAAC,QAAA,orEACD;AAACY,OAAA,CAAAC,IAAA,GAAAA,IAAA;AAEK,MAAMK,OAAO,GAAG,kBAAAV,KAAA,CAAAC,OAAA,EAAQI,IAAI,EAAAf,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAU,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,CAAC,CAAC,CAAAb,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAR;AAAA,EAIpC;AAACgB,OAAA,CAAAM,OAAA,GAAAA,OAAA;AAEK,MAAMC,SAAS,GAAG,kBAAAX,KAAA,CAAAC,OAAA,EAAQI,IAAI,EAAAf,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAU,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,CAAC,CAAC,oBAGnC,IAAAS,UAAG,EAAE;EAAEC,KAAK,EAAE;AAAE,CAAE,CAAC,SAAAvB,OAAA,CAAAC,GAAA,CAAAC,QAAA,orEACtB;AAACY,OAAA,CAAAO,SAAA,GAAAA,SAAA;AAEK,MAAMG,UAAU,GAAG,kBAAAd,KAAA,CAAAC,OAAA,EAAQI,IAAI,EAAAf,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAU,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,CAAC,CAAC,CAAAb,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAR;AAAA,EAIvC;AAACgB,OAAA,CAAAU,UAAA,GAAAA,UAAA;AAEK,MAAMC,QAAQ,GAAG,kBAAAf,KAAA,CAAAC,OAAA,EAAQI,IAAI,EAAAf,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAU,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,CAAC,CAAC,oBAGlC,IAAAS,UAAG,EAAE;EAAEI,IAAI,EAAE;AAAE,CAAE,CAAC,SAAA1B,OAAA,CAAAC,GAAA,CAAAC,QAAA,orEACrB;AAACY,OAAA,CAAAW,QAAA,GAAAA,QAAA"}
@@ -1,76 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.default = BoxUnitControl;
8
- var _react = require("react");
9
- var _react2 = require("@use-gesture/react");
10
- var _tooltip = _interopRequireDefault(require("../tooltip"));
11
- var _boxControlStyles = require("./styles/box-control-styles");
12
- /**
13
- * External dependencies
14
- */
15
-
16
- /**
17
- * Internal dependencies
18
- */
19
-
20
- const noop = () => {};
21
- function BoxUnitControl({
22
- isFirst,
23
- isLast,
24
- isOnly,
25
- onHoverOn = noop,
26
- onHoverOff = noop,
27
- label,
28
- value,
29
- ...props
30
- }) {
31
- const bindHoverGesture = (0, _react2.useHover)(({
32
- event,
33
- ...state
34
- }) => {
35
- if (state.hovering) {
36
- onHoverOn(event, state);
37
- } else {
38
- onHoverOff(event, state);
39
- }
40
- });
41
- return (0, _react.createElement)(_boxControlStyles.UnitControlWrapper, {
42
- ...bindHoverGesture()
43
- }, (0, _react.createElement)(Tooltip, {
44
- text: label
45
- }, (0, _react.createElement)(_boxControlStyles.UnitControl, {
46
- "aria-label": label,
47
- className: "component-box-control__unit-control",
48
- isFirst: isFirst,
49
- isLast: isLast,
50
- isOnly: isOnly,
51
- isPressEnterToChange: true,
52
- isResetValueOnUnitChange: false,
53
- value: value,
54
- ...props
55
- })));
56
- }
57
- function Tooltip({
58
- children,
59
- text
60
- }) {
61
- if (!text) return children;
62
-
63
- /**
64
- * Wrapping the children in a `<div />` as Tooltip as it attempts
65
- * to render the <UnitControl />. Using a plain `<div />` appears to
66
- * resolve this issue.
67
- *
68
- * Originally discovered and referenced here:
69
- * https://github.com/WordPress/gutenberg/pull/24966#issuecomment-685875026
70
- */
71
- return (0, _react.createElement)(_tooltip.default, {
72
- text: text,
73
- placement: "top"
74
- }, (0, _react.createElement)("div", null, children));
75
- }
76
- //# sourceMappingURL=unit-control.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["_react2","require","_tooltip","_interopRequireDefault","_boxControlStyles","noop","BoxUnitControl","isFirst","isLast","isOnly","onHoverOn","onHoverOff","label","value","props","bindHoverGesture","useHover","event","state","hovering","_react","createElement","UnitControlWrapper","Tooltip","text","UnitControl","className","isPressEnterToChange","isResetValueOnUnitChange","children","default","placement"],"sources":["@wordpress/components/src/box-control/unit-control.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport { useHover } from '@use-gesture/react';\n\n/**\n * Internal dependencies\n */\nimport BaseTooltip from '../tooltip';\nimport { UnitControlWrapper, UnitControl } from './styles/box-control-styles';\nimport type { BoxUnitControlProps } from './types';\n\nconst noop = () => {};\n\nexport default function BoxUnitControl( {\n\tisFirst,\n\tisLast,\n\tisOnly,\n\tonHoverOn = noop,\n\tonHoverOff = noop,\n\tlabel,\n\tvalue,\n\t...props\n}: BoxUnitControlProps ) {\n\tconst bindHoverGesture = useHover( ( { event, ...state } ) => {\n\t\tif ( state.hovering ) {\n\t\t\tonHoverOn( event, state );\n\t\t} else {\n\t\t\tonHoverOff( event, state );\n\t\t}\n\t} );\n\n\treturn (\n\t\t<UnitControlWrapper { ...bindHoverGesture() }>\n\t\t\t<Tooltip text={ label }>\n\t\t\t\t<UnitControl\n\t\t\t\t\taria-label={ label }\n\t\t\t\t\tclassName=\"component-box-control__unit-control\"\n\t\t\t\t\tisFirst={ isFirst }\n\t\t\t\t\tisLast={ isLast }\n\t\t\t\t\tisOnly={ isOnly }\n\t\t\t\t\tisPressEnterToChange\n\t\t\t\t\tisResetValueOnUnitChange={ false }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\t{ ...props }\n\t\t\t\t/>\n\t\t\t</Tooltip>\n\t\t</UnitControlWrapper>\n\t);\n}\n\nfunction Tooltip( {\n\tchildren,\n\ttext,\n}: {\n\tchildren: JSX.Element;\n\ttext?: string;\n} ) {\n\tif ( ! text ) return children;\n\n\t/**\n\t * Wrapping the children in a `<div />` as Tooltip as it attempts\n\t * to render the <UnitControl />. Using a plain `<div />` appears to\n\t * resolve this issue.\n\t *\n\t * Originally discovered and referenced here:\n\t * https://github.com/WordPress/gutenberg/pull/24966#issuecomment-685875026\n\t */\n\treturn (\n\t\t<BaseTooltip text={ text } placement=\"top\">\n\t\t\t<div>{ children }</div>\n\t\t</BaseTooltip>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AATA;AACA;AACA;;AAGA;AACA;AACA;;AAKA,MAAMI,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;AAEN,SAASC,cAAcA,CAAE;EACvCC,OAAO;EACPC,MAAM;EACNC,MAAM;EACNC,SAAS,GAAGL,IAAI;EAChBM,UAAU,GAAGN,IAAI;EACjBO,KAAK;EACLC,KAAK;EACL,GAAGC;AACiB,CAAC,EAAG;EACxB,MAAMC,gBAAgB,GAAG,IAAAC,gBAAQ,EAAE,CAAE;IAAEC,KAAK;IAAE,GAAGC;EAAM,CAAC,KAAM;IAC7D,IAAKA,KAAK,CAACC,QAAQ,EAAG;MACrBT,SAAS,CAAEO,KAAK,EAAEC,KAAM,CAAC;IAC1B,CAAC,MAAM;MACNP,UAAU,CAAEM,KAAK,EAAEC,KAAM,CAAC;IAC3B;EACD,CAAE,CAAC;EAEH,OACC,IAAAE,MAAA,CAAAC,aAAA,EAACjB,iBAAA,CAAAkB,kBAAkB;IAAA,GAAMP,gBAAgB,CAAC;EAAC,GAC1C,IAAAK,MAAA,CAAAC,aAAA,EAACE,OAAO;IAACC,IAAI,EAAGZ;EAAO,GACtB,IAAAQ,MAAA,CAAAC,aAAA,EAACjB,iBAAA,CAAAqB,WAAW;IACX,cAAab,KAAO;IACpBc,SAAS,EAAC,qCAAqC;IAC/CnB,OAAO,EAAGA,OAAS;IACnBC,MAAM,EAAGA,MAAQ;IACjBC,MAAM,EAAGA,MAAQ;IACjBkB,oBAAoB;IACpBC,wBAAwB,EAAG,KAAO;IAClCf,KAAK,EAAGA,KAAO;IAAA,GACVC;EAAK,CACV,CACO,CACU,CAAC;AAEvB;AAEA,SAASS,OAAOA,CAAE;EACjBM,QAAQ;EACRL;AAID,CAAC,EAAG;EACH,IAAK,CAAEA,IAAI,EAAG,OAAOK,QAAQ;;EAE7B;AACD;AACA;AACA;AACA;AACA;AACA;AACA;EACC,OACC,IAAAT,MAAA,CAAAC,aAAA,EAACnB,QAAA,CAAA4B,OAAW;IAACN,IAAI,EAAGA,IAAM;IAACO,SAAS,EAAC;EAAK,GACzC,IAAAX,MAAA,CAAAC,aAAA,eAAOQ,QAAe,CACV,CAAC;AAEhB"}
@@ -1,32 +0,0 @@
1
- /**
2
- * WordPress dependencies
3
- */
4
- import { useMemo } from '@wordpress/element';
5
-
6
- /**
7
- * Internal dependencies
8
- */
9
- import * as styles from '../styles';
10
- import { useContextSystem } from '../../context';
11
- import { useCx } from '../../utils/hooks/use-cx';
12
- export function useBorderControlStylePicker(props) {
13
- const {
14
- className,
15
- ...otherProps
16
- } = useContextSystem(props, 'BorderControlStylePicker');
17
-
18
- // Generate class names.
19
- const cx = useCx();
20
- const classes = useMemo(() => {
21
- return cx(styles.borderControlStylePicker, className);
22
- }, [className, cx]);
23
- const buttonClassName = useMemo(() => {
24
- return cx(styles.borderStyleButton);
25
- }, [cx]);
26
- return {
27
- ...otherProps,
28
- className: classes,
29
- buttonClassName
30
- };
31
- }
32
- //# sourceMappingURL=hook.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["useMemo","styles","useContextSystem","useCx","useBorderControlStylePicker","props","className","otherProps","cx","classes","borderControlStylePicker","buttonClassName","borderStyleButton"],"sources":["@wordpress/components/src/border-control/border-control-style-picker/hook.ts"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport * as styles from '../styles';\nimport type { WordPressComponentProps } from '../../context';\nimport { useContextSystem } from '../../context';\nimport { useCx } from '../../utils/hooks/use-cx';\n\nimport type { StylePickerProps } from '../types';\n\nexport function useBorderControlStylePicker(\n\tprops: WordPressComponentProps< StylePickerProps, 'div' >\n) {\n\tconst { className, ...otherProps } = useContextSystem(\n\t\tprops,\n\t\t'BorderControlStylePicker'\n\t);\n\n\t// Generate class names.\n\tconst cx = useCx();\n\tconst classes = useMemo( () => {\n\t\treturn cx( styles.borderControlStylePicker, className );\n\t}, [ className, cx ] );\n\n\tconst buttonClassName = useMemo( () => {\n\t\treturn cx( styles.borderStyleButton );\n\t}, [ cx ] );\n\n\treturn { ...otherProps, className: classes, buttonClassName };\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,OAAO,QAAQ,oBAAoB;;AAE5C;AACA;AACA;AACA,OAAO,KAAKC,MAAM,MAAM,WAAW;AAEnC,SAASC,gBAAgB,QAAQ,eAAe;AAChD,SAASC,KAAK,QAAQ,0BAA0B;AAIhD,OAAO,SAASC,2BAA2BA,CAC1CC,KAAyD,EACxD;EACD,MAAM;IAAEC,SAAS;IAAE,GAAGC;EAAW,CAAC,GAAGL,gBAAgB,CACpDG,KAAK,EACL,0BACD,CAAC;;EAED;EACA,MAAMG,EAAE,GAAGL,KAAK,CAAC,CAAC;EAClB,MAAMM,OAAO,GAAGT,OAAO,CAAE,MAAM;IAC9B,OAAOQ,EAAE,CAAEP,MAAM,CAACS,wBAAwB,EAAEJ,SAAU,CAAC;EACxD,CAAC,EAAE,CAAEA,SAAS,EAAEE,EAAE,CAAG,CAAC;EAEtB,MAAMG,eAAe,GAAGX,OAAO,CAAE,MAAM;IACtC,OAAOQ,EAAE,CAAEP,MAAM,CAACW,iBAAkB,CAAC;EACtC,CAAC,EAAE,CAAEJ,EAAE,CAAG,CAAC;EAEX,OAAO;IAAE,GAAGD,UAAU;IAAED,SAAS,EAAEG,OAAO;IAAEE;EAAgB,CAAC;AAC9D"}
@@ -1,86 +0,0 @@
1
- import _styled from "@emotion/styled/base";
2
- function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
3
- /**
4
- * External dependencies
5
- */
6
- import { css } from '@emotion/react';
7
- /**
8
- * Internal dependencies
9
- */
10
- import { COLORS, rtl } from '../../utils';
11
- var _ref = process.env.NODE_ENV === "production" ? {
12
- name: "11f5o9n",
13
- styles: "bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1"
14
- } : {
15
- name: "1webrrd-containerPositionStyles",
16
- styles: "bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1;label:containerPositionStyles;",
17
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvYm94LWNvbnRyb2wvc3R5bGVzL2JveC1jb250cm9sLXZpc3VhbGl6ZXItc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCVyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2JveC1jb250cm9sL3N0eWxlcy9ib3gtY29udHJvbC12aXN1YWxpemVyLXN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgQ09MT1JTLCBydGwgfSBmcm9tICcuLi8uLi91dGlscyc7XG5cbmNvbnN0IGNvbnRhaW5lclBvc2l0aW9uU3R5bGVzID0gKCB7XG5cdGlzUG9zaXRpb25BYnNvbHV0ZSxcbn06IHtcblx0aXNQb3NpdGlvbkFic29sdXRlOiBib29sZWFuO1xufSApID0+IHtcblx0aWYgKCAhIGlzUG9zaXRpb25BYnNvbHV0ZSApIHJldHVybiAnJztcblxuXHRyZXR1cm4gY3NzYFxuXHRcdGJvdHRvbTogMDtcblx0XHRsZWZ0OiAwO1xuXHRcdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRyaWdodDogMDtcblx0XHR0b3A6IDA7XG5cdFx0ei1pbmRleDogMTtcblx0YDtcbn07XG5cbmV4cG9ydCBjb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdCR7IGNvbnRhaW5lclBvc2l0aW9uU3R5bGVzIH07XG5gO1xuXG5leHBvcnQgY29uc3QgU2lkZSA9IHN0eWxlZC5kaXZgXG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdGJhY2tncm91bmQ6ICR7IENPTE9SUy50aGVtZS5hY2NlbnQgfTtcblx0ZmlsdGVyOiBicmlnaHRuZXNzKCAxICk7XG5cdG9wYWNpdHk6IDA7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0cG9pbnRlci1ldmVudHM6IG5vbmU7XG5cdHRyYW5zaXRpb246IG9wYWNpdHkgMTIwbXMgbGluZWFyO1xuXHR6LWluZGV4OiAxO1xuXG5cdCR7ICggeyBpc0FjdGl2ZSB9OiB7IGlzQWN0aXZlOiBib29sZWFuIH0gKSA9PlxuXHRcdGlzQWN0aXZlICYmXG5cdFx0YFxuXHRcdG9wYWNpdHk6IDAuMztcblx0YCB9XG5gO1xuXG5leHBvcnQgY29uc3QgVG9wVmlldyA9IHN0eWxlZCggU2lkZSApYFxuXHR0b3A6IDA7XG5cdGxlZnQ6IDA7XG5cdHJpZ2h0OiAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IFJpZ2h0VmlldyA9IHN0eWxlZCggU2lkZSApYFxuXHR0b3A6IDA7XG5cdGJvdHRvbTogMDtcblx0JHsgcnRsKCB7IHJpZ2h0OiAwIH0gKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IEJvdHRvbVZpZXcgPSBzdHlsZWQoIFNpZGUgKWBcblx0Ym90dG9tOiAwO1xuXHRsZWZ0OiAwO1xuXHRyaWdodDogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBMZWZ0VmlldyA9IHN0eWxlZCggU2lkZSApYFxuXHR0b3A6IDA7XG5cdGJvdHRvbTogMDtcblx0JHsgcnRsKCB7IGxlZnQ6IDAgfSApIH07XG5gO1xuIl19 */",
18
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__
19
- };
20
- const containerPositionStyles = ({
21
- isPositionAbsolute
22
- }) => {
23
- if (!isPositionAbsolute) return '';
24
- return _ref;
25
- };
26
- export const Container = _styled("div", process.env.NODE_ENV === "production" ? {
27
- target: "exa0ndl5"
28
- } : {
29
- target: "exa0ndl5",
30
- label: "Container"
31
- })("box-sizing:border-box;position:relative;", containerPositionStyles, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvYm94LWNvbnRyb2wvc3R5bGVzL2JveC1jb250cm9sLXZpc3VhbGl6ZXItc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZCbUMiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9ib3gtY29udHJvbC9zdHlsZXMvYm94LWNvbnRyb2wtdmlzdWFsaXplci1zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTE9SUywgcnRsIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuXG5jb25zdCBjb250YWluZXJQb3NpdGlvblN0eWxlcyA9ICgge1xuXHRpc1Bvc2l0aW9uQWJzb2x1dGUsXG59OiB7XG5cdGlzUG9zaXRpb25BYnNvbHV0ZTogYm9vbGVhbjtcbn0gKSA9PiB7XG5cdGlmICggISBpc1Bvc2l0aW9uQWJzb2x1dGUgKSByZXR1cm4gJyc7XG5cblx0cmV0dXJuIGNzc2Bcblx0XHRib3R0b206IDA7XG5cdFx0bGVmdDogMDtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0cmlnaHQ6IDA7XG5cdFx0dG9wOiAwO1xuXHRcdHotaW5kZXg6IDE7XG5cdGA7XG59O1xuXG5leHBvcnQgY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHQkeyBjb250YWluZXJQb3NpdGlvblN0eWxlcyB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFNpZGUgPSBzdHlsZWQuZGl2YFxuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMudGhlbWUuYWNjZW50IH07XG5cdGZpbHRlcjogYnJpZ2h0bmVzcyggMSApO1xuXHRvcGFjaXR5OiAwO1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHR0cmFuc2l0aW9uOiBvcGFjaXR5IDEyMG1zIGxpbmVhcjtcblx0ei1pbmRleDogMTtcblxuXHQkeyAoIHsgaXNBY3RpdmUgfTogeyBpc0FjdGl2ZTogYm9vbGVhbiB9ICkgPT5cblx0XHRpc0FjdGl2ZSAmJlxuXHRcdGBcblx0XHRvcGFjaXR5OiAwLjM7XG5cdGAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFRvcFZpZXcgPSBzdHlsZWQoIFNpZGUgKWBcblx0dG9wOiAwO1xuXHRsZWZ0OiAwO1xuXHRyaWdodDogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBSaWdodFZpZXcgPSBzdHlsZWQoIFNpZGUgKWBcblx0dG9wOiAwO1xuXHRib3R0b206IDA7XG5cdCR7IHJ0bCggeyByaWdodDogMCB9ICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBCb3R0b21WaWV3ID0gc3R5bGVkKCBTaWRlIClgXG5cdGJvdHRvbTogMDtcblx0bGVmdDogMDtcblx0cmlnaHQ6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgTGVmdFZpZXcgPSBzdHlsZWQoIFNpZGUgKWBcblx0dG9wOiAwO1xuXHRib3R0b206IDA7XG5cdCR7IHJ0bCggeyBsZWZ0OiAwIH0gKSB9O1xuYDtcbiJdfQ== */"));
32
- export const Side = _styled("div", process.env.NODE_ENV === "production" ? {
33
- target: "exa0ndl4"
34
- } : {
35
- target: "exa0ndl4",
36
- label: "Side"
37
- })("box-sizing:border-box;background:", COLORS.theme.accent, ";filter:brightness( 1 );opacity:0;position:absolute;pointer-events:none;transition:opacity 120ms linear;z-index:1;", ({
38
- isActive
39
- }) => isActive && `
40
- opacity: 0.3;
41
- `, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvYm94LWNvbnRyb2wvc3R5bGVzL2JveC1jb250cm9sLXZpc3VhbGl6ZXItc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1DOEIiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9ib3gtY29udHJvbC9zdHlsZXMvYm94LWNvbnRyb2wtdmlzdWFsaXplci1zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTE9SUywgcnRsIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuXG5jb25zdCBjb250YWluZXJQb3NpdGlvblN0eWxlcyA9ICgge1xuXHRpc1Bvc2l0aW9uQWJzb2x1dGUsXG59OiB7XG5cdGlzUG9zaXRpb25BYnNvbHV0ZTogYm9vbGVhbjtcbn0gKSA9PiB7XG5cdGlmICggISBpc1Bvc2l0aW9uQWJzb2x1dGUgKSByZXR1cm4gJyc7XG5cblx0cmV0dXJuIGNzc2Bcblx0XHRib3R0b206IDA7XG5cdFx0bGVmdDogMDtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0cmlnaHQ6IDA7XG5cdFx0dG9wOiAwO1xuXHRcdHotaW5kZXg6IDE7XG5cdGA7XG59O1xuXG5leHBvcnQgY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHQkeyBjb250YWluZXJQb3NpdGlvblN0eWxlcyB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFNpZGUgPSBzdHlsZWQuZGl2YFxuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMudGhlbWUuYWNjZW50IH07XG5cdGZpbHRlcjogYnJpZ2h0bmVzcyggMSApO1xuXHRvcGFjaXR5OiAwO1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHR0cmFuc2l0aW9uOiBvcGFjaXR5IDEyMG1zIGxpbmVhcjtcblx0ei1pbmRleDogMTtcblxuXHQkeyAoIHsgaXNBY3RpdmUgfTogeyBpc0FjdGl2ZTogYm9vbGVhbiB9ICkgPT5cblx0XHRpc0FjdGl2ZSAmJlxuXHRcdGBcblx0XHRvcGFjaXR5OiAwLjM7XG5cdGAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFRvcFZpZXcgPSBzdHlsZWQoIFNpZGUgKWBcblx0dG9wOiAwO1xuXHRsZWZ0OiAwO1xuXHRyaWdodDogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBSaWdodFZpZXcgPSBzdHlsZWQoIFNpZGUgKWBcblx0dG9wOiAwO1xuXHRib3R0b206IDA7XG5cdCR7IHJ0bCggeyByaWdodDogMCB9ICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBCb3R0b21WaWV3ID0gc3R5bGVkKCBTaWRlIClgXG5cdGJvdHRvbTogMDtcblx0bGVmdDogMDtcblx0cmlnaHQ6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgTGVmdFZpZXcgPSBzdHlsZWQoIFNpZGUgKWBcblx0dG9wOiAwO1xuXHRib3R0b206IDA7XG5cdCR7IHJ0bCggeyBsZWZ0OiAwIH0gKSB9O1xuYDtcbiJdfQ== */"));
42
- export const TopView = /*#__PURE__*/_styled(Side, process.env.NODE_ENV === "production" ? {
43
- target: "exa0ndl3"
44
- } : {
45
- target: "exa0ndl3",
46
- label: "TopView"
47
- })(process.env.NODE_ENV === "production" ? {
48
- name: "5i97ct",
49
- styles: "top:0;left:0;right:0"
50
- } : {
51
- name: "5i97ct",
52
- styles: "top:0;left:0;right:0",
53
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvYm94LWNvbnRyb2wvc3R5bGVzL2JveC1jb250cm9sLXZpc3VhbGl6ZXItc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9EcUMiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9ib3gtY29udHJvbC9zdHlsZXMvYm94LWNvbnRyb2wtdmlzdWFsaXplci1zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTE9SUywgcnRsIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuXG5jb25zdCBjb250YWluZXJQb3NpdGlvblN0eWxlcyA9ICgge1xuXHRpc1Bvc2l0aW9uQWJzb2x1dGUsXG59OiB7XG5cdGlzUG9zaXRpb25BYnNvbHV0ZTogYm9vbGVhbjtcbn0gKSA9PiB7XG5cdGlmICggISBpc1Bvc2l0aW9uQWJzb2x1dGUgKSByZXR1cm4gJyc7XG5cblx0cmV0dXJuIGNzc2Bcblx0XHRib3R0b206IDA7XG5cdFx0bGVmdDogMDtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0cmlnaHQ6IDA7XG5cdFx0dG9wOiAwO1xuXHRcdHotaW5kZXg6IDE7XG5cdGA7XG59O1xuXG5leHBvcnQgY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHQkeyBjb250YWluZXJQb3NpdGlvblN0eWxlcyB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFNpZGUgPSBzdHlsZWQuZGl2YFxuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMudGhlbWUuYWNjZW50IH07XG5cdGZpbHRlcjogYnJpZ2h0bmVzcyggMSApO1xuXHRvcGFjaXR5OiAwO1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHR0cmFuc2l0aW9uOiBvcGFjaXR5IDEyMG1zIGxpbmVhcjtcblx0ei1pbmRleDogMTtcblxuXHQkeyAoIHsgaXNBY3RpdmUgfTogeyBpc0FjdGl2ZTogYm9vbGVhbiB9ICkgPT5cblx0XHRpc0FjdGl2ZSAmJlxuXHRcdGBcblx0XHRvcGFjaXR5OiAwLjM7XG5cdGAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFRvcFZpZXcgPSBzdHlsZWQoIFNpZGUgKWBcblx0dG9wOiAwO1xuXHRsZWZ0OiAwO1xuXHRyaWdodDogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBSaWdodFZpZXcgPSBzdHlsZWQoIFNpZGUgKWBcblx0dG9wOiAwO1xuXHRib3R0b206IDA7XG5cdCR7IHJ0bCggeyByaWdodDogMCB9ICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBCb3R0b21WaWV3ID0gc3R5bGVkKCBTaWRlIClgXG5cdGJvdHRvbTogMDtcblx0bGVmdDogMDtcblx0cmlnaHQ6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgTGVmdFZpZXcgPSBzdHlsZWQoIFNpZGUgKWBcblx0dG9wOiAwO1xuXHRib3R0b206IDA7XG5cdCR7IHJ0bCggeyBsZWZ0OiAwIH0gKSB9O1xuYDtcbiJdfQ== */",
54
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__
55
- });
56
- export const RightView = /*#__PURE__*/_styled(Side, process.env.NODE_ENV === "production" ? {
57
- target: "exa0ndl2"
58
- } : {
59
- target: "exa0ndl2",
60
- label: "RightView"
61
- })("top:0;bottom:0;", rtl({
62
- right: 0
63
- }), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvYm94LWNvbnRyb2wvc3R5bGVzL2JveC1jb250cm9sLXZpc3VhbGl6ZXItc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBEdUMiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9ib3gtY29udHJvbC9zdHlsZXMvYm94LWNvbnRyb2wtdmlzdWFsaXplci1zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTE9SUywgcnRsIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuXG5jb25zdCBjb250YWluZXJQb3NpdGlvblN0eWxlcyA9ICgge1xuXHRpc1Bvc2l0aW9uQWJzb2x1dGUsXG59OiB7XG5cdGlzUG9zaXRpb25BYnNvbHV0ZTogYm9vbGVhbjtcbn0gKSA9PiB7XG5cdGlmICggISBpc1Bvc2l0aW9uQWJzb2x1dGUgKSByZXR1cm4gJyc7XG5cblx0cmV0dXJuIGNzc2Bcblx0XHRib3R0b206IDA7XG5cdFx0bGVmdDogMDtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0cmlnaHQ6IDA7XG5cdFx0dG9wOiAwO1xuXHRcdHotaW5kZXg6IDE7XG5cdGA7XG59O1xuXG5leHBvcnQgY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHQkeyBjb250YWluZXJQb3NpdGlvblN0eWxlcyB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFNpZGUgPSBzdHlsZWQuZGl2YFxuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMudGhlbWUuYWNjZW50IH07XG5cdGZpbHRlcjogYnJpZ2h0bmVzcyggMSApO1xuXHRvcGFjaXR5OiAwO1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHR0cmFuc2l0aW9uOiBvcGFjaXR5IDEyMG1zIGxpbmVhcjtcblx0ei1pbmRleDogMTtcblxuXHQkeyAoIHsgaXNBY3RpdmUgfTogeyBpc0FjdGl2ZTogYm9vbGVhbiB9ICkgPT5cblx0XHRpc0FjdGl2ZSAmJlxuXHRcdGBcblx0XHRvcGFjaXR5OiAwLjM7XG5cdGAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFRvcFZpZXcgPSBzdHlsZWQoIFNpZGUgKWBcblx0dG9wOiAwO1xuXHRsZWZ0OiAwO1xuXHRyaWdodDogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBSaWdodFZpZXcgPSBzdHlsZWQoIFNpZGUgKWBcblx0dG9wOiAwO1xuXHRib3R0b206IDA7XG5cdCR7IHJ0bCggeyByaWdodDogMCB9ICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBCb3R0b21WaWV3ID0gc3R5bGVkKCBTaWRlIClgXG5cdGJvdHRvbTogMDtcblx0bGVmdDogMDtcblx0cmlnaHQ6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgTGVmdFZpZXcgPSBzdHlsZWQoIFNpZGUgKWBcblx0dG9wOiAwO1xuXHRib3R0b206IDA7XG5cdCR7IHJ0bCggeyBsZWZ0OiAwIH0gKSB9O1xuYDtcbiJdfQ== */"));
64
- export const BottomView = /*#__PURE__*/_styled(Side, process.env.NODE_ENV === "production" ? {
65
- target: "exa0ndl1"
66
- } : {
67
- target: "exa0ndl1",
68
- label: "BottomView"
69
- })(process.env.NODE_ENV === "production" ? {
70
- name: "8cxke2",
71
- styles: "bottom:0;left:0;right:0"
72
- } : {
73
- name: "8cxke2",
74
- styles: "bottom:0;left:0;right:0",
75
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvYm94LWNvbnRyb2wvc3R5bGVzL2JveC1jb250cm9sLXZpc3VhbGl6ZXItc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdFd0MiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9ib3gtY29udHJvbC9zdHlsZXMvYm94LWNvbnRyb2wtdmlzdWFsaXplci1zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTE9SUywgcnRsIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuXG5jb25zdCBjb250YWluZXJQb3NpdGlvblN0eWxlcyA9ICgge1xuXHRpc1Bvc2l0aW9uQWJzb2x1dGUsXG59OiB7XG5cdGlzUG9zaXRpb25BYnNvbHV0ZTogYm9vbGVhbjtcbn0gKSA9PiB7XG5cdGlmICggISBpc1Bvc2l0aW9uQWJzb2x1dGUgKSByZXR1cm4gJyc7XG5cblx0cmV0dXJuIGNzc2Bcblx0XHRib3R0b206IDA7XG5cdFx0bGVmdDogMDtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0cmlnaHQ6IDA7XG5cdFx0dG9wOiAwO1xuXHRcdHotaW5kZXg6IDE7XG5cdGA7XG59O1xuXG5leHBvcnQgY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHQkeyBjb250YWluZXJQb3NpdGlvblN0eWxlcyB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFNpZGUgPSBzdHlsZWQuZGl2YFxuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMudGhlbWUuYWNjZW50IH07XG5cdGZpbHRlcjogYnJpZ2h0bmVzcyggMSApO1xuXHRvcGFjaXR5OiAwO1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHR0cmFuc2l0aW9uOiBvcGFjaXR5IDEyMG1zIGxpbmVhcjtcblx0ei1pbmRleDogMTtcblxuXHQkeyAoIHsgaXNBY3RpdmUgfTogeyBpc0FjdGl2ZTogYm9vbGVhbiB9ICkgPT5cblx0XHRpc0FjdGl2ZSAmJlxuXHRcdGBcblx0XHRvcGFjaXR5OiAwLjM7XG5cdGAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFRvcFZpZXcgPSBzdHlsZWQoIFNpZGUgKWBcblx0dG9wOiAwO1xuXHRsZWZ0OiAwO1xuXHRyaWdodDogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBSaWdodFZpZXcgPSBzdHlsZWQoIFNpZGUgKWBcblx0dG9wOiAwO1xuXHRib3R0b206IDA7XG5cdCR7IHJ0bCggeyByaWdodDogMCB9ICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBCb3R0b21WaWV3ID0gc3R5bGVkKCBTaWRlIClgXG5cdGJvdHRvbTogMDtcblx0bGVmdDogMDtcblx0cmlnaHQ6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgTGVmdFZpZXcgPSBzdHlsZWQoIFNpZGUgKWBcblx0dG9wOiAwO1xuXHRib3R0b206IDA7XG5cdCR7IHJ0bCggeyBsZWZ0OiAwIH0gKSB9O1xuYDtcbiJdfQ== */",
76
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__
77
- });
78
- export const LeftView = /*#__PURE__*/_styled(Side, process.env.NODE_ENV === "production" ? {
79
- target: "exa0ndl0"
80
- } : {
81
- target: "exa0ndl0",
82
- label: "LeftView"
83
- })("top:0;bottom:0;", rtl({
84
- left: 0
85
- }), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvYm94LWNvbnRyb2wvc3R5bGVzL2JveC1jb250cm9sLXZpc3VhbGl6ZXItc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNFc0MiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9ib3gtY29udHJvbC9zdHlsZXMvYm94LWNvbnRyb2wtdmlzdWFsaXplci1zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTE9SUywgcnRsIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuXG5jb25zdCBjb250YWluZXJQb3NpdGlvblN0eWxlcyA9ICgge1xuXHRpc1Bvc2l0aW9uQWJzb2x1dGUsXG59OiB7XG5cdGlzUG9zaXRpb25BYnNvbHV0ZTogYm9vbGVhbjtcbn0gKSA9PiB7XG5cdGlmICggISBpc1Bvc2l0aW9uQWJzb2x1dGUgKSByZXR1cm4gJyc7XG5cblx0cmV0dXJuIGNzc2Bcblx0XHRib3R0b206IDA7XG5cdFx0bGVmdDogMDtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0cmlnaHQ6IDA7XG5cdFx0dG9wOiAwO1xuXHRcdHotaW5kZXg6IDE7XG5cdGA7XG59O1xuXG5leHBvcnQgY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHQkeyBjb250YWluZXJQb3NpdGlvblN0eWxlcyB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFNpZGUgPSBzdHlsZWQuZGl2YFxuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMudGhlbWUuYWNjZW50IH07XG5cdGZpbHRlcjogYnJpZ2h0bmVzcyggMSApO1xuXHRvcGFjaXR5OiAwO1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHR0cmFuc2l0aW9uOiBvcGFjaXR5IDEyMG1zIGxpbmVhcjtcblx0ei1pbmRleDogMTtcblxuXHQkeyAoIHsgaXNBY3RpdmUgfTogeyBpc0FjdGl2ZTogYm9vbGVhbiB9ICkgPT5cblx0XHRpc0FjdGl2ZSAmJlxuXHRcdGBcblx0XHRvcGFjaXR5OiAwLjM7XG5cdGAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFRvcFZpZXcgPSBzdHlsZWQoIFNpZGUgKWBcblx0dG9wOiAwO1xuXHRsZWZ0OiAwO1xuXHRyaWdodDogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBSaWdodFZpZXcgPSBzdHlsZWQoIFNpZGUgKWBcblx0dG9wOiAwO1xuXHRib3R0b206IDA7XG5cdCR7IHJ0bCggeyByaWdodDogMCB9ICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBCb3R0b21WaWV3ID0gc3R5bGVkKCBTaWRlIClgXG5cdGJvdHRvbTogMDtcblx0bGVmdDogMDtcblx0cmlnaHQ6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgTGVmdFZpZXcgPSBzdHlsZWQoIFNpZGUgKWBcblx0dG9wOiAwO1xuXHRib3R0b206IDA7XG5cdCR7IHJ0bCggeyBsZWZ0OiAwIH0gKSB9O1xuYDtcbiJdfQ== */"));
86
- //# sourceMappingURL=box-control-visualizer-styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["css","COLORS","rtl","_ref","process","env","NODE_ENV","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","containerPositionStyles","isPositionAbsolute","Container","_styled","target","label","Side","theme","accent","isActive","TopView","RightView","right","BottomView","LeftView","left"],"sources":["@wordpress/components/src/box-control/styles/box-control-visualizer-styles.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\nimport styled from '@emotion/styled';\n\n/**\n * Internal dependencies\n */\nimport { COLORS, rtl } from '../../utils';\n\nconst containerPositionStyles = ( {\n\tisPositionAbsolute,\n}: {\n\tisPositionAbsolute: boolean;\n} ) => {\n\tif ( ! isPositionAbsolute ) return '';\n\n\treturn css`\n\t\tbottom: 0;\n\t\tleft: 0;\n\t\tpointer-events: none;\n\t\tposition: absolute;\n\t\tright: 0;\n\t\ttop: 0;\n\t\tz-index: 1;\n\t`;\n};\n\nexport const Container = styled.div`\n\tbox-sizing: border-box;\n\tposition: relative;\n\t${ containerPositionStyles };\n`;\n\nexport const Side = styled.div`\n\tbox-sizing: border-box;\n\tbackground: ${ COLORS.theme.accent };\n\tfilter: brightness( 1 );\n\topacity: 0;\n\tposition: absolute;\n\tpointer-events: none;\n\ttransition: opacity 120ms linear;\n\tz-index: 1;\n\n\t${ ( { isActive }: { isActive: boolean } ) =>\n\t\tisActive &&\n\t\t`\n\t\topacity: 0.3;\n\t` }\n`;\n\nexport const TopView = styled( Side )`\n\ttop: 0;\n\tleft: 0;\n\tright: 0;\n`;\n\nexport const RightView = styled( Side )`\n\ttop: 0;\n\tbottom: 0;\n\t${ rtl( { right: 0 } ) };\n`;\n\nexport const BottomView = styled( Side )`\n\tbottom: 0;\n\tleft: 0;\n\tright: 0;\n`;\n\nexport const LeftView = styled( Side )`\n\ttop: 0;\n\tbottom: 0;\n\t${ rtl( { left: 0 } ) };\n`;\n"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,GAAG,QAAQ,gBAAgB;AAGpC;AACA;AACA;AACA,SAASC,MAAM,EAAEC,GAAG,QAAQ,aAAa;AAAC,IAAAC,IAAA,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA;AAE1C,MAAMC,uBAAuB,GAAGA,CAAE;EACjCC;AAGD,CAAC,KAAM;EACN,IAAK,CAAEA,kBAAkB,EAAG,OAAO,EAAE;EAErC,OAAAV,IAAA;AASD,CAAC;AAED,OAAO,MAAMW,SAAS,GAAAC,OAAA,QAAAX,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAU,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,+CAGlBL,uBAAuB,SAAAR,OAAA,CAAAC,GAAA,CAAAC,QAAA,orEAC1B;AAED,OAAO,MAAMY,IAAI,GAAAH,OAAA,QAAAX,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAU,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,wCAEDhB,MAAM,CAACkB,KAAK,CAACC,MAAM,wHAQ/B,CAAE;EAAEC;AAAgC,CAAC,KACvCA,QAAQ,IACP;AACH;AACA,EAAE,SAAAjB,OAAA,CAAAC,GAAA,CAAAC,QAAA,orEACD;AAED,OAAO,MAAMgB,OAAO,GAAG,aAAAP,OAAA,CAAQG,IAAI,EAAAd,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAU,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,CAAC,CAAC,CAAAb,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,EAIpC;AAED,OAAO,MAAMY,SAAS,GAAG,aAAAR,OAAA,CAAQG,IAAI,EAAAd,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAU,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,CAAC,CAAC,oBAGnCf,GAAG,CAAE;EAAEsB,KAAK,EAAE;AAAE,CAAE,CAAC,SAAApB,OAAA,CAAAC,GAAA,CAAAC,QAAA,orEACtB;AAED,OAAO,MAAMmB,UAAU,GAAG,aAAAV,OAAA,CAAQG,IAAI,EAAAd,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAU,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,CAAC,CAAC,CAAAb,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,EAIvC;AAED,OAAO,MAAMe,QAAQ,GAAG,aAAAX,OAAA,CAAQG,IAAI,EAAAd,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAU,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,CAAC,CAAC,oBAGlCf,GAAG,CAAE;EAAEyB,IAAI,EAAE;AAAE,CAAE,CAAC,SAAAvB,OAAA,CAAAC,GAAA,CAAAC,QAAA,orEACrB"}
@@ -1,68 +0,0 @@
1
- import { createElement } from "react";
2
- /**
3
- * External dependencies
4
- */
5
- import { useHover } from '@use-gesture/react';
6
-
7
- /**
8
- * Internal dependencies
9
- */
10
- import BaseTooltip from '../tooltip';
11
- import { UnitControlWrapper, UnitControl } from './styles/box-control-styles';
12
- const noop = () => {};
13
- export default function BoxUnitControl({
14
- isFirst,
15
- isLast,
16
- isOnly,
17
- onHoverOn = noop,
18
- onHoverOff = noop,
19
- label,
20
- value,
21
- ...props
22
- }) {
23
- const bindHoverGesture = useHover(({
24
- event,
25
- ...state
26
- }) => {
27
- if (state.hovering) {
28
- onHoverOn(event, state);
29
- } else {
30
- onHoverOff(event, state);
31
- }
32
- });
33
- return createElement(UnitControlWrapper, {
34
- ...bindHoverGesture()
35
- }, createElement(Tooltip, {
36
- text: label
37
- }, createElement(UnitControl, {
38
- "aria-label": label,
39
- className: "component-box-control__unit-control",
40
- isFirst: isFirst,
41
- isLast: isLast,
42
- isOnly: isOnly,
43
- isPressEnterToChange: true,
44
- isResetValueOnUnitChange: false,
45
- value: value,
46
- ...props
47
- })));
48
- }
49
- function Tooltip({
50
- children,
51
- text
52
- }) {
53
- if (!text) return children;
54
-
55
- /**
56
- * Wrapping the children in a `<div />` as Tooltip as it attempts
57
- * to render the <UnitControl />. Using a plain `<div />` appears to
58
- * resolve this issue.
59
- *
60
- * Originally discovered and referenced here:
61
- * https://github.com/WordPress/gutenberg/pull/24966#issuecomment-685875026
62
- */
63
- return createElement(BaseTooltip, {
64
- text: text,
65
- placement: "top"
66
- }, createElement("div", null, children));
67
- }
68
- //# sourceMappingURL=unit-control.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["useHover","BaseTooltip","UnitControlWrapper","UnitControl","noop","BoxUnitControl","isFirst","isLast","isOnly","onHoverOn","onHoverOff","label","value","props","bindHoverGesture","event","state","hovering","createElement","Tooltip","text","className","isPressEnterToChange","isResetValueOnUnitChange","children","placement"],"sources":["@wordpress/components/src/box-control/unit-control.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport { useHover } from '@use-gesture/react';\n\n/**\n * Internal dependencies\n */\nimport BaseTooltip from '../tooltip';\nimport { UnitControlWrapper, UnitControl } from './styles/box-control-styles';\nimport type { BoxUnitControlProps } from './types';\n\nconst noop = () => {};\n\nexport default function BoxUnitControl( {\n\tisFirst,\n\tisLast,\n\tisOnly,\n\tonHoverOn = noop,\n\tonHoverOff = noop,\n\tlabel,\n\tvalue,\n\t...props\n}: BoxUnitControlProps ) {\n\tconst bindHoverGesture = useHover( ( { event, ...state } ) => {\n\t\tif ( state.hovering ) {\n\t\t\tonHoverOn( event, state );\n\t\t} else {\n\t\t\tonHoverOff( event, state );\n\t\t}\n\t} );\n\n\treturn (\n\t\t<UnitControlWrapper { ...bindHoverGesture() }>\n\t\t\t<Tooltip text={ label }>\n\t\t\t\t<UnitControl\n\t\t\t\t\taria-label={ label }\n\t\t\t\t\tclassName=\"component-box-control__unit-control\"\n\t\t\t\t\tisFirst={ isFirst }\n\t\t\t\t\tisLast={ isLast }\n\t\t\t\t\tisOnly={ isOnly }\n\t\t\t\t\tisPressEnterToChange\n\t\t\t\t\tisResetValueOnUnitChange={ false }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\t{ ...props }\n\t\t\t\t/>\n\t\t\t</Tooltip>\n\t\t</UnitControlWrapper>\n\t);\n}\n\nfunction Tooltip( {\n\tchildren,\n\ttext,\n}: {\n\tchildren: JSX.Element;\n\ttext?: string;\n} ) {\n\tif ( ! text ) return children;\n\n\t/**\n\t * Wrapping the children in a `<div />` as Tooltip as it attempts\n\t * to render the <UnitControl />. Using a plain `<div />` appears to\n\t * resolve this issue.\n\t *\n\t * Originally discovered and referenced here:\n\t * https://github.com/WordPress/gutenberg/pull/24966#issuecomment-685875026\n\t */\n\treturn (\n\t\t<BaseTooltip text={ text } placement=\"top\">\n\t\t\t<div>{ children }</div>\n\t\t</BaseTooltip>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,QAAQ,QAAQ,oBAAoB;;AAE7C;AACA;AACA;AACA,OAAOC,WAAW,MAAM,YAAY;AACpC,SAASC,kBAAkB,EAAEC,WAAW,QAAQ,6BAA6B;AAG7E,MAAMC,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;AAErB,eAAe,SAASC,cAAcA,CAAE;EACvCC,OAAO;EACPC,MAAM;EACNC,MAAM;EACNC,SAAS,GAAGL,IAAI;EAChBM,UAAU,GAAGN,IAAI;EACjBO,KAAK;EACLC,KAAK;EACL,GAAGC;AACiB,CAAC,EAAG;EACxB,MAAMC,gBAAgB,GAAGd,QAAQ,CAAE,CAAE;IAAEe,KAAK;IAAE,GAAGC;EAAM,CAAC,KAAM;IAC7D,IAAKA,KAAK,CAACC,QAAQ,EAAG;MACrBR,SAAS,CAAEM,KAAK,EAAEC,KAAM,CAAC;IAC1B,CAAC,MAAM;MACNN,UAAU,CAAEK,KAAK,EAAEC,KAAM,CAAC;IAC3B;EACD,CAAE,CAAC;EAEH,OACCE,aAAA,CAAChB,kBAAkB;IAAA,GAAMY,gBAAgB,CAAC;EAAC,GAC1CI,aAAA,CAACC,OAAO;IAACC,IAAI,EAAGT;EAAO,GACtBO,aAAA,CAACf,WAAW;IACX,cAAaQ,KAAO;IACpBU,SAAS,EAAC,qCAAqC;IAC/Cf,OAAO,EAAGA,OAAS;IACnBC,MAAM,EAAGA,MAAQ;IACjBC,MAAM,EAAGA,MAAQ;IACjBc,oBAAoB;IACpBC,wBAAwB,EAAG,KAAO;IAClCX,KAAK,EAAGA,KAAO;IAAA,GACVC;EAAK,CACV,CACO,CACU,CAAC;AAEvB;AAEA,SAASM,OAAOA,CAAE;EACjBK,QAAQ;EACRJ;AAID,CAAC,EAAG;EACH,IAAK,CAAEA,IAAI,EAAG,OAAOI,QAAQ;;EAE7B;AACD;AACA;AACA;AACA;AACA;AACA;AACA;EACC,OACCN,aAAA,CAACjB,WAAW;IAACmB,IAAI,EAAGA,IAAM;IAACK,SAAS,EAAC;EAAK,GACzCP,aAAA,cAAOM,QAAe,CACV,CAAC;AAEhB"}