Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@volue/design-colors
Advanced tools
@volue/design-colors - npm Package Compare versions
Comparing version 1.4.0-next.2 to 2.0.0-next.0
@@ -1,57 +0,84 @@ | ||
| /** | ||
| * Do not edit directly | ||
| * Generated on Wed, 15 Feb 2023 21:33:33 GMT | ||
| */ | ||
| export const colorBlack : "#000000"; | ||
| export const colorWhite : "#ffffff"; | ||
| export const colorGray5 : "#f2f2f2"; | ||
| export const colorGray10 : "#e5e5e5"; | ||
| export const colorGray15 : "#d9d9d9"; | ||
| export const colorGray25 : "#b2b2b2"; | ||
| export const colorGray50 : "#666666"; | ||
| export const colorGray75 : "#333333"; | ||
| export const colorPrimary5 : "#f2f4f5"; | ||
| export const colorPrimary10 : "#e6e9ea"; | ||
| export const colorPrimary60 : "#6b8085"; | ||
| export const colorPrimary100 : "#082b33"; | ||
| export const colorPrimary120 : "#062228"; | ||
| export const colorAccent5 : "#f2f8f8"; | ||
| export const colorAccent10 : "#e5f1f2"; | ||
| export const colorAccent15 : "#d9ebec"; | ||
| export const colorAccent25 : "#bfddde"; | ||
| export const colorAccent60 : "#7fbbbd"; | ||
| export const colorAccent100 : "#01797d"; | ||
| export const colorAccent120 : "#016063"; | ||
| export const colorBlue10 : "#e9f1f6"; | ||
| export const colorBlue50 : "#92b8d4"; | ||
| export const colorBlue100 : "#2673aa"; | ||
| export const colorBlue120 : "#1a5178"; | ||
| export const colorGreen10 : "#ecf3ea"; | ||
| export const colorGreen50 : "#a0c29b"; | ||
| export const colorGreen100 : "#438538"; | ||
| export const colorGreen120 : "#295222"; | ||
| export const colorOrange10 : "#fbf0e5"; | ||
| export const colorOrange50 : "#ecb67f"; | ||
| export const colorOrange100 : "#da6e00"; | ||
| export const colorOrange120 : "#a65300"; | ||
| export const colorRed10 : "#fbe9ea"; | ||
| export const colorRed50 : "#df9e99"; | ||
| export const colorRed100 : "#bf3f34"; | ||
| export const colorRed120 : "#8c2e26"; | ||
| export const colorTeal10 : "#e9f6f7"; | ||
| export const colorTeal50 : "#94d1d5"; | ||
| export const colorTeal100 : "#2ba3ab"; | ||
| export const colorTeal120 : "#1e7278"; | ||
| export const colorPink10 : "#faebef"; | ||
| export const colorPink50 : "#e79eb0"; | ||
| export const colorPink100 : "#cf3f63"; | ||
| export const colorPink120 : "#9c2f4a"; | ||
| export const colorPurple10 : "#f1ecf5"; | ||
| export const colorPurple50 : "#bfa9d3"; | ||
| export const colorPurple100 : "#8054a8"; | ||
| export const colorPurple120 : "#593b75"; | ||
| export const colorYellow10 : "#fdfaf4"; | ||
| export const colorYellow50 : "#fdd9a3"; | ||
| export const colorYellow100 : "#faa600"; | ||
| export const colorYellow120 : "#c78500"; | ||
| export default tokens; | ||
| declare const tokens: { | ||
| "palette": { | ||
| "colorBlack": "#000000", | ||
| "colorWhite": "#ffffff", | ||
| "colorGray5": "#f2f2f2", | ||
| "colorGray10": "#e5e5e5", | ||
| "colorGray15": "#d9d9d9", | ||
| "colorGray25": "#b2b2b2", | ||
| "colorGray50": "#666666", | ||
| "colorGray75": "#333333", | ||
| "colorPrimary5": "#f2f4f5", | ||
| "colorPrimary10": "#e6e9ea", | ||
| "colorPrimary60": "#6b8085", | ||
| "colorPrimary100": "#082b33", | ||
| "colorPrimary120": "#062228", | ||
| "colorAccent5": "#f2f8f8", | ||
| "colorAccent10": "#e5f1f2", | ||
| "colorAccent15": "#d9ebec", | ||
| "colorAccent25": "#bfddde", | ||
| "colorAccent60": "#7fbbbd", | ||
| "colorAccent100": "#01797d", | ||
| "colorAccent120": "#016063", | ||
| "colorBlue10": "#e9f1f6", | ||
| "colorBlue50": "#92b8d4", | ||
| "colorBlue100": "#2673aa", | ||
| "colorBlue120": "#1a5178", | ||
| "colorGreen10": "#ecf3ea", | ||
| "colorGreen50": "#a0c29b", | ||
| "colorGreen100": "#438538", | ||
| "colorGreen120": "#295222", | ||
| "colorOrange10": "#fbf0e5", | ||
| "colorOrange50": "#ecb67f", | ||
| "colorOrange100": "#da6e00", | ||
| "colorOrange120": "#a65300", | ||
| "colorRed10": "#fbe9ea", | ||
| "colorRed50": "#df9e99", | ||
| "colorRed100": "#bf3f34", | ||
| "colorRed120": "#8c2e26", | ||
| "colorTeal10": "#e9f6f7", | ||
| "colorTeal50": "#94d1d5", | ||
| "colorTeal100": "#2ba3ab", | ||
| "colorTeal120": "#1e7278", | ||
| "colorPink10": "#faebef", | ||
| "colorPink50": "#e79eb0", | ||
| "colorPink100": "#cf3f63", | ||
| "colorPink120": "#9c2f4a", | ||
| "colorPurple10": "#f1ecf5", | ||
| "colorPurple50": "#bfa9d3", | ||
| "colorPurple100": "#8054a8", | ||
| "colorPurple120": "#593b75", | ||
| "colorYellow10": "#fdfaf4", | ||
| "colorYellow50": "#fdd9a3", | ||
| "colorYellow100": "#faa600", | ||
| "colorYellow120": "#c78500" | ||
| }, | ||
| "text": { | ||
| "colorWhite": "#ffffff", | ||
| "colorBlack": "#000000", | ||
| "colorGray50": "#666666", | ||
| "colorGray75": "#333333", | ||
| "colorPrimary60": "#6b8085", | ||
| "colorPrimary100": "#082b33", | ||
| "colorPrimary120": "#062228", | ||
| "colorAccent100": "#01797d", | ||
| "colorAccent120": "#016063", | ||
| "colorBlue100": "#2673aa", | ||
| "colorBlue120": "#1a5178", | ||
| "colorGreen100": "#438538", | ||
| "colorGreen120": "#295222", | ||
| "colorOrange100": "#da6e00", | ||
| "colorOrange120": "#a65300", | ||
| "colorRed100": "#bf3f34", | ||
| "colorRed120": "#8c2e26", | ||
| "colorTeal100": "#2ba3ab", | ||
| "colorTeal120": "#1e7278", | ||
| "colorPurple100": "#8054a8", | ||
| "colorPurple120": "#593b75", | ||
| "colorPink100": "#cf3f63", | ||
| "colorPink120": "#9c2f4a", | ||
| "colorYellow100": "#faa600", | ||
| "colorYellow120": "#c78500" | ||
| } | ||
| }; |
@@ -1,59 +0,83 @@ | ||
| /** | ||
| * Do not edit directly | ||
| * Generated on Wed, 15 Feb 2023 21:33:33 GMT | ||
| */ | ||
| module.exports = { | ||
| "colorBlack": "#000000", | ||
| "colorWhite": "#ffffff", | ||
| "colorGray5": "#f2f2f2", | ||
| "colorGray10": "#e5e5e5", | ||
| "colorGray15": "#d9d9d9", | ||
| "colorGray25": "#b2b2b2", | ||
| "colorGray50": "#666666", | ||
| "colorGray75": "#333333", | ||
| "colorPrimary5": "#f2f4f5", | ||
| "colorPrimary10": "#e6e9ea", | ||
| "colorPrimary60": "#6b8085", | ||
| "colorPrimary100": "#082b33", | ||
| "colorPrimary120": "#062228", | ||
| "colorAccent5": "#f2f8f8", | ||
| "colorAccent10": "#e5f1f2", | ||
| "colorAccent15": "#d9ebec", | ||
| "colorAccent25": "#bfddde", | ||
| "colorAccent60": "#7fbbbd", | ||
| "colorAccent100": "#01797d", | ||
| "colorAccent120": "#016063", | ||
| "colorBlue10": "#e9f1f6", | ||
| "colorBlue50": "#92b8d4", | ||
| "colorBlue100": "#2673aa", | ||
| "colorBlue120": "#1a5178", | ||
| "colorGreen10": "#ecf3ea", | ||
| "colorGreen50": "#a0c29b", | ||
| "colorGreen100": "#438538", | ||
| "colorGreen120": "#295222", | ||
| "colorOrange10": "#fbf0e5", | ||
| "colorOrange50": "#ecb67f", | ||
| "colorOrange100": "#da6e00", | ||
| "colorOrange120": "#a65300", | ||
| "colorRed10": "#fbe9ea", | ||
| "colorRed50": "#df9e99", | ||
| "colorRed100": "#bf3f34", | ||
| "colorRed120": "#8c2e26", | ||
| "colorTeal10": "#e9f6f7", | ||
| "colorTeal50": "#94d1d5", | ||
| "colorTeal100": "#2ba3ab", | ||
| "colorTeal120": "#1e7278", | ||
| "colorPink10": "#faebef", | ||
| "colorPink50": "#e79eb0", | ||
| "colorPink100": "#cf3f63", | ||
| "colorPink120": "#9c2f4a", | ||
| "colorPurple10": "#f1ecf5", | ||
| "colorPurple50": "#bfa9d3", | ||
| "colorPurple100": "#8054a8", | ||
| "colorPurple120": "#593b75", | ||
| "colorYellow10": "#fdfaf4", | ||
| "colorYellow50": "#fdd9a3", | ||
| "colorYellow100": "#faa600", | ||
| "colorYellow120": "#c78500" | ||
| }; | ||
| "palette": { | ||
| "colorBlack": "#000000", | ||
| "colorWhite": "#ffffff", | ||
| "colorGray5": "#f2f2f2", | ||
| "colorGray10": "#e5e5e5", | ||
| "colorGray15": "#d9d9d9", | ||
| "colorGray25": "#b2b2b2", | ||
| "colorGray50": "#666666", | ||
| "colorGray75": "#333333", | ||
| "colorPrimary5": "#f2f4f5", | ||
| "colorPrimary10": "#e6e9ea", | ||
| "colorPrimary60": "#6b8085", | ||
| "colorPrimary100": "#082b33", | ||
| "colorPrimary120": "#062228", | ||
| "colorAccent5": "#f2f8f8", | ||
| "colorAccent10": "#e5f1f2", | ||
| "colorAccent15": "#d9ebec", | ||
| "colorAccent25": "#bfddde", | ||
| "colorAccent60": "#7fbbbd", | ||
| "colorAccent100": "#01797d", | ||
| "colorAccent120": "#016063", | ||
| "colorBlue10": "#e9f1f6", | ||
| "colorBlue50": "#92b8d4", | ||
| "colorBlue100": "#2673aa", | ||
| "colorBlue120": "#1a5178", | ||
| "colorGreen10": "#ecf3ea", | ||
| "colorGreen50": "#a0c29b", | ||
| "colorGreen100": "#438538", | ||
| "colorGreen120": "#295222", | ||
| "colorOrange10": "#fbf0e5", | ||
| "colorOrange50": "#ecb67f", | ||
| "colorOrange100": "#da6e00", | ||
| "colorOrange120": "#a65300", | ||
| "colorRed10": "#fbe9ea", | ||
| "colorRed50": "#df9e99", | ||
| "colorRed100": "#bf3f34", | ||
| "colorRed120": "#8c2e26", | ||
| "colorTeal10": "#e9f6f7", | ||
| "colorTeal50": "#94d1d5", | ||
| "colorTeal100": "#2ba3ab", | ||
| "colorTeal120": "#1e7278", | ||
| "colorPink10": "#faebef", | ||
| "colorPink50": "#e79eb0", | ||
| "colorPink100": "#cf3f63", | ||
| "colorPink120": "#9c2f4a", | ||
| "colorPurple10": "#f1ecf5", | ||
| "colorPurple50": "#bfa9d3", | ||
| "colorPurple100": "#8054a8", | ||
| "colorPurple120": "#593b75", | ||
| "colorYellow10": "#fdfaf4", | ||
| "colorYellow50": "#fdd9a3", | ||
| "colorYellow100": "#faa600", | ||
| "colorYellow120": "#c78500" | ||
| }, | ||
| "text": { | ||
| "colorWhite": "#ffffff", | ||
| "colorBlack": "#000000", | ||
| "colorGray50": "#666666", | ||
| "colorGray75": "#333333", | ||
| "colorPrimary60": "#6b8085", | ||
| "colorPrimary100": "#082b33", | ||
| "colorPrimary120": "#062228", | ||
| "colorAccent100": "#01797d", | ||
| "colorAccent120": "#016063", | ||
| "colorBlue100": "#2673aa", | ||
| "colorBlue120": "#1a5178", | ||
| "colorGreen100": "#438538", | ||
| "colorGreen120": "#295222", | ||
| "colorOrange100": "#da6e00", | ||
| "colorOrange120": "#a65300", | ||
| "colorRed100": "#bf3f34", | ||
| "colorRed120": "#8c2e26", | ||
| "colorTeal100": "#2ba3ab", | ||
| "colorTeal120": "#1e7278", | ||
| "colorPurple100": "#8054a8", | ||
| "colorPurple120": "#593b75", | ||
| "colorPink100": "#cf3f63", | ||
| "colorPink120": "#9c2f4a", | ||
| "colorYellow100": "#faa600", | ||
| "colorYellow120": "#c78500" | ||
| } | ||
| } |
@@ -1,57 +0,84 @@ | ||
| /** | ||
| * Do not edit directly | ||
| * Generated on Wed, 15 Feb 2023 21:33:33 GMT | ||
| */ | ||
| export const colorBlack : "#000000"; | ||
| export const colorWhite : "#ffffff"; | ||
| export const colorGray5 : "#f2f2f2"; | ||
| export const colorGray10 : "#e5e5e5"; | ||
| export const colorGray15 : "#d9d9d9"; | ||
| export const colorGray25 : "#b2b2b2"; | ||
| export const colorGray50 : "#666666"; | ||
| export const colorGray75 : "#333333"; | ||
| export const colorPrimary5 : "#f2f4f5"; | ||
| export const colorPrimary10 : "#e6e9ea"; | ||
| export const colorPrimary60 : "#6b8085"; | ||
| export const colorPrimary100 : "#082b33"; | ||
| export const colorPrimary120 : "#062228"; | ||
| export const colorAccent5 : "#f2f8f8"; | ||
| export const colorAccent10 : "#e5f1f2"; | ||
| export const colorAccent15 : "#d9ebec"; | ||
| export const colorAccent25 : "#bfddde"; | ||
| export const colorAccent60 : "#7fbbbd"; | ||
| export const colorAccent100 : "#01797d"; | ||
| export const colorAccent120 : "#016063"; | ||
| export const colorBlue10 : "#e9f1f6"; | ||
| export const colorBlue50 : "#92b8d4"; | ||
| export const colorBlue100 : "#2673aa"; | ||
| export const colorBlue120 : "#1a5178"; | ||
| export const colorGreen10 : "#ecf3ea"; | ||
| export const colorGreen50 : "#a0c29b"; | ||
| export const colorGreen100 : "#438538"; | ||
| export const colorGreen120 : "#295222"; | ||
| export const colorOrange10 : "#fbf0e5"; | ||
| export const colorOrange50 : "#ecb67f"; | ||
| export const colorOrange100 : "#da6e00"; | ||
| export const colorOrange120 : "#a65300"; | ||
| export const colorRed10 : "#fbe9ea"; | ||
| export const colorRed50 : "#df9e99"; | ||
| export const colorRed100 : "#bf3f34"; | ||
| export const colorRed120 : "#8c2e26"; | ||
| export const colorTeal10 : "#e9f6f7"; | ||
| export const colorTeal50 : "#94d1d5"; | ||
| export const colorTeal100 : "#2ba3ab"; | ||
| export const colorTeal120 : "#1e7278"; | ||
| export const colorPink10 : "#faebef"; | ||
| export const colorPink50 : "#e79eb0"; | ||
| export const colorPink100 : "#cf3f63"; | ||
| export const colorPink120 : "#9c2f4a"; | ||
| export const colorPurple10 : "#f1ecf5"; | ||
| export const colorPurple50 : "#bfa9d3"; | ||
| export const colorPurple100 : "#8054a8"; | ||
| export const colorPurple120 : "#593b75"; | ||
| export const colorYellow10 : "#fdfaf4"; | ||
| export const colorYellow50 : "#fdd9a3"; | ||
| export const colorYellow100 : "#faa600"; | ||
| export const colorYellow120 : "#c78500"; | ||
| export default tokens; | ||
| declare const tokens: { | ||
| "palette": { | ||
| "colorBlack": "#000000", | ||
| "colorWhite": "#ffffff", | ||
| "colorGray5": "#f2f2f2", | ||
| "colorGray10": "#e5e5e5", | ||
| "colorGray15": "#d9d9d9", | ||
| "colorGray25": "#b2b2b2", | ||
| "colorGray50": "#666666", | ||
| "colorGray75": "#333333", | ||
| "colorPrimary5": "#f2f4f5", | ||
| "colorPrimary10": "#e6e9ea", | ||
| "colorPrimary60": "#6b8085", | ||
| "colorPrimary100": "#082b33", | ||
| "colorPrimary120": "#062228", | ||
| "colorAccent5": "#f2f8f8", | ||
| "colorAccent10": "#e5f1f2", | ||
| "colorAccent15": "#d9ebec", | ||
| "colorAccent25": "#bfddde", | ||
| "colorAccent60": "#7fbbbd", | ||
| "colorAccent100": "#01797d", | ||
| "colorAccent120": "#016063", | ||
| "colorBlue10": "#e9f1f6", | ||
| "colorBlue50": "#92b8d4", | ||
| "colorBlue100": "#2673aa", | ||
| "colorBlue120": "#1a5178", | ||
| "colorGreen10": "#ecf3ea", | ||
| "colorGreen50": "#a0c29b", | ||
| "colorGreen100": "#438538", | ||
| "colorGreen120": "#295222", | ||
| "colorOrange10": "#fbf0e5", | ||
| "colorOrange50": "#ecb67f", | ||
| "colorOrange100": "#da6e00", | ||
| "colorOrange120": "#a65300", | ||
| "colorRed10": "#fbe9ea", | ||
| "colorRed50": "#df9e99", | ||
| "colorRed100": "#bf3f34", | ||
| "colorRed120": "#8c2e26", | ||
| "colorTeal10": "#e9f6f7", | ||
| "colorTeal50": "#94d1d5", | ||
| "colorTeal100": "#2ba3ab", | ||
| "colorTeal120": "#1e7278", | ||
| "colorPink10": "#faebef", | ||
| "colorPink50": "#e79eb0", | ||
| "colorPink100": "#cf3f63", | ||
| "colorPink120": "#9c2f4a", | ||
| "colorPurple10": "#f1ecf5", | ||
| "colorPurple50": "#bfa9d3", | ||
| "colorPurple100": "#8054a8", | ||
| "colorPurple120": "#593b75", | ||
| "colorYellow10": "#fdfaf4", | ||
| "colorYellow50": "#fdd9a3", | ||
| "colorYellow100": "#faa600", | ||
| "colorYellow120": "#c78500" | ||
| }, | ||
| "text": { | ||
| "colorWhite": "#ffffff", | ||
| "colorBlack": "#000000", | ||
| "colorGray50": "#666666", | ||
| "colorGray75": "#333333", | ||
| "colorPrimary60": "#6b8085", | ||
| "colorPrimary100": "#082b33", | ||
| "colorPrimary120": "#062228", | ||
| "colorAccent100": "#01797d", | ||
| "colorAccent120": "#016063", | ||
| "colorBlue100": "#2673aa", | ||
| "colorBlue120": "#1a5178", | ||
| "colorGreen100": "#438538", | ||
| "colorGreen120": "#295222", | ||
| "colorOrange100": "#da6e00", | ||
| "colorOrange120": "#a65300", | ||
| "colorRed100": "#bf3f34", | ||
| "colorRed120": "#8c2e26", | ||
| "colorTeal100": "#2ba3ab", | ||
| "colorTeal120": "#1e7278", | ||
| "colorPurple100": "#8054a8", | ||
| "colorPurple120": "#593b75", | ||
| "colorPink100": "#cf3f63", | ||
| "colorPink120": "#9c2f4a", | ||
| "colorYellow100": "#faa600", | ||
| "colorYellow120": "#c78500" | ||
| } | ||
| }; |
@@ -1,57 +0,83 @@ | ||
| /** | ||
| * Do not edit directly | ||
| * Generated on Wed, 15 Feb 2023 21:33:33 GMT | ||
| */ | ||
| export const colorBlack = "#000000"; | ||
| export const colorWhite = "#ffffff"; | ||
| export const colorGray5 = "#f2f2f2"; | ||
| export const colorGray10 = "#e5e5e5"; | ||
| export const colorGray15 = "#d9d9d9"; | ||
| export const colorGray25 = "#b2b2b2"; | ||
| export const colorGray50 = "#666666"; | ||
| export const colorGray75 = "#333333"; | ||
| export const colorPrimary5 = "#f2f4f5"; | ||
| export const colorPrimary10 = "#e6e9ea"; | ||
| export const colorPrimary60 = "#6b8085"; | ||
| export const colorPrimary100 = "#082b33"; | ||
| export const colorPrimary120 = "#062228"; | ||
| export const colorAccent5 = "#f2f8f8"; | ||
| export const colorAccent10 = "#e5f1f2"; | ||
| export const colorAccent15 = "#d9ebec"; | ||
| export const colorAccent25 = "#bfddde"; | ||
| export const colorAccent60 = "#7fbbbd"; | ||
| export const colorAccent100 = "#01797d"; | ||
| export const colorAccent120 = "#016063"; | ||
| export const colorBlue10 = "#e9f1f6"; | ||
| export const colorBlue50 = "#92b8d4"; | ||
| export const colorBlue100 = "#2673aa"; | ||
| export const colorBlue120 = "#1a5178"; | ||
| export const colorGreen10 = "#ecf3ea"; | ||
| export const colorGreen50 = "#a0c29b"; | ||
| export const colorGreen100 = "#438538"; | ||
| export const colorGreen120 = "#295222"; | ||
| export const colorOrange10 = "#fbf0e5"; | ||
| export const colorOrange50 = "#ecb67f"; | ||
| export const colorOrange100 = "#da6e00"; | ||
| export const colorOrange120 = "#a65300"; | ||
| export const colorRed10 = "#fbe9ea"; | ||
| export const colorRed50 = "#df9e99"; | ||
| export const colorRed100 = "#bf3f34"; | ||
| export const colorRed120 = "#8c2e26"; | ||
| export const colorTeal10 = "#e9f6f7"; | ||
| export const colorTeal50 = "#94d1d5"; | ||
| export const colorTeal100 = "#2ba3ab"; | ||
| export const colorTeal120 = "#1e7278"; | ||
| export const colorPink10 = "#faebef"; | ||
| export const colorPink50 = "#e79eb0"; | ||
| export const colorPink100 = "#cf3f63"; | ||
| export const colorPink120 = "#9c2f4a"; | ||
| export const colorPurple10 = "#f1ecf5"; | ||
| export const colorPurple50 = "#bfa9d3"; | ||
| export const colorPurple100 = "#8054a8"; | ||
| export const colorPurple120 = "#593b75"; | ||
| export const colorYellow10 = "#fdfaf4"; | ||
| export const colorYellow50 = "#fdd9a3"; | ||
| export const colorYellow100 = "#faa600"; | ||
| export const colorYellow120 = "#c78500"; | ||
| export default { | ||
| "palette": { | ||
| "colorBlack": "#000000", | ||
| "colorWhite": "#ffffff", | ||
| "colorGray5": "#f2f2f2", | ||
| "colorGray10": "#e5e5e5", | ||
| "colorGray15": "#d9d9d9", | ||
| "colorGray25": "#b2b2b2", | ||
| "colorGray50": "#666666", | ||
| "colorGray75": "#333333", | ||
| "colorPrimary5": "#f2f4f5", | ||
| "colorPrimary10": "#e6e9ea", | ||
| "colorPrimary60": "#6b8085", | ||
| "colorPrimary100": "#082b33", | ||
| "colorPrimary120": "#062228", | ||
| "colorAccent5": "#f2f8f8", | ||
| "colorAccent10": "#e5f1f2", | ||
| "colorAccent15": "#d9ebec", | ||
| "colorAccent25": "#bfddde", | ||
| "colorAccent60": "#7fbbbd", | ||
| "colorAccent100": "#01797d", | ||
| "colorAccent120": "#016063", | ||
| "colorBlue10": "#e9f1f6", | ||
| "colorBlue50": "#92b8d4", | ||
| "colorBlue100": "#2673aa", | ||
| "colorBlue120": "#1a5178", | ||
| "colorGreen10": "#ecf3ea", | ||
| "colorGreen50": "#a0c29b", | ||
| "colorGreen100": "#438538", | ||
| "colorGreen120": "#295222", | ||
| "colorOrange10": "#fbf0e5", | ||
| "colorOrange50": "#ecb67f", | ||
| "colorOrange100": "#da6e00", | ||
| "colorOrange120": "#a65300", | ||
| "colorRed10": "#fbe9ea", | ||
| "colorRed50": "#df9e99", | ||
| "colorRed100": "#bf3f34", | ||
| "colorRed120": "#8c2e26", | ||
| "colorTeal10": "#e9f6f7", | ||
| "colorTeal50": "#94d1d5", | ||
| "colorTeal100": "#2ba3ab", | ||
| "colorTeal120": "#1e7278", | ||
| "colorPink10": "#faebef", | ||
| "colorPink50": "#e79eb0", | ||
| "colorPink100": "#cf3f63", | ||
| "colorPink120": "#9c2f4a", | ||
| "colorPurple10": "#f1ecf5", | ||
| "colorPurple50": "#bfa9d3", | ||
| "colorPurple100": "#8054a8", | ||
| "colorPurple120": "#593b75", | ||
| "colorYellow10": "#fdfaf4", | ||
| "colorYellow50": "#fdd9a3", | ||
| "colorYellow100": "#faa600", | ||
| "colorYellow120": "#c78500" | ||
| }, | ||
| "text": { | ||
| "colorWhite": "#ffffff", | ||
| "colorBlack": "#000000", | ||
| "colorGray50": "#666666", | ||
| "colorGray75": "#333333", | ||
| "colorPrimary60": "#6b8085", | ||
| "colorPrimary100": "#082b33", | ||
| "colorPrimary120": "#062228", | ||
| "colorAccent100": "#01797d", | ||
| "colorAccent120": "#016063", | ||
| "colorBlue100": "#2673aa", | ||
| "colorBlue120": "#1a5178", | ||
| "colorGreen100": "#438538", | ||
| "colorGreen120": "#295222", | ||
| "colorOrange100": "#da6e00", | ||
| "colorOrange120": "#a65300", | ||
| "colorRed100": "#bf3f34", | ||
| "colorRed120": "#8c2e26", | ||
| "colorTeal100": "#2ba3ab", | ||
| "colorTeal120": "#1e7278", | ||
| "colorPurple100": "#8054a8", | ||
| "colorPurple120": "#593b75", | ||
| "colorPink100": "#cf3f63", | ||
| "colorPink120": "#9c2f4a", | ||
| "colorYellow100": "#faa600", | ||
| "colorYellow120": "#c78500" | ||
| } | ||
| } |
| { | ||
| "name": "@volue/design-colors", | ||
| "version": "1.4.0-next.2", | ||
| "version": "2.0.0-next.0", | ||
| "description": "Color primitives for Volue design primitives", | ||
@@ -44,2 +44,3 @@ "license": "UNLICENSED", | ||
| "json-to-ts": "1.7.0", | ||
| "map-obj": "4.3.0", | ||
| "npm-run-all": "4.1.5", | ||
@@ -46,0 +47,0 @@ "prettier": "2.8.4", |
@@ -20,6 +20,7 @@ # `@volue/design-colors` | ||
| In JavaScript, design token names are formatted in [lower camelCase](https://en.wikipedia.org/wiki/Camel_case). | ||
| Tokens are exported as nested object structure. | ||
| ```js | ||
| const tokens = require('@volue/design-colors'); | ||
| console.log(tokens.colorBlue100); // rgb(0, 0, 0) | ||
| console.log(tokens.palette.colorBlue100); // rgb(38, 115, 170) | ||
| ``` | ||
@@ -26,0 +27,0 @@ |
@@ -6,33 +6,33 @@ { | ||
| "white": { | ||
| "value": "{color.white.value}" | ||
| "value": "{color.palette.white.value}" | ||
| }, | ||
| "black": { | ||
| "value": "{color.black.value}" | ||
| "value": "{color.palette.black.value}" | ||
| }, | ||
| "gray75": { | ||
| "value": "{color.gray75.value}" | ||
| "value": "{color.palette.gray75.value}" | ||
| } | ||
| }, | ||
| "palettes": { | ||
| "paletteGroups": { | ||
| "shades": { | ||
| "white": { | ||
| "value": "{color.white.value}" | ||
| "value": "{color.palette.white.value}" | ||
| }, | ||
| "gray5": { | ||
| "value": "{color.gray5.value}" | ||
| "value": "{color.palette.gray5.value}" | ||
| }, | ||
| "gray10": { | ||
| "value": "{color.gray10.value}" | ||
| "value": "{color.palette.gray10.value}" | ||
| }, | ||
| "gray15": { | ||
| "value": "{color.gray15.value}" | ||
| "value": "{color.palette.gray15.value}" | ||
| }, | ||
| "gray25": { | ||
| "value": "{color.gray25.value}" | ||
| "value": "{color.palette.gray25.value}" | ||
| }, | ||
| "gray50": { | ||
| "value": "{color.gray50.value}" | ||
| "value": "{color.palette.gray50.value}" | ||
| }, | ||
| "gray75": { | ||
| "value": "{color.gray75.value}" | ||
| "value": "{color.palette.gray75.value}" | ||
| } | ||
@@ -43,15 +43,15 @@ }, | ||
| "primary5": { | ||
| "value": "{color.primary5.value}" | ||
| "value": "{color.palette.primary5.value}" | ||
| }, | ||
| "primary10": { | ||
| "value": "{color.primary10.value}" | ||
| "value": "{color.palette.primary10.value}" | ||
| }, | ||
| "primary60": { | ||
| "value": "{color.primary60.value}" | ||
| "value": "{color.palette.primary60.value}" | ||
| }, | ||
| "primary100": { | ||
| "value": "{color.primary100.value}" | ||
| "value": "{color.palette.primary100.value}" | ||
| }, | ||
| "primary120": { | ||
| "value": "{color.primary120.value}" | ||
| "value": "{color.palette.primary120.value}" | ||
| } | ||
@@ -62,18 +62,18 @@ }, | ||
| "accent5": { | ||
| "value": "{color.accent5.value}" | ||
| "value": "{color.palette.accent5.value}" | ||
| }, | ||
| "accent10": { | ||
| "value": "{color.accent10.value}" | ||
| "value": "{color.palette.accent10.value}" | ||
| }, | ||
| "accent15": { | ||
| "value": "{color.accent15.value}" | ||
| "value": "{color.palette.accent15.value}" | ||
| }, | ||
| "accent60": { | ||
| "value": "{color.accent60.value}" | ||
| "value": "{color.palette.accent60.value}" | ||
| }, | ||
| "accent100": { | ||
| "value": "{color.accent100.value}" | ||
| "value": "{color.palette.accent100.value}" | ||
| }, | ||
| "accent120": { | ||
| "value": "{color.accent120.value}" | ||
| "value": "{color.palette.accent120.value}" | ||
| } | ||
@@ -84,51 +84,51 @@ }, | ||
| "blue10": { | ||
| "value": "{color.blue10.value}" | ||
| "value": "{color.palette.blue10.value}" | ||
| }, | ||
| "blue50": { | ||
| "value": "{color.blue50.value}" | ||
| "value": "{color.palette.blue50.value}" | ||
| }, | ||
| "blue100": { | ||
| "value": "{color.blue100.value}" | ||
| "value": "{color.palette.blue100.value}" | ||
| }, | ||
| "blue120": { | ||
| "value": "{color.blue120.value}" | ||
| "value": "{color.palette.blue120.value}" | ||
| }, | ||
| "green10": { | ||
| "value": "{color.green10.value}" | ||
| "value": "{color.palette.green10.value}" | ||
| }, | ||
| "green50": { | ||
| "value": "{color.green50.value}" | ||
| "value": "{color.palette.green50.value}" | ||
| }, | ||
| "green100": { | ||
| "value": "{color.green100.value}" | ||
| "value": "{color.palette.green100.value}" | ||
| }, | ||
| "green120": { | ||
| "value": "{color.green120.value}" | ||
| "value": "{color.palette.green120.value}" | ||
| }, | ||
| "orange10": { | ||
| "value": "{color.orange10.value}" | ||
| "value": "{color.palette.orange10.value}" | ||
| }, | ||
| "orange50": { | ||
| "value": "{color.orange50.value}" | ||
| "value": "{color.palette.orange50.value}" | ||
| }, | ||
| "orange100": { | ||
| "value": "{color.orange100.value}" | ||
| "value": "{color.palette.orange100.value}" | ||
| }, | ||
| "orange120": { | ||
| "value": "{color.orange120.value}" | ||
| "value": "{color.palette.orange120.value}" | ||
| }, | ||
| "red10": { | ||
| "value": "{color.red10.value}" | ||
| "value": "{color.palette.red10.value}" | ||
| }, | ||
| "red50": { | ||
| "value": "{color.red50.value}" | ||
| "value": "{color.palette.red50.value}" | ||
| }, | ||
| "red100": { | ||
| "value": "{color.red100.value}" | ||
| "value": "{color.palette.red100.value}" | ||
| }, | ||
| "red120": { | ||
| "value": "{color.red120.value}" | ||
| "value": "{color.palette.red120.value}" | ||
| } | ||
@@ -139,51 +139,51 @@ }, | ||
| "teal10": { | ||
| "value": "{color.teal10.value}" | ||
| "value": "{color.palette.teal10.value}" | ||
| }, | ||
| "teal50": { | ||
| "value": "{color.teal50.value}" | ||
| "value": "{color.palette.teal50.value}" | ||
| }, | ||
| "teal100": { | ||
| "value": "{color.teal100.value}" | ||
| "value": "{color.palette.teal100.value}" | ||
| }, | ||
| "teal120": { | ||
| "value": "{color.teal120.value}" | ||
| "value": "{color.palette.teal120.value}" | ||
| }, | ||
| "purple10": { | ||
| "value": "{color.purple10.value}" | ||
| "value": "{color.palette.purple10.value}" | ||
| }, | ||
| "purple50": { | ||
| "value": "{color.purple50.value}" | ||
| "value": "{color.palette.purple50.value}" | ||
| }, | ||
| "purple100": { | ||
| "value": "{color.purple100.value}" | ||
| "value": "{color.palette.purple100.value}" | ||
| }, | ||
| "purple120": { | ||
| "value": "{color.purple120.value}" | ||
| "value": "{color.palette.purple120.value}" | ||
| }, | ||
| "pink10": { | ||
| "value": "{color.pink10.value}" | ||
| "value": "{color.palette.pink10.value}" | ||
| }, | ||
| "pink50": { | ||
| "value": "{color.pink50.value}" | ||
| "value": "{color.palette.pink50.value}" | ||
| }, | ||
| "pink100": { | ||
| "value": "{color.pink100.value}" | ||
| "value": "{color.palette.pink100.value}" | ||
| }, | ||
| "pink120": { | ||
| "value": "{color.pink120.value}" | ||
| "value": "{color.palette.pink120.value}" | ||
| }, | ||
| "yellow10": { | ||
| "value": "{color.yellow10.value}" | ||
| "value": "{color.palette.yellow10.value}" | ||
| }, | ||
| "yellow50": { | ||
| "value": "{color.yellow50.value}" | ||
| "value": "{color.palette.yellow50.value}" | ||
| }, | ||
| "yellow100": { | ||
| "value": "{color.yellow100.value}" | ||
| "value": "{color.palette.yellow100.value}" | ||
| }, | ||
| "yellow120": { | ||
| "value": "{color.yellow120.value}" | ||
| "value": "{color.palette.yellow120.value}" | ||
| } | ||
@@ -190,0 +190,0 @@ } |
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
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by7.93%
41059
- Lines of code
- increased by7.58%
1561
- Number of lines in readme file
- increased by2.22%
46
Worsened metrics
- Dev dependency count
- increased by7.14%
15
No dependency changes