mirror of
https://github.com/dzeiocom/components.git
synced 2025-06-15 03:59:21 +00:00
Compare commits
4 Commits
Author | SHA1 | Date | |
---|---|---|---|
6c2b3466ba
|
|||
31c9e30d3d
|
|||
0b60fa84ba
|
|||
b586a32d00
|
1
.gitignore
vendored
1
.gitignore
vendored
@ -2,6 +2,7 @@ module/
|
||||
node_modules/
|
||||
*.mjs
|
||||
*.js
|
||||
!src/dzeio/stylusUtils.js
|
||||
*.d.ts
|
||||
!src/stylus.d.ts
|
||||
!.storybook/*.js
|
||||
|
@ -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",
|
||||
|
@ -1,9 +1,9 @@
|
||||
@import '../config'
|
||||
|
||||
.link
|
||||
color $infoLight
|
||||
color $infoDark
|
||||
@media (prefers-color-scheme dark)
|
||||
color $infoDark
|
||||
color $infoLight
|
||||
&:hover
|
||||
text-decoration underline
|
||||
|
||||
|
@ -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>
|
||||
)
|
||||
|
11
src/dzeio/stylusUtils.js
Normal file
11
src/dzeio/stylusUtils.js
Normal 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);
|
||||
});
|
||||
};
|
||||
};
|
Reference in New Issue
Block a user