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

bpk-tokens-css

Package Overview
Dependencies
Maintainers
5
Versions
20
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

bpk-tokens-css - npm Package Compare versions

Comparing version 32.1.0 to 33.0.1

4

package.json
{
"name": "bpk-tokens-css",
"version": "32.1.0",
"version": "33.0.1",
"description": "Backpack design tokens for colors, spacing, font, etc.",

@@ -21,3 +21,3 @@ "main": "index.js",

},
"gitHead": "dbae1565c67af16720e129e9b4b70c8e38d80ceb"
"gitHead": "1bd082dd62cab6c998693f875ca156ae1d280ccc"
}

@@ -7,32 +7,2 @@ {

"props": {
"BORDER_SIZE_SM": {
"value": "{!BORDER_SIZE_SM}",
"category": "borders",
"deprecated": true
},
"BORDER_SIZE_LG": {
"value": "{!BORDER_SIZE_LG}",
"category": "borders",
"deprecated": true
},
"BORDER_SIZE_XL": {
"value": "{!BORDER_SIZE_XL}",
"category": "borders",
"deprecated": true
},
"BORDER_RADIUS_SM": {
"value": "{!BORDER_RADIUS_SM}",
"category": "radii",
"deprecated": true
},
"BORDER_RADIUS_LG": {
"value": "{!BORDER_RADIUS_LG}",
"category": "radii",
"deprecated": true
},
"BORDER_RADIUS_PILL": {
"value": "{!BORDER_RADIUS_PILL}",
"category": "radii",
"deprecated": true
},
"BORDER_WIDTH_SM": {

@@ -39,0 +9,0 @@ "value": "{!BORDER_SIZE_SM}",

@@ -27,2 +27,8 @@ /*

const ANDROID_ONLY_PROPS = [
'BORDER_RADIUS_LG',
'BORDER_RADIUS_PILL',
'BORDER_RADIUS_SM',
'BORDER_SIZE_LG',
'BORDER_SIZE_SM',
'BORDER_SIZE_XL',
'ELEVATION_BASE',

@@ -29,0 +35,0 @@ 'ELEVATION_LG',

@@ -138,53 +138,5 @@ {

"type": "size",
"value": "24",
"category": "radii",
"deprecated": true,
"originalValue": "{!BORDER_RADIUS_LG}",
"name": "borderRadiusLg"
},
{
"type": "size",
"value": "40",
"category": "radii",
"deprecated": true,
"originalValue": "{!BORDER_RADIUS_PILL}",
"name": "borderRadiusPill"
},
{
"type": "size",
"value": "4",
"category": "radii",
"deprecated": true,
"originalValue": "{!BORDER_RADIUS_SM}",
"name": "borderRadiusSm"
},
{
"type": "size",
"value": "2",
"category": "borders",
"deprecated": true,
"originalValue": "{!BORDER_SIZE_LG}",
"name": "borderSizeLg"
},
{
"type": "size",
"value": "1",
"category": "borders",
"deprecated": true,
"originalValue": "{!BORDER_SIZE_SM}",
"name": "borderSizeSm"
},
{
"type": "size",
"value": "3",
"category": "borders",
"deprecated": true,
"originalValue": "{!BORDER_SIZE_XL}",
"name": "borderSizeXl"
},
{
"type": "size",
"value": "2",
"category": "borders",
"originalValue": "{!BORDER_SIZE_LG}",
"name": "borderWidthLg"

@@ -191,0 +143,0 @@ },

@@ -390,50 +390,2 @@ {

},
"BORDER_RADIUS_LG": {
"type": "size",
"value": "24",
"category": "radii",
"deprecated": true,
"originalValue": "{!BORDER_RADIUS_LG}",
"name": "BORDER_RADIUS_LG"
},
"BORDER_RADIUS_PILL": {
"type": "size",
"value": "40",
"category": "radii",
"deprecated": true,
"originalValue": "{!BORDER_RADIUS_PILL}",
"name": "BORDER_RADIUS_PILL"
},
"BORDER_RADIUS_SM": {
"type": "size",
"value": "4",
"category": "radii",
"deprecated": true,
"originalValue": "{!BORDER_RADIUS_SM}",
"name": "BORDER_RADIUS_SM"
},
"BORDER_SIZE_LG": {
"type": "size",
"value": "2",
"category": "borders",
"deprecated": true,
"originalValue": "{!BORDER_SIZE_LG}",
"name": "BORDER_SIZE_LG"
},
"BORDER_SIZE_SM": {
"type": "size",
"value": "1",
"category": "borders",
"deprecated": true,
"originalValue": "{!BORDER_SIZE_SM}",
"name": "BORDER_SIZE_SM"
},
"BORDER_SIZE_XL": {
"type": "size",
"value": "3",
"category": "borders",
"deprecated": true,
"originalValue": "{!BORDER_SIZE_XL}",
"name": "BORDER_SIZE_XL"
},
"BORDER_WIDTH_LG": {

@@ -1539,8 +1491,2 @@ "type": "size",

"BACKGROUND_TERTIARY_LIGHT_COLOR",
"BORDER_RADIUS_LG",
"BORDER_RADIUS_PILL",
"BORDER_RADIUS_SM",
"BORDER_SIZE_LG",
"BORDER_SIZE_SM",
"BORDER_SIZE_XL",
"BORDER_WIDTH_LG",

@@ -1547,0 +1493,0 @@ "BORDER_WIDTH_SM",

@@ -72,8 +72,2 @@ // @flow

export const backgroundTertiaryLightColor = "rgb(255, 255, 255)";
export const borderRadiusLg = 24;
export const borderRadiusPill = 40;
export const borderRadiusSm = 4;
export const borderSizeLg = 2;
export const borderSizeSm = 1;
export const borderSizeXl = 3;
export const borderWidthLg = 2;

@@ -245,5 +239,2 @@ export const borderWidthSm = 1;

export const borders = {
borderSizeLg,
borderSizeSm,
borderSizeXl,
borderWidthLg,

@@ -368,5 +359,2 @@ borderWidthSm,

export const radii = {
borderRadiusLg,
borderRadiusPill,
borderRadiusSm,
cornerRadiusLg,

@@ -447,2 +435,8 @@ cornerRadiusPill,

// Android only tokens
export const borderRadiusLg = undefined;
export const borderRadiusPill = undefined;
export const borderRadiusSm = undefined;
export const borderSizeLg = undefined;
export const borderSizeSm = undefined;
export const borderSizeXl = undefined;
export const elevationBase = undefined;

@@ -449,0 +443,0 @@ export const elevationLg = undefined;

@@ -41,8 +41,2 @@ /*

backgroundTertiaryLightColor: "rgb(255, 255, 255)",
borderRadiusLg: 24,
borderRadiusPill: 40,
borderRadiusSm: 4,
borderSizeLg: 2,
borderSizeSm: 1,
borderSizeXl: 3,
borderWidthLg: 2,

@@ -49,0 +43,0 @@ borderWidthSm: 1,

@@ -72,8 +72,2 @@ // @flow

export const backgroundTertiaryLightColor = "rgb(255, 255, 255)";
export const borderRadiusLg = 24;
export const borderRadiusPill = 40;
export const borderRadiusSm = 4;
export const borderSizeLg = 2;
export const borderSizeSm = 1;
export const borderSizeXl = 3;
export const borderWidthLg = 2;

@@ -245,5 +239,2 @@ export const borderWidthSm = 1;

export const borders = {
borderSizeLg,
borderSizeSm,
borderSizeXl,
borderWidthLg,

@@ -368,5 +359,2 @@ borderWidthSm,

export const radii = {
borderRadiusLg,
borderRadiusPill,
borderRadiusSm,
cornerRadiusLg,

@@ -447,2 +435,8 @@ cornerRadiusPill,

// Android only tokens
export const borderRadiusLg = undefined;
export const borderRadiusPill = undefined;
export const borderRadiusSm = undefined;
export const borderSizeLg = undefined;
export const borderSizeSm = undefined;
export const borderSizeXl = undefined;
export const elevationBase = undefined;

@@ -449,0 +443,0 @@ export const elevationLg = undefined;

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