Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@arc-fusion/pb-editor-wrapper
Advanced tools
@arc-fusion/pb-editor-wrapper - npm Package Compare versions
Comparing version 0.0.123 to 0.0.124
@@ -38,2 +38,77 @@ "use strict"; | ||
| var styles = { | ||
| wrapper: { | ||
| position: 'relative', | ||
| highlighted: { | ||
| zIndex: 99999, | ||
| boxShadow: '2px -2px 0px #3760ff, -2px -2px 0px #3760ff, -2px 2px 0px #3760ff, 2px 2px 0px #3760ff', | ||
| transition: 'all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1)' | ||
| }, | ||
| actions: { | ||
| display: 'flex', | ||
| justifyContent: 'center', | ||
| backgroundColor: '#0e181b', | ||
| color: '#ffffff', | ||
| cursor: 'pointer', | ||
| position: 'absolute', | ||
| zIndex: 2147483646, | ||
| top: '5px', | ||
| right: '5px', | ||
| padding: '5px', | ||
| width: 'initial', | ||
| borderRadius: '5px', | ||
| '& i': { | ||
| padding: '6px' | ||
| }, | ||
| '& i:hover': { | ||
| opacity: 0.85 | ||
| } | ||
| }, | ||
| button: { | ||
| fontFamily: 'OutputSans', | ||
| fontSize: '13px', | ||
| zIndex: 2147483646, | ||
| textAlign: 'center', | ||
| backgroundColor: '#3760FF', | ||
| color: '#FFFFFF', | ||
| cursor: 'pointer', | ||
| boxShadow: 'none', | ||
| border: 'none', | ||
| ':hover': { | ||
| backgroundColor: '#5272f3' | ||
| } | ||
| }, | ||
| buttonTop: { | ||
| position: 'absolute', | ||
| top: '-20px', | ||
| borderTopLeftRadius: '5px', | ||
| borderTopRightRadius: '5px', | ||
| width: '65px', | ||
| height: '20px', | ||
| right: 0, | ||
| left: 0, | ||
| marginLeft: 'auto', | ||
| marginRight: 'auto' | ||
| }, | ||
| buttonBottom: { | ||
| position: 'absolute', | ||
| bottom: '-20px', | ||
| borderBottomLeftRadius: '5px', | ||
| borderBottomRightRadius: '5px', | ||
| width: '65px', | ||
| height: '20px', | ||
| right: 0, | ||
| left: 0, | ||
| marginLeft: 'auto', | ||
| marginRight: 'auto' | ||
| }, | ||
| buttonIcon: { | ||
| width: '10px', | ||
| display: 'inline', | ||
| margin: 0, | ||
| padding: 0 | ||
| } | ||
| } | ||
| }; | ||
| var FeatureWrapper = function FeatureWrapper(_ref) { | ||
@@ -57,80 +132,8 @@ var fingerprint = _ref.fingerprint, | ||
| var styles = { | ||
| wrapper: { | ||
| position: 'relative', | ||
| highlighted: { | ||
| zIndex: 99999, | ||
| boxShadow: '2px -2px 0px #3760ff, -2px -2px 0px #3760ff, -2px 2px 0px #3760ff, 2px 2px 0px #3760ff', | ||
| transition: 'all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1)' | ||
| }, | ||
| actions: { | ||
| display: 'flex', | ||
| justifyContent: 'center', | ||
| backgroundColor: '#0e181b', | ||
| color: '#ffffff', | ||
| cursor: 'pointer', | ||
| position: 'absolute', | ||
| zIndex: 2147483646, | ||
| top: '5px', | ||
| right: '5px', | ||
| padding: '5px', | ||
| width: 'initial', | ||
| borderRadius: '5px', | ||
| '& i': { | ||
| padding: '6px' | ||
| }, | ||
| '& i:hover': { | ||
| opacity: 0.85 | ||
| } | ||
| }, | ||
| button: { | ||
| fontFamily: 'OutputSans', | ||
| fontSize: '13px', | ||
| zIndex: 2147483646, | ||
| textAlign: 'center', | ||
| backgroundColor: '#3760FF', | ||
| color: '#FFFFFF', | ||
| cursor: 'pointer', | ||
| boxShadow: 'none', | ||
| border: 'none', | ||
| ':hover': { | ||
| backgroundColor: '#5272f3' | ||
| } | ||
| }, | ||
| buttonTop: { | ||
| position: 'absolute', | ||
| top: '-20px', | ||
| borderTopLeftRadius: '5px', | ||
| borderTopRightRadius: '5px', | ||
| width: '65px', | ||
| height: '20px', | ||
| right: 0, | ||
| left: 0, | ||
| marginLeft: 'auto', | ||
| marginRight: 'auto' | ||
| }, | ||
| buttonBottom: { | ||
| position: 'absolute', | ||
| bottom: '-20px', | ||
| borderBottomLeftRadius: '5px', | ||
| borderBottomRightRadius: '5px', | ||
| width: '65px', | ||
| height: '20px', | ||
| right: 0, | ||
| left: 0, | ||
| marginLeft: 'auto', | ||
| marginRight: 'auto' | ||
| }, | ||
| buttonIcon: { | ||
| width: '10px', | ||
| display: 'inline', | ||
| margin: 0, | ||
| padding: 0 | ||
| } | ||
| } | ||
| }; | ||
| (0, _react2.useEffect)(function () { | ||
| return isHovered ? onHover && onHover(fingerprint) : onHoverEnd && onHoverEnd(fingerprint); | ||
| }, [isHovered]); | ||
| var onFeatureHover = function onFeatureHover() { | ||
| setHover(true); | ||
| onHover && onHover(fingerprint); | ||
| }; | ||
@@ -140,3 +143,2 @@ | ||
| setHover(false); | ||
| onHoverEnd && onHoverEnd(fingerprint); | ||
| }; | ||
@@ -143,0 +145,0 @@ |
| { | ||
| "name": "@arc-fusion/pb-editor-wrapper", | ||
| "description": "PageBuilder Preview Wrapper", | ||
| "version": "0.0.123", | ||
| "version": "0.0.124", | ||
| "module": "dist/index.js", | ||
@@ -6,0 +6,0 @@ "files": [ |
No alert changes
Improved metrics
- Lines of code
- increased by0.5%
200
Worsened metrics
- Total package byte prevSize
- decreased by-0.6%
12052
No dependency changes