@newskit-render/shared-components 3.3.0-alpha.0 → 3.3.0-alpha.1

package/dist/cjs/LayoutGrid/LayoutGrid.js

@@ -4,17 +4,6 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -39,8 +28,10 @@ var LayoutGrid = function (_a) {
         react_1.default.createElement(newskit_1.Block, { marginBlockEnd: topMarginBlockEnd }),
         react_1.default.createElement(newskit_1.ScreenReaderOnly, null,
             react_1.default.createElement("p", { id: "main-description" }, "Beginning of main content")),
-        react_1.default.createElement(newskit_1.Grid, __assign({ xsRowGutter: "space000" }, margin, gutter, { "data-testid": "layout-grid" }),
-            react_1.default.createElement(newskit_1.Cell, { xs: 12, "data-testid": "layout-Cell" }, children))));
+        react_1.default.createElement(newskit_1.GridLayout, { "data-testid": "layout-grid", overrides: {
+                marginInline: margin,
+                paddingInline: gutter,
+            } }, children)));
 };
 exports.LayoutGrid = LayoutGrid;
 var templateObject_1;

package/dist/cjs/LayoutGrid/LayoutGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutGrid.js","sourceRoot":"","sources":["../../../src/LayoutGrid/LayoutGrid.tsx"],"names":[],"mappings":";AAAA,yBAAyB;;;;;;;;;;;;;;;;;;;;;AAEzB,mCAOgB;AAChB,gDAAyB;AAGzB,IAAM,kBAAkB,GAAG,UAAC,OAAiB,EAAE,SAAmB;IAChE,IAAI,OAAO,EAAE;QACX,OAAO,OAAO,CAAA;KACf;IACD,IAAI,SAAS,EAAE;QACb,OAAO,QAAQ,CAAA;KAChB;IACD,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAED,IAAM,gBAAgB,GAAG,UAAC,KAAa,IAAK,OAAA,gBAAM,CAAC,IAAI,6YAAA,gNAcnD,EAA4B,qFAK5B,EAA4B,qBACf,EAAK,UAErB,KARG,IAAA,gCAAsB,EAAC,IAAI,CAAC,EAK5B,IAAA,gCAAsB,EAAC,IAAI,CAAC,EACf,KAAK,GApBsB,CAsB3C,CAAA;AAEM,IAAM,UAAU,GAA8B,UAAC,EAOrD;QANC,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,SAAS,eAAA,EACT,MAAM,YAAA,EACN,MAAM,YAAA,EACN,yBAAsD,EAAtD,iBAAiB,mBAAG,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE,KAAA;IAEtD,IAAM,UAAU,GAAG,gBAAgB,CAAC,kBAAkB,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,CAAA;IAC9E,OAAO,CACL,8BAAC,UAAU,IAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,EAAC,MAAM,sBAAkB,kBAAkB;QACrE,8BAAC,eAAK,IAAC,cAAc,EAAE,iBAAiB,GAAI;QAC5C,8BAAC,0BAAgB;YACf,qCAAG,EAAE,EAAC,kBAAkB,gCAA8B,CACrC;QACnB,8BAAC,cAAI,aACH,WAAW,EAAC,UAAU,IAClB,MAAM,EACN,MAAM,mBACE,aAAa;YAEzB,8BAAC,cAAI,IAAC,EAAE,EAAE,EAAE,iBAAc,aAAa,IACpC,QAAQ,CACJ,CACF,CACI,CACd,CAAA;AACH,CAAC,CAAA;AA3BY,QAAA,UAAU,cA2BtB"}
+{"version":3,"file":"LayoutGrid.js","sourceRoot":"","sources":["../../../src/LayoutGrid/LayoutGrid.tsx"],"names":[],"mappings":";AAAA,yBAAyB;;;;;;;;;;AAEzB,mCAMgB;AAChB,gDAAyB;AAGzB,IAAM,kBAAkB,GAAG,UAAC,OAAiB,EAAE,SAAmB;IAChE,IAAI,OAAO,EAAE;QACX,OAAO,OAAO,CAAA;KACf;IACD,IAAI,SAAS,EAAE;QACb,OAAO,QAAQ,CAAA;KAChB;IACD,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAED,IAAM,gBAAgB,GAAG,UAAC,KAAa,IAAK,OAAA,gBAAM,CAAC,IAAI,6YAAA,gNAcnD,EAA4B,qFAK5B,EAA4B,qBACf,EAAK,UAErB,KARG,IAAA,gCAAsB,EAAC,IAAI,CAAC,EAK5B,IAAA,gCAAsB,EAAC,IAAI,CAAC,EACf,KAAK,GApBsB,CAsB3C,CAAA;AAEM,IAAM,UAAU,GAA8B,UAAC,EAOrD;QANC,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,SAAS,eAAA,EACT,MAAM,YAAA,EACN,MAAM,YAAA,EACN,yBAAsD,EAAtD,iBAAiB,mBAAG,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE,KAAA;IAEtD,IAAM,UAAU,GAAG,gBAAgB,CAAC,kBAAkB,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,CAAA;IAE9E,OAAO,CACL,8BAAC,UAAU,IAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,EAAC,MAAM,sBAAkB,kBAAkB;QACrE,8BAAC,eAAK,IAAC,cAAc,EAAE,iBAAiB,GAAI;QAC5C,8BAAC,0BAAgB;YACf,qCAAG,EAAE,EAAC,kBAAkB,gCAA8B,CACrC;QAEnB,8BAAC,oBAAU,mBACG,aAAa,EACzB,SAAS,EAAE;gBACT,YAAY,EAAE,MAAM;gBACpB,aAAa,EAAE,MAAM;aACtB,IAEA,QAAQ,CACE,CACF,CACd,CAAA;AACH,CAAC,CAAA;AA5BY,QAAA,UAAU,cA4BtB"}

