@toptal/picasso-button - npm Package Compare versions

Comparing version 1.0.10-alpha-CPT-2187-allow-qb-controls-customization-from-consumers-c03e2e1b9.11 to 1.0.10-alpha-FX-5195-fix-button-css-precedence-06be01cc1.19

dist-package/src/Button/Button.d.ts

 import type { ReactNode, ReactElement, MouseEvent, ElementType } from 'react';
 import type { StandardProps, SizeType, ButtonOrAnchorProps, OverridableComponent, TextLabelProps } from '@toptal/picasso-shared';
-import '@toptal/picasso-link';
 export declare type VariantType = 'primary' | 'negative' | 'positive' | 'secondary' | 'transparent';
@@ -5,0 +4,0 @@ export declare type IconPositionType = 'left' | 'right';

dist-package/src/Button/Button.js

@@ -19,8 +19,10 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { noop, toTitleCase } from '@toptal/picasso-utils';
-// we need to ensure the correct order of styles import
-// @TODO: to be removed when the component is migrated in FX-4614
-import '@toptal/picasso-link';
 import styles from './styles';
+// Using { index: -50 } to inject CSS link to the bottom of the head
+// in order to prevent Link and Typography styles to override Button's ones
+// More specific button components like ButtonCircular, ButtonSplit, ButtonControlLabel, ButtonAction
+// have even lower indexes, so higher priority
 const useStyles = makeStyles(styles, {
     name: 'PicassoButton',
+    index: -50,
 });
@@ -27,0 +29,0 @@ const getClickHandler = (loading, handler) => loading ? noop : handler;

dist-package/src/ButtonAction/ButtonAction.js

@@ -18,3 +18,3 @@ var __rest = (this && this.__rest) || function (s, e) {
 import styles from './styles';
-// Using { index: -1 } to inject CSS link to the bottom of the head
+// Using { index: -100 } to inject CSS link to the bottom of the head
 // in order to prevent Button's styles to override ButtonAction's ones
@@ -24,3 +24,3 @@ // Related Jira issue: https://toptal-core.atlassian.net/browse/FX-1520
     name: 'PicassoButtonAction',
-    index: -1,
+    index: -100,
 });
@@ -27,0 +27,0 @@ const loaderIcon = React.createElement(Loader, { size: 'small', variant: 'inherit' });

dist-package/src/ButtonCircular/ButtonCircular.js

@@ -18,3 +18,3 @@ var __rest = (this && this.__rest) || function (s, e) {
 import styles from './styles';
-// Using { index: -1 } to inject CSS link to the bottom of the head
+// Using { index: -100 } to inject CSS link to the bottom of the head
 // in order to prevent Button's styles to override ButtonCircular's ones
@@ -24,3 +24,3 @@ // Related Jira issue: https://toptal-core.atlassian.net/browse/FX-1520
     name: 'PicassoButtonCircular',
-    index: -1,
+    index: -100,
 });
