v0.5.2

Signed-off-by: Avior <florian.bouillon@delta-wings.net>

.gitignore

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

package.json

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

src/dzeio/Link/Link.module.styl

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

src/dzeio/Link/index.tsx

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

src/dzeio/stylusUtils.js

@@ -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);
+		});
+	};
+};