Socket
Socket
Sign inDemoInstall

@uidu/fab

Package Overview
Dependencies
87
Maintainers
1
Versions
86
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 0.5.2 to 0.5.3

6

CHANGELOG.md
# @uidu/fab
## 0.5.3
### Patch Changes
- dc93d940c: Bump dependencies, publish all
## 0.5.2

@@ -4,0 +10,0 @@

2

dist/package.json
{
"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"
}
}
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Packages

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc