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.3.1 to 1.3.2
| declare const colors: { | ||
| black: string; | ||
| white: string; | ||
| gray8: string; | ||
| gray7: string; | ||
| gray6: string; | ||
| gray5: string; | ||
| gray4: string; | ||
| gray3: string; | ||
| gray2: string; | ||
| gray1: string; | ||
| gray0: string; | ||
| gray: string; | ||
| red8: string; | ||
| red7: string; | ||
| red6: string; | ||
| red5: string; | ||
| red4: string; | ||
| red3: string; | ||
| red2: string; | ||
| red1: string; | ||
| red0: string; | ||
| red: string; | ||
| yellow8: string; | ||
| yellow7: string; | ||
| yellow6: string; | ||
| yellow5: string; | ||
| yellow4: string; | ||
| yellow3: string; | ||
| yellow2: string; | ||
| yellow1: string; | ||
| yellow0: string; | ||
| yellow: string; | ||
| green8: string; | ||
| green7: string; | ||
| green6: string; | ||
| green5: string; | ||
| green4: string; | ||
| green3: string; | ||
| green2: string; | ||
| green1: string; | ||
| green0: string; | ||
| green: string; | ||
| blue8: string; | ||
| blue7: string; | ||
| blue6: string; | ||
| blue5: string; | ||
| blue4: string; | ||
| blue3: string; | ||
| blue2: string; | ||
| blue1: string; | ||
| blue0: string; | ||
| blue: string; | ||
| purple8: string; | ||
| purple7: string; | ||
| purple6: string; | ||
| purple5: string; | ||
| purple4: string; | ||
| purple3: string; | ||
| purple2: string; | ||
| purple1: string; | ||
| purple0: string; | ||
| purple: string; | ||
| cmyk: string[]; | ||
| rgb: string[]; | ||
| bg: string; | ||
| dark: string; | ||
| dark3: string; | ||
| dark2: string; | ||
| dark1: string; | ||
| dark0: string; | ||
| light: string; | ||
| light3: string; | ||
| light2: string; | ||
| light1: string; | ||
| light0: string; | ||
| primary: string; | ||
| primary3: string; | ||
| primary2: string; | ||
| primary1: string; | ||
| primary0: string; | ||
| error: string; | ||
| error3: string; | ||
| error2: string; | ||
| error1: string; | ||
| error0: string; | ||
| caution: string; | ||
| caution3: string; | ||
| caution2: string; | ||
| caution1: string; | ||
| caution0: string; | ||
| success: string; | ||
| success3: string; | ||
| success2: string; | ||
| success1: string; | ||
| success0: string; | ||
| scales: { | ||
| black01: string; | ||
| black02: string; | ||
| black03: string; | ||
| black04: string; | ||
| black05: string; | ||
| black06: string; | ||
| black07: string; | ||
| black08: string; | ||
| black09: string; | ||
| blue01: string; | ||
| blue02: string; | ||
| blue03: string; | ||
| blue04: string; | ||
| blue05: string; | ||
| blue06: string; | ||
| blue07: string; | ||
| blue08: string; | ||
| blue09: string; | ||
| green01: string; | ||
| green02: string; | ||
| green03: string; | ||
| green04: string; | ||
| green05: string; | ||
| green06: string; | ||
| green07: string; | ||
| green08: string; | ||
| green09: string; | ||
| orange01: string; | ||
| orange02: string; | ||
| orange03: string; | ||
| orange04: string; | ||
| orange05: string; | ||
| orange06: string; | ||
| orange07: string; | ||
| orange08: string; | ||
| orange09: string; | ||
| purple01: string; | ||
| purple02: string; | ||
| purple03: string; | ||
| purple04: string; | ||
| purple05: string; | ||
| purple06: string; | ||
| purple07: string; | ||
| purple08: string; | ||
| purple09: string; | ||
| red01: string; | ||
| red02: string; | ||
| red03: string; | ||
| red04: string; | ||
| red05: string; | ||
| red06: string; | ||
| red07: string; | ||
| red08: string; | ||
| red09: string; | ||
| white01: string; | ||
| white02: string; | ||
| white03: string; | ||
| white04: string; | ||
| white05: string; | ||
| white06: string; | ||
| white07: string; | ||
| white08: string; | ||
| white09: string; | ||
| yellow01: string; | ||
| yellow02: string; | ||
| yellow03: string; | ||
| yellow04: string; | ||
| yellow05: string; | ||
| yellow06: string; | ||
| yellow07: string; | ||
| yellow08: string; | ||
| yellow09: string; | ||
| }; | ||
| }; | ||
| export declare type Colors = typeof colors; | ||
| export default colors; |
@@ -1,6 +0,2 @@ | ||
| import dark from './themes/dark'; | ||
| import light from './themes/light'; | ||
| import inverted from './themes/inverted'; | ||
| import paperLight from './themes/paperLight'; | ||
| import paperDark from './themes/paperDark'; | ||
| import { ThemedStyledInterface } from 'styled-components'; | ||
@@ -32,71 +28,110 @@ export declare type Theme = typeof light; | ||
| colors: { | ||
| none: string; | ||
| bg: string; | ||
| dark: string; | ||
| dark3: string; | ||
| dark2: string; | ||
| dark1: string; | ||
| dark0: string; | ||
| light: string; | ||
| light3: string; | ||
| light2: string; | ||
| light1: string; | ||
| light0: string; | ||
| primary: string; | ||
| primary3: string; | ||
| primary2: string; | ||
| primary1: string; | ||
| primary0: string; | ||
| error: string; | ||
| error3: string; | ||
| error2: string; | ||
| error1: string; | ||
| error0: string; | ||
| caution: string; | ||
| none: string; | ||
| black: string; | ||
| white: string; | ||
| gray8: string; | ||
| gray7: string; | ||
| gray6: string; | ||
| gray5: string; | ||
| gray4: string; | ||
| gray3: string; | ||
| gray2: string; | ||
| gray1: string; | ||
| gray0: string; | ||
| gray: string; | ||
| red8: string; | ||
| red7: string; | ||
| red6: string; | ||
| red5: string; | ||
| red4: string; | ||
| red3: string; | ||
| red2: string; | ||
| red1: string; | ||
| red0: string; | ||
| red: string; | ||
| yellow8: string; | ||
| yellow7: string; | ||
| yellow6: string; | ||
| yellow5: string; | ||
| yellow4: string; | ||
| yellow3: string; | ||
| yellow2: string; | ||
| yellow1: string; | ||
| yellow0: string; | ||
| yellow: string; | ||
| green8: string; | ||
| green7: string; | ||
| green6: string; | ||
| green5: string; | ||
| green4: string; | ||
| green3: string; | ||
| green2: string; | ||
| green1: string; | ||
| green0: string; | ||
| green: string; | ||
| blue8: string; | ||
| blue7: string; | ||
| blue6: string; | ||
| blue5: string; | ||
| blue4: string; | ||
| blue3: string; | ||
| blue2: string; | ||
| blue1: string; | ||
| blue0: string; | ||
| blue: string; | ||
| purple8: string; | ||
| purple7: string; | ||
| purple6: string; | ||
| purple5: string; | ||
| purple4: string; | ||
| purple3: string; | ||
| purple2: string; | ||
| purple1: string; | ||
| purple0: string; | ||
| purple: string; | ||
| cmyk: string[]; | ||
| rgb: string[]; | ||
| caution3: string; | ||
| caution2: string; | ||
| caution1: string; | ||
| caution0: string; | ||
| success: string; | ||
| success3: string; | ||
| success2: string; | ||
| success1: string; | ||
| success0: string; | ||
| scales: { | ||
| black01: string; | ||
| black02: string; | ||
| black03: string; | ||
| black04: string; | ||
| black05: string; | ||
| black06: string; | ||
| black07: string; | ||
| black08: string; | ||
| black09: string; | ||
| blue01: string; | ||
| blue02: string; | ||
| blue03: string; | ||
| blue04: string; | ||
| blue05: string; | ||
| blue06: string; | ||
| blue07: string; | ||
| blue08: string; | ||
| blue09: string; | ||
| green01: string; | ||
| green02: string; | ||
| green03: string; | ||
| green04: string; | ||
| green05: string; | ||
| green06: string; | ||
| green07: string; | ||
| green08: string; | ||
| green09: string; | ||
| orange01: string; | ||
| orange02: string; | ||
| orange03: string; | ||
| orange04: string; | ||
| orange05: string; | ||
| orange06: string; | ||
| orange07: string; | ||
| orange08: string; | ||
| orange09: string; | ||
| purple01: string; | ||
| purple02: string; | ||
| purple03: string; | ||
| purple04: string; | ||
| purple05: string; | ||
| purple06: string; | ||
| purple07: string; | ||
| purple08: string; | ||
| purple09: string; | ||
| red01: string; | ||
| red02: string; | ||
| red03: string; | ||
| red04: string; | ||
| red05: string; | ||
| red06: string; | ||
| red07: string; | ||
| red08: string; | ||
| red09: string; | ||
| white01: string; | ||
| white02: string; | ||
| white03: string; | ||
| white04: string; | ||
| white05: string; | ||
| white06: string; | ||
| white07: string; | ||
| white08: string; | ||
| white09: string; | ||
| yellow01: string; | ||
| yellow02: string; | ||
| yellow03: string; | ||
| yellow04: string; | ||
| yellow05: string; | ||
| yellow06: string; | ||
| yellow07: string; | ||
| yellow08: string; | ||
| yellow09: string; | ||
| }; | ||
| }; | ||
| }>; | ||
| export { dark, light, inverted, paperLight, paperDark }; | ||
| export { light }; |
@@ -27,77 +27,168 @@ 'use strict'; | ||
| var colors = { | ||
| // Black, white | ||
| var toHexIntStr = function toHexIntStr(n) { | ||
| return (~~(n * 255)).toString(16).padStart(2, '0').toUpperCase(); | ||
| }; | ||
| var base = { | ||
| white: '#FFFFFF', | ||
| black: '#000000', | ||
| white: '#FFFFFF', | ||
| // Gray | ||
| gray8: '#222222', | ||
| gray7: '#333333', | ||
| gray6: '#555555', | ||
| gray5: '#808080', | ||
| gray4: '#999999', | ||
| gray3: '#AAAAAA', | ||
| gray2: '#CCCCCC', | ||
| gray1: '#EEEEEE', | ||
| gray0: '#F4F4F4', | ||
| gray: '#808080', | ||
| // Red | ||
| red8: '#C2111B', | ||
| red7: '#D12228', | ||
| red6: '#DE2A2F', | ||
| red5: '#FF4036', | ||
| red4: '#F95251', | ||
| red3: '#ED7374', | ||
| red2: '#F59B9B', | ||
| red1: '#FFCED3', | ||
| red0: '#FFEBEF', | ||
| red: '#FF4036', | ||
| // Yellow | ||
| yellow8: '#FF6800', | ||
| yellow7: '#FF8A00', | ||
| yellow6: '#FF9C00', | ||
| yellow5: '#FFBE00', | ||
| yellow4: '#FFC800', | ||
| yellow3: '#FFD342', | ||
| yellow2: '#FFDF7B', | ||
| yellow1: '#FFEBAF', | ||
| yellow0: '#FFF8DF', | ||
| orange: '#FF6800', | ||
| yellow: '#FFC800', | ||
| // Green | ||
| green8: '#005C37', | ||
| green7: '#007C4C', | ||
| green6: '#008D58', | ||
| green5: '#0AAE6F', | ||
| green4: '#45BA85', | ||
| green3: '#6AC69A', | ||
| green2: '#97D6B6', | ||
| green1: '#C0E6D2', | ||
| green0: '#E5F5ED', | ||
| green: '#0AAE6F', | ||
| // Blue | ||
| blue8: '#0B3DA8', | ||
| blue7: '#005CC9', | ||
| blue6: '#006EDB', | ||
| blue5: '#008EFE', | ||
| blue4: '#289EFF', | ||
| blue3: '#56AFFE', | ||
| blue2: '#89C6FF', | ||
| blue1: '#B8DCFF', | ||
| blue0: '#E2F1FF', | ||
| blue: "#289EFF", | ||
| // Purple | ||
| purple8: '#4110CF', | ||
| purple7: '#5B08EA', | ||
| purple6: '#6C15EF', | ||
| purple5: '#8928FF', | ||
| purple4: '#9D52FF', | ||
| purple3: '#B176FF', | ||
| purple2: '#C8A0FF', | ||
| purple1: '#DEC7FF', | ||
| purple0: '#F3E8FF', | ||
| purple: '#9D52FF', | ||
| // Util | ||
| cmyk: ['#00FFFF', '#FF00FF', '#FFFF00', '#000000'], | ||
| rgb: ['#FF0000', '#00FF00', '#0000FF'] | ||
| blue: '#289EFF', | ||
| purple: '#9D52FF' | ||
| }; | ||
| var scales = { | ||
| black01: '#00000019', | ||
| black02: '#00000033', | ||
| black03: '#0000004C', | ||
| black04: '#00000066', | ||
| black05: '#0000000C', | ||
| black06: '#00000099', | ||
| black07: '#000000B2', | ||
| black08: '#000000CC', | ||
| black09: '#000000E5', | ||
| blue01: '#289EFF19', | ||
| blue02: '#289EFF33', | ||
| blue03: '#289EFF4C', | ||
| blue04: '#289EFF66', | ||
| blue05: '#289EFF0C', | ||
| blue06: '#289EFF99', | ||
| blue07: '#289EFFB2', | ||
| blue08: '#289EFFCC', | ||
| blue09: '#289EFFE5', | ||
| green01: '#0AAE6F19', | ||
| green02: '#0AAE6F33', | ||
| green03: '#0AAE6F4C', | ||
| green04: '#0AAE6F66', | ||
| green05: '#0AAE6F0C', | ||
| green06: '#0AAE6F99', | ||
| green07: '#0AAE6FB2', | ||
| green08: '#0AAE6FCC', | ||
| green09: '#0AAE6FE5', | ||
| orange01: '#FF680019', | ||
| orange02: '#FF680033', | ||
| orange03: '#FF68004C', | ||
| orange04: '#FF680066', | ||
| orange05: '#FF68000C', | ||
| orange06: '#FF680099', | ||
| orange07: '#FF6800B2', | ||
| orange08: '#FF6800CC', | ||
| orange09: '#FF6800E5', | ||
| purple01: '#9D52FF19', | ||
| purple02: '#9D52FF33', | ||
| purple03: '#9D52FF4C', | ||
| purple04: '#9D52FF66', | ||
| purple05: '#9D52FF0C', | ||
| purple06: '#9D52FF99', | ||
| purple07: '#9D52FFB2', | ||
| purple08: '#9D52FFCC', | ||
| purple09: '#9D52FFE5', | ||
| red01: '#FF403619', | ||
| red02: '#FF403633', | ||
| red03: '#FF40364C', | ||
| red04: '#FF403666', | ||
| red05: '#FF40360C', | ||
| red06: '#FF403699', | ||
| red07: '#FF4036B2', | ||
| red08: '#FF4036CC', | ||
| red09: '#FF4036E5', | ||
| white01: '#FFFFFF19', | ||
| white02: '#FFFFFF33', | ||
| white03: '#FFFFFF4C', | ||
| white04: '#FFFFFF66', | ||
| white05: '#FFFFFF0C', | ||
| white06: '#FFFFFF99', | ||
| white07: '#FFFFFFB2', | ||
| white08: '#FFFFFFCC', | ||
| white09: '#FFFFFFE5', | ||
| yellow01: '#FFC80019', | ||
| yellow02: '#FFC80033', | ||
| yellow03: '#FFC8004C', | ||
| yellow04: '#FFC80066', | ||
| yellow05: '#FFC8000C', | ||
| yellow06: '#FFC80099', | ||
| yellow07: '#FFC800B2', | ||
| yellow08: '#FFC800CC', | ||
| yellow09: '#FFC800E5' | ||
| }; | ||
| var bg = { | ||
| bg: base.white | ||
| }; | ||
| var fg = { | ||
| dark: base.black, | ||
| dark3: base.black, | ||
| dark2: base.black + | ||
| /*#__PURE__*/ | ||
| toHexIntStr(0.8), | ||
| dark1: base.black + | ||
| /*#__PURE__*/ | ||
| toHexIntStr(0.3), | ||
| dark0: base.black + | ||
| /*#__PURE__*/ | ||
| toHexIntStr(0.05), | ||
| light: base.white, | ||
| light3: base.white, | ||
| light2: base.white + | ||
| /*#__PURE__*/ | ||
| toHexIntStr(0.8), | ||
| light1: base.white + | ||
| /*#__PURE__*/ | ||
| toHexIntStr(0.3), | ||
| light0: base.white + | ||
| /*#__PURE__*/ | ||
| toHexIntStr(0.05), | ||
| primary: base.blue, | ||
| primary3: base.blue, | ||
| primary2: base.blue + | ||
| /*#__PURE__*/ | ||
| toHexIntStr(0.8), | ||
| primary1: base.blue + | ||
| /*#__PURE__*/ | ||
| toHexIntStr(0.3), | ||
| primary0: base.blue + | ||
| /*#__PURE__*/ | ||
| toHexIntStr(0.05), | ||
| error: base.red, | ||
| error3: base.red, | ||
| error2: base.red + | ||
| /*#__PURE__*/ | ||
| toHexIntStr(0.8), | ||
| error1: base.red + | ||
| /*#__PURE__*/ | ||
| toHexIntStr(0.3), | ||
| error0: base.red + | ||
| /*#__PURE__*/ | ||
| toHexIntStr(0.05), | ||
| caution: base.yellow, | ||
| caution3: base.yellow, | ||
| caution2: base.yellow + | ||
| /*#__PURE__*/ | ||
| toHexIntStr(0.8), | ||
| caution1: base.yellow + | ||
| /*#__PURE__*/ | ||
| toHexIntStr(0.3), | ||
| caution0: base.yellow + | ||
| /*#__PURE__*/ | ||
| toHexIntStr(0.05), | ||
| success: base.green, | ||
| success3: base.green, | ||
| success2: base.green + | ||
| /*#__PURE__*/ | ||
| toHexIntStr(0.8), | ||
| success1: base.green + | ||
| /*#__PURE__*/ | ||
| toHexIntStr(0.3), | ||
| success0: base.green + | ||
| /*#__PURE__*/ | ||
| toHexIntStr(0.05) | ||
| }; | ||
| var colors = | ||
| /*#__PURE__*/ | ||
| _extends({ | ||
| scales: scales | ||
| }, fg, {}, bg); | ||
| var core = { | ||
@@ -142,57 +233,2 @@ fonts: { | ||
| _extends({}, colors, { | ||
| // 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 | ||
| red8: colors.red0, | ||
| red7: colors.red1, | ||
| red6: colors.red2, | ||
| red5: colors.red3, | ||
| red4: colors.red4, | ||
| red3: colors.red5, | ||
| red2: colors.red6, | ||
| red1: colors.red7, | ||
| red0: colors.red8, | ||
| // Yellow | ||
| yellow8: colors.yellow0, | ||
| yellow7: colors.yellow1, | ||
| yellow6: colors.yellow2, | ||
| yellow5: colors.yellow3, | ||
| yellow4: colors.yellow4, | ||
| yellow3: colors.yellow5, | ||
| yellow2: colors.yellow6, | ||
| yellow1: colors.yellow7, | ||
| yellow0: colors.yellow8, | ||
| // Green | ||
| green8: colors.green0, | ||
| green7: colors.green1, | ||
| green6: colors.green2, | ||
| green5: colors.green3, | ||
| green4: colors.green4, | ||
| green3: colors.green5, | ||
| green2: colors.green6, | ||
| green1: colors.green7, | ||
| green0: colors.green8, | ||
| // Blue | ||
| blue8: colors.blue0, | ||
| blue7: colors.blue1, | ||
| blue6: colors.blue2, | ||
| blue5: colors.blue3, | ||
| blue4: colors.blue4, | ||
| blue3: colors.blue5, | ||
| blue2: colors.blue6, | ||
| blue1: colors.blue7, | ||
| blue0: colors.blue8, | ||
| // Utils | ||
| primary: colors.blue, | ||
| caution: colors.red, | ||
| none: 'rgba(0,0,0,0)' | ||
@@ -202,151 +238,7 @@ }) | ||
| var theme$1 = | ||
| /*#__PURE__*/ | ||
| _extends({ | ||
| colors: | ||
| /*#__PURE__*/ | ||
| _extends({}, colors, { | ||
| primary: colors.blue, | ||
| caution: colors.red, | ||
| none: 'rgba(0,0,0,0)' | ||
| }) | ||
| }, core); | ||
| var theme$2 = | ||
| /*#__PURE__*/ | ||
| _extends({ | ||
| colors: { | ||
| // 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' | ||
| red2: '#C4FFFC', | ||
| red1: '#21D5D0', | ||
| red0: '#001410', | ||
| // 'Yellow' | ||
| yellow2: '#C2E6FF', | ||
| yellow1: '#0063FF', | ||
| yellow0: '#000720', | ||
| // 'Green' | ||
| green2: '#FFCBDC', | ||
| green1: '#FF83B3', | ||
| green0: '#1F0018', | ||
| // 'Blue' | ||
| blue2: '#FFDC9F', | ||
| blue1: '#FF9123', | ||
| blue0: '#1E0E00', | ||
| // Util | ||
| primary: colors.blue, | ||
| caution: colors.red, | ||
| none: 'rgba(0,0,0,0)' | ||
| } | ||
| }, core); | ||
| var theme$3 = | ||
| /*#__PURE__*/ | ||
| _extends({ | ||
| colors: | ||
| /*#__PURE__*/ | ||
| _extends({}, colors, { | ||
| // grays | ||
| black: '#191919', | ||
| gray8: '#383838', | ||
| gray7: '#474747', | ||
| gray6: '#666666', | ||
| gray5: '#8D8D8D', | ||
| gray4: '#969696', | ||
| gray3: '#999999', | ||
| gray2: '#B8B8B8', | ||
| gray1: '#D6D6D6', | ||
| gray0: '#DCDCDC', | ||
| white: '#E5E5E5', | ||
| // util | ||
| primary: colors.blue, | ||
| caution: colors.red, | ||
| none: 'rgba(0,0,0,0)' | ||
| }) | ||
| }, core); | ||
| var theme$4 = | ||
| /*#__PURE__*/ | ||
| _extends({ | ||
| colors: | ||
| /*#__PURE__*/ | ||
| _extends({}, colors, { | ||
| // grays | ||
| white: '#191919', | ||
| gray0: '#383838', | ||
| gray1: '#474747', | ||
| gray2: '#666666', | ||
| gray3: '#8D8D8D', | ||
| gray4: '#969696', | ||
| gray5: '#999999', | ||
| gray6: '#B8B8B8', | ||
| gray7: '#D6D6D6', | ||
| gray8: '#DCDCDC', | ||
| black: '#E5E5E5', | ||
| // Red | ||
| red8: colors.red0, | ||
| red7: colors.red1, | ||
| red6: colors.red2, | ||
| red5: colors.red3, | ||
| red4: colors.red4, | ||
| red3: colors.red5, | ||
| red2: colors.red6, | ||
| red1: colors.red7, | ||
| red0: colors.red8, | ||
| // Yellow | ||
| yellow8: colors.yellow0, | ||
| yellow7: colors.yellow1, | ||
| yellow6: colors.yellow2, | ||
| yellow5: colors.yellow3, | ||
| yellow4: colors.yellow4, | ||
| yellow3: colors.yellow5, | ||
| yellow2: colors.yellow6, | ||
| yellow1: colors.yellow7, | ||
| yellow0: colors.yellow8, | ||
| // Green | ||
| green8: colors.green0, | ||
| green7: colors.green1, | ||
| green6: colors.green2, | ||
| green5: colors.green3, | ||
| green4: colors.green4, | ||
| green3: colors.green5, | ||
| green2: colors.green6, | ||
| green1: colors.green7, | ||
| green0: colors.green8, | ||
| // Blue | ||
| blue8: colors.blue0, | ||
| blue7: colors.blue1, | ||
| blue6: colors.blue2, | ||
| blue5: colors.blue3, | ||
| blue4: colors.blue4, | ||
| blue3: colors.blue5, | ||
| blue2: colors.blue6, | ||
| blue1: colors.blue7, | ||
| blue0: colors.blue8, | ||
| // util | ||
| primary: colors.blue, | ||
| caution: colors.red, | ||
| none: 'rgba(0,0,0,0)' | ||
| }) | ||
| }, core); | ||
| // import dark from './themes/dark'; | ||
| var styled = baseStyled; | ||
| exports.dark = theme; | ||
| exports.inverted = theme$2; | ||
| exports.light = theme$1; | ||
| exports.paperDark = theme$4; | ||
| exports.paperLight = theme$3; | ||
| exports.light = theme; | ||
| exports.styled = styled; | ||
| //# 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;function l(){return(l=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var l=arguments[r];for(var y in l)Object.prototype.hasOwnProperty.call(l,y)&&(e[y]=l[y])}return e}).apply(this,arguments)}var y={black:"#000000",white:"#FFFFFF",gray8:"#222222",gray7:"#333333",gray6:"#555555",gray5:"#808080",gray4:"#999999",gray3:"#AAAAAA",gray2:"#CCCCCC",gray1:"#EEEEEE",gray0:"#F4F4F4",gray:"#808080",red8:"#C2111B",red7:"#D12228",red6:"#DE2A2F",red5:"#FF4036",red4:"#F95251",red3:"#ED7374",red2:"#F59B9B",red1:"#FFCED3",red0:"#FFEBEF",red:"#FF4036",yellow8:"#FF6800",yellow7:"#FF8A00",yellow6:"#FF9C00",yellow5:"#FFBE00",yellow4:"#FFC800",yellow3:"#FFD342",yellow2:"#FFDF7B",yellow1:"#FFEBAF",yellow0:"#FFF8DF",yellow:"#FFC800",green8:"#005C37",green7:"#007C4C",green6:"#008D58",green5:"#0AAE6F",green4:"#45BA85",green3:"#6AC69A",green2:"#97D6B6",green1:"#C0E6D2",green0:"#E5F5ED",green:"#0AAE6F",blue8:"#0B3DA8",blue7:"#005CC9",blue6:"#006EDB",blue5:"#008EFE",blue4:"#289EFF",blue3:"#56AFFE",blue2:"#89C6FF",blue1:"#B8DCFF",blue0:"#E2F1FF",blue:"#289EFF",purple8:"#4110CF",purple7:"#5B08EA",purple6:"#6C15EF",purple5:"#8928FF",purple4:"#9D52FF",purple3:"#B176FF",purple2:"#C8A0FF",purple1:"#DEC7FF",purple0:"#F3E8FF",purple:"#9D52FF",cmyk:["#00FFFF","#FF00FF","#FFFF00","#000000"],rgb:["#FF0000","#00FF00","#0000FF"]},g={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,64,72],fontWeights:{thin:300,regular:400,bold:600},lineHeights:{min:1.2,short:1.333333,regular:1.5,tall:1.666666},borders:["none","1px solid"],space:[0,4,8,12,16,20,24,32,48,64,96,160,288,448,736],radii:[0,2,4,6,8,10,12,16,24,32],sizes:[0,4,8,12,16,20,24,32,48,64,96,160,288,448,736],zIndices:[0,1,2,3,4,5,6,7,8,9,10],breakpoints:["768px","1024px","1440px","2200px"]},a=l({colors:l({},y,{black:y.white,gray8:y.gray0,gray7:y.gray1,gray6:y.gray2,gray5:y.gray3,gray4:y.gray4,gray3:y.gray5,gray2:y.gray6,gray1:y.gray7,gray0:y.gray8,white:y.black,red8:y.red0,red7:y.red1,red6:y.red2,red5:y.red3,red4:y.red4,red3:y.red5,red2:y.red6,red1:y.red7,red0:y.red8,yellow8:y.yellow0,yellow7:y.yellow1,yellow6:y.yellow2,yellow5:y.yellow3,yellow4:y.yellow4,yellow3:y.yellow5,yellow2:y.yellow6,yellow1:y.yellow7,yellow0:y.yellow8,green8:y.green0,green7:y.green1,green6:y.green2,green5:y.green3,green4:y.green4,green3:y.green5,green2:y.green6,green1:y.green7,green0:y.green8,blue8:y.blue0,blue7:y.blue1,blue6:y.blue2,blue5:y.blue3,blue4:y.blue4,blue3:y.blue5,blue2:y.blue6,blue1:y.blue7,blue0:y.blue8,primary:y.blue,caution:y.red,none:"rgba(0,0,0,0)"})},g),F=l({colors:l({},y,{primary:y.blue,caution:y.red,none:"rgba(0,0,0,0)"})},g),o=l({colors:{black:y.white,gray8:y.gray0,gray7:y.gray1,gray6:y.gray2,gray5:y.gray3,gray4:y.gray4,gray3:y.gray5,gray2:y.gray6,gray1:y.gray7,gray0:y.gray8,white:y.black,red2:"#C4FFFC",red1:"#21D5D0",red0:"#001410",yellow2:"#C2E6FF",yellow1:"#0063FF",yellow0:"#000720",green2:"#FFCBDC",green1:"#FF83B3",green0:"#1F0018",blue2:"#FFDC9F",blue1:"#FF9123",blue0:"#1E0E00",primary:y.blue,caution:y.red,none:"rgba(0,0,0,0)"}},g),n=l({colors:l({},y,{black:"#191919",gray8:"#383838",gray7:"#474747",gray6:"#666666",gray5:"#8D8D8D",gray4:"#969696",gray3:"#999999",gray2:"#B8B8B8",gray1:"#D6D6D6",gray0:"#DCDCDC",white:"#E5E5E5",primary:y.blue,caution:y.red,none:"rgba(0,0,0,0)"})},g),u=l({colors:l({},y,{white:"#191919",gray0:"#383838",gray1:"#474747",gray2:"#666666",gray3:"#8D8D8D",gray4:"#969696",gray5:"#999999",gray6:"#B8B8B8",gray7:"#D6D6D6",gray8:"#DCDCDC",black:"#E5E5E5",red8:y.red0,red7:y.red1,red6:y.red2,red5:y.red3,red4:y.red4,red3:y.red5,red2:y.red6,red1:y.red7,red0:y.red8,yellow8:y.yellow0,yellow7:y.yellow1,yellow6:y.yellow2,yellow5:y.yellow3,yellow4:y.yellow4,yellow3:y.yellow5,yellow2:y.yellow6,yellow1:y.yellow7,yellow0:y.yellow8,green8:y.green0,green7:y.green1,green6:y.green2,green5:y.green3,green4:y.green4,green3:y.green5,green2:y.green6,green1:y.green7,green0:y.green8,blue8:y.blue0,blue7:y.blue1,blue6:y.blue2,blue5:y.blue3,blue4:y.blue4,blue3:y.blue5,blue2:y.blue6,blue1:y.blue7,blue0:y.blue8,primary:y.blue,caution:y.red,none:"rgba(0,0,0,0)"})},g),b=r;exports.dark=a,exports.inverted=o,exports.light=F,exports.paperDark=u,exports.paperLight=n,exports.styled=b; | ||
| "use strict";var F;function e(){return(e=Object.assign||function(F){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var l in r)Object.prototype.hasOwnProperty.call(r,l)&&(F[l]=r[l])}return F}).apply(this,arguments)}Object.defineProperty(exports,"__esModule",{value:!0});var r=function(F){return(~~(255*F)).toString(16).padStart(2,"0").toUpperCase()},l={bg:"#FFFFFF"},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,64,72],fontWeights:{thin:300,regular:400,bold:600},lineHeights:{min:1.2,short:1.333333,regular:1.5,tall:1.666666},borders:["none","1px solid"],space:[0,4,8,12,16,20,24,32,48,64,96,160,288,448,736],radii:[0,2,4,6,8,10,12,16,24,32],sizes:[0,4,8,12,16,20,24,32,48,64,96,160,288,448,736],zIndices:[0,1,2,3,4,5,6,7,8,9,10],breakpoints:["768px","1024px","1440px","2200px"]},t=(F=require("styled-components"))&&"object"==typeof F&&"default"in F?F.default:F;exports.light=e({colors:e({},e({scales:{black01:"#00000019",black02:"#00000033",black03:"#0000004C",black04:"#00000066",black05:"#0000000C",black06:"#00000099",black07:"#000000B2",black08:"#000000CC",black09:"#000000E5",blue01:"#289EFF19",blue02:"#289EFF33",blue03:"#289EFF4C",blue04:"#289EFF66",blue05:"#289EFF0C",blue06:"#289EFF99",blue07:"#289EFFB2",blue08:"#289EFFCC",blue09:"#289EFFE5",green01:"#0AAE6F19",green02:"#0AAE6F33",green03:"#0AAE6F4C",green04:"#0AAE6F66",green05:"#0AAE6F0C",green06:"#0AAE6F99",green07:"#0AAE6FB2",green08:"#0AAE6FCC",green09:"#0AAE6FE5",orange01:"#FF680019",orange02:"#FF680033",orange03:"#FF68004C",orange04:"#FF680066",orange05:"#FF68000C",orange06:"#FF680099",orange07:"#FF6800B2",orange08:"#FF6800CC",orange09:"#FF6800E5",purple01:"#9D52FF19",purple02:"#9D52FF33",purple03:"#9D52FF4C",purple04:"#9D52FF66",purple05:"#9D52FF0C",purple06:"#9D52FF99",purple07:"#9D52FFB2",purple08:"#9D52FFCC",purple09:"#9D52FFE5",red01:"#FF403619",red02:"#FF403633",red03:"#FF40364C",red04:"#FF403666",red05:"#FF40360C",red06:"#FF403699",red07:"#FF4036B2",red08:"#FF4036CC",red09:"#FF4036E5",white01:"#FFFFFF19",white02:"#FFFFFF33",white03:"#FFFFFF4C",white04:"#FFFFFF66",white05:"#FFFFFF0C",white06:"#FFFFFF99",white07:"#FFFFFFB2",white08:"#FFFFFFCC",white09:"#FFFFFFE5",yellow01:"#FFC80019",yellow02:"#FFC80033",yellow03:"#FFC8004C",yellow04:"#FFC80066",yellow05:"#FFC8000C",yellow06:"#FFC80099",yellow07:"#FFC800B2",yellow08:"#FFC800CC",yellow09:"#FFC800E5"}},{dark:"#000000",dark3:"#000000",dark2:"#000000"+r(.8),dark1:"#000000"+r(.3),dark0:"#000000"+r(.05),light:"#FFFFFF",light3:"#FFFFFF",light2:"#FFFFFF"+r(.8),light1:"#FFFFFF"+r(.3),light0:"#FFFFFF"+r(.05),primary:"#289EFF",primary3:"#289EFF",primary2:"#289EFF"+r(.8),primary1:"#289EFF"+r(.3),primary0:"#289EFF"+r(.05),error:"#FF4036",error3:"#FF4036",error2:"#FF4036"+r(.8),error1:"#FF4036"+r(.3),error0:"#FF4036"+r(.05),caution:"#FFC800",caution3:"#FFC800",caution2:"#FFC800"+r(.8),caution1:"#FFC800"+r(.3),caution0:"#FFC800"+r(.05),success:"#0AAE6F",success3:"#0AAE6F",success2:"#0AAE6F"+r(.8),success1:"#0AAE6F"+r(.3),success0:"#0AAE6F"+r(.05)},{},l),{none:"rgba(0,0,0,0)"})},o),exports.styled=t; | ||
| //# sourceMappingURL=indigo-tokens.cjs.production.min.js.map |
@@ -21,77 +21,168 @@ import baseStyled from 'styled-components'; | ||
| var colors = { | ||
| // Black, white | ||
| var toHexIntStr = function toHexIntStr(n) { | ||
| return (~~(n * 255)).toString(16).padStart(2, '0').toUpperCase(); | ||
| }; | ||
| var base = { | ||
| white: '#FFFFFF', | ||
| black: '#000000', | ||
| white: '#FFFFFF', | ||
| // Gray | ||
| gray8: '#222222', | ||
| gray7: '#333333', | ||
| gray6: '#555555', | ||
| gray5: '#808080', | ||
| gray4: '#999999', | ||
| gray3: '#AAAAAA', | ||
| gray2: '#CCCCCC', | ||
| gray1: '#EEEEEE', | ||
| gray0: '#F4F4F4', | ||
| gray: '#808080', | ||
| // Red | ||
| red8: '#C2111B', | ||
| red7: '#D12228', | ||
| red6: '#DE2A2F', | ||
| red5: '#FF4036', | ||
| red4: '#F95251', | ||
| red3: '#ED7374', | ||
| red2: '#F59B9B', | ||
| red1: '#FFCED3', | ||
| red0: '#FFEBEF', | ||
| red: '#FF4036', | ||
| // Yellow | ||
| yellow8: '#FF6800', | ||
| yellow7: '#FF8A00', | ||
| yellow6: '#FF9C00', | ||
| yellow5: '#FFBE00', | ||
| yellow4: '#FFC800', | ||
| yellow3: '#FFD342', | ||
| yellow2: '#FFDF7B', | ||
| yellow1: '#FFEBAF', | ||
| yellow0: '#FFF8DF', | ||
| orange: '#FF6800', | ||
| yellow: '#FFC800', | ||
| // Green | ||
| green8: '#005C37', | ||
| green7: '#007C4C', | ||
| green6: '#008D58', | ||
| green5: '#0AAE6F', | ||
| green4: '#45BA85', | ||
| green3: '#6AC69A', | ||
| green2: '#97D6B6', | ||
| green1: '#C0E6D2', | ||
| green0: '#E5F5ED', | ||
| green: '#0AAE6F', | ||
| // Blue | ||
| blue8: '#0B3DA8', | ||
| blue7: '#005CC9', | ||
| blue6: '#006EDB', | ||
| blue5: '#008EFE', | ||
| blue4: '#289EFF', | ||
| blue3: '#56AFFE', | ||
| blue2: '#89C6FF', | ||
| blue1: '#B8DCFF', | ||
| blue0: '#E2F1FF', | ||
| blue: "#289EFF", | ||
| // Purple | ||
| purple8: '#4110CF', | ||
| purple7: '#5B08EA', | ||
| purple6: '#6C15EF', | ||
| purple5: '#8928FF', | ||
| purple4: '#9D52FF', | ||
| purple3: '#B176FF', | ||
| purple2: '#C8A0FF', | ||
| purple1: '#DEC7FF', | ||
| purple0: '#F3E8FF', | ||
| purple: '#9D52FF', | ||
| // Util | ||
| cmyk: ['#00FFFF', '#FF00FF', '#FFFF00', '#000000'], | ||
| rgb: ['#FF0000', '#00FF00', '#0000FF'] | ||
| blue: '#289EFF', | ||
| purple: '#9D52FF' | ||
| }; | ||
| var scales = { | ||
| black01: '#00000019', | ||
| black02: '#00000033', | ||
| black03: '#0000004C', | ||
| black04: '#00000066', | ||
| black05: '#0000000C', | ||
| black06: '#00000099', | ||
| black07: '#000000B2', | ||
| black08: '#000000CC', | ||
| black09: '#000000E5', | ||
| blue01: '#289EFF19', | ||
| blue02: '#289EFF33', | ||
| blue03: '#289EFF4C', | ||
| blue04: '#289EFF66', | ||
| blue05: '#289EFF0C', | ||
| blue06: '#289EFF99', | ||
| blue07: '#289EFFB2', | ||
| blue08: '#289EFFCC', | ||
| blue09: '#289EFFE5', | ||
| green01: '#0AAE6F19', | ||
| green02: '#0AAE6F33', | ||
| green03: '#0AAE6F4C', | ||
| green04: '#0AAE6F66', | ||
| green05: '#0AAE6F0C', | ||
| green06: '#0AAE6F99', | ||
| green07: '#0AAE6FB2', | ||
| green08: '#0AAE6FCC', | ||
| green09: '#0AAE6FE5', | ||
| orange01: '#FF680019', | ||
| orange02: '#FF680033', | ||
| orange03: '#FF68004C', | ||
| orange04: '#FF680066', | ||
| orange05: '#FF68000C', | ||
| orange06: '#FF680099', | ||
| orange07: '#FF6800B2', | ||
| orange08: '#FF6800CC', | ||
| orange09: '#FF6800E5', | ||
| purple01: '#9D52FF19', | ||
| purple02: '#9D52FF33', | ||
| purple03: '#9D52FF4C', | ||
| purple04: '#9D52FF66', | ||
| purple05: '#9D52FF0C', | ||
| purple06: '#9D52FF99', | ||
| purple07: '#9D52FFB2', | ||
| purple08: '#9D52FFCC', | ||
| purple09: '#9D52FFE5', | ||
| red01: '#FF403619', | ||
| red02: '#FF403633', | ||
| red03: '#FF40364C', | ||
| red04: '#FF403666', | ||
| red05: '#FF40360C', | ||
| red06: '#FF403699', | ||
| red07: '#FF4036B2', | ||
| red08: '#FF4036CC', | ||
| red09: '#FF4036E5', | ||
| white01: '#FFFFFF19', | ||
| white02: '#FFFFFF33', | ||
| white03: '#FFFFFF4C', | ||
| white04: '#FFFFFF66', | ||
| white05: '#FFFFFF0C', | ||
| white06: '#FFFFFF99', | ||
| white07: '#FFFFFFB2', | ||
| white08: '#FFFFFFCC', | ||
| white09: '#FFFFFFE5', | ||
| yellow01: '#FFC80019', | ||
| yellow02: '#FFC80033', | ||
| yellow03: '#FFC8004C', | ||
| yellow04: '#FFC80066', | ||
| yellow05: '#FFC8000C', | ||
| yellow06: '#FFC80099', | ||
| yellow07: '#FFC800B2', | ||
| yellow08: '#FFC800CC', | ||
| yellow09: '#FFC800E5' | ||
| }; | ||
| var bg = { | ||
| bg: base.white | ||
| }; | ||
| var fg = { | ||
| dark: base.black, | ||
| dark3: base.black, | ||
| dark2: base.black + | ||
| /*#__PURE__*/ | ||
| toHexIntStr(0.8), | ||
| dark1: base.black + | ||
| /*#__PURE__*/ | ||
| toHexIntStr(0.3), | ||
| dark0: base.black + | ||
| /*#__PURE__*/ | ||
| toHexIntStr(0.05), | ||
| light: base.white, | ||
| light3: base.white, | ||
| light2: base.white + | ||
| /*#__PURE__*/ | ||
| toHexIntStr(0.8), | ||
| light1: base.white + | ||
| /*#__PURE__*/ | ||
| toHexIntStr(0.3), | ||
| light0: base.white + | ||
| /*#__PURE__*/ | ||
| toHexIntStr(0.05), | ||
| primary: base.blue, | ||
| primary3: base.blue, | ||
| primary2: base.blue + | ||
| /*#__PURE__*/ | ||
| toHexIntStr(0.8), | ||
| primary1: base.blue + | ||
| /*#__PURE__*/ | ||
| toHexIntStr(0.3), | ||
| primary0: base.blue + | ||
| /*#__PURE__*/ | ||
| toHexIntStr(0.05), | ||
| error: base.red, | ||
| error3: base.red, | ||
| error2: base.red + | ||
| /*#__PURE__*/ | ||
| toHexIntStr(0.8), | ||
| error1: base.red + | ||
| /*#__PURE__*/ | ||
| toHexIntStr(0.3), | ||
| error0: base.red + | ||
| /*#__PURE__*/ | ||
| toHexIntStr(0.05), | ||
| caution: base.yellow, | ||
| caution3: base.yellow, | ||
| caution2: base.yellow + | ||
| /*#__PURE__*/ | ||
| toHexIntStr(0.8), | ||
| caution1: base.yellow + | ||
| /*#__PURE__*/ | ||
| toHexIntStr(0.3), | ||
| caution0: base.yellow + | ||
| /*#__PURE__*/ | ||
| toHexIntStr(0.05), | ||
| success: base.green, | ||
| success3: base.green, | ||
| success2: base.green + | ||
| /*#__PURE__*/ | ||
| toHexIntStr(0.8), | ||
| success1: base.green + | ||
| /*#__PURE__*/ | ||
| toHexIntStr(0.3), | ||
| success0: base.green + | ||
| /*#__PURE__*/ | ||
| toHexIntStr(0.05) | ||
| }; | ||
| var colors = | ||
| /*#__PURE__*/ | ||
| _extends({ | ||
| scales: scales | ||
| }, fg, {}, bg); | ||
| var core = { | ||
@@ -136,57 +227,2 @@ fonts: { | ||
| _extends({}, colors, { | ||
| // 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 | ||
| red8: colors.red0, | ||
| red7: colors.red1, | ||
| red6: colors.red2, | ||
| red5: colors.red3, | ||
| red4: colors.red4, | ||
| red3: colors.red5, | ||
| red2: colors.red6, | ||
| red1: colors.red7, | ||
| red0: colors.red8, | ||
| // Yellow | ||
| yellow8: colors.yellow0, | ||
| yellow7: colors.yellow1, | ||
| yellow6: colors.yellow2, | ||
| yellow5: colors.yellow3, | ||
| yellow4: colors.yellow4, | ||
| yellow3: colors.yellow5, | ||
| yellow2: colors.yellow6, | ||
| yellow1: colors.yellow7, | ||
| yellow0: colors.yellow8, | ||
| // Green | ||
| green8: colors.green0, | ||
| green7: colors.green1, | ||
| green6: colors.green2, | ||
| green5: colors.green3, | ||
| green4: colors.green4, | ||
| green3: colors.green5, | ||
| green2: colors.green6, | ||
| green1: colors.green7, | ||
| green0: colors.green8, | ||
| // Blue | ||
| blue8: colors.blue0, | ||
| blue7: colors.blue1, | ||
| blue6: colors.blue2, | ||
| blue5: colors.blue3, | ||
| blue4: colors.blue4, | ||
| blue3: colors.blue5, | ||
| blue2: colors.blue6, | ||
| blue1: colors.blue7, | ||
| blue0: colors.blue8, | ||
| // Utils | ||
| primary: colors.blue, | ||
| caution: colors.red, | ||
| none: 'rgba(0,0,0,0)' | ||
@@ -196,146 +232,6 @@ }) | ||
| var theme$1 = | ||
| /*#__PURE__*/ | ||
| _extends({ | ||
| colors: | ||
| /*#__PURE__*/ | ||
| _extends({}, colors, { | ||
| primary: colors.blue, | ||
| caution: colors.red, | ||
| none: 'rgba(0,0,0,0)' | ||
| }) | ||
| }, core); | ||
| var theme$2 = | ||
| /*#__PURE__*/ | ||
| _extends({ | ||
| colors: { | ||
| // 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' | ||
| red2: '#C4FFFC', | ||
| red1: '#21D5D0', | ||
| red0: '#001410', | ||
| // 'Yellow' | ||
| yellow2: '#C2E6FF', | ||
| yellow1: '#0063FF', | ||
| yellow0: '#000720', | ||
| // 'Green' | ||
| green2: '#FFCBDC', | ||
| green1: '#FF83B3', | ||
| green0: '#1F0018', | ||
| // 'Blue' | ||
| blue2: '#FFDC9F', | ||
| blue1: '#FF9123', | ||
| blue0: '#1E0E00', | ||
| // Util | ||
| primary: colors.blue, | ||
| caution: colors.red, | ||
| none: 'rgba(0,0,0,0)' | ||
| } | ||
| }, core); | ||
| var theme$3 = | ||
| /*#__PURE__*/ | ||
| _extends({ | ||
| colors: | ||
| /*#__PURE__*/ | ||
| _extends({}, colors, { | ||
| // grays | ||
| black: '#191919', | ||
| gray8: '#383838', | ||
| gray7: '#474747', | ||
| gray6: '#666666', | ||
| gray5: '#8D8D8D', | ||
| gray4: '#969696', | ||
| gray3: '#999999', | ||
| gray2: '#B8B8B8', | ||
| gray1: '#D6D6D6', | ||
| gray0: '#DCDCDC', | ||
| white: '#E5E5E5', | ||
| // util | ||
| primary: colors.blue, | ||
| caution: colors.red, | ||
| none: 'rgba(0,0,0,0)' | ||
| }) | ||
| }, core); | ||
| var theme$4 = | ||
| /*#__PURE__*/ | ||
| _extends({ | ||
| colors: | ||
| /*#__PURE__*/ | ||
| _extends({}, colors, { | ||
| // grays | ||
| white: '#191919', | ||
| gray0: '#383838', | ||
| gray1: '#474747', | ||
| gray2: '#666666', | ||
| gray3: '#8D8D8D', | ||
| gray4: '#969696', | ||
| gray5: '#999999', | ||
| gray6: '#B8B8B8', | ||
| gray7: '#D6D6D6', | ||
| gray8: '#DCDCDC', | ||
| black: '#E5E5E5', | ||
| // Red | ||
| red8: colors.red0, | ||
| red7: colors.red1, | ||
| red6: colors.red2, | ||
| red5: colors.red3, | ||
| red4: colors.red4, | ||
| red3: colors.red5, | ||
| red2: colors.red6, | ||
| red1: colors.red7, | ||
| red0: colors.red8, | ||
| // Yellow | ||
| yellow8: colors.yellow0, | ||
| yellow7: colors.yellow1, | ||
| yellow6: colors.yellow2, | ||
| yellow5: colors.yellow3, | ||
| yellow4: colors.yellow4, | ||
| yellow3: colors.yellow5, | ||
| yellow2: colors.yellow6, | ||
| yellow1: colors.yellow7, | ||
| yellow0: colors.yellow8, | ||
| // Green | ||
| green8: colors.green0, | ||
| green7: colors.green1, | ||
| green6: colors.green2, | ||
| green5: colors.green3, | ||
| green4: colors.green4, | ||
| green3: colors.green5, | ||
| green2: colors.green6, | ||
| green1: colors.green7, | ||
| green0: colors.green8, | ||
| // Blue | ||
| blue8: colors.blue0, | ||
| blue7: colors.blue1, | ||
| blue6: colors.blue2, | ||
| blue5: colors.blue3, | ||
| blue4: colors.blue4, | ||
| blue3: colors.blue5, | ||
| blue2: colors.blue6, | ||
| blue1: colors.blue7, | ||
| blue0: colors.blue8, | ||
| // util | ||
| primary: colors.blue, | ||
| caution: colors.red, | ||
| none: 'rgba(0,0,0,0)' | ||
| }) | ||
| }, core); | ||
| // import dark from './themes/dark'; | ||
| var styled = baseStyled; | ||
| export { theme as dark, theme$2 as inverted, theme$1 as light, theme$4 as paperDark, theme$3 as paperLight, styled }; | ||
| export { theme as light, styled }; | ||
| //# sourceMappingURL=indigo-tokens.esm.js.map |
@@ -25,71 +25,110 @@ declare const theme: { | ||
| colors: { | ||
| none: string; | ||
| bg: string; | ||
| dark: string; | ||
| dark3: string; | ||
| dark2: string; | ||
| dark1: string; | ||
| dark0: string; | ||
| light: string; | ||
| light3: string; | ||
| light2: string; | ||
| light1: string; | ||
| light0: string; | ||
| primary: string; | ||
| primary3: string; | ||
| primary2: string; | ||
| primary1: string; | ||
| primary0: string; | ||
| error: string; | ||
| error3: string; | ||
| error2: string; | ||
| error1: string; | ||
| error0: string; | ||
| caution: string; | ||
| none: string; | ||
| black: string; | ||
| white: string; | ||
| gray8: string; | ||
| gray7: string; | ||
| gray6: string; | ||
| gray5: string; | ||
| gray4: string; | ||
| gray3: string; | ||
| gray2: string; | ||
| gray1: string; | ||
| gray0: string; | ||
| gray: string; | ||
| red8: string; | ||
| red7: string; | ||
| red6: string; | ||
| red5: string; | ||
| red4: string; | ||
| red3: string; | ||
| red2: string; | ||
| red1: string; | ||
| red0: string; | ||
| red: string; | ||
| yellow8: string; | ||
| yellow7: string; | ||
| yellow6: string; | ||
| yellow5: string; | ||
| yellow4: string; | ||
| yellow3: string; | ||
| yellow2: string; | ||
| yellow1: string; | ||
| yellow0: string; | ||
| yellow: string; | ||
| green8: string; | ||
| green7: string; | ||
| green6: string; | ||
| green5: string; | ||
| green4: string; | ||
| green3: string; | ||
| green2: string; | ||
| green1: string; | ||
| green0: string; | ||
| green: string; | ||
| blue8: string; | ||
| blue7: string; | ||
| blue6: string; | ||
| blue5: string; | ||
| blue4: string; | ||
| blue3: string; | ||
| blue2: string; | ||
| blue1: string; | ||
| blue0: string; | ||
| blue: string; | ||
| purple8: string; | ||
| purple7: string; | ||
| purple6: string; | ||
| purple5: string; | ||
| purple4: string; | ||
| purple3: string; | ||
| purple2: string; | ||
| purple1: string; | ||
| purple0: string; | ||
| purple: string; | ||
| cmyk: string[]; | ||
| rgb: string[]; | ||
| caution3: string; | ||
| caution2: string; | ||
| caution1: string; | ||
| caution0: string; | ||
| success: string; | ||
| success3: string; | ||
| success2: string; | ||
| success1: string; | ||
| success0: string; | ||
| scales: { | ||
| black01: string; | ||
| black02: string; | ||
| black03: string; | ||
| black04: string; | ||
| black05: string; | ||
| black06: string; | ||
| black07: string; | ||
| black08: string; | ||
| black09: string; | ||
| blue01: string; | ||
| blue02: string; | ||
| blue03: string; | ||
| blue04: string; | ||
| blue05: string; | ||
| blue06: string; | ||
| blue07: string; | ||
| blue08: string; | ||
| blue09: string; | ||
| green01: string; | ||
| green02: string; | ||
| green03: string; | ||
| green04: string; | ||
| green05: string; | ||
| green06: string; | ||
| green07: string; | ||
| green08: string; | ||
| green09: string; | ||
| orange01: string; | ||
| orange02: string; | ||
| orange03: string; | ||
| orange04: string; | ||
| orange05: string; | ||
| orange06: string; | ||
| orange07: string; | ||
| orange08: string; | ||
| orange09: string; | ||
| purple01: string; | ||
| purple02: string; | ||
| purple03: string; | ||
| purple04: string; | ||
| purple05: string; | ||
| purple06: string; | ||
| purple07: string; | ||
| purple08: string; | ||
| purple09: string; | ||
| red01: string; | ||
| red02: string; | ||
| red03: string; | ||
| red04: string; | ||
| red05: string; | ||
| red06: string; | ||
| red07: string; | ||
| red08: string; | ||
| red09: string; | ||
| white01: string; | ||
| white02: string; | ||
| white03: string; | ||
| white04: string; | ||
| white05: string; | ||
| white06: string; | ||
| white07: string; | ||
| white08: string; | ||
| white09: string; | ||
| yellow01: string; | ||
| yellow02: string; | ||
| yellow03: string; | ||
| yellow04: string; | ||
| yellow05: string; | ||
| yellow06: string; | ||
| yellow07: string; | ||
| yellow08: string; | ||
| yellow09: string; | ||
| }; | ||
| }; | ||
| }; | ||
| export default theme; |
| { | ||
| "name": "@tlon/indigo-tokens", | ||
| "version": "1.3.1", | ||
| "version": "1.3.2", | ||
| "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
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
Worsened metrics
- Total package byte prevSize
- decreased by-28.4%
63913
- Number of package files
- decreased by-16.67%
15
- Lines of code
- decreased by-32.77%
878
- Number of medium supply chain risk alerts
- increased byInfinity%
1
No dependency changes