@pluralsight/headless-styles - npm Package Compare versions

Comparing version 0.0.0-experimental-6426ff-20220322 to 0.0.0-experimental-6476af-20220322

build/components/Button/buttonJS.d.ts

@@ -18,6 +18,9 @@ import type { ButtonOptions, ButtonType } from './types';
         appearance: string;
+        border: string;
         borderRadius: string;
-        border: string;
         cursor: string;
         fontFamily: string;
+        fontWeight: string;
+        height: string;
+        outlineOffset: string;
         textAlign: string;
@@ -48,6 +51,9 @@ textDecoration: string;
         appearance: string;
+        border: string;
         borderRadius: string;
-        border: string;
         cursor: string;
         fontFamily: string;
+        fontWeight: string;
+        height: string;
+        outlineOffset: string;
         textAlign: string;
@@ -54,0 +60,0 @@ textDecoration: string;

build/components/Button/buttonJS.js

 import { psBackground, psBackgroundActive, psBackgroundHover, psBackgroundWeak, psNeutralBackground, psNeutralBackgroundActive, psNeutralBackgroundHover, psNeutralText, psNeutralTextWeak, psText, psTextMedium, } from '@pluralsight/design-tokens';
 import { getDefaultOptions } from './shared';
+const BASE_FONT_SIZE = '16px !important';
 const baseStyles = {
     js: {
         appearance: 'none',
-        borderRadius: '6px',
-        backgroundColor: 'transparent',
+        backgroundColor: 'transparent !important',
         border: 'none',
+        borderRadius: '6px !important',
         cursor: 'pointer',
         fontFamily: 'PS TT Commons Roman, Gotham SSm A, Gotham SSm B, Arial,sans-serif',
-        fontSize: '16px',
+        fontSize: BASE_FONT_SIZE,
+        fontWeight: 'inherit !important',
+        height: 'initial !important',
+        outlineOffset: 'initial !important',
         padding: '10px 16px',
@@ -30,8 +34,11 @@ textAlign: 'center',
   appearance: none;
-  background-color: transparent;
+  background-color: transparent !important;
   border: none;
-  border-radius: 6px;
+  border-radius: 6px !important;
   cursor: pointer;
   font-family: 'PS TT Commons Roman', 'Gotham SSm A', 'Gotham SSm B', Arial,
   sans-serif;
+  font-weight: inherit !important;
+  height: initial !important;
+  outline-offset: initial !important;
   text-align: center;
@@ -68,7 +75,7 @@ text-decoration: none;
                 css: `
-          background-color: ${psNeutralBackground};
+          background-color: ${psNeutralBackground} !important;
           color: ${psNeutralText};
         `,
                 js: {
-                    backgroundColor: psNeutralBackground,
+                    backgroundColor: `${psNeutralBackground} !important`,
                     color: psNeutralText,
@@ -80,7 +87,7 @@ },
                 css: `
-          background-color: ${psBackground};
+          background-color: ${psBackground} !important;
           color: #fff;
         `,
                 js: {
-                    backgroundColor: psBackground,
+                    backgroundColor: `${psBackground} !important`,
                     color: '#fff',
@@ -92,7 +99,7 @@ },
                 css: `
-          background-color: ${psBackgroundWeak};
+          background-color: ${psBackgroundWeak} !important;
           color: ${psText};
         `,
                 js: {
-                    backgroundColor: psBackgroundWeak,
+                    backgroundColor: `${psBackgroundWeak} !important`,
                     color: psText,
@@ -117,7 +124,7 @@ },
                 css: `
-          font-size: 12px;
+          font-size: 12px !important;
           padding: 4px 8px;
         `,
                 js: {
-                    fontSize: '12px',
+                    fontSize: '12px !important',
                     padding: '4px 8px',
@@ -129,7 +136,7 @@ },
                 css: `
-          font-size: 14px;
+          font-size: 14px !important;
           padding: 6px 12px;
         `,
                 js: {
-                    fontSize: '14px',
+                    fontSize: '14px !important',
                     padding: '6px 12px',
@@ -141,7 +148,7 @@ },
                 css: `
-          font-size: 16px;
+          font-size: 16px !important;
           padding: 14.5px 24px;
         `,
                 js: {
-                    fontSize: '16px',
+                    fontSize: BASE_FONT_SIZE,
                     padding: '14.5px 24px',
@@ -153,7 +160,7 @@ },
                 css: `
-          font-size: 16px;
+          font-size: 16px !important;
           padding: 10px 16px;
         `,
                 js: {
-                    fontSize: '16px',
+                    fontSize: BASE_FONT_SIZE,
                     padding: '10px 16px',
@@ -160,0 +167,0 @@ },

package.json

 {
   "name": "@pluralsight/headless-styles",
-  "version": "0.0.0-experimental-6426ff-20220322",
+  "version": "0.0.0-experimental-6476af-20220322",
   "description": "Headless styles for Pluralsight.",
@@ -5,0 +5,0 @@ "main": "./build/index.js",

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

Improved metrics

Total package byte prevSize

15471

increased by6.99%

Lines of code

456

increased by4.83%

No dependency changes