From 8f213d28e5a35d6909c243f6637b8a895d1c9fc0 Mon Sep 17 00:00:00 2001 From: root Date: Mon, 3 Aug 2020 03:11:35 +0000 Subject: [PATCH 1/4] chore(deps): update 2 bit components: guya-ltd.gcss/atoms/link, guya-ltd.gcss/templates/landing/login --- .bitmap | 10 +++++----- src/components/atoms/Link/Link.js | 7 +++++++ 2 files changed, 12 insertions(+), 5 deletions(-) diff --git a/.bitmap b/.bitmap index 1c1e825..1a50aaf 100644 --- a/.bitmap +++ b/.bitmap @@ -62,17 +62,17 @@ "origin": "AUTHORED", "exported": true }, - "guya-ltd.gcss/atoms/link@0.0.1": { + "guya-ltd.gcss/atoms/link@0.0.2": { "files": [ { + "name": "Link.js", "relativePath": "src/components/atoms/Link/Link.js", - "test": false, - "name": "Link.js" + "test": false }, { + "name": "index.js", "relativePath": "src/components/atoms/Link/index.js", - "test": false, - "name": "index.js" + "test": false } ], "mainFile": "src/components/atoms/Link/index.js", diff --git a/src/components/atoms/Link/Link.js b/src/components/atoms/Link/Link.js index 78b20b1..0ae651d 100644 --- a/src/components/atoms/Link/Link.js +++ b/src/components/atoms/Link/Link.js @@ -47,11 +47,18 @@ Link.propTypes = { * @default 'Link' */ children: PropTypes.string, + /** + * @description Link. + * @property {string} + * @default '#' + */ + href: PropTypes.string, } Link.defaultProps = { bsPrefix: 'link', children: 'Link', + href: '#', } /** From ca678dcd237d44896303e15f454f7e59c3701e0e Mon Sep 17 00:00:00 2001 From: root Date: Mon, 3 Aug 2020 03:29:20 +0000 Subject: [PATCH 2/4] chore(deps): update bit component guya-ltd.gcss/templates/landing/login --- .bitmap | 30 +++++++++---------- .../templates/landing/Login/Login.js | 2 +- .../landing/Login/__Body/LoginBody.js | 5 +++- 3 files changed, 20 insertions(+), 17 deletions(-) diff --git a/.bitmap b/.bitmap index 1a50aaf..b3b8a01 100644 --- a/.bitmap +++ b/.bitmap @@ -308,42 +308,42 @@ "origin": "AUTHORED", "exported": true }, - "guya-ltd.gcss/templates/landing/login@0.0.2": { + "guya-ltd.gcss/templates/landing/login@0.0.4": { "files": [ { + "name": "Login.js", "relativePath": "src/components/templates/landing/Login/Login.js", - "test": false, - "name": "Login.js" + "test": false }, { + "name": "LoginBody.js", "relativePath": "src/components/templates/landing/Login/__Body/LoginBody.js", - "test": false, - "name": "LoginBody.js" + "test": false }, { + "name": "LoginFooter.js", "relativePath": "src/components/templates/landing/Login/__Footer/LoginFooter.js", - "test": false, - "name": "LoginFooter.js" + "test": false }, { + "name": "LoginFooterLeft.js", "relativePath": "src/components/templates/landing/Login/__Footer/__Left/LoginFooterLeft.js", - "test": false, - "name": "LoginFooterLeft.js" + "test": false }, { + "name": "LoginFooterRight.js", "relativePath": "src/components/templates/landing/Login/__Footer/__Right/LoginFooterRight.js", - "test": false, - "name": "LoginFooterRight.js" + "test": false }, { + "name": "LoginHeader.js", "relativePath": "src/components/templates/landing/Login/__Header/LoginHeader.js", - "test": false, - "name": "LoginHeader.js" + "test": false }, { + "name": "index.js", "relativePath": "src/components/templates/landing/Login/index.js", - "test": false, - "name": "index.js" + "test": false } ], "mainFile": "src/components/templates/landing/Login/index.js", diff --git a/src/components/templates/landing/Login/Login.js b/src/components/templates/landing/Login/Login.js index 287da0e..bdac380 100644 --- a/src/components/templates/landing/Login/Login.js +++ b/src/components/templates/landing/Login/Login.js @@ -76,7 +76,7 @@ Login.propTypes = { } Login.defaultProps = { - bsPrefix: 'login', + bsPrefix: 'ad-login', header: null, body: null, footer: null, diff --git a/src/components/templates/landing/Login/__Body/LoginBody.js b/src/components/templates/landing/Login/__Body/LoginBody.js index c3c0ef7..493eead 100644 --- a/src/components/templates/landing/Login/__Body/LoginBody.js +++ b/src/components/templates/landing/Login/__Body/LoginBody.js @@ -17,8 +17,11 @@ import React from 'react'; */ const LoginBody = ({content}) => { + /* Class names collection */ + const classname = cn('body'); + return ( -
+
{content}
) From fb72e4bdcade5aab0043a3243743cf73f07a0e56 Mon Sep 17 00:00:00 2001 From: "bit-dev-bot[bot]" Date: Mon, 3 Aug 2020 03:40:00 +0000 Subject: [PATCH 3/4] chore(deps): update bit component guya-ltd.gcss/templates/landing/login --- .bitmap | 2 +- src/components/templates/landing/Login/__Body/LoginBody.js | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/.bitmap b/.bitmap index b3b8a01..c030592 100644 --- a/.bitmap +++ b/.bitmap @@ -308,7 +308,7 @@ "origin": "AUTHORED", "exported": true }, - "guya-ltd.gcss/templates/landing/login@0.0.4": { + "guya-ltd.gcss/templates/landing/login@0.0.5": { "files": [ { "name": "Login.js", diff --git a/src/components/templates/landing/Login/__Body/LoginBody.js b/src/components/templates/landing/Login/__Body/LoginBody.js index 493eead..7c5ac96 100644 --- a/src/components/templates/landing/Login/__Body/LoginBody.js +++ b/src/components/templates/landing/Login/__Body/LoginBody.js @@ -16,7 +16,7 @@ import React from 'react'; * @example */ -const LoginBody = ({content}) => { +const LoginBody = ({cn, content}) => { /* Class names collection */ const classname = cn('body'); From b1ad575ff203ebfb7d54b9f8f02b189d94ee5789 Mon Sep 17 00:00:00 2001 From: root Date: Wed, 16 Dec 2020 11:40:39 +0000 Subject: [PATCH 4/4] chore(deps): update bit component guya-ltd.gcss/atoms/link --- .bitmap | 2 +- src/components/atoms/Link/Link.js | 27 +++++++++++++++++++++++++-- 2 files changed, 26 insertions(+), 3 deletions(-) diff --git a/.bitmap b/.bitmap index c030592..11cd6fa 100644 --- a/.bitmap +++ b/.bitmap @@ -62,7 +62,7 @@ "origin": "AUTHORED", "exported": true }, - "guya-ltd.gcss/atoms/link@0.0.2": { + "guya-ltd.gcss/atoms/link@0.0.6": { "files": [ { "name": "Link.js", diff --git a/src/components/atoms/Link/Link.js b/src/components/atoms/Link/Link.js index 0ae651d..54b2c62 100644 --- a/src/components/atoms/Link/Link.js +++ b/src/components/atoms/Link/Link.js @@ -22,7 +22,7 @@ import { classnames } from '@bem-react/classnames' class Link extends Component { render() { /* Props */ - const {bsPrefix, children, href} = this.props; + const {bsPrefix, children, href, size, theme, variant, cls, onClick} = this.props; /* Class name generator */ const cn = withNaming({ e: '__', m: '', v: '--' }) @@ -30,7 +30,17 @@ class Link extends Component { /* Set base classname */ let classname = cn(bsPrefix) - return ( {children}) + /* Theme name */ + const themeName = theme ? 'theme-' + theme : null + + /* Classnames */ + const classnametext = classnames( + classname({'': size}), + classname({'': variant}), + themeName + ); + + return ( {children}) } } @@ -53,12 +63,25 @@ Link.propTypes = { * @default '#' */ href: PropTypes.string, + /** + * @description Size. + * @enum {('xs'|'sm'|'md'|'lg'|'xl')} + * @default 'md' + */ + size: PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl']), + /** + * @description Theme. + * @enum {('theme-red'|'theme-royal-blue'|'cornflower-blue')} + * @default null + */ + theme: PropTypes.oneOf(['theme-red', 'theme-royal-blue']), } Link.defaultProps = { bsPrefix: 'link', children: 'Link', href: '#', + size: 'md' } /**