New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@app-garage/button-group

Package Overview
Dependencies
Maintainers
1
Versions
6
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@app-garage/button-group - npm Package Compare versions

Comparing version

to
1.4.0

11

CHANGELOG.md
# 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 @@

10

dist/index.es.js

@@ -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": {