New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@sage/design-tokens

Package Overview
Dependencies
Maintainers
6
Versions
269
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@sage/design-tokens - npm Package Compare versions

Comparing version 1.7.0 to 1.8.0

sage-design-tokens-1.8.0.tgz

160

data/tokens.json

@@ -42,50 +42,38 @@ {

},
"action": {
"major": {
"utility": {
"minor": {
"100": {
"value": "#C500ED",
"value": "#D4D4D4",
"type": "color"
},
"200": {
"value": "#C500ED",
"value": "#ABABAB",
"type": "color"
},
"300": {
"value": "#C500ED",
"value": "#808080",
"type": "color"
},
"400": {
"value": "#C500ED",
"value": "#575757",
"type": "color"
},
"500": {
"value": "#00815D",
"value": "#2E2E2E",
"type": "color"
},
"600": {
"value": "#006046",
"000": {
"value": "#FFFFFF",
"type": "color"
},
"700": {
"value": "#00402E",
"type": "color"
},
"800": {
"value": "#C500ED",
"type": "color"
},
"900": {
"value": "#C500ED",
"type": "color"
},
"025": {
"value": "#C500ED",
"value": "#F5F5F5",
"type": "color"
},
"050": {
"value": "#C500ED",
"value": "#EBEBEB",
"type": "color"
}
},
"minor": {
"major": {
"100": {

@@ -112,7 +100,7 @@ "value": "#CCD6DB",

"600": {
"value": "#F6EA00",
"value": "#00FFFF",
"type": "color"
},
"700": {
"value": "#F6EA00",
"value": "#00FFFF",
"type": "color"

@@ -125,3 +113,3 @@ },

"900": {
"value": "#F6EA00",
"value": "#00FFFF",
"type": "color"

@@ -167,46 +155,46 @@ },

},
"utility": {
"action": {
"major": {
"100": {
"value": "#CCD6DB",
"value": "#B3D9CE",
"type": "color"
},
"200": {
"value": "#99ADB6",
"value": "#C500ED",
"type": "color"
},
"300": {
"value": "#668592",
"value": "#C500ED",
"type": "color"
},
"400": {
"value": "#335C6D",
"value": "#C500ED",
"type": "color"
},
"500": {
"value": "#003349",
"value": "#00815D",
"type": "color"
},
"600": {
"value": "#00FFFF",
"value": "#006046",
"type": "color"
},
"700": {
"value": "#00FFFF",
"value": "#00402E",
"type": "color"
},
"800": {
"value": "#00141D",
"value": "#C500ED",
"type": "color"
},
"900": {
"value": "#00FFFF",
"value": "#C500ED",
"type": "color"
},
"025": {
"value": "#F2F5F6",
"value": "#C500ED",
"type": "color"
},
"050": {
"value": "#E6EBED",
"value": "#C500ED",
"type": "color"

@@ -217,27 +205,43 @@ }

"100": {
"value": "#D4D4D4",
"value": "#CCD6DB",
"type": "color"
},
"200": {
"value": "#ABABAB",
"value": "#99ADB6",
"type": "color"
},
"300": {
"value": "#808080",
"value": "#668592",
"type": "color"
},
"400": {
"value": "#575757",
"value": "#335C6D",
"type": "color"
},
"500": {
"value": "#2E2E2E",
"value": "#003349",
"type": "color"
},
"600": {
"value": "#F6EA00",
"type": "color"
},
"700": {
"value": "#F6EA00",
"type": "color"
},
"800": {
"value": "#00141D",
"type": "color"
},
"900": {
"value": "#F6EA00",
"type": "color"
},
"025": {
"value": "#F5F5F5",
"value": "#F2F5F6",
"type": "color"
},
"050": {
"value": "#EBEBEB",
"value": "#E6EBED",
"type": "color"

@@ -276,27 +280,31 @@ }

"semantic": {
"positive": {
"neutral": {
"100": {
"value": "#0000FF",
"type": "color"
},
"400": {
"value": "#39ff14",
"value": "#0000ff",
"type": "color"
},
"500": {
"value": "#008A21",
"value": "#0060A7",
"type": "color"
},
"600": {
"value": "#39ff14",
"value": "#0000ff",
"type": "color"
}
},
"neutral": {
"positive": {
"400": {
"value": "#0000ff",
"value": "#39ff14",
"type": "color"
},
"500": {
"value": "#0060A7",
"value": "#008A21",
"type": "color"
},
"600": {
"value": "#0000ff",
"value": "#39ff14",
"type": "color"

@@ -407,2 +415,24 @@ }

},
"borderWidth": {
"100": {
"value": "1px",
"type": "borderWidth"
},
"200": {
"value": "2px",
"type": "borderWidth"
},
"300": {
"value": "3px",
"type": "borderWidth"
},
"400": {
"value": "4px",
"type": "borderWidth"
},
"000": {
"value": "0px",
"type": "borderWidth"
}
},
"sizing": {

@@ -630,24 +660,2 @@ "100": {

},
"borderWidth": {
"100": {
"value": "1px",
"type": "borderWidth"
},
"200": {
"value": "2px",
"type": "borderWidth"
},
"300": {
"value": "3px",
"type": "borderWidth"
},
"400": {
"value": "4px",
"type": "borderWidth"
},
"000": {
"value": "0px",
"type": "borderWidth"
}
},
"opacity": {

@@ -654,0 +662,0 @@ "100": {

66

js/base/common.d.ts

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

export const colorsContent000: string;
export const colorsUtilityMinor100: string;
export const colorsUtilityMinor200: string;
export const colorsUtilityMinor300: string;
export const colorsUtilityMinor400: string;
export const colorsUtilityMinor500: string;
export const colorsUtilityMinor000: string;
export const colorsUtilityMinor025: string;
export const colorsUtilityMinor050: string;
export const colorsUtilityMajor100: string;
export const colorsUtilityMajor200: string;
export const colorsUtilityMajor300: string;
export const colorsUtilityMajor400: string;
export const colorsUtilityMajor500: string;
export const colorsUtilityMajor600: string;
export const colorsUtilityMajor700: string;
export const colorsUtilityMajor800: string;
export const colorsUtilityMajor900: string;
export const colorsUtilityMajor025: string;
export const colorsUtilityMajor050: string;
export const colorsUtilityDisabled400: string;
export const colorsUtilityDisabled500: string;
export const colorsUtilityDisabled600: string;
export const colorsUtilityReadOnly400: string;
export const colorsUtilityReadOnly500: string;
export const colorsUtilityReadOnly600: string;
export const colorsActionMajor100: string;

@@ -41,32 +66,9 @@ export const colorsActionMajor200: string;

export const colorsActionReadOnly600: string;
export const colorsUtilityMajor100: string;
export const colorsUtilityMajor200: string;
export const colorsUtilityMajor300: string;
export const colorsUtilityMajor400: string;
export const colorsUtilityMajor500: string;
export const colorsUtilityMajor600: string;
export const colorsUtilityMajor700: string;
export const colorsUtilityMajor800: string;
export const colorsUtilityMajor900: string;
export const colorsUtilityMajor025: string;
export const colorsUtilityMajor050: string;
export const colorsUtilityMinor100: string;
export const colorsUtilityMinor200: string;
export const colorsUtilityMinor300: string;
export const colorsUtilityMinor400: string;
export const colorsUtilityMinor500: string;
export const colorsUtilityMinor025: string;
export const colorsUtilityMinor050: string;
export const colorsUtilityDisabled400: string;
export const colorsUtilityDisabled500: string;
export const colorsUtilityDisabled600: string;
export const colorsUtilityReadOnly400: string;
export const colorsUtilityReadOnly500: string;
export const colorsUtilityReadOnly600: string;
export const colorsSemanticNeutral100: string;
export const colorsSemanticNeutral400: string;
export const colorsSemanticNeutral500: string;
export const colorsSemanticNeutral600: string;
export const colorsSemanticPositive400: string;
export const colorsSemanticPositive500: string;
export const colorsSemanticPositive600: string;
export const colorsSemanticNeutral400: string;
export const colorsSemanticNeutral500: string;
export const colorsSemanticNeutral600: string;
export const colorsSemanticNegative400: string;

@@ -95,2 +97,7 @@ export const colorsSemanticNegative500: string;

export const spacing075: string;
export const borderWidth100: string;
export const borderWidth200: string;
export const borderWidth300: string;
export const borderWidth400: string;
export const borderWidth000: string;
export const sizing100: string;

@@ -191,7 +198,2 @@ export const sizing150: string;

export const fontSizes050: string;
export const borderWidth100: string;
export const borderWidth200: string;
export const borderWidth300: string;
export const borderWidth400: string;
export const borderWidth000: string;
export const opacity100: string;

@@ -198,0 +200,0 @@ export const opacity200: string;

70

js/base/common.js

@@ -6,3 +6,3 @@ /*

* Do not edit directly
* Generated on Fri, 06 Aug 2021 10:01:23 GMT
* Generated on Fri, 06 Aug 2021 13:51:54 GMT
*/

@@ -19,3 +19,28 @@

colorsContent000: '#ffffff',
colorsActionMajor100: '#C500ED',
colorsUtilityMinor100: '#D4D4D4',
colorsUtilityMinor200: '#ABABAB',
colorsUtilityMinor300: '#808080',
colorsUtilityMinor400: '#575757',
colorsUtilityMinor500: '#2E2E2E',
colorsUtilityMinor000: '#FFFFFF',
colorsUtilityMinor025: '#F5F5F5',
colorsUtilityMinor050: '#EBEBEB',
colorsUtilityMajor100: '#CCD6DB',
colorsUtilityMajor200: '#99ADB6',
colorsUtilityMajor300: '#668592',
colorsUtilityMajor400: '#335C6D',
colorsUtilityMajor500: '#003349',
colorsUtilityMajor600: '#00FFFF',
colorsUtilityMajor700: '#00FFFF',
colorsUtilityMajor800: '#00141D',
colorsUtilityMajor900: '#00FFFF',
colorsUtilityMajor025: '#F2F5F6',
colorsUtilityMajor050: '#E6EBED',
colorsUtilityDisabled400: '#F2F5F6',
colorsUtilityDisabled500: '#E6EBED',
colorsUtilityDisabled600: '#CCD6DB',
colorsUtilityReadOnly400: '#F2F5F6',
colorsUtilityReadOnly500: '#E6EBED',
colorsUtilityReadOnly600: '#CCD6DB',
colorsActionMajor100: '#B3D9CE',
colorsActionMajor200: '#C500ED',

@@ -48,32 +73,9 @@ colorsActionMajor300: '#C500ED',

colorsActionReadOnly600: '#CCD6DB',
colorsUtilityMajor100: '#CCD6DB',
colorsUtilityMajor200: '#99ADB6',
colorsUtilityMajor300: '#668592',
colorsUtilityMajor400: '#335C6D',
colorsUtilityMajor500: '#003349',
colorsUtilityMajor600: '#00FFFF',
colorsUtilityMajor700: '#00FFFF',
colorsUtilityMajor800: '#00141D',
colorsUtilityMajor900: '#00FFFF',
colorsUtilityMajor025: '#F2F5F6',
colorsUtilityMajor050: '#E6EBED',
colorsUtilityMinor100: '#D4D4D4',
colorsUtilityMinor200: '#ABABAB',
colorsUtilityMinor300: '#808080',
colorsUtilityMinor400: '#575757',
colorsUtilityMinor500: '#2E2E2E',
colorsUtilityMinor025: '#F5F5F5',
colorsUtilityMinor050: '#EBEBEB',
colorsUtilityDisabled400: '#F2F5F6',
colorsUtilityDisabled500: '#E6EBED',
colorsUtilityDisabled600: '#CCD6DB',
colorsUtilityReadOnly400: '#F2F5F6',
colorsUtilityReadOnly500: '#E6EBED',
colorsUtilityReadOnly600: '#CCD6DB',
colorsSemanticNeutral100: '#0000FF',
colorsSemanticNeutral400: '#0000ff',
colorsSemanticNeutral500: '#0060A7',
colorsSemanticNeutral600: '#0000ff',
colorsSemanticPositive400: '#39ff14',
colorsSemanticPositive500: '#008A21',
colorsSemanticPositive600: '#39ff14',
colorsSemanticNeutral400: '#0000ff',
colorsSemanticNeutral500: '#0060A7',
colorsSemanticNeutral600: '#0000ff',
colorsSemanticNegative400: '#ff0000',

@@ -102,2 +104,7 @@ colorsSemanticNegative500: '#CD384B',

spacing075: '6px',
borderWidth100: '1px',
borderWidth200: '2px',
borderWidth300: '3px',
borderWidth400: '4px',
borderWidth000: '0px',
sizing100: '8px',

@@ -148,7 +155,2 @@ sizing150: '12px',

fontSizes050: '13px',
borderWidth100: '1px',
borderWidth200: '2px',
borderWidth300: '3px',
borderWidth400: '4px',
borderWidth000: '0px',
opacity100: '10%',

@@ -155,0 +157,0 @@ opacity200: '20%',

66

js/base/es6.d.ts

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

const colorsContent000: string;
const colorsUtilityMinor100: string;
const colorsUtilityMinor200: string;
const colorsUtilityMinor300: string;
const colorsUtilityMinor400: string;
const colorsUtilityMinor500: string;
const colorsUtilityMinor000: string;
const colorsUtilityMinor025: string;
const colorsUtilityMinor050: string;
const colorsUtilityMajor100: string;
const colorsUtilityMajor200: string;
const colorsUtilityMajor300: string;
const colorsUtilityMajor400: string;
const colorsUtilityMajor500: string;
const colorsUtilityMajor600: string;
const colorsUtilityMajor700: string;
const colorsUtilityMajor800: string;
const colorsUtilityMajor900: string;
const colorsUtilityMajor025: string;
const colorsUtilityMajor050: string;
const colorsUtilityDisabled400: string;
const colorsUtilityDisabled500: string;
const colorsUtilityDisabled600: string;
const colorsUtilityReadOnly400: string;
const colorsUtilityReadOnly500: string;
const colorsUtilityReadOnly600: string;
const colorsActionMajor100: string;

@@ -42,32 +67,9 @@ const colorsActionMajor200: string;

const colorsActionReadOnly600: string;
const colorsUtilityMajor100: string;
const colorsUtilityMajor200: string;
const colorsUtilityMajor300: string;
const colorsUtilityMajor400: string;
const colorsUtilityMajor500: string;
const colorsUtilityMajor600: string;
const colorsUtilityMajor700: string;
const colorsUtilityMajor800: string;
const colorsUtilityMajor900: string;
const colorsUtilityMajor025: string;
const colorsUtilityMajor050: string;
const colorsUtilityMinor100: string;
const colorsUtilityMinor200: string;
const colorsUtilityMinor300: string;
const colorsUtilityMinor400: string;
const colorsUtilityMinor500: string;
const colorsUtilityMinor025: string;
const colorsUtilityMinor050: string;
const colorsUtilityDisabled400: string;
const colorsUtilityDisabled500: string;
const colorsUtilityDisabled600: string;
const colorsUtilityReadOnly400: string;
const colorsUtilityReadOnly500: string;
const colorsUtilityReadOnly600: string;
const colorsSemanticNeutral100: string;
const colorsSemanticNeutral400: string;
const colorsSemanticNeutral500: string;
const colorsSemanticNeutral600: string;
const colorsSemanticPositive400: string;
const colorsSemanticPositive500: string;
const colorsSemanticPositive600: string;
const colorsSemanticNeutral400: string;
const colorsSemanticNeutral500: string;
const colorsSemanticNeutral600: string;
const colorsSemanticNegative400: string;

@@ -96,2 +98,7 @@ const colorsSemanticNegative500: string;

const spacing075: string;
const borderWidth100: string;
const borderWidth200: string;
const borderWidth300: string;
const borderWidth400: string;
const borderWidth000: string;
const sizing100: string;

@@ -192,7 +199,2 @@ const sizing150: string;

const fontSizes050: string;
const borderWidth100: string;
const borderWidth200: string;
const borderWidth300: string;
const borderWidth400: string;
const borderWidth000: string;
const opacity100: string;

@@ -199,0 +201,0 @@ const opacity200: string;

68

js/base/es6.js

@@ -13,3 +13,28 @@ /*

colorsContent000: '#ffffff',
colorsActionMajor100: '#C500ED',
colorsUtilityMinor100: '#D4D4D4',
colorsUtilityMinor200: '#ABABAB',
colorsUtilityMinor300: '#808080',
colorsUtilityMinor400: '#575757',
colorsUtilityMinor500: '#2E2E2E',
colorsUtilityMinor000: '#FFFFFF',
colorsUtilityMinor025: '#F5F5F5',
colorsUtilityMinor050: '#EBEBEB',
colorsUtilityMajor100: '#CCD6DB',
colorsUtilityMajor200: '#99ADB6',
colorsUtilityMajor300: '#668592',
colorsUtilityMajor400: '#335C6D',
colorsUtilityMajor500: '#003349',
colorsUtilityMajor600: '#00FFFF',
colorsUtilityMajor700: '#00FFFF',
colorsUtilityMajor800: '#00141D',
colorsUtilityMajor900: '#00FFFF',
colorsUtilityMajor025: '#F2F5F6',
colorsUtilityMajor050: '#E6EBED',
colorsUtilityDisabled400: '#F2F5F6',
colorsUtilityDisabled500: '#E6EBED',
colorsUtilityDisabled600: '#CCD6DB',
colorsUtilityReadOnly400: '#F2F5F6',
colorsUtilityReadOnly500: '#E6EBED',
colorsUtilityReadOnly600: '#CCD6DB',
colorsActionMajor100: '#B3D9CE',
colorsActionMajor200: '#C500ED',

@@ -42,32 +67,9 @@ colorsActionMajor300: '#C500ED',

colorsActionReadOnly600: '#CCD6DB',
colorsUtilityMajor100: '#CCD6DB',
colorsUtilityMajor200: '#99ADB6',
colorsUtilityMajor300: '#668592',
colorsUtilityMajor400: '#335C6D',
colorsUtilityMajor500: '#003349',
colorsUtilityMajor600: '#00FFFF',
colorsUtilityMajor700: '#00FFFF',
colorsUtilityMajor800: '#00141D',
colorsUtilityMajor900: '#00FFFF',
colorsUtilityMajor025: '#F2F5F6',
colorsUtilityMajor050: '#E6EBED',
colorsUtilityMinor100: '#D4D4D4',
colorsUtilityMinor200: '#ABABAB',
colorsUtilityMinor300: '#808080',
colorsUtilityMinor400: '#575757',
colorsUtilityMinor500: '#2E2E2E',
colorsUtilityMinor025: '#F5F5F5',
colorsUtilityMinor050: '#EBEBEB',
colorsUtilityDisabled400: '#F2F5F6',
colorsUtilityDisabled500: '#E6EBED',
colorsUtilityDisabled600: '#CCD6DB',
colorsUtilityReadOnly400: '#F2F5F6',
colorsUtilityReadOnly500: '#E6EBED',
colorsUtilityReadOnly600: '#CCD6DB',
colorsSemanticNeutral100: '#0000FF',
colorsSemanticNeutral400: '#0000ff',
colorsSemanticNeutral500: '#0060A7',
colorsSemanticNeutral600: '#0000ff',
colorsSemanticPositive400: '#39ff14',
colorsSemanticPositive500: '#008A21',
colorsSemanticPositive600: '#39ff14',
colorsSemanticNeutral400: '#0000ff',
colorsSemanticNeutral500: '#0060A7',
colorsSemanticNeutral600: '#0000ff',
colorsSemanticNegative400: '#ff0000',

@@ -96,2 +98,7 @@ colorsSemanticNegative500: '#CD384B',

spacing075: '6px',
borderWidth100: '1px',
borderWidth200: '2px',
borderWidth300: '3px',
borderWidth400: '4px',
borderWidth000: '0px',
sizing100: '8px',

@@ -172,7 +179,2 @@ sizing150: '12px',

fontSizes050: '13px',
borderWidth100: '1px',
borderWidth200: '2px',
borderWidth300: '3px',
borderWidth400: '4px',
borderWidth000: '0px',
opacity100: '10%',

@@ -179,0 +181,0 @@ opacity200: '20%',

2

js/jade-cd/common.js

@@ -6,3 +6,3 @@ /*

* Do not edit directly
* Generated on Fri, 06 Aug 2021 10:01:24 GMT
* Generated on Fri, 06 Aug 2021 13:51:54 GMT
*/

@@ -9,0 +9,0 @@

2

js/no-theme/common.js

@@ -6,3 +6,3 @@ /*

* Do not edit directly
* Generated on Fri, 06 Aug 2021 10:01:23 GMT
* Generated on Fri, 06 Aug 2021 13:51:54 GMT
*/

@@ -9,0 +9,0 @@

2

js/references/common.js

@@ -6,3 +6,3 @@ /*

* Do not edit directly
* Generated on Fri, 06 Aug 2021 10:01:23 GMT
* Generated on Fri, 06 Aug 2021 13:51:54 GMT
*/

@@ -9,0 +9,0 @@

2

package.json

@@ -9,3 +9,3 @@ {

"author": "The Sage Group plc",
"version": "1.7.0",
"version": "1.8.0",
"license": "SEE LICENSE IN https://github.com/Sage/design-tokens/blob/master/license",

@@ -12,0 +12,0 @@ "tags": [

sage-design-tokens-1.7.0.tgz
css/base.css

Sorry, the diff of this file is not supported yet

css/jade-cd.css

Sorry, the diff of this file is not supported yet

css/no-theme.css

Sorry, the diff of this file is not supported yet

css/references.css

Sorry, the diff of this file is not supported yet

scss/base.scss

Sorry, the diff of this file is not supported yet

scss/jade-cd.scss

Sorry, the diff of this file is not supported yet

scss/no-theme.scss

Sorry, the diff of this file is not supported yet

scss/references.scss

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

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

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc