@toptal/picasso-tag 2.0.3 → 2.0.4

package/dist-package/src/TagGroup/TagGroup.js

@@ -13,7 +13,7 @@ import React, { forwardRef } from 'react';
 import { twMerge } from 'tailwind-merge';
 export const TagGroup = forwardRef(function TagGroup(props, ref) {
     const { children, className } = props, rest = __rest(props, ["children", "className"]);
-    return (React.createElement("div", Object.assign({}, rest, { ref: ref, className: twMerge('min-w-full transition-none -mr-[0.5em] -mb-[0.5em] [&>*]:mr-2 [&>*]:mb-2', className) }), children));
+    return (React.createElement("div", Object.assign({}, rest, { ref: ref, className: twMerge('-mr-[0.5em] -mb-[0.5em] [&>*]:mr-[0.5em] [&>*]:mb-[0.5em]', className) }), children));
 });
 TagGroup.defaultProps = {
     children: undefined,

package/dist-package/src/TagGroup/TagGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagGroup.js","sourceRoot":"","sources":["../../../src/TagGroup/TagGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAOxC,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAwB,SAAS,QAAQ,CACzE,KAAK,EACL,GAAG;IAEH,MAAM,EAAE,QAAQ,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAxC,yBAAgC,CAAQ,CAAA;IAE9C,OAAO,CACL,6CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,CAChB,0EAA0E,EAC1E,SAAS,CACV,KAEA,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,YAAY,GAAG;IACtB,QAAQ,EAAE,SAAS;CACpB,CAAA;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"TagGroup.js","sourceRoot":"","sources":["../../../src/TagGroup/TagGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAOxC,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAwB,SAAS,QAAQ,CACzE,KAAK,EACL,GAAG;IAEH,MAAM,EAAE,QAAQ,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAxC,yBAAgC,CAAQ,CAAA;IAE9C,OAAO,CACL,6CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,CAChB,2DAA2D,EAC3D,SAAS,CACV,KAEA,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,YAAY,GAAG;IACtB,QAAQ,EAAE,SAAS;CACpB,CAAA;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,eAAe,QAAQ,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@toptal/picasso-tag",
-  "version": "2.0.3",
+  "version": "2.0.4",
   "description": "Toptal UI components library - Tag",
   "publishConfig": {
     "access": "public"

package/src/TagGroup/TagGroup.tsx

@@ -19,7 +19,7 @@ export const TagGroup = forwardRef<HTMLDivElement, Props>(function TagGroup(
       {...rest}
       ref={ref}
       className={twMerge(
-        'min-w-full transition-none -mr-[0.5em] -mb-[0.5em] [&>*]:mr-2 [&>*]:mb-2',
+        '-mr-[0.5em] -mb-[0.5em] [&>*]:mr-[0.5em] [&>*]:mb-[0.5em]',
         className
       )}
     >

package/src/TagGroup/__snapshots__/test.tsx.snap

@@ -6,7 +6,7 @@ exports[`TagGroup should render label group with 4 labels 1`] = `
     class="Picasso-root"
   >
     <div
-      class="min-w transition-none -mr -mb [&>*]:mr-2 [&>*]:mb-2"
+      class="-mr -mb [&>*]:mr-[0.5em] [&>*]:mb-[0.5em]"
     >
       <div
         class="text-lg transition-none border border-solid rounded-[6.25rem] h-6 max-w inline-flex justify-center items-center cursor-default bg-white group align-middle leading-[inherit] text-graphite border-gray"

package/dist-package/src/TagGroup/styles.d.ts

@@ -1,12 +0,0 @@
-declare const _default: () => {
-    root: {
-        marginRight: string;
-        marginBottom: string;
-        '& > *': {
-            marginRight: string;
-            marginBottom: string;
-        };
-    };
-};
-export default _default;
-//# sourceMappingURL=styles.d.ts.map

package/dist-package/src/TagGroup/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/TagGroup/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wBAUE"}

package/dist-package/src/TagGroup/styles.js

@@ -1,11 +0,0 @@
-export default () => ({
-    root: {
-        marginRight: '-0.5em',
-        marginBottom: '-0.5em',
-        '& > *': {
-            marginRight: '0.5em',
-            marginBottom: '0.5em',
-        },
-    },
-});
-//# sourceMappingURL=styles.js.map

package/dist-package/src/TagGroup/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/TagGroup/styles.ts"],"names":[],"mappings":"AAAA,eAAe,GAAG,EAAE,CAAC,CAAC;IACpB,IAAI,EAAE;QACJ,WAAW,EAAE,QAAQ;QACrB,YAAY,EAAE,QAAQ;QAEtB,OAAO,EAAE;YACP,WAAW,EAAE,OAAO;YACpB,YAAY,EAAE,OAAO;SACtB;KACF;CACF,CAAC,CAAA"}

package/src/TagGroup/styles.ts

@@ -1,11 +0,0 @@
-export default () => ({
-  root: {
-    marginRight: '-0.5em',
-    marginBottom: '-0.5em',
-
-    '& > *': {
-      marginRight: '0.5em',
-      marginBottom: '0.5em',
-    },
-  },
-})