New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
@sage/design-tokens
Advanced tools
@sage/design-tokens - npm Package Compare versions
Comparing version 1.2.0 to 1.3.0
| { | ||
| "base": { | ||
| "meta": { | ||
| "name": { | ||
| "value": "Base Theme" | ||
| }, | ||
| "base": { | ||
| "value": "Base Theme" | ||
| } | ||
| }, | ||
| "colors": { | ||
| "logo": { | ||
| "value": "#00DC00" | ||
| }, | ||
| "base": { | ||
| "500": { | ||
| "value": "#00815D" | ||
| }, | ||
| "700": { | ||
| "value": "#006046" | ||
| }, | ||
| "800": { | ||
| "value": "#00402E" | ||
| } | ||
| }, | ||
| "utility": { | ||
| "25": { | ||
| "value": "#F2F5F6" | ||
| }, | ||
| "50": { | ||
| "value": "#E6EBED" | ||
| }, | ||
| "100": { | ||
| "value": "#CCD6DB" | ||
| }, | ||
| "200": { | ||
| "value": "#99ADB6" | ||
| }, | ||
| "300": { | ||
| "value": "#668592" | ||
| }, | ||
| "400": { | ||
| "value": "#335C6D" | ||
| }, | ||
| "500": { | ||
| "value": "#003349" | ||
| } | ||
| }, | ||
| "semantic": { | ||
| "neutral": { | ||
| "500": { | ||
| "value": "#335C6D" | ||
| }, | ||
| "700": { | ||
| "value": "#003349" | ||
| } | ||
| }, | ||
| "negative": { | ||
| "500": { | ||
| "value": "#C7384F" | ||
| }, | ||
| "700": { | ||
| "value": "#9F2D3F" | ||
| } | ||
| }, | ||
| "caution": { | ||
| "300": { | ||
| "value": "#BA5000" | ||
| }, | ||
| "500": { | ||
| "value": "#E96400" | ||
| }, | ||
| "800": { | ||
| "value": "#ED8333" | ||
| } | ||
| }, | ||
| "positive": { | ||
| "500": { | ||
| "value": "#00B000" | ||
| }, | ||
| "800": { | ||
| "value": "#008400" | ||
| } | ||
| }, | ||
| "focus": { | ||
| "300": { | ||
| "value": "#FFDA80" | ||
| }, | ||
| "500": { | ||
| "value": "#FFB500" | ||
| } | ||
| } | ||
| }, | ||
| "content": { | ||
| "0": { | ||
| "value": "#FFFFFF" | ||
| }, | ||
| "25": { | ||
| "value": "#F7F7F7" | ||
| }, | ||
| "50": { | ||
| "value": "#F0F0F0" | ||
| }, | ||
| "100": { | ||
| "value": "#E2E2E2" | ||
| }, | ||
| "200": { | ||
| "value": "#C6C6C6" | ||
| }, | ||
| "300": { | ||
| "value": "#ABABAB" | ||
| }, | ||
| "400": { | ||
| "value": "#919191" | ||
| }, | ||
| "500": { | ||
| "value": "#777777" | ||
| }, | ||
| "600": { | ||
| "value": "#5E5E5E" | ||
| }, | ||
| "700": { | ||
| "value": "#474747" | ||
| }, | ||
| "800": { | ||
| "value": "#303030" | ||
| }, | ||
| "900": { | ||
| "value": "#1B1B1B" | ||
| }, | ||
| "1000": { | ||
| "value": "#000000" | ||
| } | ||
| } | ||
| }, | ||
| "spacing": { | ||
| "25": { | ||
| "value": "2px" | ||
| }, | ||
| "50": { | ||
| "value": "4px" | ||
| }, | ||
| "75": { | ||
| "value": "6px" | ||
| }, | ||
| "100": { | ||
| "value": "8px" | ||
| }, | ||
| "150": { | ||
| "value": "12px" | ||
| }, | ||
| "200": { | ||
| "value": "16px" | ||
| }, | ||
| "300": { | ||
| "value": "24px" | ||
| }, | ||
| "400": { | ||
| "value": "32px" | ||
| }, | ||
| "500": { | ||
| "value": "40px" | ||
| }, | ||
| "600": { | ||
| "value": "48px" | ||
| }, | ||
| "700": { | ||
| "value": "56px" | ||
| }, | ||
| "800": { | ||
| "value": "64px" | ||
| }, | ||
| "900": { | ||
| "value": "72px" | ||
| } | ||
| }, | ||
| "sizing": { | ||
| "25": { | ||
| "value": "2px" | ||
| }, | ||
| "50": { | ||
| "value": "4px" | ||
| }, | ||
| "75": { | ||
| "value": "6px" | ||
| }, | ||
| "100": { | ||
| "value": "8px" | ||
| }, | ||
| "150": { | ||
| "value": "12px" | ||
| }, | ||
| "200": { | ||
| "value": "16px" | ||
| }, | ||
| "300": { | ||
| "value": "24px" | ||
| }, | ||
| "400": { | ||
| "value": "32px" | ||
| }, | ||
| "500": { | ||
| "value": "40px" | ||
| }, | ||
| "600": { | ||
| "value": "48px" | ||
| }, | ||
| "700": { | ||
| "value": "56px" | ||
| }, | ||
| "800": { | ||
| "value": "64px" | ||
| }, | ||
| "900": { | ||
| "value": "72px" | ||
| } | ||
| }, | ||
| "fontFamilies": { | ||
| "1": { | ||
| "value": "Lato" | ||
| }, | ||
| "2": { | ||
| "value": "Open Sans" | ||
| }, | ||
| "3": { | ||
| "value": "San Francisco" | ||
| }, | ||
| "4": { | ||
| "value": "Roboto" | ||
| } | ||
| }, | ||
| "fontWeights": { | ||
| "thin": { | ||
| "value": "100" | ||
| }, | ||
| "extra-light": { | ||
| "value": "200" | ||
| }, | ||
| "light": { | ||
| "value": "300" | ||
| }, | ||
| "regular": { | ||
| "value": "400" | ||
| }, | ||
| "medium": { | ||
| "value": "500" | ||
| }, | ||
| "semi-bold": { | ||
| "value": "600" | ||
| }, | ||
| "bold": { | ||
| "value": "700" | ||
| }, | ||
| "extra-bold": { | ||
| "value": "800" | ||
| }, | ||
| "black": { | ||
| "value": "900" | ||
| } | ||
| }, | ||
| "lineHeights": { | ||
| "400": { | ||
| "value": "1.25" | ||
| }, | ||
| "500": { | ||
| "value": "1.5" | ||
| } | ||
| }, | ||
| "fontSizes": { | ||
| "25": { | ||
| "value": "12px" | ||
| }, | ||
| "50": { | ||
| "value": "13px" | ||
| }, | ||
| "100": { | ||
| "value": "14px" | ||
| }, | ||
| "200": { | ||
| "value": "16px" | ||
| }, | ||
| "300": { | ||
| "value": "18px" | ||
| }, | ||
| "400": { | ||
| "value": "20px" | ||
| }, | ||
| "500": { | ||
| "value": "22px" | ||
| }, | ||
| "600": { | ||
| "value": "24px" | ||
| }, | ||
| "700": { | ||
| "value": "32px" | ||
| }, | ||
| "800": { | ||
| "value": "48px" | ||
| }, | ||
| "900": { | ||
| "value": "56px" | ||
| }, | ||
| "1000": { | ||
| "value": "64px" | ||
| } | ||
| }, | ||
| "boxShadow": { | ||
| "200": { | ||
| "value": "0 5px 5px 0 rgba(0,20,29,0.2), 0 10px 10px 0 rgba(0,20,29,0.1)" | ||
| }, | ||
| "400": { | ||
| "value": "0 10px 20px 0 rgba(0,20,29,0.2), 0 20px 40px 0 rgba(0,20,29,0.1)" | ||
| }, | ||
| "600": { | ||
| "value": "0 10px 30px 0 rgba(0,20,29,0.1), 0 30px 60px 0 rgba(0,20,29,0.1)" | ||
| }, | ||
| "700": { | ||
| "value": "0 10px 40px 0 rgba(0,20,29,0.04), 0 50px 80px 0 rgba(0,20,29,0.1)" | ||
| }, | ||
| "000": { | ||
| "value": "" | ||
| } | ||
| }, | ||
| "borderWidth": { | ||
| "100": { | ||
| "value": "1px" | ||
| }, | ||
| "200": { | ||
| "value": "2px" | ||
| }, | ||
| "300": { | ||
| "value": "3px" | ||
| }, | ||
| "400": { | ||
| "value": "4px" | ||
| } | ||
| }, | ||
| "opacity": { | ||
| "100": { | ||
| "value": "10%" | ||
| }, | ||
| "200": { | ||
| "value": "20%" | ||
| }, | ||
| "300": { | ||
| "value": "30%" | ||
| }, | ||
| "400": { | ||
| "value": "40%" | ||
| }, | ||
| "500": { | ||
| "value": "50%" | ||
| }, | ||
| "550": { | ||
| "value": "55%" | ||
| }, | ||
| "600": { | ||
| "value": "60%" | ||
| }, | ||
| "650": { | ||
| "value": "65%" | ||
| }, | ||
| "700": { | ||
| "value": "70%" | ||
| }, | ||
| "800": { | ||
| "value": "80%" | ||
| }, | ||
| "900": { | ||
| "value": "90%" | ||
| } | ||
| } | ||
| }, | ||
| "no-theme": { | ||
@@ -352,3 +724,3 @@ "meta": { | ||
| }, | ||
| "base": { | ||
| "Jade CD": { | ||
| "meta": { | ||
@@ -364,13 +736,49 @@ "name": { | ||
| "logo": { | ||
| "value": "#00DC00" | ||
| "value": "#00D639", | ||
| "description": "Brilliant Green" | ||
| }, | ||
| "base": { | ||
| "200": { | ||
| "value": "#A4FBC2", | ||
| "description": "" | ||
| }, | ||
| "250": { | ||
| "value": "#6FF3A3", | ||
| "description": "" | ||
| }, | ||
| "300": { | ||
| "value": "#44ED90", | ||
| "description": "Jade T4" | ||
| }, | ||
| "350": { | ||
| "value": "#00DD7C", | ||
| "description": "Jade T3" | ||
| }, | ||
| "400": { | ||
| "value": "#00CA71", | ||
| "description": "Jade T2" | ||
| }, | ||
| "450": { | ||
| "value": "#00B866", | ||
| "description": "Jade T1" | ||
| }, | ||
| "500": { | ||
| "value": "#00815D" | ||
| "value": "#00A65C", | ||
| "description": "Jade base" | ||
| }, | ||
| "600": { | ||
| "value": "#008347", | ||
| "description": "Jade S1" | ||
| }, | ||
| "700": { | ||
| "value": "#006046" | ||
| "value": "#006234", | ||
| "description": "Jade S2" | ||
| }, | ||
| "800": { | ||
| "value": "#00402E" | ||
| "value": "#004321", | ||
| "description": "Jade S3" | ||
| }, | ||
| "900": { | ||
| "value": "#002610", | ||
| "description": "Jade S4" | ||
| } | ||
@@ -404,6 +812,7 @@ }, | ||
| "500": { | ||
| "value": "#335C6D" | ||
| "value": "#0060A7", | ||
| "description": "Neutral" | ||
| }, | ||
| "700": { | ||
| "value": "#003349" | ||
| "value": "#ff00ff" | ||
| } | ||
@@ -413,6 +822,7 @@ }, | ||
| "500": { | ||
| "value": "#C7384F" | ||
| "value": "#CD384B", | ||
| "description": "Negative" | ||
| }, | ||
| "700": { | ||
| "value": "#9F2D3F" | ||
| "value": "#ff00ff" | ||
| } | ||
@@ -422,9 +832,9 @@ }, | ||
| "300": { | ||
| "value": "#BA5000" | ||
| "value": "#ff00ff" | ||
| }, | ||
| "500": { | ||
| "value": "#E96400" | ||
| "value": "#EF6700" | ||
| }, | ||
| "800": { | ||
| "value": "#ED8333" | ||
| "value": "#ff00ff" | ||
| } | ||
@@ -437,3 +847,3 @@ }, | ||
| "800": { | ||
| "value": "#008400" | ||
| "value": "#ff00ff" | ||
| } | ||
@@ -443,3 +853,3 @@ }, | ||
| "300": { | ||
| "value": "#FFDA80" | ||
| "value": "#ff00ff" | ||
| }, | ||
@@ -566,7 +976,28 @@ "500": { | ||
| "fontWeights": { | ||
| "thin": { | ||
| "value": "100" | ||
| }, | ||
| "extra-light": { | ||
| "value": "200" | ||
| }, | ||
| "light": { | ||
| "value": "300" | ||
| }, | ||
| "regular": { | ||
| "value": "400" | ||
| }, | ||
| "medium": { | ||
| "value": "500" | ||
| }, | ||
| "semi-bold": { | ||
| "value": "600" | ||
| }, | ||
| "bold": { | ||
| "value": "700" | ||
| }, | ||
| "normal": { | ||
| "value": "500" | ||
| "extra-bold": { | ||
| "value": "800" | ||
| }, | ||
| "black": { | ||
| "value": "900" | ||
| } | ||
@@ -686,72 +1117,3 @@ }, | ||
| } | ||
| }, | ||
| "s-serv": { | ||
| "meta": { | ||
| "name": { | ||
| "value": "Shared Services Theme (extends $meta.base)" | ||
| } | ||
| }, | ||
| "colors": { | ||
| "logo": { | ||
| "value": "#00DC00" | ||
| }, | ||
| "base": { | ||
| "500": { | ||
| "value": "#008200" | ||
| }, | ||
| "700": { | ||
| "value": "#006300" | ||
| }, | ||
| "800": { | ||
| "value": "#004500" | ||
| } | ||
| } | ||
| } | ||
| }, | ||
| "s-biz": { | ||
| "meta": { | ||
| "name": { | ||
| "value": "Small Business Theme (extends $meta.base)" | ||
| } | ||
| }, | ||
| "colors": { | ||
| "logo": { | ||
| "value": "#00DC00" | ||
| }, | ||
| "base": { | ||
| "500": { | ||
| "value": "#00815D" | ||
| }, | ||
| "700": { | ||
| "value": "#006046" | ||
| }, | ||
| "800": { | ||
| "value": "#00402E" | ||
| } | ||
| } | ||
| } | ||
| }, | ||
| "m-biz": { | ||
| "meta": { | ||
| "name": { | ||
| "value": "Medium Business Theme (extends $meta.base)" | ||
| } | ||
| }, | ||
| "colors": { | ||
| "logo": { | ||
| "value": "#00DC00" | ||
| }, | ||
| "base": { | ||
| "500": { | ||
| "value": "#0073C2" | ||
| }, | ||
| "700": { | ||
| "value": "#005C9A" | ||
| }, | ||
| "800": { | ||
| "value": "#004472" | ||
| } | ||
| } | ||
| } | ||
| } | ||
| } |
@@ -28,7 +28,15 @@ /* | ||
| export const colorsSemanticFocus500: string; | ||
| export const colorsContent0: string; | ||
| export const colorsContent25: string; | ||
| export const colorsContent50: string; | ||
| export const colorsContent100: string; | ||
| export const colorsContent200: string; | ||
| export const colorsContent300: string; | ||
| export const colorsContent400: string; | ||
| export const colorsContent500: string; | ||
| export const colorsContent600: string; | ||
| export const colorsContent700: string; | ||
| export const colorsContent800: string; | ||
| export const colorsContent900: string; | ||
| export const colorsContent000: string; | ||
| export const colorsContent1000: string; | ||
| export const spacing25: string; | ||
@@ -64,4 +72,11 @@ export const spacing50: string; | ||
| export const fontFamilies4: string; | ||
| export const fontWeightsThin: string; | ||
| export const fontWeightsExtraLight: string; | ||
| export const fontWeightsLight: string; | ||
| export const fontWeightsRegular: string; | ||
| export const fontWeightsMedium: string; | ||
| export const fontWeightsSemiBold: string; | ||
| export const fontWeightsBold: string; | ||
| export const fontWeightsNormal: string; | ||
| export const fontWeightsExtraBold: string; | ||
| export const fontWeightsBlack: string; | ||
| export const lineHeights400: string; | ||
@@ -68,0 +83,0 @@ export const lineHeights500: string; |
@@ -6,3 +6,3 @@ /* | ||
| * Do not edit directly | ||
| * Generated on Mon, 26 Jul 2021 08:09:25 GMT | ||
| * Generated on Mon, 26 Jul 2021 09:29:33 GMT | ||
| */ | ||
@@ -35,7 +35,15 @@ | ||
| colorsSemanticFocus500: '#FFB500', | ||
| colorsContent300: 'rgba(0,0,0,.3)', | ||
| colorsContent500: 'rgba(0,0,0,.55)', | ||
| colorsContent600: 'rgba(0,0,0,.65)', | ||
| colorsContent900: 'rgba(0,0,0,.9)', | ||
| colorsContent000: '#fff', | ||
| colorsContent0: '#FFFFFF', | ||
| colorsContent25: '#F7F7F7', | ||
| colorsContent50: '#F0F0F0', | ||
| colorsContent100: '#E2E2E2', | ||
| colorsContent200: '#C6C6C6', | ||
| colorsContent300: '#ABABAB', | ||
| colorsContent400: '#919191', | ||
| colorsContent500: '#777777', | ||
| colorsContent600: '#5E5E5E', | ||
| colorsContent700: '#474747', | ||
| colorsContent800: '#303030', | ||
| colorsContent900: '#1B1B1B', | ||
| colorsContent1000: '#000000', | ||
| spacing25: '2px', | ||
@@ -71,4 +79,11 @@ spacing50: '4px', | ||
| fontFamilies4: 'Roboto', | ||
| fontWeightsThin: '100', | ||
| fontWeightsExtraLight: '200', | ||
| fontWeightsLight: '300', | ||
| fontWeightsRegular: '400', | ||
| fontWeightsMedium: '500', | ||
| fontWeightsSemiBold: '600', | ||
| fontWeightsBold: '700', | ||
| fontWeightsNormal: '500', | ||
| fontWeightsExtraBold: '800', | ||
| fontWeightsBlack: '900', | ||
| lineHeights400: '1.25', | ||
@@ -75,0 +90,0 @@ lineHeights500: '1.5', |
@@ -29,7 +29,15 @@ /* | ||
| const colorsSemanticFocus500: string; | ||
| const colorsContent0: string; | ||
| const colorsContent25: string; | ||
| const colorsContent50: string; | ||
| const colorsContent100: string; | ||
| const colorsContent200: string; | ||
| const colorsContent300: string; | ||
| const colorsContent400: string; | ||
| const colorsContent500: string; | ||
| const colorsContent600: string; | ||
| const colorsContent700: string; | ||
| const colorsContent800: string; | ||
| const colorsContent900: string; | ||
| const colorsContent000: string; | ||
| const colorsContent1000: string; | ||
| const spacing25: string; | ||
@@ -65,4 +73,11 @@ const spacing50: string; | ||
| const fontFamilies4: string; | ||
| const fontWeightsThin: string; | ||
| const fontWeightsExtraLight: string; | ||
| const fontWeightsLight: string; | ||
| const fontWeightsRegular: string; | ||
| const fontWeightsMedium: string; | ||
| const fontWeightsSemiBold: string; | ||
| const fontWeightsBold: string; | ||
| const fontWeightsNormal: string; | ||
| const fontWeightsExtraBold: string; | ||
| const fontWeightsBlack: string; | ||
| const lineHeights400: string; | ||
@@ -69,0 +84,0 @@ const lineHeights500: string; |
@@ -29,7 +29,15 @@ /* | ||
| colorsSemanticFocus500: '#FFB500', | ||
| colorsContent300: 'rgba(0,0,0,.3)', | ||
| colorsContent500: 'rgba(0,0,0,.55)', | ||
| colorsContent600: 'rgba(0,0,0,.65)', | ||
| colorsContent900: 'rgba(0,0,0,.9)', | ||
| colorsContent000: '#fff', | ||
| colorsContent0: '#FFFFFF', | ||
| colorsContent25: '#F7F7F7', | ||
| colorsContent50: '#F0F0F0', | ||
| colorsContent100: '#E2E2E2', | ||
| colorsContent200: '#C6C6C6', | ||
| colorsContent300: '#ABABAB', | ||
| colorsContent400: '#919191', | ||
| colorsContent500: '#777777', | ||
| colorsContent600: '#5E5E5E', | ||
| colorsContent700: '#474747', | ||
| colorsContent800: '#303030', | ||
| colorsContent900: '#1B1B1B', | ||
| colorsContent1000: '#000000', | ||
| spacing25: '2px', | ||
@@ -65,4 +73,11 @@ spacing50: '4px', | ||
| fontFamilies4: 'Roboto', | ||
| fontWeightsThin: '100', | ||
| fontWeightsExtraLight: '200', | ||
| fontWeightsLight: '300', | ||
| fontWeightsRegular: '400', | ||
| fontWeightsMedium: '500', | ||
| fontWeightsSemiBold: '600', | ||
| fontWeightsBold: '700', | ||
| fontWeightsNormal: '500', | ||
| fontWeightsExtraBold: '800', | ||
| fontWeightsBlack: '900', | ||
| lineHeights400: '1.25', | ||
@@ -69,0 +84,0 @@ lineHeights500: '1.5', |
@@ -6,3 +6,3 @@ /* | ||
| * Do not edit directly | ||
| * Generated on Mon, 26 Jul 2021 08:09:25 GMT | ||
| * Generated on Mon, 26 Jul 2021 09:29:33 GMT | ||
| */ | ||
@@ -9,0 +9,0 @@ |
@@ -9,3 +9,3 @@ { | ||
| "author": "The Sage Group plc", | ||
| "version": "1.2.0", | ||
| "version": "1.3.0", | ||
| "license": "SEE LICENSE IN https://github.com/Sage/design-tokens/blob/master/license", | ||
@@ -12,0 +12,0 @@ "tags": [ |
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
Fixed alerts
Major refactor
Supply chain riskPackage 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
Improved metrics
- Total package byte prevSize
- increased by0.61%
1462647
- Lines of code
- increased by18.28%
2090
- Number of medium supply chain risk alerts
- decreased by-100%
0
Worsened metrics
- Number of package files
- decreased by-32.43%
25
No dependency changes