cf-core - npm Package Compare versions

Comparing version 4.3.1 to 4.4.0

package.json

 {
   "name": "cf-core",
-  "version": "4.3.1",
+  "version": "4.4.0",
   "description": "Capital Framework core styles",
@@ -5,0 +5,0 @@ "main": "src/capital-framework.js",

usage.md

@@ -49,25 +49,32 @@ The cf-core component acts as the backbone for Capital Framework.
 
-`$color-` variables referenced in comments are from 18F's
-[U.S. Web Design Standards](https://github.com/18F/web-design-standards/blob/staging/src/stylesheets/core/_variables.scss)
+Color variables referenced in comments are from [cf-core brand-palette.less](https://github.com/cfpb/capital-framework/blob/master/src/cf-core/src/cf-brand-colors.less).
 
 ```
 // body
-@text:                   #212121; // $color-base
+@text:                   @black;
 
 // a
-@link-text:              #0071bc; // $color-primary
-@link-underline:         #0071bc; // $color-primary
-@link-text-visited:      #4c2c92; // $color-visited
-@link-underline-visited: #4c2c92; // $color-visited
-@link-text-hover:        #205493; // $color-primary-darker
-@link-underline-hover:   #205493; // $color-primary-darker
-@link-text-active:       #046b99; // $color-primary-darkest
-@link-underline-active:  #046b99; // $color-primary-darkest
+@link-text:              @pacific;
+@link-underline:         @pacific;
+@link-text-visited:      @teal;
+@link-underline-visited: @teal;
+@link-text-hover:        @pacific-60;
+@link-underline-hover:   @pacific-60;
+@link-text-active:       @navy;
+@link-underline-active:  @navy;
 
 // table
-@table-border:           #5b616b; // $color-gray
 
-// thead
 @thead-text:             @text;
-@thead-bg:               #f1f1f1; // $color-gray-lightest
+@thead-bg:               @gray-10;
+
+@table-head-bg:          @thead-bg;
+@table-cell-bg:          @white;
+@table-cell-bg_alt:      @gray-5;
+@table-scrolling-border: @gray-40;
+@table-border:           @gray;
+
+// code
+@code-text:              @text;
+@code-bg:                @gray-5;
 ```
@@ -90,2 +97,3 @@
 @size-vi:             12px; // h6-size
+@size-code:           13px; // Custom size only for Mono code blocks
 ```
@@ -92,0 +100,0 @@

New alerts

Empty package

Supply chain risk

Package does not contain any code. It may be removed, is name squatting, or the result of a faulty package publish.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

338822

decreased by-6.29%

Number of package files

15

decreased by-6.25%

Lines of code

0

decreased by-100%

Number of medium supply chain risk alerts

2

increased byInfinity%

No dependency changes