@uidu/fab
Advanced tools
Comparing version 0.5.2 to 0.5.3
# @uidu/fab | ||
## 0.5.3 | ||
### Patch Changes | ||
- dc93d940c: Bump dependencies, publish all | ||
## 0.5.2 | ||
@@ -4,0 +10,0 @@ |
{ | ||
"name": "@uidu/fab", | ||
"version": "0.5.2" | ||
"version": "0.5.3" | ||
} |
@@ -17,19 +17,19 @@ 'use strict'; | ||
var StyledMainButton = styled__default['default'].button.withConfig({ | ||
var StyledMainButton = styled__default["default"].button.withConfig({ | ||
displayName: "styled__StyledMainButton", | ||
componentId: "sc-ps9aer-0" | ||
})(["height:48px;width:48px;z-index:9999;background-color:#666666;display:inline-flex;justify-content:center;align-items:center;position:relative;border:none;border-radius:50%;cursor:pointer;outline:none;padding:0;-webkit-user-drag:none;font-weight:bold;color:#f1f1f1;font-size:18px;&:focus{outline:none;}> *{transition:ease-in-out transform 0.2s;}"]); | ||
var StyledActionWrapper = styled__default['default'].li.withConfig({ | ||
var StyledActionWrapper = styled__default["default"].li.withConfig({ | ||
displayName: "styled__StyledActionWrapper", | ||
componentId: "sc-ps9aer-1" | ||
})(["display:block;position:absolute;top:0;right:1px;padding:10px 0;margin:-10px 0;transition:ease-in-out transform 0.2s;> span{transition:ease-in-out opacity 0.2s;position:absolute;top:50%;transform:translateY(-50%);margin:0 8px;background:rgba(0,0,0,0.75);padding:4px 8px;border-radius:3px;color:white;font-size:13px;&.right{right:100%;}}&:nth-child(1){transform:translateY(-60px) scale(0);transition-delay:0.21s;&.top{transform:translateY(60px) scale(0);}}&:nth-child(2){transform:translateY(-120px) scale(0);transition-delay:0.18s;&.top{transform:translateY(120px) scale(0);}}&:nth-child(3){transform:translateY(-180px) scale(0);transition-delay:0.15s;&.top{transform:translateY(180px) scale(0);}}&:nth-child(4){transform:translateY(-240px) scale(0);transition-delay:0.12s;&.top{transform:translateY(240px) scale(0);}}&:nth-child(5){transform:translateY(-300px) scale(0);transition-delay:0.09s;&.top{transform:translateY(300px) scale(0);}}&:nth-child(6){transform:translateY(-360px) scale(0);transition-delay:0.03s;&.top{transform:translateY(360px) scale(0);}}"]); | ||
var StyledActions = styled__default['default'].li.withConfig({ | ||
var StyledActions = styled__default["default"].li.withConfig({ | ||
displayName: "styled__StyledActions", | ||
componentId: "sc-ps9aer-2" | ||
})(["padding:25px;margin:-25px;*:last-child{margin-bottom:0;}"]); | ||
var StyledAction = styled__default['default'].button.withConfig({ | ||
var StyledAction = styled__default["default"].button.withConfig({ | ||
displayName: "styled__StyledAction", | ||
componentId: "sc-ps9aer-3" | ||
})(["height:40px;width:40px;background-color:#aaaaaa;display:inline-flex;justify-content:center;align-items:center;position:relative;border:none;border-radius:50%;box-shadow:0 0 4px rgba(0,0,0,0.14),0 4px 8px rgba(0,0,0,0.28);cursor:pointer;outline:none;padding:0;-webkit-user-drag:none;font-weight:bold;color:#f1f1f1;margin-right:2px;font-size:1rem;z-index:10000;&:focus{outline:none;}"]); | ||
var StyledFab = styled__default['default'].ul.withConfig({ | ||
var StyledFab = styled__default["default"].ul.withConfig({ | ||
displayName: "styled__StyledFab", | ||
@@ -113,7 +113,7 @@ componentId: "sc-ps9aer-4" | ||
var rc = function rc() { | ||
if (React__default['default'].Children.count(children) > 6) console.warn('@uidu/fab only supports up to 6 action buttons'); | ||
return React__default['default'].Children.map(children, function (ch, i) { | ||
if (React__default["default"].Children.count(children) > 6) console.warn('@uidu/fab only supports up to 6 action buttons'); | ||
return React__default["default"].Children.map(children, function (ch, i) { | ||
return /*#__PURE__*/jsxRuntime.jsxs(StyledActionWrapper, { | ||
className: "".concat('top' in position ? 'top' : ''), | ||
children: [/*#__PURE__*/React__default['default'].cloneElement(ch, _objectSpread(_objectSpread({ | ||
children: [/*#__PURE__*/React__default["default"].cloneElement(ch, _objectSpread(_objectSpread({ | ||
'data-testid': "action-button-".concat(i), | ||
@@ -120,0 +120,0 @@ 'aria-label': ch.props.text || "Menu button ".concat(i + 1), |
@@ -17,19 +17,19 @@ 'use strict'; | ||
var StyledMainButton = styled__default['default'].button.withConfig({ | ||
var StyledMainButton = styled__default["default"].button.withConfig({ | ||
displayName: "styled__StyledMainButton", | ||
componentId: "sc-ps9aer-0" | ||
})(["height:48px;width:48px;z-index:9999;background-color:#666666;display:inline-flex;justify-content:center;align-items:center;position:relative;border:none;border-radius:50%;cursor:pointer;outline:none;padding:0;-webkit-user-drag:none;font-weight:bold;color:#f1f1f1;font-size:18px;&:focus{outline:none;}> *{transition:ease-in-out transform 0.2s;}"]); | ||
var StyledActionWrapper = styled__default['default'].li.withConfig({ | ||
var StyledActionWrapper = styled__default["default"].li.withConfig({ | ||
displayName: "styled__StyledActionWrapper", | ||
componentId: "sc-ps9aer-1" | ||
})(["display:block;position:absolute;top:0;right:1px;padding:10px 0;margin:-10px 0;transition:ease-in-out transform 0.2s;> span{transition:ease-in-out opacity 0.2s;position:absolute;top:50%;transform:translateY(-50%);margin:0 8px;background:rgba(0,0,0,0.75);padding:4px 8px;border-radius:3px;color:white;font-size:13px;&.right{right:100%;}}&:nth-child(1){transform:translateY(-60px) scale(0);transition-delay:0.21s;&.top{transform:translateY(60px) scale(0);}}&:nth-child(2){transform:translateY(-120px) scale(0);transition-delay:0.18s;&.top{transform:translateY(120px) scale(0);}}&:nth-child(3){transform:translateY(-180px) scale(0);transition-delay:0.15s;&.top{transform:translateY(180px) scale(0);}}&:nth-child(4){transform:translateY(-240px) scale(0);transition-delay:0.12s;&.top{transform:translateY(240px) scale(0);}}&:nth-child(5){transform:translateY(-300px) scale(0);transition-delay:0.09s;&.top{transform:translateY(300px) scale(0);}}&:nth-child(6){transform:translateY(-360px) scale(0);transition-delay:0.03s;&.top{transform:translateY(360px) scale(0);}}"]); | ||
var StyledActions = styled__default['default'].li.withConfig({ | ||
var StyledActions = styled__default["default"].li.withConfig({ | ||
displayName: "styled__StyledActions", | ||
componentId: "sc-ps9aer-2" | ||
})(["padding:25px;margin:-25px;*:last-child{margin-bottom:0;}"]); | ||
var StyledAction = styled__default['default'].button.withConfig({ | ||
var StyledAction = styled__default["default"].button.withConfig({ | ||
displayName: "styled__StyledAction", | ||
componentId: "sc-ps9aer-3" | ||
})(["height:40px;width:40px;background-color:#aaaaaa;display:inline-flex;justify-content:center;align-items:center;position:relative;border:none;border-radius:50%;box-shadow:0 0 4px rgba(0,0,0,0.14),0 4px 8px rgba(0,0,0,0.28);cursor:pointer;outline:none;padding:0;-webkit-user-drag:none;font-weight:bold;color:#f1f1f1;margin-right:2px;font-size:1rem;z-index:10000;&:focus{outline:none;}"]); | ||
var StyledFab = styled__default['default'].ul.withConfig({ | ||
var StyledFab = styled__default["default"].ul.withConfig({ | ||
displayName: "styled__StyledFab", | ||
@@ -113,7 +113,7 @@ componentId: "sc-ps9aer-4" | ||
var rc = function rc() { | ||
if (React__default['default'].Children.count(children) > 6) console.warn('@uidu/fab only supports up to 6 action buttons'); | ||
return React__default['default'].Children.map(children, function (ch, i) { | ||
if (React__default["default"].Children.count(children) > 6) console.warn('@uidu/fab only supports up to 6 action buttons'); | ||
return React__default["default"].Children.map(children, function (ch, i) { | ||
return /*#__PURE__*/jsxRuntime.jsxs(StyledActionWrapper, { | ||
className: "".concat('top' in position ? 'top' : ''), | ||
children: [/*#__PURE__*/React__default['default'].cloneElement(ch, _objectSpread(_objectSpread({ | ||
children: [/*#__PURE__*/React__default["default"].cloneElement(ch, _objectSpread(_objectSpread({ | ||
'data-testid': "action-button-".concat(i), | ||
@@ -120,0 +120,0 @@ 'aria-label': ch.props.text || "Menu button ".concat(i + 1), |
{ | ||
"name": "@uidu/fab", | ||
"version": "0.5.2", | ||
"version": "0.5.3", | ||
"description": "Floating action buttons", | ||
@@ -12,11 +12,11 @@ "repository": "https://github.com/uidu-org/guidu/tree/main/packages/core/fab", | ||
"dependencies": { | ||
"@babel/runtime": "^7.15.4", | ||
"@babel/runtime": "^7.16.3", | ||
"react": "^17.0.2", | ||
"react-feather": "^2.0.9", | ||
"styled-components": "^5.3.1", | ||
"styled-components": "^5.3.3", | ||
"tslib": "^2.3.1" | ||
}, | ||
"devDependencies": { | ||
"@uidu/docs": "^0.5.1" | ||
"@uidu/docs": "^0.5.2" | ||
} | ||
} |
29780
Updated@babel/runtime@^7.16.3
Updatedstyled-components@^5.3.3