package/dist/cjs/LayoutGrid/types.d.ts

@@ -6,15 +6,15 @@ export interface LayoutGridProps {
     hasSidebar?: boolean;
     fullWidth?: boolean;
     margin?: {
-        xsMargin?: string;
-        smMargin?: string;
-        mdMargin?: string;
-        lgMargin?: string;
+        xs?: string;
+        sm?: string;
+        md?: string;
+        lg?: string;
     };
     gutter?: {
-        xsColumnGutter?: string;
-        smColumnGutter?: string;
-        mdColumnGutter?: string;
-        lgColumnGutter?: string;
+        xs?: string;
+        sm?: string;
+        md?: string;
+        lg?: string;
     };
 }

package/dist/esm/LayoutGrid/LayoutGrid.js

@@ -3,18 +3,7 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { Block, Cell, getMediaQueryFromTheme, Grid, ScreenReaderOnly, styled, } from 'newskit';
+import { Block, getMediaQueryFromTheme, GridLayout, ScreenReaderOnly, styled, } from 'newskit';
 import React from 'react';
 var getStyledMainWidth = function (sidebar, fullWidth) {
     if (sidebar) {
@@ -33,8 +22,10 @@ export var LayoutGrid = function (_a) {
         React.createElement(Block, { marginBlockEnd: topMarginBlockEnd }),
         React.createElement(ScreenReaderOnly, null,
             React.createElement("p", { id: "main-description" }, "Beginning of main content")),
-        React.createElement(Grid, __assign({ xsRowGutter: "space000" }, margin, gutter, { "data-testid": "layout-grid" }),
-            React.createElement(Cell, { xs: 12, "data-testid": "layout-Cell" }, children))));
+        React.createElement(GridLayout, { "data-testid": "layout-grid", overrides: {
+                marginInline: margin,
+                paddingInline: gutter,
+            } }, children)));
 };
 var templateObject_1;
 //# sourceMappingURL=LayoutGrid.js.map

