@wordpress/components 25.15.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.
- package/CHANGELOG.md +26 -0
- package/build/border-box-control/border-box-control/component.js.map +1 -1
- package/build/border-box-control/border-box-control/hook.js +3 -1
- package/build/border-box-control/border-box-control/hook.js.map +1 -1
- package/build/border-box-control/types.js.map +1 -1
- package/build/border-control/border-control/component.js +5 -1
- package/build/border-control/border-control/component.js.map +1 -1
- package/build/border-control/border-control/hook.js +18 -15
- package/build/border-control/border-control/hook.js.map +1 -1
- package/build/border-control/border-control-dropdown/component.js +2 -1
- package/build/border-control/border-control-dropdown/component.js.map +1 -1
- package/build/border-control/border-control-style-picker/component.js +21 -49
- package/build/border-control/border-control-style-picker/component.js.map +1 -1
- package/build/border-control/styles.js +15 -27
- package/build/border-control/styles.js.map +1 -1
- package/build/border-control/types.js.map +1 -1
- package/build/box-control/all-input-control.js +35 -29
- package/build/box-control/all-input-control.js.map +1 -1
- package/build/box-control/axial-input-controls.js +40 -54
- package/build/box-control/axial-input-controls.js.map +1 -1
- package/build/box-control/index.js +21 -24
- package/build/box-control/index.js.map +1 -1
- package/build/box-control/input-controls.js +45 -37
- package/build/box-control/input-controls.js.map +1 -1
- package/build/box-control/styles/box-control-styles.js +50 -112
- package/build/box-control/styles/box-control-styles.js.map +1 -1
- package/build/box-control/types.js.map +1 -1
- package/build/box-control/utils.js +123 -8
- package/build/box-control/utils.js.map +1 -1
- package/build/button/index.js +14 -16
- package/build/button/index.js.map +1 -1
- package/build/button/types.js.map +1 -1
- package/build/color-palette/index.native.js +11 -7
- package/build/color-palette/index.native.js.map +1 -1
- package/build/color-picker/hsl-input.js +55 -33
- package/build/color-picker/hsl-input.js.map +1 -1
- package/build/custom-select-control-v2/index.js +3 -2
- package/build/custom-select-control-v2/index.js.map +1 -1
- package/build/mobile/color-settings/palette.screen.native.js +8 -4
- package/build/mobile/color-settings/palette.screen.native.js.map +1 -1
- package/build/slot-fill/bubbles-virtually/use-slot-fills.js +1 -1
- package/build/slot-fill/bubbles-virtually/use-slot-fills.js.map +1 -1
- package/build/theme/styles.js +11 -6
- package/build/theme/styles.js.map +1 -1
- package/build/toggle-group-control/toggle-group-control/utils.js +7 -1
- package/build/toggle-group-control/toggle-group-control/utils.js.map +1 -1
- package/build/tooltip/index.js +35 -8
- package/build/tooltip/index.js.map +1 -1
- package/build/tooltip/types.js.map +1 -1
- package/build-module/border-box-control/border-box-control/component.js.map +1 -1
- package/build-module/border-box-control/border-box-control/hook.js +3 -1
- package/build-module/border-box-control/border-box-control/hook.js.map +1 -1
- package/build-module/border-box-control/types.js.map +1 -1
- package/build-module/border-control/border-control/component.js +5 -1
- package/build-module/border-control/border-control/component.js.map +1 -1
- package/build-module/border-control/border-control/hook.js +18 -15
- package/build-module/border-control/border-control/hook.js.map +1 -1
- package/build-module/border-control/border-control-dropdown/component.js +2 -1
- package/build-module/border-control/border-control-dropdown/component.js.map +1 -1
- package/build-module/border-control/border-control-style-picker/component.js +21 -48
- package/build-module/border-control/border-control-style-picker/component.js.map +1 -1
- package/build-module/border-control/styles.js +14 -24
- package/build-module/border-control/styles.js.map +1 -1
- package/build-module/border-control/types.js.map +1 -1
- package/build-module/box-control/all-input-control.js +38 -28
- package/build-module/box-control/all-input-control.js.map +1 -1
- package/build-module/box-control/axial-input-controls.js +42 -57
- package/build-module/box-control/axial-input-controls.js.map +1 -1
- package/build-module/box-control/index.js +22 -25
- package/build-module/box-control/index.js.map +1 -1
- package/build-module/box-control/input-controls.js +47 -40
- package/build-module/box-control/input-controls.js.map +1 -1
- package/build-module/box-control/styles/box-control-styles.js +45 -105
- package/build-module/box-control/styles/box-control-styles.js.map +1 -1
- package/build-module/box-control/types.js.map +1 -1
- package/build-module/box-control/utils.js +121 -7
- package/build-module/box-control/utils.js.map +1 -1
- package/build-module/button/index.js +14 -16
- package/build-module/button/index.js.map +1 -1
- package/build-module/button/types.js.map +1 -1
- package/build-module/color-palette/index.native.js +11 -7
- package/build-module/color-palette/index.native.js.map +1 -1
- package/build-module/color-picker/hsl-input.js +55 -33
- package/build-module/color-picker/hsl-input.js.map +1 -1
- package/build-module/custom-select-control-v2/index.js +3 -2
- package/build-module/custom-select-control-v2/index.js.map +1 -1
- package/build-module/mobile/color-settings/palette.screen.native.js +8 -4
- package/build-module/mobile/color-settings/palette.screen.native.js.map +1 -1
- package/build-module/slot-fill/bubbles-virtually/use-slot-fills.js +1 -1
- package/build-module/slot-fill/bubbles-virtually/use-slot-fills.js.map +1 -1
- package/build-module/theme/styles.js +11 -2
- package/build-module/theme/styles.js.map +1 -1
- package/build-module/toggle-group-control/toggle-group-control/utils.js +7 -1
- package/build-module/toggle-group-control/toggle-group-control/utils.js.map +1 -1
- package/build-module/tooltip/index.js +34 -9
- package/build-module/tooltip/index.js.map +1 -1
- package/build-module/tooltip/types.js.map +1 -1
- package/build-style/style-rtl.css +6 -4
- package/build-style/style.css +6 -4
- package/build-types/border-box-control/border-box-control/component.d.ts +1 -0
- package/build-types/border-box-control/border-box-control/component.d.ts.map +1 -1
- package/build-types/border-box-control/border-box-control/hook.d.ts.map +1 -1
- package/build-types/border-box-control/border-box-control-linked-button/hook.d.ts +3 -3
- package/build-types/border-box-control/stories/index.story.d.ts +2 -1
- package/build-types/border-box-control/stories/index.story.d.ts.map +1 -1
- package/build-types/border-box-control/types.d.ts +6 -0
- package/build-types/border-box-control/types.d.ts.map +1 -1
- package/build-types/border-control/border-control/component.d.ts +1 -0
- package/build-types/border-control/border-control/component.d.ts.map +1 -1
- package/build-types/border-control/border-control/hook.d.ts +2 -0
- package/build-types/border-control/border-control/hook.d.ts.map +1 -1
- package/build-types/border-control/border-control-dropdown/component.d.ts +1 -0
- package/build-types/border-control/border-control-dropdown/component.d.ts.map +1 -1
- package/build-types/border-control/border-control-dropdown/hook.d.ts +1 -0
- package/build-types/border-control/border-control-dropdown/hook.d.ts.map +1 -1
- package/build-types/border-control/border-control-style-picker/component.d.ts +3 -4
- package/build-types/border-control/border-control-style-picker/component.d.ts.map +1 -1
- package/build-types/border-control/stories/index.story.d.ts +12 -6
- package/build-types/border-control/stories/index.story.d.ts.map +1 -1
- package/build-types/border-control/styles.d.ts +0 -2
- package/build-types/border-control/styles.d.ts.map +1 -1
- package/build-types/border-control/types.d.ts +12 -1
- package/build-types/border-control/types.d.ts.map +1 -1
- package/build-types/box-control/all-input-control.d.ts +1 -1
- package/build-types/box-control/all-input-control.d.ts.map +1 -1
- package/build-types/box-control/axial-input-controls.d.ts +1 -1
- package/build-types/box-control/axial-input-controls.d.ts.map +1 -1
- package/build-types/box-control/index.d.ts +1 -1
- package/build-types/box-control/index.d.ts.map +1 -1
- package/build-types/box-control/input-controls.d.ts +1 -1
- package/build-types/box-control/input-controls.d.ts.map +1 -1
- package/build-types/box-control/stories/index.story.d.ts +24 -18
- package/build-types/box-control/stories/index.story.d.ts.map +1 -1
- package/build-types/box-control/styles/box-control-styles.d.ts +49 -23
- package/build-types/box-control/styles/box-control-styles.d.ts.map +1 -1
- package/build-types/box-control/types.d.ts +12 -12
- package/build-types/box-control/types.d.ts.map +1 -1
- package/build-types/box-control/utils.d.ts +2 -1
- package/build-types/box-control/utils.d.ts.map +1 -1
- package/build-types/button/deprecated.d.ts +1 -1
- package/build-types/button/index.d.ts.map +1 -1
- package/build-types/button/types.d.ts +7 -3
- package/build-types/button/types.d.ts.map +1 -1
- package/build-types/color-picker/hsl-input.d.ts.map +1 -1
- package/build-types/color-picker/styles.d.ts +1 -1
- package/build-types/custom-select-control-v2/index.d.ts.map +1 -1
- package/build-types/date-time/time/styles.d.ts +4 -4
- package/build-types/focal-point-picker/stories/index.story.d.ts +4 -4
- package/build-types/focal-point-picker/styles/focal-point-picker-style.d.ts +1 -1
- package/build-types/navigation/styles/navigation-styles.d.ts +1 -1
- package/build-types/navigator/navigator-back-button/hook.d.ts +2 -2
- package/build-types/navigator/navigator-button/hook.d.ts +2 -2
- package/build-types/number-control/index.d.ts +1 -1
- package/build-types/number-control/stories/index.story.d.ts +1 -1
- package/build-types/range-control/styles/range-control-styles.d.ts +1 -1
- package/build-types/search-control/index.d.ts +1 -1
- package/build-types/search-control/stories/index.story.d.ts +2 -2
- package/build-types/text-control/index.d.ts +1 -1
- package/build-types/textarea-control/index.d.ts +1 -1
- package/build-types/theme/styles.d.ts.map +1 -1
- package/build-types/toggle-group-control/toggle-group-control/as-button-group.d.ts +1 -1
- package/build-types/toggle-group-control/toggle-group-control/as-radio-group.d.ts +1 -1
- package/build-types/toggle-group-control/toggle-group-control/utils.d.ts.map +1 -1
- package/build-types/toggle-group-control/toggle-group-control-option/component.d.ts +1 -1
- package/build-types/toggle-group-control/toggle-group-control-option-icon/component.d.ts +1 -1
- package/build-types/toolbar/toolbar-button/index.d.ts +1 -1
- package/build-types/tooltip/index.d.ts +1 -1
- package/build-types/tooltip/index.d.ts.map +1 -1
- package/build-types/tooltip/stories/index.story.d.ts +10 -1
- package/build-types/tooltip/stories/index.story.d.ts.map +1 -1
- package/build-types/tooltip/types.d.ts +3 -0
- package/build-types/tooltip/types.d.ts.map +1 -1
- package/build-types/unit-control/index.d.ts +1 -1
- package/build-types/unit-control/styles/unit-control-styles.d.ts +1 -1
- package/package.json +19 -19
- package/src/border-box-control/border-box-control/component.tsx +0 -1
- package/src/border-box-control/border-box-control/hook.ts +5 -1
- package/src/border-box-control/types.ts +6 -0
- package/src/border-control/border-control/component.tsx +4 -0
- package/src/border-control/border-control/hook.ts +22 -16
- package/src/border-control/border-control-dropdown/component.tsx +2 -1
- package/src/border-control/border-control-style-picker/component.tsx +31 -66
- package/src/border-control/styles.ts +0 -15
- package/src/border-control/types.ts +15 -1
- package/src/box-control/all-input-control.tsx +57 -34
- package/src/box-control/axial-input-controls.tsx +79 -69
- package/src/box-control/index.tsx +47 -54
- package/src/box-control/input-controls.tsx +114 -83
- package/src/box-control/styles/box-control-styles.ts +21 -61
- package/src/box-control/test/index.tsx +126 -18
- package/src/box-control/types.ts +10 -21
- package/src/box-control/utils.ts +43 -8
- package/src/button/README.md +1 -1
- package/src/button/index.tsx +21 -33
- package/src/button/test/index.tsx +122 -0
- package/src/button/types.ts +7 -3
- package/src/circular-option-picker/test/index.tsx +10 -16
- package/src/color-palette/index.native.js +18 -7
- package/src/color-picker/hsl-input.tsx +56 -30
- package/src/color-picker/test/index.tsx +190 -16
- package/src/custom-select-control-v2/index.tsx +5 -2
- package/src/mobile/color-settings/palette.screen.native.js +7 -5
- package/src/palette-edit/test/index.tsx +326 -10
- package/src/slot-fill/bubbles-virtually/use-slot-fills.ts +1 -1
- package/src/tabs/test/index.tsx +3 -1
- package/src/theme/styles.ts +3 -1
- package/src/toggle-group-control/test/__snapshots__/index.tsx.snap +6 -6
- package/src/toggle-group-control/test/index.tsx +73 -36
- package/src/toggle-group-control/toggle-group-control/utils.ts +8 -3
- package/src/tooltip/README.md +4 -0
- package/src/tooltip/index.tsx +46 -8
- package/src/tooltip/stories/index.story.tsx +18 -1
- package/src/tooltip/test/index.tsx +77 -12
- package/src/tooltip/types.ts +4 -0
- package/tsconfig.tsbuildinfo +1 -1
- package/build/border-control/border-control-style-picker/hook.js +0 -41
- package/build/border-control/border-control-style-picker/hook.js.map +0 -1
- package/build/box-control/styles/box-control-visualizer-styles.js +0 -93
- package/build/box-control/styles/box-control-visualizer-styles.js.map +0 -1
- package/build/box-control/unit-control.js +0 -76
- package/build/box-control/unit-control.js.map +0 -1
- package/build-module/border-control/border-control-style-picker/hook.js +0 -32
- package/build-module/border-control/border-control-style-picker/hook.js.map +0 -1
- package/build-module/box-control/styles/box-control-visualizer-styles.js +0 -86
- package/build-module/box-control/styles/box-control-visualizer-styles.js.map +0 -1
- package/build-module/box-control/unit-control.js +0 -68
- package/build-module/box-control/unit-control.js.map +0 -1
- package/build-types/border-control/border-control-style-picker/hook.d.ts +0 -267
- package/build-types/border-control/border-control-style-picker/hook.d.ts.map +0 -1
- package/build-types/box-control/styles/box-control-visualizer-styles.d.ts +0 -46
- package/build-types/box-control/styles/box-control-visualizer-styles.d.ts.map +0 -1
- package/build-types/box-control/unit-control.d.ts +0 -4
- package/build-types/box-control/unit-control.d.ts.map +0 -1
- package/src/border-control/border-control-style-picker/hook.ts +0 -35
- package/src/box-control/styles/box-control-visualizer-styles.ts +0 -75
- 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"}
|