Compare commits

..

4 Commits

Author SHA1 Message Date
6c2b3466ba v0.5.2 2021-03-29 14:55:50 +02:00
31c9e30d3d Fixed Link colors
Signed-off-by: Avior <florian.bouillon@delta-wings.net>
2021-03-29 14:55:29 +02:00
0b60fa84ba v0.5.1 2021-03-29 14:07:38 +02:00
b586a32d00 Added back stylus utils
Signed-off-by: Avior <florian.bouillon@delta-wings.net>
2021-03-29 14:07:07 +02:00
5 changed files with 18 additions and 5 deletions

1
.gitignore vendored
View File

@ -2,6 +2,7 @@ module/
node_modules/ node_modules/
*.mjs *.mjs
*.js *.js
!src/dzeio/stylusUtils.js
*.d.ts *.d.ts
!src/stylus.d.ts !src/stylus.d.ts
!.storybook/*.js !.storybook/*.js

View File

@ -1,6 +1,6 @@
{ {
"name": "@dzeio/components", "name": "@dzeio/components",
"version": "0.5.0", "version": "0.5.2",
"license": "MIT", "license": "MIT",
"main": "./src/index.mjs", "main": "./src/index.mjs",
"types": "./src/index.d.ts", "types": "./src/index.d.ts",

View File

@ -1,9 +1,9 @@
@import '../config' @import '../config'
.link .link
color $infoLight color $infoDark
@media (prefers-color-scheme dark) @media (prefers-color-scheme dark)
color $infoDark color $infoLight
&:hover &:hover
text-decoration underline text-decoration underline

View File

@ -12,6 +12,7 @@ interface Props {
/** /**
* Override external detection system * Override external detection system
*/ */
noStyle?: boolean
external?: boolean external?: boolean
} }
@ -23,7 +24,7 @@ export default class Link extends React.Component<Props> {
// external link // external link
return ( return (
<a <a
className={buildClassName(this.props.className, css.link)} className={buildClassName(this.props.className, [css.link, !this.props.noStyle])}
href={this.props.href} href={this.props.href}
rel="noreferrer nofollow" rel="noreferrer nofollow"
target="_blank" target="_blank"
@ -35,7 +36,7 @@ export default class Link extends React.Component<Props> {
return ( return (
<NextLink href={this.props.href}> <NextLink href={this.props.href}>
<a <a
className={buildClassName(this.props.className, css.link)} className={buildClassName(this.props.className, [css.link, !this.props.noStyle])}
>{this.props.children}</a> >{this.props.children}</a>
</NextLink> </NextLink>
) )

11
src/dzeio/stylusUtils.js Normal file
View File

@ -0,0 +1,11 @@
// See https://github.com/stylus/stylus/issues/1872#issuecomment-86553717
var stylus = require('stylus');
module.exports = function() {
return function(style) {
style.define('file-exists', function(path) {
return !!stylus.utils.lookup(path.string, this.paths);
});
};
};