Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@tlon/indigo-tokens
Advanced tools
@tlon/indigo-tokens - npm Package Compare versions
Comparing version 1.2.4 to 1.2.5
@@ -1,91 +0,3 @@ | ||
| import { ThemedStyledInterface } from 'styled-components'; | ||
| declare const theme: { | ||
| colors: { | ||
| black: string; | ||
| grayDarkest: string; | ||
| grayDark: string; | ||
| gray: string; | ||
| grayMid: string; | ||
| grayLight: string; | ||
| grayLightest: string; | ||
| white: string; | ||
| blue: string; | ||
| blueLight: string; | ||
| blueDark: string; | ||
| redLight: string; | ||
| red: string; | ||
| redDark: string; | ||
| greenLight: string; | ||
| green: string; | ||
| greenDark: string; | ||
| yellowLight: string; | ||
| yellow: string; | ||
| yellowDark: string; | ||
| }; | ||
| fonts: { | ||
| sans: string; | ||
| mono: string; | ||
| }; | ||
| fontSizes: number[]; | ||
| fontWeights: { | ||
| regular: number; | ||
| bold: number; | ||
| }; | ||
| lineHeights: { | ||
| short: number; | ||
| regular: number; | ||
| tall: number; | ||
| }; | ||
| borders: string[]; | ||
| space: number[]; | ||
| radii: number[]; | ||
| sizes: number[]; | ||
| zIndices: number[]; | ||
| breakpoints: string[]; | ||
| }; | ||
| export declare type Theme = typeof theme; | ||
| export declare const styled: ThemedStyledInterface<{ | ||
| colors: { | ||
| black: string; | ||
| grayDarkest: string; | ||
| grayDark: string; | ||
| gray: string; | ||
| grayMid: string; | ||
| grayLight: string; | ||
| grayLightest: string; | ||
| white: string; | ||
| blue: string; | ||
| blueLight: string; | ||
| blueDark: string; | ||
| redLight: string; | ||
| red: string; | ||
| redDark: string; | ||
| greenLight: string; | ||
| green: string; | ||
| greenDark: string; | ||
| yellowLight: string; | ||
| yellow: string; | ||
| yellowDark: string; | ||
| }; | ||
| fonts: { | ||
| sans: string; | ||
| mono: string; | ||
| }; | ||
| fontSizes: number[]; | ||
| fontWeights: { | ||
| regular: number; | ||
| bold: number; | ||
| }; | ||
| lineHeights: { | ||
| short: number; | ||
| regular: number; | ||
| tall: number; | ||
| }; | ||
| borders: string[]; | ||
| space: number[]; | ||
| radii: number[]; | ||
| sizes: number[]; | ||
| zIndices: number[]; | ||
| breakpoints: string[]; | ||
| }>; | ||
| export default theme; | ||
| import dark from './dark'; | ||
| import light from './light'; | ||
| export { dark, light }; |
@@ -5,31 +5,65 @@ 'use strict'; | ||
| function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; } | ||
| require('styled-components'); | ||
| var baseStyled = _interopDefault(require('styled-components')); | ||
| function _extends() { | ||
| _extends = Object.assign || function (target) { | ||
| for (var i = 1; i < arguments.length; i++) { | ||
| var source = arguments[i]; | ||
| var theme = { | ||
| // color, background-color, border-color | ||
| colors: { | ||
| black: '#000000', | ||
| grayDarkest: '#333333', | ||
| grayDark: '#4d4d4d', | ||
| gray: '#7f7f7f', | ||
| grayMid: '#b1b1b1', | ||
| grayLight: '#d6d6d6', | ||
| grayLightest: '#f9f9f9', | ||
| white: '#ffffff', | ||
| blue: '#4330fc', | ||
| blueLight: '#ecf6ff', | ||
| blueDark: '#190d7b', | ||
| redLight: '#f9d6ce', | ||
| red: '#ee5432', | ||
| redDark: '#c10d30', | ||
| greenLight: '#bdebcc', | ||
| green: '#2aa779', | ||
| greenDark: '#286e55', | ||
| yellowLight: '#ffefc5', | ||
| yellow: '#fcc440', | ||
| yellowDark: '#ee892b' | ||
| }, | ||
| // font-family | ||
| for (var key in source) { | ||
| if (Object.prototype.hasOwnProperty.call(source, key)) { | ||
| target[key] = source[key]; | ||
| } | ||
| } | ||
| } | ||
| return target; | ||
| }; | ||
| return _extends.apply(this, arguments); | ||
| } | ||
| var colors = { | ||
| util: '#FFFF00', | ||
| // Black, white, grays | ||
| black: '#000000', | ||
| gray8: '#111111', | ||
| gray7: '#333333', | ||
| gray6: '#555555', | ||
| gray5: '#777777', | ||
| gray4: '#999999', | ||
| gray3: '#AAAAAA', | ||
| gray2: '#CCCCCC', | ||
| gray1: '#EEEEEE', | ||
| gray0: '#F4F4F4', | ||
| white: '#FFFFFF', | ||
| // Red | ||
| red4: '#550400', | ||
| red3: '#AA160D', | ||
| red2: '#FF4136', | ||
| red1: '#FF9D97', | ||
| red0: '#FFD0CD', | ||
| // Yellow | ||
| yellow4: '#FF8700', | ||
| yellow3: '#FFB700', | ||
| yellow2: '#FFD700', | ||
| yellow1: '#FBF1A9', | ||
| yellow0: '#FFFCEB', | ||
| // Green | ||
| green4: '#033827', | ||
| green3: '#0B714D', | ||
| green2: '#19A974', | ||
| green1: '#9EEBCF', | ||
| green0: '#E8FDF5', | ||
| // Blue | ||
| blue4: '#001B44', | ||
| blue3: '#00449E', | ||
| blue2: '#357EDD', | ||
| blue1: '#96CCFF', | ||
| blue0: '#CDECFF' | ||
| }; | ||
| var reset = "\n html, body, div, span, applet, object, iframe,\n h1, h2, h3, h4, h5, h6, p, blockquote, pre,\n a, abbr, acronym, address, big, cite, code,\n del, dfn, em, img, ins, kbd, q, s, samp,\n small, strike, strong, sub, sup, tt, var,\n b, u, i, center,\n dl, dt, dd, ol, ul, li,\n fieldset, form, label, legend,\n table, caption, tbody, tfoot, thead, tr, th, td,\n article, aside, canvas, details, embed,\n figure, figcaption, footer, header, hgroup,\n menu, nav, output, ruby, section, summary,\n time, mark, audio, video {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font: inherit;\n vertical-align: baseline;\n box-sizing: border-box;\n font-weight: normal;\n }\n body {\n line-height: 1.5;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n ol, ul {\n list-style: none;\n }\n blockquote, q {\n quotes: none;\n }\n blockquote:before, blockquote:after,\n q:before, q:after {\n content: '';\n content: none;\n }\n table {\n border-collapse: collapse;\n border-spacing: 0;\n }\n"; | ||
| var core = { | ||
| fonts: { | ||
@@ -40,7 +74,8 @@ sans: "\"Inter\", \"Inter UI\", -apple-system, BlinkMacSystemFont, 'San Francisco', 'Helvetica Neue', Arial, sans-serif", | ||
| // font-size | ||
| fontSizes: [12, 14, 16, 20, 24, 32, 48], | ||
| fontSizes: [10, 11, 12, 14, 16, 20, 24, 32, 48], | ||
| // font-weight | ||
| fontWeights: { | ||
| thin: 300, | ||
| regular: 400, | ||
| bold: 600 | ||
| bold: 500 | ||
| }, | ||
@@ -51,3 +86,3 @@ // line-height | ||
| regular: 1.5, | ||
| tall: 1.6 | ||
| tall: 1.666667 | ||
| }, | ||
@@ -66,6 +101,62 @@ // border, border-top, border-right, border-bottom, border-left | ||
| }; | ||
| var styled = baseStyled; | ||
| exports.default = theme; | ||
| exports.styled = styled; | ||
| var theme = | ||
| /*#__PURE__*/ | ||
| _extends({ | ||
| // color, background-color, border-color | ||
| colors: { | ||
| util: '#FFFF00', | ||
| // Black, white, grays | ||
| black: colors.white, | ||
| gray8: colors.gray0, | ||
| gray7: colors.gray1, | ||
| gray6: colors.gray2, | ||
| gray5: colors.gray3, | ||
| gray4: colors.gray4, | ||
| gray3: colors.gray5, | ||
| gray2: colors.gray6, | ||
| gray1: colors.gray7, | ||
| gray0: colors.gray8, | ||
| white: colors.black, | ||
| // Red | ||
| red4: colors.red0, | ||
| red3: colors.red1, | ||
| red2: colors.red2, | ||
| red1: colors.red3, | ||
| red0: colors.red4, | ||
| // Yellow | ||
| yellow4: colors.yellow0, | ||
| yellow3: colors.yellow1, | ||
| yellow2: colors.yellow2, | ||
| yellow1: colors.yellow3, | ||
| yellow0: colors.yellow4, | ||
| // Green | ||
| green4: colors.green0, | ||
| green3: colors.green1, | ||
| green2: colors.green2, | ||
| green1: colors.green3, | ||
| green0: colors.green4, | ||
| // Blue | ||
| blue4: colors.blue0, | ||
| blue3: colors.blue1, | ||
| blue2: colors.blue2, | ||
| blue1: colors.blue3, | ||
| blue0: colors.blue4 | ||
| } | ||
| }, core, { | ||
| reset: reset | ||
| }); | ||
| var theme$1 = | ||
| /*#__PURE__*/ | ||
| _extends({ | ||
| colors: | ||
| /*#__PURE__*/ | ||
| _extends({}, colors) | ||
| }, core, { | ||
| reset: reset | ||
| }); | ||
| exports.dark = theme; | ||
| exports.light = theme$1; | ||
| //# sourceMappingURL=indigo-tokens.cjs.development.js.map |
@@ -1,2 +0,2 @@ | ||
| "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,r=(e=require("styled-components"))&&"object"==typeof e&&"default"in e?e.default:e;exports.default={colors:{black:"#000000",grayDarkest:"#333333",grayDark:"#4d4d4d",gray:"#7f7f7f",grayMid:"#b1b1b1",grayLight:"#d6d6d6",grayLightest:"#f9f9f9",white:"#ffffff",blue:"#4330fc",blueLight:"#ecf6ff",blueDark:"#190d7b",redLight:"#f9d6ce",red:"#ee5432",redDark:"#c10d30",greenLight:"#bdebcc",green:"#2aa779",greenDark:"#286e55",yellowLight:"#ffefc5",yellow:"#fcc440",yellowDark:"#ee892b"},fonts:{sans:"\"Inter\", \"Inter UI\", -apple-system, BlinkMacSystemFont, 'San Francisco', 'Helvetica Neue', Arial, sans-serif",mono:'"Source Code Pro", "Roboto mono", "Courier New", monospace'},fontSizes:[12,14,16,20,24,32,48],fontWeights:{regular:400,bold:600},lineHeights:{short:1.333334,regular:1.5,tall:1.6},borders:["none","1px solid"],space:[0,4,8,12,16,20,24,32,48,64,96,160,288],radii:[0,4,8,12,16,20,24,32],sizes:[0,4,8,12,16,20,24,32,48,64,96,160,288],zIndices:[0,1,2,3,4,5,6,7,8,9,10],breakpoints:["768px","1024px","1440px"]},exports.styled=r; | ||
| "use strict";function e(){return(e=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e}).apply(this,arguments)}Object.defineProperty(exports,"__esModule",{value:!0}),require("styled-components");var r={util:"#FFFF00",black:"#000000",gray8:"#111111",gray7:"#333333",gray6:"#555555",gray5:"#777777",gray4:"#999999",gray3:"#AAAAAA",gray2:"#CCCCCC",gray1:"#EEEEEE",gray0:"#F4F4F4",white:"#FFFFFF",red4:"#550400",red3:"#AA160D",red2:"#FF4136",red1:"#FF9D97",red0:"#FFD0CD",yellow4:"#FF8700",yellow3:"#FFB700",yellow2:"#FFD700",yellow1:"#FBF1A9",yellow0:"#FFFCEB",green4:"#033827",green3:"#0B714D",green2:"#19A974",green1:"#9EEBCF",green0:"#E8FDF5",blue4:"#001B44",blue3:"#00449E",blue2:"#357EDD",blue1:"#96CCFF",blue0:"#CDECFF"},n="\n html, body, div, span, applet, object, iframe,\n h1, h2, h3, h4, h5, h6, p, blockquote, pre,\n a, abbr, acronym, address, big, cite, code,\n del, dfn, em, img, ins, kbd, q, s, samp,\n small, strike, strong, sub, sup, tt, var,\n b, u, i, center,\n dl, dt, dd, ol, ul, li,\n fieldset, form, label, legend,\n table, caption, tbody, tfoot, thead, tr, th, td,\n article, aside, canvas, details, embed,\n figure, figcaption, footer, header, hgroup,\n menu, nav, output, ruby, section, summary,\n time, mark, audio, video {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font: inherit;\n vertical-align: baseline;\n box-sizing: border-box;\n font-weight: normal;\n }\n body {\n line-height: 1.5;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n ol, ul {\n list-style: none;\n }\n blockquote, q {\n quotes: none;\n }\n blockquote:before, blockquote:after,\n q:before, q:after {\n content: '';\n content: none;\n }\n table {\n border-collapse: collapse;\n border-spacing: 0;\n }\n",o={fonts:{sans:"\"Inter\", \"Inter UI\", -apple-system, BlinkMacSystemFont, 'San Francisco', 'Helvetica Neue', Arial, sans-serif",mono:'"Source Code Pro", "Roboto mono", "Courier New", monospace'},fontSizes:[10,11,12,14,16,20,24,32,48],fontWeights:{thin:300,regular:400,bold:500},lineHeights:{short:1.333334,regular:1.5,tall:1.666667},borders:["none","1px solid"],space:[0,4,8,12,16,20,24,32,48,64,96,160,288],radii:[0,4,8,12,16,20,24,32],sizes:[0,4,8,12,16,20,24,32,48,64,96,160,288],zIndices:[0,1,2,3,4,5,6,7,8,9,10],breakpoints:["768px","1024px","1440px"]},l=e({colors:{util:"#FFFF00",black:r.white,gray8:r.gray0,gray7:r.gray1,gray6:r.gray2,gray5:r.gray3,gray4:r.gray4,gray3:r.gray5,gray2:r.gray6,gray1:r.gray7,gray0:r.gray8,white:r.black,red4:r.red0,red3:r.red1,red2:r.red2,red1:r.red3,red0:r.red4,yellow4:r.yellow0,yellow3:r.yellow1,yellow2:r.yellow2,yellow1:r.yellow3,yellow0:r.yellow4,green4:r.green0,green3:r.green1,green2:r.green2,green1:r.green3,green0:r.green4,blue4:r.blue0,blue3:r.blue1,blue2:r.blue2,blue1:r.blue3,blue0:r.blue4}},o,{reset:n}),t=e({colors:e({},r)},o,{reset:n});exports.dark=l,exports.light=t; | ||
| //# sourceMappingURL=indigo-tokens.cjs.production.min.js.map |
@@ -1,28 +0,64 @@ | ||
| import baseStyled from 'styled-components'; | ||
| import 'styled-components'; | ||
| var theme = { | ||
| // color, background-color, border-color | ||
| colors: { | ||
| black: '#000000', | ||
| grayDarkest: '#333333', | ||
| grayDark: '#4d4d4d', | ||
| gray: '#7f7f7f', | ||
| grayMid: '#b1b1b1', | ||
| grayLight: '#d6d6d6', | ||
| grayLightest: '#f9f9f9', | ||
| white: '#ffffff', | ||
| blue: '#4330fc', | ||
| blueLight: '#ecf6ff', | ||
| blueDark: '#190d7b', | ||
| redLight: '#f9d6ce', | ||
| red: '#ee5432', | ||
| redDark: '#c10d30', | ||
| greenLight: '#bdebcc', | ||
| green: '#2aa779', | ||
| greenDark: '#286e55', | ||
| yellowLight: '#ffefc5', | ||
| yellow: '#fcc440', | ||
| yellowDark: '#ee892b' | ||
| }, | ||
| // font-family | ||
| function _extends() { | ||
| _extends = Object.assign || function (target) { | ||
| for (var i = 1; i < arguments.length; i++) { | ||
| var source = arguments[i]; | ||
| for (var key in source) { | ||
| if (Object.prototype.hasOwnProperty.call(source, key)) { | ||
| target[key] = source[key]; | ||
| } | ||
| } | ||
| } | ||
| return target; | ||
| }; | ||
| return _extends.apply(this, arguments); | ||
| } | ||
| var colors = { | ||
| util: '#FFFF00', | ||
| // Black, white, grays | ||
| black: '#000000', | ||
| gray8: '#111111', | ||
| gray7: '#333333', | ||
| gray6: '#555555', | ||
| gray5: '#777777', | ||
| gray4: '#999999', | ||
| gray3: '#AAAAAA', | ||
| gray2: '#CCCCCC', | ||
| gray1: '#EEEEEE', | ||
| gray0: '#F4F4F4', | ||
| white: '#FFFFFF', | ||
| // Red | ||
| red4: '#550400', | ||
| red3: '#AA160D', | ||
| red2: '#FF4136', | ||
| red1: '#FF9D97', | ||
| red0: '#FFD0CD', | ||
| // Yellow | ||
| yellow4: '#FF8700', | ||
| yellow3: '#FFB700', | ||
| yellow2: '#FFD700', | ||
| yellow1: '#FBF1A9', | ||
| yellow0: '#FFFCEB', | ||
| // Green | ||
| green4: '#033827', | ||
| green3: '#0B714D', | ||
| green2: '#19A974', | ||
| green1: '#9EEBCF', | ||
| green0: '#E8FDF5', | ||
| // Blue | ||
| blue4: '#001B44', | ||
| blue3: '#00449E', | ||
| blue2: '#357EDD', | ||
| blue1: '#96CCFF', | ||
| blue0: '#CDECFF' | ||
| }; | ||
| var reset = "\n html, body, div, span, applet, object, iframe,\n h1, h2, h3, h4, h5, h6, p, blockquote, pre,\n a, abbr, acronym, address, big, cite, code,\n del, dfn, em, img, ins, kbd, q, s, samp,\n small, strike, strong, sub, sup, tt, var,\n b, u, i, center,\n dl, dt, dd, ol, ul, li,\n fieldset, form, label, legend,\n table, caption, tbody, tfoot, thead, tr, th, td,\n article, aside, canvas, details, embed,\n figure, figcaption, footer, header, hgroup,\n menu, nav, output, ruby, section, summary,\n time, mark, audio, video {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font: inherit;\n vertical-align: baseline;\n box-sizing: border-box;\n font-weight: normal;\n }\n body {\n line-height: 1.5;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n ol, ul {\n list-style: none;\n }\n blockquote, q {\n quotes: none;\n }\n blockquote:before, blockquote:after,\n q:before, q:after {\n content: '';\n content: none;\n }\n table {\n border-collapse: collapse;\n border-spacing: 0;\n }\n"; | ||
| var core = { | ||
| fonts: { | ||
@@ -33,7 +69,8 @@ sans: "\"Inter\", \"Inter UI\", -apple-system, BlinkMacSystemFont, 'San Francisco', 'Helvetica Neue', Arial, sans-serif", | ||
| // font-size | ||
| fontSizes: [12, 14, 16, 20, 24, 32, 48], | ||
| fontSizes: [10, 11, 12, 14, 16, 20, 24, 32, 48], | ||
| // font-weight | ||
| fontWeights: { | ||
| thin: 300, | ||
| regular: 400, | ||
| bold: 600 | ||
| bold: 500 | ||
| }, | ||
@@ -44,3 +81,3 @@ // line-height | ||
| regular: 1.5, | ||
| tall: 1.6 | ||
| tall: 1.666667 | ||
| }, | ||
@@ -59,6 +96,61 @@ // border, border-top, border-right, border-bottom, border-left | ||
| }; | ||
| var styled = baseStyled; | ||
| export default theme; | ||
| export { styled }; | ||
| var theme = | ||
| /*#__PURE__*/ | ||
| _extends({ | ||
| // color, background-color, border-color | ||
| colors: { | ||
| util: '#FFFF00', | ||
| // Black, white, grays | ||
| black: colors.white, | ||
| gray8: colors.gray0, | ||
| gray7: colors.gray1, | ||
| gray6: colors.gray2, | ||
| gray5: colors.gray3, | ||
| gray4: colors.gray4, | ||
| gray3: colors.gray5, | ||
| gray2: colors.gray6, | ||
| gray1: colors.gray7, | ||
| gray0: colors.gray8, | ||
| white: colors.black, | ||
| // Red | ||
| red4: colors.red0, | ||
| red3: colors.red1, | ||
| red2: colors.red2, | ||
| red1: colors.red3, | ||
| red0: colors.red4, | ||
| // Yellow | ||
| yellow4: colors.yellow0, | ||
| yellow3: colors.yellow1, | ||
| yellow2: colors.yellow2, | ||
| yellow1: colors.yellow3, | ||
| yellow0: colors.yellow4, | ||
| // Green | ||
| green4: colors.green0, | ||
| green3: colors.green1, | ||
| green2: colors.green2, | ||
| green1: colors.green3, | ||
| green0: colors.green4, | ||
| // Blue | ||
| blue4: colors.blue0, | ||
| blue3: colors.blue1, | ||
| blue2: colors.blue2, | ||
| blue1: colors.blue3, | ||
| blue0: colors.blue4 | ||
| } | ||
| }, core, { | ||
| reset: reset | ||
| }); | ||
| var theme$1 = | ||
| /*#__PURE__*/ | ||
| _extends({ | ||
| colors: | ||
| /*#__PURE__*/ | ||
| _extends({}, colors) | ||
| }, core, { | ||
| reset: reset | ||
| }); | ||
| export { theme as dark, theme$1 as light }; | ||
| //# sourceMappingURL=indigo-tokens.esm.js.map |
| { | ||
| "name": "@tlon/indigo-tokens", | ||
| "version": "1.2.4", | ||
| "version": "1.2.5", | ||
| "description": "Tlon's design language", | ||
@@ -5,0 +5,0 @@ "author": "tlon", |
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
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
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
Minified code
QualityThis package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.
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
Minified code
QualityThis package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by120.69%
49699
- Number of package files
- increased by45.45%
16
- Lines of code
- increased by176.34%
619
Worsened metrics
- Number of low supply chain risk alerts
- increased by150%
5
- Number of medium supply chain risk alerts
- increased byInfinity%
1
No dependency changes