@ds-kit/button-group - npm Package Compare versions

Comparing version 1.1.1 to 1.1.2

dist/index.cjs.js

@@ -110,3 +110,3 @@ 'use strict';
 var defaultChildren = function defaultChildren(selected, getItemProps) {
-  return React__default.createElement("div", null, defaultItems.map(function (item) {
+  return React__default.createElement(React__default.Fragment, null, defaultItems.map(function (item) {
     var isSelected = item.key === selected.key;
@@ -123,3 +123,3 @@ return React__default.createElement(Button, _extends({
 function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n  display: inline-flex;\n  vertical-align: middle;\n  align-items: center;\n  > button:not(:first-child):not(:last-child) {\n    border-radius: 0;\n    margin-right: 0.0625rem;\n  }\n  > button:first-child {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n    margin-right: 0.0625rem;\n  }\n  > button:last-child {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n  }\n"]);
+  var data = _taggedTemplateLiteralLoose(["\n  display: inline-flex;\n  vertical-align: middle;\n  align-items: center;\n  > *:not(:first-child):not(:last-child) {\n    border-radius: 0;\n    margin-right: 0.0625rem;\n  }\n  > *:first-child {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n    margin-right: 0.0625rem;\n  }\n  > *:last-child {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n  }\n"]);
 
@@ -126,0 +126,0 @@ _templateObject = function _templateObject() {

dist/index.es.js

@@ -103,3 +103,3 @@ import React, { Component } from 'react';
 var defaultChildren = function defaultChildren(selected, getItemProps) {
-  return React.createElement("div", null, defaultItems.map(function (item) {
+  return React.createElement(React.Fragment, null, defaultItems.map(function (item) {
     var isSelected = item.key === selected.key;
@@ -116,3 +116,3 @@ return React.createElement(Button, _extends({
 function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n  display: inline-flex;\n  vertical-align: middle;\n  align-items: center;\n  > button:not(:first-child):not(:last-child) {\n    border-radius: 0;\n    margin-right: 0.0625rem;\n  }\n  > button:first-child {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n    margin-right: 0.0625rem;\n  }\n  > button:last-child {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n  }\n"]);
+  var data = _taggedTemplateLiteralLoose(["\n  display: inline-flex;\n  vertical-align: middle;\n  align-items: center;\n  > *:not(:first-child):not(:last-child) {\n    border-radius: 0;\n    margin-right: 0.0625rem;\n  }\n  > *:first-child {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n    margin-right: 0.0625rem;\n  }\n  > *:last-child {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n  }\n"]);
 
@@ -119,0 +119,0 @@ _templateObject = function _templateObject() {

package.json

 {
   "name": "@ds-kit/button-group",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "description": "Button group component",
@@ -23,3 +23,3 @@ "main": "dist/index.cjs.js",
   },
-  "gitHead": "3aa6854570cca94712209bb173072fb36a9dc64c"
+  "gitHead": "c403e256f88a26e264c9bf45ab1c1a3aa5c6f245"
 }

src/defaults.js

@@ -12,3 +12,3 @@ import React from "react"
 const defaultChildren = (selected, getItemProps) => (
-  <div>
+  <>
     {defaultItems.map(item => {
@@ -28,5 +28,5 @@ const isSelected = item.key === selected.key
     })}
-  </div>
+  </>
 )
 
 export default defaultChildren

src/index.js

@@ -57,7 +57,7 @@ /* eslint no-unused-vars: ["error", { "ignoreRestSiblings": true }] */
   align-items: center;
-  > button:not(:first-child):not(:last-child) {
+  > *:not(:first-child):not(:last-child) {
     border-radius: 0;
     margin-right: 0.0625rem;
   }
-  > button:first-child {
+  > *:first-child {
     border-top-right-radius: 0;
@@ -67,3 +67,3 @@ border-bottom-right-radius: 0;
   }
-  > button:last-child {
+  > *:last-child {
     border-top-left-radius: 0;
@@ -70,0 +70,0 @@ border-bottom-left-radius: 0;

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Number of medium supply chain risk alerts

1

decreased by-50%

Worsened metrics

Total package byte prevSize

28808

decreased by-0.08%

No dependency changes