@nice-digital/nds-grid 2.0.0-alpha.0 → 2.0.3-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/Grid.js.map +1 -1
- package/es/GridItem.js.map +1 -1
- package/lib/Grid.js.map +1 -1
- package/lib/GridItem.js.map +1 -1
- package/package.json +3 -3
package/README.md
CHANGED
|
@@ -167,7 +167,7 @@ A custom tag type for the grid item. Useful if semantically your grid is a `ul`
|
|
|
167
167
|
If you're not using [React](#react), then import the SCSS directly into your application by:
|
|
168
168
|
|
|
169
169
|
```scss
|
|
170
|
-
@
|
|
170
|
+
@forward '@nice-digital/nds-grid/scss/grid';
|
|
171
171
|
```
|
|
172
172
|
|
|
173
173
|
### HTML
|
package/es/Grid.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"Grid.js","names":["React","PropTypes","classnames","GridItem","Grid","props","children","reverse","equalHeight","gutter","horizontalAlignment","verticalAlignment","debug","className","GridElementType","elementType","rest","classNames","grid","none","compact","loose","center","right","middle","bottom","standard","left","top","propTypes","oneOfType","arrayOf","element","isRequired","bool","oneOf","string","defaultProps"],"sources":["../src/Grid.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport classnames from \"classnames\";\nimport { GridItem } from \"./GridItem\";\nimport \"../scss/grid.scss\";\nexport { GridItem };\n\nexport const Grid = (props) => {\n\tconst {\n\t\tchildren,\n\t\treverse,\n\t\tequalHeight,\n\t\tgutter,\n\t\thorizontalAlignment,\n\t\tverticalAlignment,\n\t\tdebug,\n\t\tclassName,\n\t\telementType: GridElementType,\n\t\t...rest\n\t} = props;\n\n\tconst classNames = classnames({\n\t\tgrid: true,\n\t\t\"grid--rev\": reverse,\n\t\t\"grid--equal-height\": equalHeight,\n\t\t\"grid--gutterless\": gutter === Grid.gutter.none,\n\t\t\"grid--compact\": gutter === Grid.gutter.compact,\n\t\t\"grid--loose\": gutter === Grid.gutter.loose,\n\t\t\"grid--center\": horizontalAlignment === Grid.horizontalAlignment.center,\n\t\t\"grid--right\": horizontalAlignment === Grid.horizontalAlignment.right,\n\t\t\"grid--middle\": verticalAlignment === Grid.verticalAlignment.middle,\n\t\t\"grid--bottom\": verticalAlignment === Grid.verticalAlignment.bottom,\n\t\t\"grid--debug\": debug,\n\t\t[className]: className\n\t});\n\treturn (\n\t\t<GridElementType className={classNames} {...rest}>\n\t\t\t{children}\n\t\t</GridElementType>\n\t);\n};\n\nGrid.gutter = {\n\tnone: \"none\",\n\tstandard: \"standard\",\n\tcompact: \"compact\",\n\tloose: \"loose\"\n};\n\nGrid.horizontalAlignment = {\n\tleft: \"left\",\n\tcenter: \"center\",\n\tright: \"right\"\n};\n\nGrid.verticalAlignment = {\n\ttop: \"top\",\n\tmiddle: \"middle\",\n\tbottom: \"bottom\"\n};\n\nGrid.propTypes = {\n\tchildren: PropTypes.oneOfType([\n\t\tPropTypes.arrayOf(PropTypes.element),\n\t\tPropTypes.element\n\t]).isRequired,\n\treverse: PropTypes.bool,\n\tequalHeight: PropTypes.bool,\n\thorizontalAlignment: PropTypes.oneOf([\n\t\tGrid.horizontalAlignment.left,\n\t\tGrid.horizontalAlignment.center,\n\t\tGrid.horizontalAlignment.right\n\t]),\n\tverticalAlignment: PropTypes.oneOf([\n\t\tGrid.verticalAlignment.top,\n\t\tGrid.verticalAlignment.middle,\n\t\tGrid.verticalAlignment.bottom\n\t]),\n\tgutter: PropTypes.oneOf([\n\t\tGrid.gutter.standard,\n\t\tGrid.gutter.none,\n\t\tGrid.gutter.compact,\n\t\tGrid.gutter.loose\n\t]),\n\tdebug: PropTypes.bool,\n\tclassName: PropTypes.string,\n\telementType: PropTypes.elementType\n};\n\nGrid.defaultProps = {\n\treverse: false,\n\tequalHeight: false,\n\tgutter: Grid.gutter.standard,\n\thorizontalAlignment: Grid.horizontalAlignment.left,\n\tverticalAlignment: Grid.verticalAlignment.top,\n\telementType: \"div\"\n};\n"],"mappings":"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"}
|
package/es/GridItem.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"GridItem.js","names":["React","PropTypes","GridItem","props","children","cols","push","pull","xs","sm","md","lg","xl","className","elementType","GridItemElementType","rest","gridColsAttr","toString","bpGridDefs","mapBpToAttr","bp","bpGridDef","gridDefAttr","concat","Object","keys","map","filter","col","join","breakpointPropType","oneOfType","number","shape","isRequired","propTypes","arrayOf","node","string"],"sources":["../src/GridItem.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nexport const GridItem = (props) => {\n\tconst {\n\t\tchildren,\n\t\tcols = 12,\n\t\tpush,\n\t\tpull,\n\t\txs,\n\t\tsm,\n\t\tmd,\n\t\tlg,\n\t\txl,\n\t\tclassName,\n\t\telementType: GridItemElementType = \"div\",\n\t\t...rest\n\t} = props;\n\n\tlet gridColsAttr = [cols.toString()];\n\n\tif (push) gridColsAttr.push(\"push:\" + push);\n\tif (pull) gridColsAttr.push(\"pull:\" + pull);\n\n\tconst bpGridDefs = { xs, sm, md, lg, xl };\n\tconst mapBpToAttr = (bp) => {\n\t\tconst bpGridDef = bpGridDefs[bp];\n\n\t\tif (!bpGridDef) return null;\n\n\t\t// E.g. \"xs:6\"\n\t\tif (typeof bpGridDef === \"number\") return bp + \":\" + bpGridDef;\n\n\t\t// E.g. \"xs:6 xs:push:3\"\n\t\tconst { cols, pull, push } = bpGridDef;\n\t\tlet gridDefAttr = bp + \":\" + cols;\n\t\tif (pull) gridDefAttr += ` ${bp}:pull:${pull}`;\n\t\tif (push) gridDefAttr += ` ${bp}:push:${push}`;\n\t\treturn gridDefAttr;\n\t};\n\tgridColsAttr = gridColsAttr\n\t\t.concat(Object.keys(bpGridDefs).map(mapBpToAttr))\n\t\t.filter((col) => col)\n\t\t.join(\" \");\n\n\treturn (\n\t\t<GridItemElementType data-g={gridColsAttr} className={className} {...rest}>\n\t\t\t{children}\n\t\t</GridItemElementType>\n\t);\n};\n\nconst breakpointPropType = PropTypes.oneOfType([\n\tPropTypes.number,\n\tPropTypes.shape({\n\t\tcols: PropTypes.number.isRequired,\n\t\tpush: PropTypes.number,\n\t\tpull: PropTypes.number\n\t})\n]);\n\nGridItem.propTypes = {\n\tchildren: PropTypes.oneOfType([\n\t\tPropTypes.arrayOf(PropTypes.node),\n\t\tPropTypes.node\n\t]).isRequired,\n\tcols: PropTypes.number,\n\tpush: PropTypes.number,\n\tpull: PropTypes.number,\n\txs: breakpointPropType,\n\tsm: breakpointPropType,\n\tmd: breakpointPropType,\n\tlg: breakpointPropType,\n\txl: breakpointPropType,\n\tclassName: PropTypes.string,\n\telementType: PropTypes.elementType\n};\n"],"mappings":"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"}
|
package/lib/Grid.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"Grid.js","names":["Grid","props","children","reverse","equalHeight","gutter","horizontalAlignment","verticalAlignment","debug","className","GridElementType","elementType","rest","classNames","classnames","grid","none","compact","loose","center","right","middle","bottom","standard","left","top","propTypes","PropTypes","oneOfType","arrayOf","element","isRequired","bool","oneOf","string","defaultProps"],"sources":["../src/Grid.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport classnames from \"classnames\";\nimport { GridItem } from \"./GridItem\";\nimport \"../scss/grid.scss\";\nexport { GridItem };\n\nexport const Grid = (props) => {\n\tconst {\n\t\tchildren,\n\t\treverse,\n\t\tequalHeight,\n\t\tgutter,\n\t\thorizontalAlignment,\n\t\tverticalAlignment,\n\t\tdebug,\n\t\tclassName,\n\t\telementType: GridElementType,\n\t\t...rest\n\t} = props;\n\n\tconst classNames = classnames({\n\t\tgrid: true,\n\t\t\"grid--rev\": reverse,\n\t\t\"grid--equal-height\": equalHeight,\n\t\t\"grid--gutterless\": gutter === Grid.gutter.none,\n\t\t\"grid--compact\": gutter === Grid.gutter.compact,\n\t\t\"grid--loose\": gutter === Grid.gutter.loose,\n\t\t\"grid--center\": horizontalAlignment === Grid.horizontalAlignment.center,\n\t\t\"grid--right\": horizontalAlignment === Grid.horizontalAlignment.right,\n\t\t\"grid--middle\": verticalAlignment === Grid.verticalAlignment.middle,\n\t\t\"grid--bottom\": verticalAlignment === Grid.verticalAlignment.bottom,\n\t\t\"grid--debug\": debug,\n\t\t[className]: className\n\t});\n\treturn (\n\t\t<GridElementType className={classNames} {...rest}>\n\t\t\t{children}\n\t\t</GridElementType>\n\t);\n};\n\nGrid.gutter = {\n\tnone: \"none\",\n\tstandard: \"standard\",\n\tcompact: \"compact\",\n\tloose: \"loose\"\n};\n\nGrid.horizontalAlignment = {\n\tleft: \"left\",\n\tcenter: \"center\",\n\tright: \"right\"\n};\n\nGrid.verticalAlignment = {\n\ttop: \"top\",\n\tmiddle: \"middle\",\n\tbottom: \"bottom\"\n};\n\nGrid.propTypes = {\n\tchildren: PropTypes.oneOfType([\n\t\tPropTypes.arrayOf(PropTypes.element),\n\t\tPropTypes.element\n\t]).isRequired,\n\treverse: PropTypes.bool,\n\tequalHeight: PropTypes.bool,\n\thorizontalAlignment: PropTypes.oneOf([\n\t\tGrid.horizontalAlignment.left,\n\t\tGrid.horizontalAlignment.center,\n\t\tGrid.horizontalAlignment.right\n\t]),\n\tverticalAlignment: PropTypes.oneOf([\n\t\tGrid.verticalAlignment.top,\n\t\tGrid.verticalAlignment.middle,\n\t\tGrid.verticalAlignment.bottom\n\t]),\n\tgutter: PropTypes.oneOf([\n\t\tGrid.gutter.standard,\n\t\tGrid.gutter.none,\n\t\tGrid.gutter.compact,\n\t\tGrid.gutter.loose\n\t]),\n\tdebug: PropTypes.bool,\n\tclassName: PropTypes.string,\n\telementType: PropTypes.elementType\n};\n\nGrid.defaultProps = {\n\treverse: false,\n\tequalHeight: false,\n\tgutter: Grid.gutter.standard,\n\thorizontalAlignment: Grid.horizontalAlignment.left,\n\tverticalAlignment: Grid.verticalAlignment.top,\n\telementType: \"div\"\n};\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AACA;;;;;;;AAGO,IAAMA,IAAI,GAAG,SAAPA,IAAO,CAACC,KAAD,EAAW;EAAA;;EAC9B,IACCC,QADD,GAWID,KAXJ,CACCC,QADD;EAAA,IAECC,OAFD,GAWIF,KAXJ,CAECE,OAFD;EAAA,IAGCC,WAHD,GAWIH,KAXJ,CAGCG,WAHD;EAAA,IAICC,MAJD,GAWIJ,KAXJ,CAICI,MAJD;EAAA,IAKCC,mBALD,GAWIL,KAXJ,CAKCK,mBALD;EAAA,IAMCC,iBAND,GAWIN,KAXJ,CAMCM,iBAND;EAAA,IAOCC,KAPD,GAWIP,KAXJ,CAOCO,KAPD;EAAA,IAQCC,SARD,GAWIR,KAXJ,CAQCQ,SARD;EAAA,IAScC,eATd,GAWIT,KAXJ,CASCU,WATD;EAAA,IAUIC,IAVJ,kDAWIX,KAXJ;EAaA,IAAMY,UAAU,GAAG,IAAAC,uBAAA;IAClBC,IAAI,EAAE,IADY;IAElB,aAAaZ,OAFK;IAGlB,sBAAsBC,WAHJ;IAIlB,oBAAoBC,MAAM,KAAKL,IAAI,CAACK,MAAL,CAAYW,IAJzB;IAKlB,iBAAiBX,MAAM,KAAKL,IAAI,CAACK,MAAL,CAAYY,OALtB;IAMlB,eAAeZ,MAAM,KAAKL,IAAI,CAACK,MAAL,CAAYa,KANpB;IAOlB,gBAAgBZ,mBAAmB,KAAKN,IAAI,CAACM,mBAAL,CAAyBa,MAP/C;IAQlB,eAAeb,mBAAmB,KAAKN,IAAI,CAACM,mBAAL,CAAyBc,KAR9C;IASlB,gBAAgBb,iBAAiB,KAAKP,IAAI,CAACO,iBAAL,CAAuBc,MAT3C;IAUlB,gBAAgBd,iBAAiB,KAAKP,IAAI,CAACO,iBAAL,CAAuBe,MAV3C;IAWlB,eAAed;EAXG,eAYjBC,SAZiB,IAYLA,SAZK,eAAnB;EAcA,oBACC,gCAAC,eAAD;IAAiB,SAAS,EAAEI;EAA5B,GAA4CD,IAA5C;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,IACEV,QADF,CADD;AAKA,CAjCM;;;AAmCPF,IAAI,CAACK,MAAL,GAAc;EACbW,IAAI,EAAE,MADO;EAEbO,QAAQ,EAAE,UAFG;EAGbN,OAAO,EAAE,SAHI;EAIbC,KAAK,EAAE;AAJM,CAAd;AAOAlB,IAAI,CAACM,mBAAL,GAA2B;EAC1BkB,IAAI,EAAE,MADoB;EAE1BL,MAAM,EAAE,QAFkB;EAG1BC,KAAK,EAAE;AAHmB,CAA3B;AAMApB,IAAI,CAACO,iBAAL,GAAyB;EACxBkB,GAAG,EAAE,KADmB;EAExBJ,MAAM,EAAE,QAFgB;EAGxBC,MAAM,EAAE;AAHgB,CAAzB;AAMAtB,IAAI,CAAC0B,SAAL,GAAiB;EAChBxB,QAAQ,EAAEyB,qBAAA,CAAUC,SAAV,CAAoB,CAC7BD,qBAAA,CAAUE,OAAV,CAAkBF,qBAAA,CAAUG,OAA5B,CAD6B,EAE7BH,qBAAA,CAAUG,OAFmB,CAApB,EAGPC,UAJa;EAKhB5B,OAAO,EAAEwB,qBAAA,CAAUK,IALH;EAMhB5B,WAAW,EAAEuB,qBAAA,CAAUK,IANP;EAOhB1B,mBAAmB,EAAEqB,qBAAA,CAAUM,KAAV,CAAgB,CACpCjC,IAAI,CAACM,mBAAL,CAAyBkB,IADW,EAEpCxB,IAAI,CAACM,mBAAL,CAAyBa,MAFW,EAGpCnB,IAAI,CAACM,mBAAL,CAAyBc,KAHW,CAAhB,CAPL;EAYhBb,iBAAiB,EAAEoB,qBAAA,CAAUM,KAAV,CAAgB,CAClCjC,IAAI,CAACO,iBAAL,CAAuBkB,GADW,EAElCzB,IAAI,CAACO,iBAAL,CAAuBc,MAFW,EAGlCrB,IAAI,CAACO,iBAAL,CAAuBe,MAHW,CAAhB,CAZH;EAiBhBjB,MAAM,EAAEsB,qBAAA,CAAUM,KAAV,CAAgB,CACvBjC,IAAI,CAACK,MAAL,CAAYkB,QADW,EAEvBvB,IAAI,CAACK,MAAL,CAAYW,IAFW,EAGvBhB,IAAI,CAACK,MAAL,CAAYY,OAHW,EAIvBjB,IAAI,CAACK,MAAL,CAAYa,KAJW,CAAhB,CAjBQ;EAuBhBV,KAAK,EAAEmB,qBAAA,CAAUK,IAvBD;EAwBhBvB,SAAS,EAAEkB,qBAAA,CAAUO,MAxBL;EAyBhBvB,WAAW,EAAEgB,qBAAA,CAAUhB;AAzBP,CAAjB;AA4BAX,IAAI,CAACmC,YAAL,GAAoB;EACnBhC,OAAO,EAAE,KADU;EAEnBC,WAAW,EAAE,KAFM;EAGnBC,MAAM,EAAEL,IAAI,CAACK,MAAL,CAAYkB,QAHD;EAInBjB,mBAAmB,EAAEN,IAAI,CAACM,mBAAL,CAAyBkB,IAJ3B;EAKnBjB,iBAAiB,EAAEP,IAAI,CAACO,iBAAL,CAAuBkB,GALvB;EAMnBd,WAAW,EAAE;AANM,CAApB"}
|
package/lib/GridItem.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"GridItem.js","names":["GridItem","props","children","cols","push","pull","xs","sm","md","lg","xl","className","elementType","GridItemElementType","rest","gridColsAttr","toString","bpGridDefs","mapBpToAttr","bp","bpGridDef","gridDefAttr","concat","Object","keys","map","filter","col","join","breakpointPropType","PropTypes","oneOfType","number","shape","isRequired","propTypes","arrayOf","node","string"],"sources":["../src/GridItem.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nexport const GridItem = (props) => {\n\tconst {\n\t\tchildren,\n\t\tcols = 12,\n\t\tpush,\n\t\tpull,\n\t\txs,\n\t\tsm,\n\t\tmd,\n\t\tlg,\n\t\txl,\n\t\tclassName,\n\t\telementType: GridItemElementType = \"div\",\n\t\t...rest\n\t} = props;\n\n\tlet gridColsAttr = [cols.toString()];\n\n\tif (push) gridColsAttr.push(\"push:\" + push);\n\tif (pull) gridColsAttr.push(\"pull:\" + pull);\n\n\tconst bpGridDefs = { xs, sm, md, lg, xl };\n\tconst mapBpToAttr = (bp) => {\n\t\tconst bpGridDef = bpGridDefs[bp];\n\n\t\tif (!bpGridDef) return null;\n\n\t\t// E.g. \"xs:6\"\n\t\tif (typeof bpGridDef === \"number\") return bp + \":\" + bpGridDef;\n\n\t\t// E.g. \"xs:6 xs:push:3\"\n\t\tconst { cols, pull, push } = bpGridDef;\n\t\tlet gridDefAttr = bp + \":\" + cols;\n\t\tif (pull) gridDefAttr += ` ${bp}:pull:${pull}`;\n\t\tif (push) gridDefAttr += ` ${bp}:push:${push}`;\n\t\treturn gridDefAttr;\n\t};\n\tgridColsAttr = gridColsAttr\n\t\t.concat(Object.keys(bpGridDefs).map(mapBpToAttr))\n\t\t.filter((col) => col)\n\t\t.join(\" \");\n\n\treturn (\n\t\t<GridItemElementType data-g={gridColsAttr} className={className} {...rest}>\n\t\t\t{children}\n\t\t</GridItemElementType>\n\t);\n};\n\nconst breakpointPropType = PropTypes.oneOfType([\n\tPropTypes.number,\n\tPropTypes.shape({\n\t\tcols: PropTypes.number.isRequired,\n\t\tpush: PropTypes.number,\n\t\tpull: PropTypes.number\n\t})\n]);\n\nGridItem.propTypes = {\n\tchildren: PropTypes.oneOfType([\n\t\tPropTypes.arrayOf(PropTypes.node),\n\t\tPropTypes.node\n\t]).isRequired,\n\tcols: PropTypes.number,\n\tpush: PropTypes.number,\n\tpull: PropTypes.number,\n\txs: breakpointPropType,\n\tsm: breakpointPropType,\n\tmd: breakpointPropType,\n\tlg: breakpointPropType,\n\txl: breakpointPropType,\n\tclassName: PropTypes.string,\n\telementType: PropTypes.elementType\n};\n"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nice-digital/nds-grid",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.3-alpha.0",
|
|
4
4
|
"description": "Grid component for the NICE Design System",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"grid"
|
|
@@ -37,12 +37,12 @@
|
|
|
37
37
|
"url": "https://github.com/nice-digital/nice-design-system/issues"
|
|
38
38
|
},
|
|
39
39
|
"dependencies": {
|
|
40
|
-
"@nice-digital/nds-core": "^2.0.
|
|
40
|
+
"@nice-digital/nds-core": "^2.0.3-alpha.0",
|
|
41
41
|
"classnames": "^2.2.6",
|
|
42
42
|
"prop-types": "^15.7.2"
|
|
43
43
|
},
|
|
44
44
|
"peerDependencies": {
|
|
45
45
|
"react": "^16 || ^17 || ^18"
|
|
46
46
|
},
|
|
47
|
-
"gitHead": "
|
|
47
|
+
"gitHead": "4a3743bed00bf33822d76b1815e85e96c0d699f4"
|
|
48
48
|
}
|