@@ -27,0 +27,0 @@ export const ButtonCircular = forwardRef(function ButtonCircular(props, ref) {

dist-package/src/ButtonControlLabel/ButtonControlLabel.js

@@ -18,3 +18,3 @@ var __rest = (this && this.__rest) || function (s, e) {
 import styles from './styles';
-// Using { index: -1 } to inject CSS link to the bottom of the head
+// Using { index: -100 } to inject CSS link to the bottom of the head
 // in order to prevent Button's styles to override ButtonAction's ones
@@ -24,3 +24,3 @@ // Related Jira issue: https://toptal-core.atlassian.net/browse/FX-1520
     name: 'PicassoButtonControlLabel',
-    index: -1,
+    index: -100,
 });
@@ -27,0 +27,0 @@ const ButtonControlLabel = (_a) => {

dist-package/src/ButtonSplit/ButtonSplit.js

@@ -20,3 +20,3 @@ var __rest = (this && this.__rest) || function (s, e) {
 import styles from './styles';
-// Using { index: -1 } to inject CSS link to the bottom of the head
+// Using { index: -100 } to inject CSS link to the bottom of the head
 // in order to prevent Button's styles to override ButtonSplit's ones
@@ -26,3 +26,3 @@ // Related Jira issue: https://toptal-core.atlassian.net/browse/FX-1520
     name: 'PicassoButtonSplit',
-    index: -1,
+    index: -100,
 });
@@ -29,0 +29,0 @@ const DropdownIcon = ({ size, className, }) => {

package.json

 {
   "name": "@toptal/picasso-button",
-  "version": "1.0.10-alpha-CPT-2187-allow-qb-controls-customization-from-consumers-c03e2e1b9.11+c03e2e1b9",
+  "version": "1.0.10-alpha-FX-5195-fix-button-css-precedence-06be01cc1.19+06be01cc1",
   "description": "Toptal UI components library - Button",
@@ -25,11 +25,10 @@ "publishConfig": {
   "dependencies": {
-    "@toptal/picasso-checkbox": "1.0.7-alpha-CPT-2187-allow-qb-controls-customization-from-consumers-c03e2e1b9.19+c03e2e1b9",
-    "@toptal/picasso-container": "1.0.3-alpha-CPT-2187-allow-qb-controls-customization-from-consumers-c03e2e1b9.48+c03e2e1b9",
-    "@toptal/picasso-dropdown": "2.0.1-alpha-CPT-2187-allow-qb-controls-customization-from-consumers-c03e2e1b9.22+c03e2e1b9",
-    "@toptal/picasso-icons": "1.0.3-alpha-CPT-2187-allow-qb-controls-customization-from-consumers-c03e2e1b9.48+c03e2e1b9",
-    "@toptal/picasso-link": "1.0.3-alpha-CPT-2187-allow-qb-controls-customization-from-consumers-c03e2e1b9.48+c03e2e1b9",
-    "@toptal/picasso-loader": "1.0.3-alpha-CPT-2187-allow-qb-controls-customization-from-consumers-c03e2e1b9.48+c03e2e1b9",
-    "@toptal/picasso-radio": "1.0.7-alpha-CPT-2187-allow-qb-controls-customization-from-consumers-c03e2e1b9.19+c03e2e1b9",
-    "@toptal/picasso-shared": "14.0.2-alpha-CPT-2187-allow-qb-controls-customization-from-consumers-c03e2e1b9.48+c03e2e1b9",
-    "@toptal/picasso-utils": "1.0.3-alpha-CPT-2187-allow-qb-controls-customization-from-consumers-c03e2e1b9.48+c03e2e1b9",
+    "@toptal/picasso-checkbox": "1.0.7-alpha-FX-5195-fix-button-css-precedence-06be01cc1.27+06be01cc1",
+    "@toptal/picasso-container": "1.0.3-alpha-FX-5195-fix-button-css-precedence-06be01cc1.56+06be01cc1",
+    "@toptal/picasso-dropdown": "2.0.1-alpha-FX-5195-fix-button-css-precedence-06be01cc1.30+06be01cc1",
+    "@toptal/picasso-icons": "1.0.3-alpha-FX-5195-fix-button-css-precedence-06be01cc1.56+06be01cc1",
+    "@toptal/picasso-loader": "1.0.3-alpha-FX-5195-fix-button-css-precedence-06be01cc1.56+06be01cc1",
+    "@toptal/picasso-radio": "1.0.7-alpha-FX-5195-fix-button-css-precedence-06be01cc1.27+06be01cc1",
+    "@toptal/picasso-shared": "14.0.2-alpha-FX-5195-fix-button-css-precedence-06be01cc1.56+06be01cc1",
+    "@toptal/picasso-utils": "1.0.3-alpha-FX-5195-fix-button-css-precedence-06be01cc1.56+06be01cc1",
     "ap-style-title-case": "^1.1.2",
@@ -51,4 +50,4 @@ "classnames": "^2.5.1"
   "devDependencies": {
-    "@toptal/picasso-provider": "4.2.1-alpha-CPT-2187-allow-qb-controls-customization-from-consumers-c03e2e1b9.19+c03e2e1b9",
-    "@toptal/picasso-test-utils": "1.1.1-alpha-CPT-2187-allow-qb-controls-customization-from-consumers-c03e2e1b9.40+c03e2e1b9"
+    "@toptal/picasso-provider": "4.2.1-alpha-FX-5195-fix-button-css-precedence-06be01cc1.27+06be01cc1",
+    "@toptal/picasso-test-utils": "1.1.1-alpha-FX-5195-fix-button-css-precedence-06be01cc1.48+06be01cc1"
   },
@@ -60,3 +59,3 @@ "files": [
   ],
-  "gitHead": "c03e2e1b922cf105945fa1eb3dff5c4c159d4cfd"
+  "gitHead": "06be01cc1ff909756ad9122c9a3b3efc171ebaaa"
 }

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

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

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

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

Improved metrics

Dependency count

13

decreased by-7.14%

Lines of code

3903

increased by0.08%

Worsened metrics

Total package byte prevSize

180053

decreased by-0.02%

Dependency changes

• - Removed@toptal/picasso-link@1.0.3-alpha-CPT-2187-allow-qb-controls-customization-from-consumers-c03e2e1b9.48+c03e2e1b9

• Updated@toptal/picasso-checkbox@1.0.7-alpha-FX-5195-fix-button-css-precedence-06be01cc1.27+06be01cc1

• Updated@toptal/picasso-container@1.0.3-alpha-FX-5195-fix-button-css-precedence-06be01cc1.56+06be01cc1

• Updated@toptal/picasso-dropdown@2.0.1-alpha-FX-5195-fix-button-css-precedence-06be01cc1.30+06be01cc1

• Updated@toptal/picasso-icons@1.0.3-alpha-FX-5195-fix-button-css-precedence-06be01cc1.56+06be01cc1

• Updated@toptal/picasso-loader@1.0.3-alpha-FX-5195-fix-button-css-precedence-06be01cc1.56+06be01cc1

• Updated@toptal/picasso-radio@1.0.7-alpha-FX-5195-fix-button-css-precedence-06be01cc1.27+06be01cc1

• Updated@toptal/picasso-shared@14.0.2-alpha-FX-5195-fix-button-css-precedence-06be01cc1.56+06be01cc1

• Updated@toptal/picasso-utils@1.0.3-alpha-FX-5195-fix-button-css-precedence-06be01cc1.56+06be01cc1