@app-garage/button-group
Advanced tools
Comparing version
# Change Log | ||
## 1.4.0 | ||
### Minor Changes | ||
- [`99d3043`](https://github.com/electronic33/ag-ui-react/commit/99d30433ab12b312441848fd3bff1aaac1d466a9) - added preset | ||
### Patch Changes | ||
- Updated dependencies [[`99d3043`](https://github.com/electronic33/ag-ui-react/commit/99d30433ab12b312441848fd3bff1aaac1d466a9)]: | ||
- @app-garage/button@1.9.0 | ||
## 1.3.0 | ||
@@ -4,0 +15,0 @@ |
@@ -38,7 +38,7 @@ import React from 'react'; | ||
React.cloneElement(child, __assign(__assign({}, child.props), { className: classNames("transition-all duration-300", (_a = {}, | ||
_a["rounded-none " + (!vertical ? 'border-r' : 'border-b') + " border-gray-800 bg-" + color + "-500 hover:bg-" + color + "-700 hover:shadow-md"] = !variant, | ||
_a["rounded-none border border-" + color + "-500 bg-transparent hover:bg-gray-100 text-" + color + "-500"] = variant === 'outline', | ||
_a["rounded-none border-r border-" + color + "-500 shadow-none bg-transparent hover:bg-gray-100 text-" + color + "-500"] = variant === 'no-border', | ||
_a["" + (!vertical ? 'rounded-l-md rounded-r-none' : 'rounded-t-md rounded-b-none')] = index === 0, | ||
_a["\n" + (!vertical ? 'rounded-r-md rounded-l-none' : 'rounded-b-md rounded-t-none') + " " + (variant !== 'outline' && 'border-none')] = index === children.length - 1, | ||
_a["rounded-none ".concat(!vertical ? 'border-r' : 'border-b', " border-gray-800 bg-").concat(color, "-500 hover:bg-").concat(color, "-700 hover:shadow-md")] = !variant, | ||
_a["rounded-none border border-".concat(color, "-500 bg-transparent hover:bg-gray-100 text-").concat(color, "-500")] = variant === 'outline', | ||
_a["rounded-none border-r border-".concat(color, "-500 shadow-none bg-transparent hover:bg-gray-100 text-").concat(color, "-500")] = variant === 'no-border', | ||
_a["".concat(!vertical ? 'rounded-l-md rounded-r-none' : 'rounded-t-md rounded-b-none')] = index === 0, | ||
_a["\n".concat(!vertical ? 'rounded-r-md rounded-l-none' : 'rounded-b-md rounded-t-none', " ").concat(variant !== 'outline' && 'border-none')] = index === children.length - 1, | ||
_a)) })); | ||
@@ -45,0 +45,0 @@ }))); |
@@ -41,13 +41,13 @@ 'use strict'; | ||
var className = _a.className, children = _a.children, vertical = _a.vertical, color = _a.color, variant = _a.variant; | ||
return children && (React__default['default'].createElement("div", { className: classNames__default['default']('flex', { | ||
return children && (React__default["default"].createElement("div", { className: classNames__default["default"]('flex', { | ||
'flex-col': vertical, | ||
}, className) }, React__default['default'].Children.map(children, function (child, index) { | ||
}, className) }, React__default["default"].Children.map(children, function (child, index) { | ||
var _a; | ||
return React__default['default'].isValidElement(child) && | ||
React__default['default'].cloneElement(child, __assign(__assign({}, child.props), { className: classNames__default['default']("transition-all duration-300", (_a = {}, | ||
_a["rounded-none " + (!vertical ? 'border-r' : 'border-b') + " border-gray-800 bg-" + color + "-500 hover:bg-" + color + "-700 hover:shadow-md"] = !variant, | ||
_a["rounded-none border border-" + color + "-500 bg-transparent hover:bg-gray-100 text-" + color + "-500"] = variant === 'outline', | ||
_a["rounded-none border-r border-" + color + "-500 shadow-none bg-transparent hover:bg-gray-100 text-" + color + "-500"] = variant === 'no-border', | ||
_a["" + (!vertical ? 'rounded-l-md rounded-r-none' : 'rounded-t-md rounded-b-none')] = index === 0, | ||
_a["\n" + (!vertical ? 'rounded-r-md rounded-l-none' : 'rounded-b-md rounded-t-none') + " " + (variant !== 'outline' && 'border-none')] = index === children.length - 1, | ||
return React__default["default"].isValidElement(child) && | ||
React__default["default"].cloneElement(child, __assign(__assign({}, child.props), { className: classNames__default["default"]("transition-all duration-300", (_a = {}, | ||
_a["rounded-none ".concat(!vertical ? 'border-r' : 'border-b', " border-gray-800 bg-").concat(color, "-500 hover:bg-").concat(color, "-700 hover:shadow-md")] = !variant, | ||
_a["rounded-none border border-".concat(color, "-500 bg-transparent hover:bg-gray-100 text-").concat(color, "-500")] = variant === 'outline', | ||
_a["rounded-none border-r border-".concat(color, "-500 shadow-none bg-transparent hover:bg-gray-100 text-").concat(color, "-500")] = variant === 'no-border', | ||
_a["".concat(!vertical ? 'rounded-l-md rounded-r-none' : 'rounded-t-md rounded-b-none')] = index === 0, | ||
_a["\n".concat(!vertical ? 'rounded-r-md rounded-l-none' : 'rounded-b-md rounded-t-none', " ").concat(variant !== 'outline' && 'border-none')] = index === children.length - 1, | ||
_a)) })); | ||
@@ -54,0 +54,0 @@ }))); |
@@ -13,3 +13,3 @@ { | ||
}, | ||
"version": "1.3.0", | ||
"version": "1.4.0", | ||
"main": "dist/index.js", | ||
@@ -33,8 +33,8 @@ "module": "dist/index.es.js", | ||
"dependencies": { | ||
"@app-garage/button": "^1.4.0", | ||
"classnames": "^2.3.1" | ||
"@app-garage/button": "~1.9.0", | ||
"classnames": "~2.3.1" | ||
}, | ||
"devDependencies": { | ||
"react": "^17.0.2", | ||
"react-icons": "^4.2.0" | ||
"react": "~17.0.2", | ||
"react-icons": "~4.3.1" | ||
}, | ||
@@ -41,0 +41,0 @@ "peerDependencies": { |
9858
4.45%+ Added
- Removed
- Removed
Updated
Updated