Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@springernature/brand-context

Package Overview
Dependencies
Maintainers
12
Versions
133
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@springernature/brand-context - npm Package Compare versions

Comparing version 8.0.2 to 9.0.0

20

default/README.md

@@ -16,3 +16,3 @@ # Default brand

The `media-query` mixin is provided for handling breakpoints. Breakpoint values are provided at the `10-settings` level using the `$breakpoints` map.
The `media-query` mixin is provided for handling breakpoints. Breakpoint values are provided at the `10-settings` level using the `$context--breakpoints` map.

@@ -54,6 +54,6 @@ ### Usage

```scss
$greyscale-base // the dark base color off which all greys are based
$greyscale-min // the minimum lightness percentage
$greyscale-max // the maximum lightness percentage
$greyscale-stops // the allowed interval for percentages
$context--greyscale-base // the dark base color off which all greys are based
$context--greyscale-min // the minimum lightness percentage
$context--greyscale-max // the maximum lightness percentage
$context--greyscale-stops // the allowed interval for percentages
```

@@ -67,3 +67,3 @@

```scss
color: greyscale(); // returns result of greyscale($greyscale-min) - greyscale(0)
color: greyscale(); // returns result of greyscale($context--greyscale-min) - greyscale(0)
color: greyscale(8); // rounds up to nearest stop, so returns result of greyscale(10)

@@ -138,8 +138,8 @@ color: greyscale(20); // returns grey with 20% transparency

- Given a (background) color, this function will return either a predefined light (`$foreground-light`) or dark (`$foreground-dark`) color to be used in the foreground
- Given a (background) color, this function will return either a predefined light (`$context--foreground-light`) or dark (`$context--foreground-dark`) color to be used in the foreground
- The `foreground-color()` function will choose the correct color to allow for a high enough contrast ratio between background and foreground
```scss
color: foreground-color(); // returns the foreground color for $greyscale-base
color: foreground-color(30); // returns the foreground color for 30% $greyscale-base
color: foreground-color(); // returns the foreground color for $context--greyscale-base
color: foreground-color(30); // returns the foreground color for 30% $context--greyscale-base
color: foreground-color('blue'); // returns the foreground color for the color from $colors

@@ -304,3 +304,3 @@ color: foreground-color('npj-primary', $brand-colors); // returns the foreground color for the color from $brand-colors

```scss
$z-layers //default layers values
$context--z-layers //default layers values
```

@@ -307,0 +307,0 @@

# History
## 9.0.0 (2021-02-01)
* BREAKING:
* Updates context variables to consistently use the `context--` prefix
* Removes RFS from brand-context
* Replaces font-size mixin with static value
* Removes u-text-size mixin
* Move `u-text-interface` mixin from Springer to Default
* Move `interface-link` mixin from Springer to Default and rename `u-link-interface`
## 8.0.2 (2021-01-27)

@@ -4,0 +13,0 @@ * Removes 'is-nature-branded' conditional for heading font sizes as the else condition is for legacy design

{
"name": "@springernature/brand-context",
"version": "8.0.2",
"version": "9.0.0",
"license": "MIT",

@@ -5,0 +5,0 @@ "description": "Bootstrapping for all components and products",

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc