@coorpacademy/components 11.12.3-alpha.13 → 11.12.3-alpha.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/molecule/expandable-item/style.css +2 -3
- package/es/molecule/menu-links/index.d.ts.map +1 -1
- package/es/molecule/menu-links/index.js +1 -1
- package/es/molecule/menu-links/index.js.map +1 -1
- package/es/molecule/menu-links/style.css +8 -14
- package/lib/molecule/expandable-item/style.css +2 -3
- package/lib/molecule/menu-links/index.d.ts.map +1 -1
- package/lib/molecule/menu-links/index.js +1 -1
- package/lib/molecule/menu-links/index.js.map +1 -1
- package/lib/molecule/menu-links/style.css +8 -14
- package/package.json +2 -2
|
@@ -20,6 +20,7 @@
|
|
|
20
20
|
height: 72px;
|
|
21
21
|
justify-content: center;
|
|
22
22
|
}
|
|
23
|
+
|
|
23
24
|
.header {
|
|
24
25
|
display: flex;
|
|
25
26
|
flex-direction: row;
|
|
@@ -29,7 +30,6 @@
|
|
|
29
30
|
justify-content: space-between;
|
|
30
31
|
align-items: center;
|
|
31
32
|
cursor: pointer;
|
|
32
|
-
height: 72px;
|
|
33
33
|
padding: 24px;
|
|
34
34
|
gap: 16px;
|
|
35
35
|
}
|
|
@@ -46,8 +46,7 @@
|
|
|
46
46
|
}
|
|
47
47
|
|
|
48
48
|
.expendedHeader {
|
|
49
|
-
padding: 24px
|
|
50
|
-
border-radius: 10px;
|
|
49
|
+
padding: 24px 24px 0px 24px;
|
|
51
50
|
}
|
|
52
51
|
|
|
53
52
|
.title {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/menu-links/index.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAY,KAAK,EAAC,MAAM,SAAS,CAAC;AAGzC,QAAA,MAAM,SAAS;uBAAoB,KAAK;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/menu-links/index.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAY,KAAK,EAAC,MAAM,SAAS,CAAC;AAGzC,QAAA,MAAM,SAAS;uBAAoB,KAAK;;;;;;;;;;CA6BvC,CAAC;AAIF,eAAe,SAAS,CAAC"}
|
|
@@ -24,7 +24,7 @@ const MenuLinks = ({
|
|
|
24
24
|
key: `menu-link-item-${index}`,
|
|
25
25
|
className: classnames(item.isShowMoreItem ? styles.showMoreItem : null, styles.item)
|
|
26
26
|
}, /*#__PURE__*/React.createElement("div", {
|
|
27
|
-
className: item.isSelected ? styles.
|
|
27
|
+
className: classnames(styles.border, item.isSelected ? styles.selectedBorder : null)
|
|
28
28
|
}), /*#__PURE__*/React.createElement("span", {
|
|
29
29
|
className: item.isSelected ? styles.selectedItem : undefined
|
|
30
30
|
}, item.text, item.isShowMoreItem ? /*#__PURE__*/React.createElement(ArrowIcon, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","classnames","NovaCompositionNavigationArrowDown","ArrowIcon","propTypes","styles","MenuLinks","items","title","container","list","map","item","index","handleOnclick","isShowMoreItem","showMoreItem","isSelected","
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","classnames","NovaCompositionNavigationArrowDown","ArrowIcon","propTypes","styles","MenuLinks","items","title","container","list","map","item","index","handleOnclick","isShowMoreItem","showMoreItem","border","isSelected","selectedBorder","selectedItem","undefined","text","showMoreIcon"],"sources":["../../../src/molecule/menu-links/index.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport {NovaCompositionNavigationArrowDown as ArrowIcon} from '@coorpacademy/nova-icons';\nimport {propTypes, Props} from './types';\nimport styles from './style.css';\n\nconst MenuLinks = ({items, title}: Props) => {\n return (\n <div className={styles.container}>\n <h2 className={styles.title}>{title}</h2>\n <ul className={styles.list} data-name=\"menu-links\">\n {items.map((item, index) => {\n const {handleOnclick} = item;\n return (\n <li\n onClick={handleOnclick}\n key={`menu-link-item-${index}`}\n className={classnames(item.isShowMoreItem ? styles.showMoreItem : null, styles.item)}\n >\n <div\n className={classnames(\n styles.border,\n item.isSelected ? styles.selectedBorder : null\n )}\n />\n <span className={item.isSelected ? styles.selectedItem : undefined}>\n {item.text}\n {item.isShowMoreItem ? <ArrowIcon className={styles.showMoreIcon} /> : null}\n </span>\n </li>\n );\n })}\n </ul>\n </div>\n );\n};\n\nMenuLinks.propTypes = propTypes;\n\nexport default MenuLinks;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAAQC,kCAAkC,IAAIC,SAA9C,QAA8D,0BAA9D;AACA,SAAQC,SAAR,QAA+B,SAA/B;AACA,OAAOC,MAAP,MAAmB,aAAnB;;AAEA,MAAMC,SAAS,GAAG,CAAC;EAACC,KAAD;EAAQC;AAAR,CAAD,KAA2B;EAC3C,oBACE;IAAK,SAAS,EAAEH,MAAM,CAACI;EAAvB,gBACE;IAAI,SAAS,EAAEJ,MAAM,CAACG;EAAtB,GAA8BA,KAA9B,CADF,eAEE;IAAI,SAAS,EAAEH,MAAM,CAACK,IAAtB;IAA4B,aAAU;EAAtC,GACGH,KAAK,CAACI,GAAN,CAAU,CAACC,IAAD,EAAOC,KAAP,KAAiB;IAC1B,MAAM;MAACC;IAAD,IAAkBF,IAAxB;IACA,oBACE;MACE,OAAO,EAAEE,aADX;MAEE,GAAG,EAAG,kBAAiBD,KAAM,EAF/B;MAGE,SAAS,EAAEZ,UAAU,CAACW,IAAI,CAACG,cAAL,GAAsBV,MAAM,CAACW,YAA7B,GAA4C,IAA7C,EAAmDX,MAAM,CAACO,IAA1D;IAHvB,gBAKE;MACE,SAAS,EAAEX,UAAU,CACnBI,MAAM,CAACY,MADY,EAEnBL,IAAI,CAACM,UAAL,GAAkBb,MAAM,CAACc,cAAzB,GAA0C,IAFvB;IADvB,EALF,eAWE;MAAM,SAAS,EAAEP,IAAI,CAACM,UAAL,GAAkBb,MAAM,CAACe,YAAzB,GAAwCC;IAAzD,GACGT,IAAI,CAACU,IADR,EAEGV,IAAI,CAACG,cAAL,gBAAsB,oBAAC,SAAD;MAAW,SAAS,EAAEV,MAAM,CAACkB;IAA7B,EAAtB,GAAsE,IAFzE,CAXF,CADF;EAkBD,CApBA,CADH,CAFF,CADF;AA4BD,CA7BD;;AA+BAjB,SAAS,CAACF,SAAV,2CAAsBA,SAAtB;AAEA,eAAeE,SAAf"}
|
|
@@ -6,6 +6,8 @@
|
|
|
6
6
|
@value cm_grey_500 from colors;
|
|
7
7
|
@value cm_grey_700 from colors;
|
|
8
8
|
@value cm_grey_800 from colors;
|
|
9
|
+
@value white from colors;
|
|
10
|
+
|
|
9
11
|
|
|
10
12
|
.container {
|
|
11
13
|
display: flex;
|
|
@@ -44,31 +46,23 @@
|
|
|
44
46
|
.item {
|
|
45
47
|
display: flex;
|
|
46
48
|
flex-direction: row;
|
|
47
|
-
gap:
|
|
49
|
+
gap: 20px;
|
|
48
50
|
margin-bottom: 16px;
|
|
49
51
|
}
|
|
50
52
|
|
|
51
|
-
.itemText {
|
|
52
|
-
font-family: Gilroy;
|
|
53
|
-
font-size: 14px;
|
|
54
|
-
font-weight: 500;
|
|
55
|
-
line-height: 20px;
|
|
56
|
-
letter-spacing: 0px;
|
|
57
|
-
font-style: normal;
|
|
58
|
-
text-align: left;
|
|
59
|
-
margin: 0;
|
|
60
|
-
color: cm_grey_800;
|
|
61
|
-
}
|
|
62
|
-
|
|
63
53
|
.border {
|
|
64
54
|
width: 4px;
|
|
65
55
|
font-weight: inherit;
|
|
66
|
-
background-color:
|
|
56
|
+
background-color: white;
|
|
67
57
|
flex-shrink: 0;
|
|
68
58
|
min-width: 4px;
|
|
69
59
|
flex-basis: 4px;
|
|
70
60
|
}
|
|
71
61
|
|
|
62
|
+
.selectedBorder {
|
|
63
|
+
background-color: cm_primary_blue;
|
|
64
|
+
}
|
|
65
|
+
|
|
72
66
|
.showMoreItem {
|
|
73
67
|
display: none;
|
|
74
68
|
}
|
|
@@ -20,6 +20,7 @@
|
|
|
20
20
|
height: 72px;
|
|
21
21
|
justify-content: center;
|
|
22
22
|
}
|
|
23
|
+
|
|
23
24
|
.header {
|
|
24
25
|
display: flex;
|
|
25
26
|
flex-direction: row;
|
|
@@ -29,7 +30,6 @@
|
|
|
29
30
|
justify-content: space-between;
|
|
30
31
|
align-items: center;
|
|
31
32
|
cursor: pointer;
|
|
32
|
-
height: 72px;
|
|
33
33
|
padding: 24px;
|
|
34
34
|
gap: 16px;
|
|
35
35
|
}
|
|
@@ -46,8 +46,7 @@
|
|
|
46
46
|
}
|
|
47
47
|
|
|
48
48
|
.expendedHeader {
|
|
49
|
-
padding: 24px
|
|
50
|
-
border-radius: 10px;
|
|
49
|
+
padding: 24px 24px 0px 24px;
|
|
51
50
|
}
|
|
52
51
|
|
|
53
52
|
.title {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/menu-links/index.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAY,KAAK,EAAC,MAAM,SAAS,CAAC;AAGzC,QAAA,MAAM,SAAS;uBAAoB,KAAK;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/menu-links/index.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAY,KAAK,EAAC,MAAM,SAAS,CAAC;AAGzC,QAAA,MAAM,SAAS;uBAAoB,KAAK;;;;;;;;;;CA6BvC,CAAC;AAIF,eAAe,SAAS,CAAC"}
|
|
@@ -35,7 +35,7 @@ const MenuLinks = ({
|
|
|
35
35
|
key: `menu-link-item-${index}`,
|
|
36
36
|
className: (0, _classnames.default)(item.isShowMoreItem ? _style.default.showMoreItem : null, _style.default.item)
|
|
37
37
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
38
|
-
className: item.isSelected ? _style.default.
|
|
38
|
+
className: (0, _classnames.default)(_style.default.border, item.isSelected ? _style.default.selectedBorder : null)
|
|
39
39
|
}), /*#__PURE__*/_react.default.createElement("span", {
|
|
40
40
|
className: item.isSelected ? _style.default.selectedItem : undefined
|
|
41
41
|
}, item.text, item.isShowMoreItem ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationArrowDown, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["MenuLinks","items","title","styles","container","list","map","item","index","handleOnclick","classnames","isShowMoreItem","showMoreItem","isSelected","
|
|
1
|
+
{"version":3,"file":"index.js","names":["MenuLinks","items","title","styles","container","list","map","item","index","handleOnclick","classnames","isShowMoreItem","showMoreItem","border","isSelected","selectedBorder","selectedItem","undefined","text","showMoreIcon","propTypes"],"sources":["../../../src/molecule/menu-links/index.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport {NovaCompositionNavigationArrowDown as ArrowIcon} from '@coorpacademy/nova-icons';\nimport {propTypes, Props} from './types';\nimport styles from './style.css';\n\nconst MenuLinks = ({items, title}: Props) => {\n return (\n <div className={styles.container}>\n <h2 className={styles.title}>{title}</h2>\n <ul className={styles.list} data-name=\"menu-links\">\n {items.map((item, index) => {\n const {handleOnclick} = item;\n return (\n <li\n onClick={handleOnclick}\n key={`menu-link-item-${index}`}\n className={classnames(item.isShowMoreItem ? styles.showMoreItem : null, styles.item)}\n >\n <div\n className={classnames(\n styles.border,\n item.isSelected ? styles.selectedBorder : null\n )}\n />\n <span className={item.isSelected ? styles.selectedItem : undefined}>\n {item.text}\n {item.isShowMoreItem ? <ArrowIcon className={styles.showMoreIcon} /> : null}\n </span>\n </li>\n );\n })}\n </ul>\n </div>\n );\n};\n\nMenuLinks.propTypes = propTypes;\n\nexport default MenuLinks;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,SAAS,GAAG,CAAC;EAACC,KAAD;EAAQC;AAAR,CAAD,KAA2B;EAC3C,oBACE;IAAK,SAAS,EAAEC,cAAA,CAAOC;EAAvB,gBACE;IAAI,SAAS,EAAED,cAAA,CAAOD;EAAtB,GAA8BA,KAA9B,CADF,eAEE;IAAI,SAAS,EAAEC,cAAA,CAAOE,IAAtB;IAA4B,aAAU;EAAtC,GACGJ,KAAK,CAACK,GAAN,CAAU,CAACC,IAAD,EAAOC,KAAP,KAAiB;IAC1B,MAAM;MAACC;IAAD,IAAkBF,IAAxB;IACA,oBACE;MACE,OAAO,EAAEE,aADX;MAEE,GAAG,EAAG,kBAAiBD,KAAM,EAF/B;MAGE,SAAS,EAAE,IAAAE,mBAAA,EAAWH,IAAI,CAACI,cAAL,GAAsBR,cAAA,CAAOS,YAA7B,GAA4C,IAAvD,EAA6DT,cAAA,CAAOI,IAApE;IAHb,gBAKE;MACE,SAAS,EAAE,IAAAG,mBAAA,EACTP,cAAA,CAAOU,MADE,EAETN,IAAI,CAACO,UAAL,GAAkBX,cAAA,CAAOY,cAAzB,GAA0C,IAFjC;IADb,EALF,eAWE;MAAM,SAAS,EAAER,IAAI,CAACO,UAAL,GAAkBX,cAAA,CAAOa,YAAzB,GAAwCC;IAAzD,GACGV,IAAI,CAACW,IADR,EAEGX,IAAI,CAACI,cAAL,gBAAsB,6BAAC,6CAAD;MAAW,SAAS,EAAER,cAAA,CAAOgB;IAA7B,EAAtB,GAAsE,IAFzE,CAXF,CADF;EAkBD,CApBA,CADH,CAFF,CADF;AA4BD,CA7BD;;AA+BAnB,SAAS,CAACoB,SAAV,2CAAsBA,gBAAtB;eAEepB,S"}
|
|
@@ -6,6 +6,8 @@
|
|
|
6
6
|
@value cm_grey_500 from colors;
|
|
7
7
|
@value cm_grey_700 from colors;
|
|
8
8
|
@value cm_grey_800 from colors;
|
|
9
|
+
@value white from colors;
|
|
10
|
+
|
|
9
11
|
|
|
10
12
|
.container {
|
|
11
13
|
display: flex;
|
|
@@ -44,31 +46,23 @@
|
|
|
44
46
|
.item {
|
|
45
47
|
display: flex;
|
|
46
48
|
flex-direction: row;
|
|
47
|
-
gap:
|
|
49
|
+
gap: 20px;
|
|
48
50
|
margin-bottom: 16px;
|
|
49
51
|
}
|
|
50
52
|
|
|
51
|
-
.itemText {
|
|
52
|
-
font-family: Gilroy;
|
|
53
|
-
font-size: 14px;
|
|
54
|
-
font-weight: 500;
|
|
55
|
-
line-height: 20px;
|
|
56
|
-
letter-spacing: 0px;
|
|
57
|
-
font-style: normal;
|
|
58
|
-
text-align: left;
|
|
59
|
-
margin: 0;
|
|
60
|
-
color: cm_grey_800;
|
|
61
|
-
}
|
|
62
|
-
|
|
63
53
|
.border {
|
|
64
54
|
width: 4px;
|
|
65
55
|
font-weight: inherit;
|
|
66
|
-
background-color:
|
|
56
|
+
background-color: white;
|
|
67
57
|
flex-shrink: 0;
|
|
68
58
|
min-width: 4px;
|
|
69
59
|
flex-basis: 4px;
|
|
70
60
|
}
|
|
71
61
|
|
|
62
|
+
.selectedBorder {
|
|
63
|
+
background-color: cm_primary_blue;
|
|
64
|
+
}
|
|
65
|
+
|
|
72
66
|
.showMoreItem {
|
|
73
67
|
display: none;
|
|
74
68
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@coorpacademy/components",
|
|
3
|
-
"version": "11.12.3-alpha.
|
|
3
|
+
"version": "11.12.3-alpha.14+9a5185c1e",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -166,5 +166,5 @@
|
|
|
166
166
|
"last 2 versions",
|
|
167
167
|
"IE 11"
|
|
168
168
|
],
|
|
169
|
-
"gitHead": "
|
|
169
|
+
"gitHead": "9a5185c1eeb1c2deeb5fe9354de0144375883361"
|
|
170
170
|
}
|