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

@gr4vy/poutine-tokens

Package Overview
Dependencies
Maintainers
3
Versions
30
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@gr4vy/poutine-tokens - npm Package Compare versions

Comparing version 0.0.4 to 0.0.5

js/theme.js
js/tokens.js
json/border-width.json
json/font-size.json
json/font-weight.json
json/radius.json
scss/index.scss

150

js/theme.ts
/**
* Do not edit directly
* Generated on Mon, 17 Jan 2022 12:00:43 GMT
* Generated on Tue, 18 Jan 2022 11:03:30 GMT
*/
export default {
"border-width": {
"none": 0,
"sm": 1,
"md": 2,
"lg": 4
},
"color": {
"data1": "#A341DD",
"data2": "#4229B8",
"data3": "#0680A9",
"data4": "#29CDCF",
"noticeDefault": "#F3AB0E",
"noticeHover": "#EE9408",
"noticeActive": "#D68105",
"noticeFocus": "#F3AB0E",
"negativeDefault": "#F86464",
"negativeHover": "#EB4C4B",
"negativeActive": "#DA3A3A",
"negativeFocus": "#F86464",
"positiveDefault": "#53D161",
"positiveHover": "#4ABE57",
"positiveActive": "#42A94D",
"positiveFocus": "#53D161",
"brandDefault": "#1669E2",
"brandHover": "#135ECB",
"brandActive": "#1154B4",
"brandFocus": "#1669E2",
"blue10": "#DEF1FF",

@@ -100,56 +126,25 @@ "blue20": "#BEE3FF",

"black": "#1B1E23",
"primary10": "#DEF1FF",
"primary20": "#BEE3FF",
"primary30": "#7BC2FF",
"primary60": "#1669E2",
"primary70": "#135ECB",
"primary80": "#1154B4",
"neutral10": "#F7F8F9",
"neutral20": "#EFF2F4",
"negative10": "#FEF2F2",
"negative20": "#FCDCDB",
"negative60": "#F86464",
"negative80": "#DA3A3A",
"negative90": "#AF1717",
"negativeBase": "#F86464",
"negativeHover": "#EB4C4B",
"negativeActive": "#DA3A3A",
"negativeFocus": "#F86464",
"positive10": "#E9FFED",
"positive20": "#CCFED5",
"positive60": "#53D161",
"positive80": "#42A94D",
"positive90": "#2C8636",
"positiveBase": "#53D161",
"positiveHover": "#4ABE57",
"positiveActive": "#42A94D",
"positiveFocus": "#53D161",
"warning10": "#FFF7D2",
"warning20": "#FFF0B2",
"warning60": "#F3AB0E",
"warning80": "#D68105",
"warning90": "#B66006",
"secondary20": "#C1FBFA",
"secondary30": "#9AF1F4",
"secondary60": "#29CDCF",
"secondary70": "#26BABC",
"secondary80": "#20A4A5",
"text": "#1B1E23",
"data1": "#A341DD",
"data2": "#4229B8",
"data3": "#0680A9",
"data4": "#29CDCF",
"gradientFull": "linear-gradient(79.26deg, #29CDCF 0%, #16A7DA 25.28%, #1669E2 49.87%, #5C3EE7 76.6%, #A341DD 100%)",
"gradientTritone1": "linear-gradient(79.54deg, #16A7DA 3.15%, #1669E2 50.93%, #5C3EE7 100%)",
"gradientTritone2": "linear-gradient(79.54deg, #1669E2 0%, #5C3EE7 50.68%, #A341DD 100%)",
"gradientTritone3": "linear-gradient(79.54deg, #29CDCF 0%, #16A7DA 50.52%, #1669E2 100%)",
"noticeBase": "#F3AB0E",
"noticeHover": "#EE9408",
"noticeActive": "#D68105",
"noticeFocus": "#F3AB0E",
"interactiveBase": "#1669E2",
"interactiveHover": "#135ECB",
"interactiveActive": "#1154B4",
"interactiveFocus": "#1669E2"
"gradientFull": "linear-gradient(79.26deg, #A341DD 0%, #5C3EE7 25.28%, #1669E2 49.87%, #16A7DA 76.6%, #29CDCF 100%)",
"gradientTritone1": "linear-gradient(79.54deg, #5C3EE7 3.15%, #1669E2 50.93%, #16A7DA 100%)",
"gradientTritone2": "linear-gradient(79.54deg, #A341DD 0%, #5C3EE7 50.68%, #1669E2 100%)",
"gradientTritone3": "linear-gradient(79.54deg, #1669E2 0%, #16A7DA 50.52%, #29CDCF 100%)"
},
"font-size": {
"xs": 12,
"sm": 14,
"md": 16,
"lg": 18,
"xl": 20,
"xxl": 24,
"xxxl": 32,
"xxxxl": 40,
"d": 48,
"xd": 64,
"xxd": 80
},
"font-weight": {
"normal": 400,
"semibold": 500,
"bold": 700
},
"font": {

@@ -160,29 +155,34 @@ "heading": "'Inter', sans-serif",

},
"fontWeight": {
"normal": 400,
"bold": 700
},
"radii": {
"radius": {
"square": 0,
"rounded": "4px",
"pill": "9999px",
"circle": "9999px"
"rounded": 4,
"pill": 9999,
"circle": 9999
},
"size": {
"fontSmall": "0.75",
"fontMedium": 1,
"fontLarge": 2,
"fontBase": 1
8: "8px",
16: "16px",
20: "20px",
24: "24px",
32: "32px",
40: "48px",
48: "32px",
56: "56px",
64: "64px",
72: "72px",
80: "80px",
120: "120px",
160: "160px",
200: "200px",
240: "240px"
},
"space": {
1: "4px",
2: "8px",
3: "12px",
4: "16px",
5: "20px",
6: "24px",
8: "32px",
10: "40px",
12: "48px"
8: "8px",
16: "16px",
24: "24px",
32: "32px",
40: "40px",
48: "48px",
"none": 0
}
}

310

js/tokens.ts
/**
* Do not edit directly
* Generated on Mon, 17 Jan 2022 12:00:43 GMT
* Generated on Tue, 18 Jan 2022 11:03:30 GMT
*/
export const ColorBlue10 = "#def1ff";
export const ColorBlue20 = "#bee3ff";
export const ColorBlue30 = "#7bc2ff";
export const ColorBlue40 = "#57aeff";
export const ColorBlue50 = "#2a89ff";
export const ColorBlue60 = "#1669e2";
export const ColorBlue70 = "#135ecb";
export const ColorBlue80 = "#1154b4";
export const ColorBlue90 = "#0f499e";
export const ColorBlue100 = "#0d3f87";
export const ColorIndigo10 = "#ebebfd";
export const ColorIndigo20 = "#d7d7fb";
export const ColorIndigo30 = "#b0aff7";
export const ColorIndigo40 = "#9f9eff";
export const ColorIndigo50 = "#7573ff";
export const ColorIndigo60 = "#5c3ee7";
export const ColorIndigo70 = "#4229b8";
export const ColorIndigo80 = "#3a24a1";
export const ColorIndigo90 = "#311f8a";
export const BorderWidthNone = 0;
export const BorderWidthSm = 1;
export const BorderWidthMd = 2;
export const BorderWidthLg = 4;
export const ColorData1 = "#A341DD";
export const ColorData2 = "#4229B8";
export const ColorData3 = "#0680A9";
export const ColorData4 = "#29CDCF";
export const ColorNoticeDefault = "#F3AB0E";
export const ColorNoticeHover = "#EE9408";
export const ColorNoticeActive = "#D68105";
export const ColorNoticeFocus = "#F3AB0E";
export const ColorNegativeDefault = "#F86464";
export const ColorNegativeHover = "#EB4C4B";
export const ColorNegativeActive = "#DA3A3A";
export const ColorNegativeFocus = "#F86464";
export const ColorPositiveDefault = "#53D161";
export const ColorPositiveHover = "#4ABE57";
export const ColorPositiveActive = "#42A94D";
export const ColorPositiveFocus = "#53D161";
export const ColorBrandDefault = "#1669E2";
export const ColorBrandHover = "#135ECB";
export const ColorBrandActive = "#1154B4";
export const ColorBrandFocus = "#1669E2";
export const ColorBlue10 = "#DEF1FF";
export const ColorBlue20 = "#BEE3FF";
export const ColorBlue30 = "#7BC2FF";
export const ColorBlue40 = "#57AEFF";
export const ColorBlue50 = "#2A89FF";
export const ColorBlue60 = "#1669E2";
export const ColorBlue70 = "#135ECB";
export const ColorBlue80 = "#1154B4";
export const ColorBlue90 = "#0F499E";
export const ColorBlue100 = "#0D3F87";
export const ColorIndigo10 = "#EBEBFD";
export const ColorIndigo20 = "#D7D7FB";
export const ColorIndigo30 = "#B0AFF7";
export const ColorIndigo40 = "#9F9EFF";
export const ColorIndigo50 = "#7573FF";
export const ColorIndigo60 = "#5C3EE7";
export const ColorIndigo70 = "#4229B8";
export const ColorIndigo80 = "#3A24A1";
export const ColorIndigo90 = "#311F8A";
export const ColorIndigo100 = "#271873";
export const ColorCyan10 = "#dbfbff";
export const ColorCyan20 = "#b2f2ff";
export const ColorCyan30 = "#7de2fa";
export const ColorCyan40 = "#48ccef";
export const ColorCyan50 = "#24b8e3";
export const ColorCyan60 = "#16a7da";
export const ColorCyan70 = "#0c94c2";
export const ColorCyan80 = "#0680a9";
export const ColorCyan90 = "#056b8e";
export const ColorCyan100 = "#095c7b";
export const ColorPurple10 = "#faecff";
export const ColorPurple20 = "#eecefd";
export const ColorPurple30 = "#dda4f7";
export const ColorPurple40 = "#dc85ff";
export const ColorPurple50 = "#bf59ef";
export const ColorPurple60 = "#a341dd";
export const ColorPurple70 = "#8f35cb";
export const ColorPurple80 = "#782cb0";
export const ColorCyan10 = "#DBFBFF";
export const ColorCyan20 = "#B2F2FF";
export const ColorCyan30 = "#7DE2FA";
export const ColorCyan40 = "#48CCEF";
export const ColorCyan50 = "#24B8E3";
export const ColorCyan60 = "#16A7DA";
export const ColorCyan70 = "#0C94C2";
export const ColorCyan80 = "#0680A9";
export const ColorCyan90 = "#056B8E";
export const ColorCyan100 = "#095C7B";
export const ColorPurple10 = "#FAECFF";
export const ColorPurple20 = "#EECEFD";
export const ColorPurple30 = "#DDA4F7";
export const ColorPurple40 = "#DC85FF";
export const ColorPurple50 = "#BF59EF";
export const ColorPurple60 = "#A341DD";
export const ColorPurple70 = "#8F35CB";
export const ColorPurple80 = "#782CB0";
export const ColorPurple90 = "#612797";
export const ColorPurple100 = "#4b237a";
export const ColorTeal10 = "#e2fffa";
export const ColorTeal20 = "#c1fbfa";
export const ColorTeal30 = "#9af1f4";
export const ColorTeal40 = "#6beae9";
export const ColorTeal50 = "#4ededc";
export const ColorTeal60 = "#29cdcf";
export const ColorTeal70 = "#26babc";
export const ColorTeal80 = "#20a4a5";
export const ColorPurple100 = "#4B237A";
export const ColorTeal10 = "#E2FFFA";
export const ColorTeal20 = "#C1FBFA";
export const ColorTeal30 = "#9AF1F4";
export const ColorTeal40 = "#6BEAE9";
export const ColorTeal50 = "#4EDEDC";
export const ColorTeal60 = "#29CDCF";
export const ColorTeal70 = "#26BABC";
export const ColorTeal80 = "#20A4A5";
export const ColorTeal90 = "#118485";
export const ColorTeal100 = "#146667";
export const ColorGreen10 = "#e9ffed";
export const ColorGreen20 = "#ccfed5";
export const ColorGreen30 = "#a8fab4";
export const ColorGreen40 = "#81ed8f";
export const ColorGreen50 = "#6be27a";
export const ColorGreen60 = "#53d161";
export const ColorGreen70 = "#4abe57";
export const ColorGreen80 = "#42a94d";
export const ColorGreen90 = "#2c8636";
export const ColorGreen10 = "#E9FFED";
export const ColorGreen20 = "#CCFED5";
export const ColorGreen30 = "#A8FAB4";
export const ColorGreen40 = "#81ED8F";
export const ColorGreen50 = "#6BE27A";
export const ColorGreen60 = "#53D161";
export const ColorGreen70 = "#4ABE57";
export const ColorGreen80 = "#42A94D";
export const ColorGreen90 = "#2C8636";
export const ColorGreen100 = "#196621";
export const ColorRed10 = "#fef2f2";
export const ColorRed20 = "#fcdcdb";
export const ColorRed30 = "#f9bcbc";
export const ColorRed40 = "#fea3a3";
export const ColorRed50 = "#ff8383";
export const ColorRed60 = "#f86464";
export const ColorRed70 = "#eb4c4b";
export const ColorRed80 = "#da3a3a";
export const ColorRed90 = "#af1717";
export const ColorRed100 = "#8c1b1b";
export const ColorAmber10 = "#fff7d2";
export const ColorAmber20 = "#fff0b2";
export const ColorAmber30 = "#ffe376";
export const ColorAmber40 = "#ffd756";
export const ColorAmber50 = "#ffc72d";
export const ColorAmber60 = "#f3ab0e";
export const ColorAmber70 = "#ee9408";
export const ColorAmber80 = "#d68105";
export const ColorAmber90 = "#b66006";
export const ColorRed10 = "#FEF2F2";
export const ColorRed20 = "#FCDCDB";
export const ColorRed30 = "#F9BCBC";
export const ColorRed40 = "#FEA3A3";
export const ColorRed50 = "#FF8383";
export const ColorRed60 = "#F86464";
export const ColorRed70 = "#EB4C4B";
export const ColorRed80 = "#DA3A3A";
export const ColorRed90 = "#AF1717";
export const ColorRed100 = "#8C1B1B";
export const ColorAmber10 = "#FFF7D2";
export const ColorAmber20 = "#FFF0B2";
export const ColorAmber30 = "#FFE376";
export const ColorAmber40 = "#FFD756";
export const ColorAmber50 = "#FFC72D";
export const ColorAmber60 = "#F3AB0E";
export const ColorAmber70 = "#EE9408";
export const ColorAmber80 = "#D68105";
export const ColorAmber90 = "#B66006";
export const ColorAmber100 = "#834203";
export const ColorGray10 = "#f7f8f9";
export const ColorGray20 = "#eff2f4";
export const ColorGray30 = "#e8ebee";
export const ColorGray40 = "#d9dee3";
export const ColorGray50 = "#c9d1d8";
export const ColorGray60 = "#b3bec8";
export const ColorGray70 = "#8f98a0";
export const ColorGray80 = "#6b7278";
export const ColorGray90 = "#474c50";
export const ColorGray100 = "#35393c";
export const ColorGray10 = "#F7F8F9";
export const ColorGray20 = "#EFF2F4";
export const ColorGray30 = "#E8EBEE";
export const ColorGray40 = "#D9DEE3";
export const ColorGray50 = "#C9D1D8";
export const ColorGray60 = "#B3BEC8";
export const ColorGray70 = "#8F98A0";
export const ColorGray80 = "#6B7278";
export const ColorGray90 = "#474C50";
export const ColorGray100 = "#35393C";
export const ColorWhite = "#ffffff";
export const ColorBlack = "#1b1e23";
export const ColorPrimary10 = "#def1ff";
export const ColorPrimary20 = "#bee3ff";
export const ColorPrimary30 = "#7bc2ff";
export const ColorPrimary60 = "#1669e2";
export const ColorPrimary70 = "#135ecb";
export const ColorPrimary80 = "#1154b4";
export const ColorNeutral10 = "#f7f8f9";
export const ColorNeutral20 = "#eff2f4";
export const ColorNegative10 = "#fef2f2";
export const ColorNegative20 = "#fcdcdb";
export const ColorNegative60 = "#f86464";
export const ColorNegative80 = "#da3a3a";
export const ColorNegative90 = "#af1717";
export const ColorNegativeBase = "#f86464";
export const ColorNegativeHover = "#eb4c4b";
export const ColorNegativeActive = "#da3a3a";
export const ColorNegativeFocus = "#f86464";
export const ColorPositive10 = "#e9ffed";
export const ColorPositive20 = "#ccfed5";
export const ColorPositive60 = "#53d161";
export const ColorPositive80 = "#42a94d";
export const ColorPositive90 = "#2c8636";
export const ColorPositiveBase = "#53d161";
export const ColorPositiveHover = "#4abe57";
export const ColorPositiveActive = "#42a94d";
export const ColorPositiveFocus = "#53d161";
export const ColorWarning10 = "#fff7d2";
export const ColorWarning20 = "#fff0b2";
export const ColorWarning60 = "#f3ab0e";
export const ColorWarning80 = "#d68105";
export const ColorWarning90 = "#b66006";
export const ColorSecondary20 = "#c1fbfa";
export const ColorSecondary30 = "#9af1f4";
export const ColorSecondary60 = "#29cdcf";
export const ColorSecondary70 = "#26babc";
export const ColorSecondary80 = "#20a4a5";
export const ColorText = "#1b1e23";
export const ColorData1 = "#a341dd";
export const ColorData2 = "#4229b8";
export const ColorData3 = "#0680a9";
export const ColorData4 = "#29cdcf";
export const ColorGradientFull = "#000000";
export const ColorGradientTritone1 = "#000000";
export const ColorGradientTritone2 = "#000000";
export const ColorGradientTritone3 = "#000000";
export const ColorNoticeBase = "#f3ab0e";
export const ColorNoticeHover = "#ee9408";
export const ColorNoticeActive = "#d68105";
export const ColorNoticeFocus = "#f3ab0e";
export const ColorInteractiveBase = "#1669e2";
export const ColorInteractiveHover = "#135ecb";
export const ColorInteractiveActive = "#1154b4";
export const ColorInteractiveFocus = "#1669e2";
export const ColorBlack = "#1B1E23";
export const ColorGradientFull = "linear-gradient(79.26deg, #A341DD 0%, #5C3EE7 25.28%, #1669E2 49.87%, #16A7DA 76.6%, #29CDCF 100%)";
export const ColorGradientTritone1 = "linear-gradient(79.54deg, #5C3EE7 3.15%, #1669E2 50.93%, #16A7DA 100%)";
export const ColorGradientTritone2 = "linear-gradient(79.54deg, #A341DD 0%, #5C3EE7 50.68%, #1669E2 100%)";
export const ColorGradientTritone3 = "linear-gradient(79.54deg, #1669E2 0%, #16A7DA 50.52%, #29CDCF 100%)";
export const FontSizeXs = 12;
export const FontSizeSm = 14;
export const FontSizeMd = 16;
export const FontSizeLg = 18;
export const FontSizeXl = 20;
export const FontSizeXxl = 24;
export const FontSizeXxxl = 32;
export const FontSizeXxxxl = 40;
export const FontSizeD = 48;
export const FontSizeXd = 64;
export const FontSizeXxd = 80;
export const FontWeightNormal = 400;
export const FontWeightSemibold = 500;
export const FontWeightBold = 700;
export const FontHeading = "'Inter', sans-serif";
export const FontBody = "'Inter', sans-serif";
export const FontMono = "'JetBrains Mono', monospace";
export const RadiiSquare = "0";
export const RadiiRounded = "4px";
export const RadiiPill = "9999px";
export const RadiiCircle = "9999px";
export const SizeFontSmall = "0.75rem"; // the small size of the font
export const SizeFontMedium = "1rem"; // the medium size of the font
export const SizeFontLarge = "2rem"; // the large size of the font
export const SizeFontBase = "1rem"; // the base size of the font
export const Space1 = "4px";
export const Space2 = "8px";
export const Space3 = "12px";
export const Space4 = "16px";
export const Space5 = "20px";
export const Space6 = "24px";
export const Space8 = "32px";
export const Space10 = "40px";
export const Space12 = "48px";
export const RadiusSquare = 0;
export const RadiusRounded = 4;
export const RadiusPill = 9999;
export const RadiusCircle = 9999;
export const Size8 = "8px";
export const Size16 = "16px";
export const Size20 = "20px";
export const Size24 = "24px";
export const Size32 = "32px";
export const Size40 = "48px";
export const Size48 = "32px";
export const Size56 = "56px";
export const Size64 = "64px";
export const Size72 = "72px";
export const Size80 = "80px";
export const Size120 = "120px";
export const Size160 = "160px";
export const Size200 = "200px";
export const Size240 = "240px";
export const Space8 = "8px";
export const Space16 = "16px";
export const Space24 = "24px";
export const Space32 = "32px";
export const Space40 = "40px";
export const Space48 = "48px";
export const SpaceNone = 0;

77

json/color.json
{
"data1": "#A341DD",
"data2": "#4229B8",
"data3": "#0680A9",
"data4": "#29CDCF",
"noticeDefault": "#F3AB0E",
"noticeHover": "#EE9408",
"noticeActive": "#D68105",
"noticeFocus": "#F3AB0E",
"negativeDefault": "#F86464",
"negativeHover": "#EB4C4B",
"negativeActive": "#DA3A3A",
"negativeFocus": "#F86464",
"positiveDefault": "#53D161",
"positiveHover": "#4ABE57",
"positiveActive": "#42A94D",
"positiveFocus": "#53D161",
"brandDefault": "#1669E2",
"brandHover": "#135ECB",
"brandActive": "#1154B4",
"brandFocus": "#1669E2",
"blue10": "#DEF1FF",

@@ -94,55 +114,6 @@ "blue20": "#BEE3FF",

"black": "#1B1E23",
"primary10": "#DEF1FF",
"primary20": "#BEE3FF",
"primary30": "#7BC2FF",
"primary60": "#1669E2",
"primary70": "#135ECB",
"primary80": "#1154B4",
"neutral10": "#F7F8F9",
"neutral20": "#EFF2F4",
"negative10": "#FEF2F2",
"negative20": "#FCDCDB",
"negative60": "#F86464",
"negative80": "#DA3A3A",
"negative90": "#AF1717",
"negativeBase": "#F86464",
"negativeHover": "#EB4C4B",
"negativeActive": "#DA3A3A",
"negativeFocus": "#F86464",
"positive10": "#E9FFED",
"positive20": "#CCFED5",
"positive60": "#53D161",
"positive80": "#42A94D",
"positive90": "#2C8636",
"positiveBase": "#53D161",
"positiveHover": "#4ABE57",
"positiveActive": "#42A94D",
"positiveFocus": "#53D161",
"warning10": "#FFF7D2",
"warning20": "#FFF0B2",
"warning60": "#F3AB0E",
"warning80": "#D68105",
"warning90": "#B66006",
"secondary20": "#C1FBFA",
"secondary30": "#9AF1F4",
"secondary60": "#29CDCF",
"secondary70": "#26BABC",
"secondary80": "#20A4A5",
"text": "#1B1E23",
"data1": "#A341DD",
"data2": "#4229B8",
"data3": "#0680A9",
"data4": "#29CDCF",
"gradientFull": "linear-gradient(79.26deg, #29CDCF 0%, #16A7DA 25.28%, #1669E2 49.87%, #5C3EE7 76.6%, #A341DD 100%)",
"gradientTritone1": "linear-gradient(79.54deg, #16A7DA 3.15%, #1669E2 50.93%, #5C3EE7 100%)",
"gradientTritone2": "linear-gradient(79.54deg, #1669E2 0%, #5C3EE7 50.68%, #A341DD 100%)",
"gradientTritone3": "linear-gradient(79.54deg, #29CDCF 0%, #16A7DA 50.52%, #1669E2 100%)",
"noticeBase": "#F3AB0E",
"noticeHover": "#EE9408",
"noticeActive": "#D68105",
"noticeFocus": "#F3AB0E",
"interactiveBase": "#1669E2",
"interactiveHover": "#135ECB",
"interactiveActive": "#1154B4",
"interactiveFocus": "#1669E2"
"gradientFull": "linear-gradient(79.26deg, #A341DD 0%, #5C3EE7 25.28%, #1669E2 49.87%, #16A7DA 76.6%, #29CDCF 100%)",
"gradientTritone1": "linear-gradient(79.54deg, #5C3EE7 3.15%, #1669E2 50.93%, #16A7DA 100%)",
"gradientTritone2": "linear-gradient(79.54deg, #A341DD 0%, #5C3EE7 50.68%, #1669E2 100%)",
"gradientTritone3": "linear-gradient(79.54deg, #1669E2 0%, #16A7DA 50.52%, #29CDCF 100%)"
}

19

json/size.json
{
"fontSmall": "0.75",
"fontMedium": "1",
"fontLarge": "2",
"fontBase": "1"
"8": "8px",
"16": "16px",
"20": "20px",
"24": "24px",
"32": "32px",
"40": "48px",
"48": "32px",
"56": "56px",
"64": "64px",
"72": "72px",
"80": "80px",
"120": "120px",
"160": "160px",
"200": "200px",
"240": "240px"
}

16

json/space.json
{
"1": "4px",
"2": "8px",
"3": "12px",
"4": "16px",
"5": "20px",
"6": "24px",
"8": "32px",
"10": "40px",
"12": "48px"
"8": "8px",
"16": "16px",
"24": "24px",
"32": "32px",
"40": "40px",
"48": "48px",
"none": 0
}

180

json/tokens.json
{
"border-width": {
"none": 0,
"sm": 1,
"md": 2,
"lg": 4
},
"color": {
"data": {
"1": "#A341DD",
"2": "#4229B8",
"3": "#0680A9",
"4": "#29CDCF"
},
"notice": {
"default": "#F3AB0E",
"hover": "#EE9408",
"active": "#D68105",
"focus": "#F3AB0E"
},
"negative": {
"default": "#F86464",
"hover": "#EB4C4B",
"active": "#DA3A3A",
"focus": "#F86464"
},
"positive": {
"default": "#53D161",
"hover": "#4ABE57",
"active": "#42A94D",
"focus": "#53D161"
},
"brand": {
"default": "#1669E2",
"hover": "#135ECB",
"active": "#1154B4",
"focus": "#1669E2"
},
"blue": {

@@ -113,76 +149,27 @@ "10": "#DEF1FF",

"black": "#1B1E23",
"primary": {
"10": "#DEF1FF",
"20": "#BEE3FF",
"30": "#7BC2FF",
"60": "#1669E2",
"70": "#135ECB",
"80": "#1154B4"
},
"neutral": {
"10": "#F7F8F9",
"20": "#EFF2F4"
},
"negative": {
"10": "#FEF2F2",
"20": "#FCDCDB",
"60": "#F86464",
"80": "#DA3A3A",
"90": "#AF1717",
"base": "#F86464",
"hover": "#EB4C4B",
"active": "#DA3A3A",
"focus": "#F86464"
},
"positive": {
"10": "#E9FFED",
"20": "#CCFED5",
"60": "#53D161",
"80": "#42A94D",
"90": "#2C8636",
"base": "#53D161",
"hover": "#4ABE57",
"active": "#42A94D",
"focus": "#53D161"
},
"warning": {
"10": "#FFF7D2",
"20": "#FFF0B2",
"60": "#F3AB0E",
"80": "#D68105",
"90": "#B66006"
},
"secondary": {
"20": "#C1FBFA",
"30": "#9AF1F4",
"60": "#29CDCF",
"70": "#26BABC",
"80": "#20A4A5"
},
"text": "#1B1E23",
"data": {
"1": "#A341DD",
"2": "#4229B8",
"3": "#0680A9",
"4": "#29CDCF"
},
"gradient": {
"full": "linear-gradient(79.26deg, #29CDCF 0%, #16A7DA 25.28%, #1669E2 49.87%, #5C3EE7 76.6%, #A341DD 100%)",
"tritone1": "linear-gradient(79.54deg, #16A7DA 3.15%, #1669E2 50.93%, #5C3EE7 100%)",
"tritone2": "linear-gradient(79.54deg, #1669E2 0%, #5C3EE7 50.68%, #A341DD 100%)",
"tritone3": "linear-gradient(79.54deg, #29CDCF 0%, #16A7DA 50.52%, #1669E2 100%)"
},
"notice": {
"base": "#F3AB0E",
"hover": "#EE9408",
"active": "#D68105",
"focus": "#F3AB0E"
},
"interactive": {
"base": "#1669E2",
"hover": "#135ECB",
"active": "#1154B4",
"focus": "#1669E2"
"full": "linear-gradient(79.26deg, #A341DD 0%, #5C3EE7 25.28%, #1669E2 49.87%, #16A7DA 76.6%, #29CDCF 100%)",
"tritone1": "linear-gradient(79.54deg, #5C3EE7 3.15%, #1669E2 50.93%, #16A7DA 100%)",
"tritone2": "linear-gradient(79.54deg, #A341DD 0%, #5C3EE7 50.68%, #1669E2 100%)",
"tritone3": "linear-gradient(79.54deg, #1669E2 0%, #16A7DA 50.52%, #29CDCF 100%)"
}
},
"font-size": {
"xs": 12,
"sm": 14,
"md": 16,
"lg": 18,
"xl": 20,
"xxl": 24,
"xxxl": 32,
"xxxxl": 40,
"d": 48,
"xd": 64,
"xxd": 80
},
"font-weight": {
"normal": 400,
"semibold": 500,
"bold": 700
},
"font": {

@@ -193,31 +180,34 @@ "heading": "'Inter', sans-serif",

},
"fontWeight": {
"normal": 400,
"bold": 700
"radius": {
"square": 0,
"rounded": 4,
"pill": 9999,
"circle": 9999
},
"radii": {
"square": "0",
"rounded": "4px",
"pill": "9999px",
"circle": "9999px"
},
"size": {
"font": {
"small": "0.75",
"medium": "1",
"large": "2",
"base": "1"
}
"8": "8px",
"16": "16px",
"20": "20px",
"24": "24px",
"32": "32px",
"40": "48px",
"48": "32px",
"56": "56px",
"64": "64px",
"72": "72px",
"80": "80px",
"120": "120px",
"160": "160px",
"200": "200px",
"240": "240px"
},
"space": {
"1": "4px",
"2": "8px",
"3": "12px",
"4": "16px",
"5": "20px",
"6": "24px",
"8": "32px",
"10": "40px",
"12": "48px"
"8": "8px",
"16": "16px",
"24": "24px",
"32": "32px",
"40": "40px",
"48": "48px",
"none": 0
}
}

6

package.json
{
"name": "@gr4vy/poutine-tokens",
"version": "0.0.4",
"main": "js/tokens.ts",
"version": "0.0.5",
"main": "js/tokens.js",
"private": false,

@@ -25,3 +25,3 @@ "author": "gr4vy-code <code@gr4vy.com>",

},
"gitHead": "aa6ed72675b89484996c91778e7bd0afcc884e3f"
"gitHead": "a423c52267f8f552ca258b46145b04bae8ef76e8"
}
json/meta.json
json/radii.json
scss/_variables.scss
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