@nice-digital/nds-breadcrumbs 2.0.2-alpha.0 → 2.0.5-alpha.0
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/README.md +1 -1
- package/es/Breadcrumb.js.map +1 -1
- package/es/Breadcrumbs.js.map +1 -1
- package/lib/Breadcrumb.js.map +1 -1
- package/lib/Breadcrumbs.js.map +1 -1
- package/package.json +3 -3
- package/scss/breadcrumbs.scss +9 -8
package/README.md
CHANGED
|
@@ -102,7 +102,7 @@ Any additional className will be merged on to the container
|
|
|
102
102
|
If you're not using [React](#react), then import the SCSS directly into your application by:
|
|
103
103
|
|
|
104
104
|
```scss
|
|
105
|
-
@
|
|
105
|
+
@forward '@nice-digital/nds-breadcrumbs/scss/breadcrumbs';
|
|
106
106
|
```
|
|
107
107
|
|
|
108
108
|
### HTML
|
package/es/Breadcrumb.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"Breadcrumb.js","names":["React","PropTypes","classnames","Breadcrumb","props","elementType","method","to","children","className","attributes","ElementType","innerTagProps","propTypes","string","isRequired"],"sources":["../src/Breadcrumb.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport classnames from \"classnames\";\n\nexport const Breadcrumb = (props) => {\n\tconst { elementType, method, to, children, className, ...attributes } = props;\n\n\tlet ElementType = elementType || \"span\";\n\n\tconst innerTagProps = {\n\t\t...attributes\n\t};\n\n\tif (to) {\n\t\tElementType = elementType || \"a\";\n\t\tinnerTagProps[method || (ElementType === \"a\" && \"href\") || \"to\"] = to;\n\t}\n\n\treturn (\n\t\t<li className={classnames([\"breadcrumbs__crumb\", className])}>\n\t\t\t<ElementType {...innerTagProps}>{children}</ElementType>\n\t\t</li>\n\t);\n};\n\nBreadcrumb.propTypes = {\n\telementType: PropTypes.elementType, // Allow tag to be customised for custom routing integration\n\tchildren: PropTypes.string.isRequired,\n\tto: PropTypes.string,\n\tmethod: PropTypes.string,\n\tclassName: PropTypes.string\n};\n"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AAEA,OAAO,IAAMC,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD,EAAW;EACpC,IAAQC,WAAR,GAAwED,KAAxE,CAAQC,WAAR;EAAA,IAAqBC,MAArB,GAAwEF,KAAxE,CAAqBE,MAArB;EAAA,IAA6BC,EAA7B,GAAwEH,KAAxE,CAA6BG,EAA7B;EAAA,IAAiCC,QAAjC,GAAwEJ,KAAxE,CAAiCI,QAAjC;EAAA,IAA2CC,SAA3C,GAAwEL,KAAxE,CAA2CK,SAA3C;EAAA,IAAyDC,UAAzD,iCAAwEN,KAAxE;;EAEA,IAAIO,WAAW,GAAGN,WAAW,IAAI,MAAjC;;EAEA,IAAMO,aAAa,gBACfF,UADe,CAAnB;;EAIA,IAAIH,EAAJ,EAAQ;IACPI,WAAW,GAAGN,WAAW,IAAI,GAA7B;IACAO,aAAa,CAACN,MAAM,IAAKK,WAAW,KAAK,GAAhB,IAAuB,MAAlC,IAA6C,IAA9C,CAAb,GAAmEJ,EAAnE;EACA;;EAED,oBACC;IAAI,SAAS,EAAEL,UAAU,CAAC,CAAC,oBAAD,EAAuBO,SAAvB,CAAD;EAAzB,gBACC,oBAAC,WAAD,EAAiBG,aAAjB,EAAiCJ,QAAjC,CADD,CADD;AAKA,CAnBM;AAqBPL,UAAU,CAACU,SAAX,GAAuB;EACtBR,WAAW,EAAEJ,SAAS,CAACI,WADD;EACc;EACpCG,QAAQ,EAAEP,SAAS,CAACa,MAAV,CAAiBC,UAFL;EAGtBR,EAAE,EAAEN,SAAS,CAACa,MAHQ;EAItBR,MAAM,EAAEL,SAAS,CAACa,MAJI;EAKtBL,SAAS,EAAER,SAAS,CAACa;AALC,CAAvB"}
|
package/es/Breadcrumbs.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.js","names":["React","PropTypes","Breadcrumb","stringify","data","process","env","NODE_ENV","JSON","getBreadcrumbJsonLdItem","breadcrumb","index","position","item","props","to","name","children","Breadcrumbs","rest","jsonLdData","itemListElement","length","filter","Boolean","map","__html","propTypes","oneOfType","arrayOf","objectOf","isRequired"],"sources":["../src/Breadcrumbs.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { Breadcrumb } from \"./Breadcrumb\";\nimport \"../scss/breadcrumbs.scss\";\n\nexport { Breadcrumb };\n\nconst stringify = (data) => {\n\tif (process.env.NODE_ENV === \"production\") return JSON.stringify(data);\n\treturn JSON.stringify(data, null, 2);\n};\n\nconst getBreadcrumbJsonLdItem = (breadcrumb, index = 0) => ({\n\t\"@type\": \"ListItem\",\n\tposition: index + 1,\n\titem: {\n\t\t\"@id\": breadcrumb.props.to,\n\t\tname: breadcrumb.props.children\n\t}\n});\n\nexport const Breadcrumbs = ({ children, ...rest }) => {\n\tconst jsonLdData = {\n\t\t\"@context\": \"http://schema.org\",\n\t\t\"@type\": \"BreadcrumbList\",\n\t\titemListElement: children.length\n\t\t\t? children.filter(Boolean).map(getBreadcrumbJsonLdItem)\n\t\t\t: getBreadcrumbJsonLdItem(children)\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<nav aria-label=\"Breadcrumbs\" role=\"navigation\" {...rest}>\n\t\t\t\t<ol className=\"breadcrumbs\">{children}</ol>\n\t\t\t</nav>\n\t\t\t<script\n\t\t\t\ttype=\"application/ld+json\"\n\t\t\t\tdangerouslySetInnerHTML={{ __html: stringify(jsonLdData) }}\n\t\t\t/>\n\t\t</>\n\t);\n};\n\nBreadcrumbs.propTypes = {\n\tchildren: PropTypes.oneOfType([\n\t\tPropTypes.arrayOf(Breadcrumb),\n\t\tPropTypes.objectOf(Breadcrumb)\n\t]).isRequired\n};\n"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAASC,UAAT,QAA2B,cAA3B;AACA,OAAO,0BAAP;AAEA,SAASA,UAAT;;AAEA,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAACC,IAAD,EAAU;EAC3B,IAAIC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,YAA7B,EAA2C,OAAOC,IAAI,CAACL,SAAL,CAAeC,IAAf,CAAP;EAC3C,OAAOI,IAAI,CAACL,SAAL,CAAeC,IAAf,EAAqB,IAArB,EAA2B,CAA3B,CAAP;AACA,CAHD;;AAKA,IAAMK,uBAAuB,GAAG,SAA1BA,uBAA0B,CAACC,UAAD,EAAaC,KAAb;EAAA,IAAaA,KAAb;IAAaA,KAAb,GAAqB,CAArB;EAAA;;EAAA,OAA4B;IAC3D,SAAS,UADkD;IAE3DC,QAAQ,EAAED,KAAK,GAAG,CAFyC;IAG3DE,IAAI,EAAE;MACL,OAAOH,UAAU,CAACI,KAAX,CAAiBC,EADnB;MAELC,IAAI,EAAEN,UAAU,CAACI,KAAX,CAAiBG;IAFlB;EAHqD,CAA5B;AAAA,CAAhC;;AASA,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAc,OAA2B;EAAA,IAAxBD,QAAwB,QAAxBA,QAAwB;EAAA,IAAXE,IAAW;;EACrD,IAAMC,UAAU,GAAG;IAClB,YAAY,mBADM;IAElB,SAAS,gBAFS;IAGlBC,eAAe,EAAEJ,QAAQ,CAACK,MAAT,GACdL,QAAQ,CAACM,MAAT,CAAgBC,OAAhB,EAAyBC,GAAzB,CAA6BhB,uBAA7B,CADc,GAEdA,uBAAuB,CAACQ,QAAD;EALR,CAAnB;EAQA,oBACC,uDACC;IAAK,cAAW,aAAhB;IAA8B,IAAI,EAAC;EAAnC,GAAoDE,IAApD,gBACC;IAAI,SAAS,EAAC;EAAd,GAA6BF,QAA7B,CADD,CADD,eAIC;IACC,IAAI,EAAC,qBADN;IAEC,uBAAuB,EAAE;MAAES,MAAM,EAAEvB,SAAS,CAACiB,UAAD;IAAnB;EAF1B,EAJD,CADD;AAWA,CApBM;AAsBPF,WAAW,CAACS,SAAZ,GAAwB;EACvBV,QAAQ,EAAEhB,SAAS,CAAC2B,SAAV,CAAoB,CAC7B3B,SAAS,CAAC4B,OAAV,CAAkB3B,UAAlB,CAD6B,EAE7BD,SAAS,CAAC6B,QAAV,CAAmB5B,UAAnB,CAF6B,CAApB,EAGP6B;AAJoB,CAAxB"}
|
package/lib/Breadcrumb.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"Breadcrumb.js","names":["Breadcrumb","props","elementType","method","to","children","className","attributes","ElementType","innerTagProps","classnames","propTypes","PropTypes","string","isRequired"],"sources":["../src/Breadcrumb.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport classnames from \"classnames\";\n\nexport const Breadcrumb = (props) => {\n\tconst { elementType, method, to, children, className, ...attributes } = props;\n\n\tlet ElementType = elementType || \"span\";\n\n\tconst innerTagProps = {\n\t\t...attributes\n\t};\n\n\tif (to) {\n\t\tElementType = elementType || \"a\";\n\t\tinnerTagProps[method || (ElementType === \"a\" && \"href\") || \"to\"] = to;\n\t}\n\n\treturn (\n\t\t<li className={classnames([\"breadcrumbs__crumb\", className])}>\n\t\t\t<ElementType {...innerTagProps}>{children}</ElementType>\n\t\t</li>\n\t);\n};\n\nBreadcrumb.propTypes = {\n\telementType: PropTypes.elementType, // Allow tag to be customised for custom routing integration\n\tchildren: PropTypes.string.isRequired,\n\tto: PropTypes.string,\n\tmethod: PropTypes.string,\n\tclassName: PropTypes.string\n};\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;;;;;;AAEO,IAAMA,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD,EAAW;EACpC,IAAQC,WAAR,GAAwED,KAAxE,CAAQC,WAAR;EAAA,IAAqBC,MAArB,GAAwEF,KAAxE,CAAqBE,MAArB;EAAA,IAA6BC,EAA7B,GAAwEH,KAAxE,CAA6BG,EAA7B;EAAA,IAAiCC,QAAjC,GAAwEJ,KAAxE,CAAiCI,QAAjC;EAAA,IAA2CC,SAA3C,GAAwEL,KAAxE,CAA2CK,SAA3C;EAAA,IAAyDC,UAAzD,kDAAwEN,KAAxE;EAEA,IAAIO,WAAW,GAAGN,WAAW,IAAI,MAAjC;EAEA,IAAMO,aAAa,iCACfF,UADe,CAAnB;;EAIA,IAAIH,EAAJ,EAAQ;IACPI,WAAW,GAAGN,WAAW,IAAI,GAA7B;IACAO,aAAa,CAACN,MAAM,IAAKK,WAAW,KAAK,GAAhB,IAAuB,MAAlC,IAA6C,IAA9C,CAAb,GAAmEJ,EAAnE;EACA;;EAED,oBACC;IAAI,SAAS,EAAE,IAAAM,sBAAA,EAAW,CAAC,oBAAD,EAAuBJ,SAAvB,CAAX,CAAf;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,gBACC,gCAAC,WAAD,gCAAiBG,aAAjB;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,IAAiCJ,QAAjC,CADD,CADD;AAKA,CAnBM;;;AAqBPL,UAAU,CAACW,SAAX,GAAuB;EACtBT,WAAW,EAAEU,qBAAA,CAAUV,WADD;EACc;EACpCG,QAAQ,EAAEO,qBAAA,CAAUC,MAAV,CAAiBC,UAFL;EAGtBV,EAAE,EAAEQ,qBAAA,CAAUC,MAHQ;EAItBV,MAAM,EAAES,qBAAA,CAAUC,MAJI;EAKtBP,SAAS,EAAEM,qBAAA,CAAUC;AALC,CAAvB"}
|
package/lib/Breadcrumbs.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.js","names":["stringify","data","process","env","NODE_ENV","JSON","getBreadcrumbJsonLdItem","breadcrumb","index","position","item","props","to","name","children","Breadcrumbs","rest","jsonLdData","itemListElement","length","filter","Boolean","map","__html","propTypes","PropTypes","oneOfType","arrayOf","Breadcrumb","objectOf","isRequired"],"sources":["../src/Breadcrumbs.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { Breadcrumb } from \"./Breadcrumb\";\nimport \"../scss/breadcrumbs.scss\";\n\nexport { Breadcrumb };\n\nconst stringify = (data) => {\n\tif (process.env.NODE_ENV === \"production\") return JSON.stringify(data);\n\treturn JSON.stringify(data, null, 2);\n};\n\nconst getBreadcrumbJsonLdItem = (breadcrumb, index = 0) => ({\n\t\"@type\": \"ListItem\",\n\tposition: index + 1,\n\titem: {\n\t\t\"@id\": breadcrumb.props.to,\n\t\tname: breadcrumb.props.children\n\t}\n});\n\nexport const Breadcrumbs = ({ children, ...rest }) => {\n\tconst jsonLdData = {\n\t\t\"@context\": \"http://schema.org\",\n\t\t\"@type\": \"BreadcrumbList\",\n\t\titemListElement: children.length\n\t\t\t? children.filter(Boolean).map(getBreadcrumbJsonLdItem)\n\t\t\t: getBreadcrumbJsonLdItem(children)\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<nav aria-label=\"Breadcrumbs\" role=\"navigation\" {...rest}>\n\t\t\t\t<ol className=\"breadcrumbs\">{children}</ol>\n\t\t\t</nav>\n\t\t\t<script\n\t\t\t\ttype=\"application/ld+json\"\n\t\t\t\tdangerouslySetInnerHTML={{ __html: stringify(jsonLdData) }}\n\t\t\t/>\n\t\t</>\n\t);\n};\n\nBreadcrumbs.propTypes = {\n\tchildren: PropTypes.oneOfType([\n\t\tPropTypes.arrayOf(Breadcrumb),\n\t\tPropTypes.objectOf(Breadcrumb)\n\t]).isRequired\n};\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA;;;;AACA;;;;;;;AAIA,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,IAAD,EAAU;EAC3B,IAAIC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,YAA7B,EAA2C,OAAOC,IAAI,CAACL,SAAL,CAAeC,IAAf,CAAP;EAC3C,OAAOI,IAAI,CAACL,SAAL,CAAeC,IAAf,EAAqB,IAArB,EAA2B,CAA3B,CAAP;AACA,CAHD;;AAKA,IAAMK,uBAAuB,GAAG,SAA1BA,uBAA0B,CAACC,UAAD,EAAaC,KAAb;EAAA,IAAaA,KAAb;IAAaA,KAAb,GAAqB,CAArB;EAAA;;EAAA,OAA4B;IAC3D,SAAS,UADkD;IAE3DC,QAAQ,EAAED,KAAK,GAAG,CAFyC;IAG3DE,IAAI,EAAE;MACL,OAAOH,UAAU,CAACI,KAAX,CAAiBC,EADnB;MAELC,IAAI,EAAEN,UAAU,CAACI,KAAX,CAAiBG;IAFlB;EAHqD,CAA5B;AAAA,CAAhC;;AASO,IAAMC,WAAW,GAAG,SAAdA,WAAc,OAA2B;EAAA,IAAxBD,QAAwB,QAAxBA,QAAwB;EAAA,IAAXE,IAAW;EACrD,IAAMC,UAAU,GAAG;IAClB,YAAY,mBADM;IAElB,SAAS,gBAFS;IAGlBC,eAAe,EAAEJ,QAAQ,CAACK,MAAT,GACdL,QAAQ,CAACM,MAAT,CAAgBC,OAAhB,EAAyBC,GAAzB,CAA6BhB,uBAA7B,CADc,GAEdA,uBAAuB,CAACQ,QAAD;EALR,CAAnB;EAQA,oBACC,+EACC;IAAK,cAAW,aAAhB;IAA8B,IAAI,EAAC;EAAnC,GAAoDE,IAApD;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,iBACC;IAAI,SAAS,EAAC,aAAd;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GAA6BF,QAA7B,CADD,CADD,eAIC;IACC,IAAI,EAAC,qBADN;IAEC,uBAAuB,EAAE;MAAES,MAAM,EAAEvB,SAAS,CAACiB,UAAD;IAAnB,CAF1B;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,EAJD,CADD;AAWA,CApBM;;;AAsBPF,WAAW,CAACS,SAAZ,GAAwB;EACvBV,QAAQ,EAAEW,qBAAA,CAAUC,SAAV,CAAoB,CAC7BD,qBAAA,CAAUE,OAAV,CAAkBC,sBAAlB,CAD6B,EAE7BH,qBAAA,CAAUI,QAAV,CAAmBD,sBAAnB,CAF6B,CAApB,EAGPE;AAJoB,CAAxB"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nice-digital/nds-breadcrumbs",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.5-alpha.0",
|
|
4
4
|
"description": "Breadcrumbs component for the NICE Design System",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"breadcrumbs"
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
"url": "https://github.com/nice-digital/nice-design-system/issues"
|
|
35
35
|
},
|
|
36
36
|
"dependencies": {
|
|
37
|
-
"@nice-digital/nds-core": "^2.0.
|
|
37
|
+
"@nice-digital/nds-core": "^2.0.5-alpha.0",
|
|
38
38
|
"classnames": "^2.3.1",
|
|
39
39
|
"prop-types": "^15.7.2"
|
|
40
40
|
},
|
|
@@ -45,5 +45,5 @@
|
|
|
45
45
|
"devDependencies": {
|
|
46
46
|
"@babel/cli": "^7.5.0"
|
|
47
47
|
},
|
|
48
|
-
"gitHead": "
|
|
48
|
+
"gitHead": "c560cb90c31f1c8d2e3085df9b32bc4e47a37929"
|
|
49
49
|
}
|
package/scss/breadcrumbs.scss
CHANGED
|
@@ -15,19 +15,25 @@
|
|
|
15
15
|
.breadcrumbs {
|
|
16
16
|
@include typography.font-size(0);
|
|
17
17
|
@include visibility.hide-print;
|
|
18
|
+
display: flex;
|
|
19
|
+
flex-flow: row wrap;
|
|
18
20
|
list-style: none;
|
|
19
|
-
margin: utils.
|
|
21
|
+
margin: utils.rem(spacing.$small 0 spacing.$large);
|
|
20
22
|
max-width: 100%;
|
|
21
23
|
padding: 0;
|
|
22
24
|
|
|
23
25
|
&__crumb {
|
|
24
|
-
|
|
26
|
+
align-items: center;
|
|
27
|
+
display: flex;
|
|
25
28
|
margin-bottom: 0;
|
|
26
29
|
|
|
27
30
|
&:before {
|
|
28
31
|
content: glyphs.get-glyph(greater-than);
|
|
32
|
+
font-family: typography.get-font-family(mono);
|
|
29
33
|
font-size: 80%;
|
|
30
|
-
|
|
34
|
+
font-weight: bold;
|
|
35
|
+
line-height: 1;
|
|
36
|
+
margin: utils.rem(0 spacing.$small);
|
|
31
37
|
}
|
|
32
38
|
|
|
33
39
|
&:first-child:before {
|
|
@@ -37,11 +43,6 @@
|
|
|
37
43
|
|
|
38
44
|
a {
|
|
39
45
|
color: colours.$text;
|
|
40
|
-
text-decoration: underline;
|
|
41
|
-
|
|
42
|
-
&:hover {
|
|
43
|
-
text-decoration: none;
|
|
44
|
-
}
|
|
45
46
|
|
|
46
47
|
&:focus {
|
|
47
48
|
color: colours.$link-focus;
|