@cfpb/cfpb-buttons - npm Package Compare versions

Comparing version 0.41.0 to 0.42.0

package.json

 {
   "name": "@cfpb/cfpb-buttons",
-  "version": "0.41.0",
+  "version": "0.42.0",
   "description": "Design System buttons",
@@ -11,4 +11,4 @@ "less": "src/cfpb-buttons.less",
   "dependencies": {
-    "@cfpb/cfpb-core": "^0.41.0",
-    "@cfpb/cfpb-icons": "^0.41.0"
+    "@cfpb/cfpb-core": "^0.42.0",
+    "@cfpb/cfpb-icons": "^0.42.0"
   },
@@ -18,4 +18,4 @@ "keywords": [
   ],
-  "gitHead": "ae98338f132e189ec4658aeb726aa162d1d33f35",
+  "gitHead": "bf34d97c923564ba1aea3870875185ff9300e981",
   "type": "module"
 }

usage.md

@@ -44,27 +44,27 @@ The @cfpb/buttons component provides extensions to the basic button styles for
 // .btn
-@btn-text:                  @white;
-@btn-bg:                    @pacific;
-@btn-bg-hover:              @pacific-dark;
-@btn-bg-active:             @navy;
-@btn-divider:               @pacific-60;
+@btn-text:                  var(--white);
+@btn-bg:                    var(--pacific);
+@btn-bg-hover:              var(--pacific-dark);
+@btn-bg-active:             var(--navy);
+@btn-divider:               var(--pacific-60);
 
 // .btn__secondary
-@btn__secondary-text:       @white;
-@btn__secondary-bg:         @gray;
-@btn__secondary-bg-hover:   @gray-dark;
-@btn__secondary-bg-active:  @black;
-@btn__secondary-divider:    @gray-40;
+@btn__secondary-text:       var(--white);
+@btn__secondary-bg:         var(--gray);
+@btn__secondary-bg-hover:   var(--gray-dark);
+@btn__secondary-bg-active:  var(--black);
+@btn__secondary-divider:    var(--gray-40);
 
 // .btn__warning
-@btn__warning-text:         @white;
-@btn__warning-bg:           @red-mid-dark;
-@btn__warning-bg-hover:     @red-dark;
-@btn__warning-bg-active:    @gray-dark;
-@btn__warning-divider:      @red-60;
+@btn__warning-text:         var(--white);
+@btn__warning-bg:           var(--red-mid-dark);
+@btn__warning-bg-hover:     var(--red-dark);
+@btn__warning-bg-active:    var(--gray-dark);
+@btn__warning-divider:      var(--red-60);
 
 // .btn__disabled
-@btn__disabled-text:        @gray;
-@btn__disabled-bg:          @gray-20;
-@btn__disabled-outline:     @gray-20;
-@btn__disabled-divider:     @gray-60;
+@btn__disabled-text:        var(--gray);
+@btn__disabled-bg:          var(--gray-20);
+@btn__disabled-outline:     var(--gray-20);
+@btn__disabled-divider:     var(--gray-60);
 ```
@@ -71,0 +71,0 @@

No alert changes

Improved metrics

Total package byte prevSize

49357

increased by2.34%

Lines of code

19

increased by5.56%

Dependency changes

• + Added@cfpb/cfpb-core@0.42.0(transitive)

• + Added@cfpb/cfpb-icons@0.42.0(transitive)

• - Removed@cfpb/cfpb-core@0.41.0(transitive)

• - Removed@cfpb/cfpb-icons@0.41.0(transitive)

• Updated@cfpb/cfpb-core@^0.42.0

• Updated@cfpb/cfpb-icons@^0.42.0