package/dist/esm/LayoutGrid/LayoutGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutGrid.js","sourceRoot":"","sources":["../../../src/LayoutGrid/LayoutGrid.tsx"],"names":[],"mappings":"AAAA,yBAAyB;;;;;;;;;;;;;;;;AAEzB,OAAO,EACL,KAAK,EACL,IAAI,EACJ,sBAAsB,EACtB,IAAI,EACJ,gBAAgB,EAChB,MAAM,GACP,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,IAAM,kBAAkB,GAAG,UAAC,OAAiB,EAAE,SAAmB;IAChE,IAAI,OAAO,EAAE;QACX,OAAO,OAAO,CAAA;KACf;IACD,IAAI,SAAS,EAAE;QACb,OAAO,QAAQ,CAAA;KAChB;IACD,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAED,IAAM,gBAAgB,GAAG,UAAC,KAAa,IAAK,OAAA,MAAM,CAAC,IAAI,6YAAA,gNAcnD,EAA4B,qFAK5B,EAA4B,qBACf,EAAK,UAErB,KARG,sBAAsB,CAAC,IAAI,CAAC,EAK5B,sBAAsB,CAAC,IAAI,CAAC,EACf,KAAK,GApBsB,CAsB3C,CAAA;AAED,MAAM,CAAC,IAAM,UAAU,GAA8B,UAAC,EAOrD;QANC,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,SAAS,eAAA,EACT,MAAM,YAAA,EACN,MAAM,YAAA,EACN,yBAAsD,EAAtD,iBAAiB,mBAAG,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE,KAAA;IAEtD,IAAM,UAAU,GAAG,gBAAgB,CAAC,kBAAkB,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,CAAA;IAC9E,OAAO,CACL,oBAAC,UAAU,IAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,EAAC,MAAM,sBAAkB,kBAAkB;QACrE,oBAAC,KAAK,IAAC,cAAc,EAAE,iBAAiB,GAAI;QAC5C,oBAAC,gBAAgB;YACf,2BAAG,EAAE,EAAC,kBAAkB,gCAA8B,CACrC;QACnB,oBAAC,IAAI,aACH,WAAW,EAAC,UAAU,IAClB,MAAM,EACN,MAAM,mBACE,aAAa;YAEzB,oBAAC,IAAI,IAAC,EAAE,EAAE,EAAE,iBAAc,aAAa,IACpC,QAAQ,CACJ,CACF,CACI,CACd,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"LayoutGrid.js","sourceRoot":"","sources":["../../../src/LayoutGrid/LayoutGrid.tsx"],"names":[],"mappings":"AAAA,yBAAyB;;;;;AAEzB,OAAO,EACL,KAAK,EACL,sBAAsB,EACtB,UAAU,EACV,gBAAgB,EAChB,MAAM,GACP,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,IAAM,kBAAkB,GAAG,UAAC,OAAiB,EAAE,SAAmB;IAChE,IAAI,OAAO,EAAE;QACX,OAAO,OAAO,CAAA;KACf;IACD,IAAI,SAAS,EAAE;QACb,OAAO,QAAQ,CAAA;KAChB;IACD,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAED,IAAM,gBAAgB,GAAG,UAAC,KAAa,IAAK,OAAA,MAAM,CAAC,IAAI,6YAAA,gNAcnD,EAA4B,qFAK5B,EAA4B,qBACf,EAAK,UAErB,KARG,sBAAsB,CAAC,IAAI,CAAC,EAK5B,sBAAsB,CAAC,IAAI,CAAC,EACf,KAAK,GApBsB,CAsB3C,CAAA;AAED,MAAM,CAAC,IAAM,UAAU,GAA8B,UAAC,EAOrD;QANC,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,SAAS,eAAA,EACT,MAAM,YAAA,EACN,MAAM,YAAA,EACN,yBAAsD,EAAtD,iBAAiB,mBAAG,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE,KAAA;IAEtD,IAAM,UAAU,GAAG,gBAAgB,CAAC,kBAAkB,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,CAAA;IAE9E,OAAO,CACL,oBAAC,UAAU,IAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,EAAC,MAAM,sBAAkB,kBAAkB;QACrE,oBAAC,KAAK,IAAC,cAAc,EAAE,iBAAiB,GAAI;QAC5C,oBAAC,gBAAgB;YACf,2BAAG,EAAE,EAAC,kBAAkB,gCAA8B,CACrC;QAEnB,oBAAC,UAAU,mBACG,aAAa,EACzB,SAAS,EAAE;gBACT,YAAY,EAAE,MAAM;gBACpB,aAAa,EAAE,MAAM;aACtB,IAEA,QAAQ,CACE,CACF,CACd,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/LayoutGrid/types.d.ts

@@ -6,15 +6,15 @@ export interface LayoutGridProps {
     hasSidebar?: boolean;
     fullWidth?: boolean;
     margin?: {
-        xsMargin?: string;
-        smMargin?: string;
-        mdMargin?: string;
-        lgMargin?: string;
+        xs?: string;
+        sm?: string;
+        md?: string;
+        lg?: string;
     };
     gutter?: {
-        xsColumnGutter?: string;
-        smColumnGutter?: string;
-        mdColumnGutter?: string;
-        lgColumnGutter?: string;
+        xs?: string;
+        sm?: string;
+        md?: string;
+        lg?: string;
     };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@newskit-render/shared-components",
-  "version": "3.3.0-alpha.0",
+  "version": "3.3.0-alpha.1",
   "description": "Newskit Render Shared Components",
   "author": "",
   "license": "UNLICENSED",