@transferwise/components 40.11.7-beta-1a3d6dafef.6 → 40.12.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transferwise/components",
-  "version": "40.11.7-beta-1a3d6dafef.6+1a3d6dafef",
+  "version": "40.12.2",
   "description": "Neptune React components",
   "license": "Apache-2.0",
   "main": "./build/umd/polyfill/main.js",
@@ -50,11 +50,6 @@
     "neptune-upgrade-util": "scripts/neptune-upgrader.js"
   },
   "devDependencies": {
-    "@babel/cli": "^7.14.8",
-    "@babel/core": "7.15.0",
-    "@babel/plugin-transform-runtime": "^7.14.5",
-    "@babel/preset-env": "^7.15.0",
-    "@babel/preset-react": "^7.14.5",
     "@formatjs/cli": "^4.8.3",
     "@percy/cli": "^1.1.0",
     "@percy/storybook": "^4.2.0",
@@ -64,19 +59,14 @@
     "@rollup/plugin-node-resolve": "^7.1.3",
     "@transferwise/icons": "^2.12.0",
     "@transferwise/less-config": "^3.0.4",
-    "@transferwise/neptune-css": "^12.5.2",
+    "@transferwise/neptune-css": "^12.5.3",
     "@transferwise/neptune-tokens": "7.0.0",
     "@transferwise/test-config": "^5.0.0",
     "@types/jest": "^26.0.20",
-    "@types/jest-axe": "^3.5.3",
     "@types/jscodeshift": "^0.11.0",
     "@types/node": "^14.14.31",
     "@types/react-transition-group": "4.4.4",
-    "babel-loader": "^8.1.0",
-    "babel-plugin-react-intl": "^8.2.16",
-    "babel-preset-minify": "^0.5.1",
     "html-loader": "^1.3.2",
-    "jest-axe": "^4.1.0",
     "lodash.times": "^4.3.2",
     "npm-watch": "^0.11.0",
     "react-intl": "^5.10.0",
@@ -93,11 +83,11 @@
     "react-intl": "^5.10.0 || ^6"
   },
   "dependencies": {
-    "@babel/runtime": "^7.15.3",
+    "@babel/runtime": "^7.18.3",
     "@formatjs/intl-locale": "^2.4.14",
     "@popperjs/core": "^2.6.0",
     "@transferwise/formatting": "^2.1.0",
-    "@transferwise/neptune-validation": "^3.0.4",
+    "@transferwise/neptune-validation": "^3.0.5",
     "@types/react-transition-group": "4.4.4",
     "classnames": "^2.2.6",
     "commonmark": "0.29.1",
@@ -118,5 +108,5 @@
   "watch": {
     "build:crowdin-source-file": "src/**/*.messages.js"
   },
-  "gitHead": "1a3d6dafef0be192c2985444acb6137cd7fb96b4"
+  "gitHead": "5d8abc8d96b28854b9d6a2d8edfeb53c6e2812d1"
 }

package/build/es/no-polyfill/container/Container.js

@@ -1,13 +0,0 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["children","as","isFullWidth","testId"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import classNames from"classnames";import React from"react";import{jsx as _jsx}from"react/jsx-runtime";/**
- * Use `Container` as the root component of the Neptune design system.
- *
- * @component
- * @example
- * const asSection = 'section'
- * const isFullWidth = true
- * return (
- *   <Container as={asSection} isFullWidth={isFullWidth}>
- *     <div>Hello World!</div>
- *   </Container>
- * )
- */var Container=function(a){var b=a.children,c=a.as,d=void 0===c?"div":c,e=a.isFullWidth,f=a.testId,g=_objectWithoutProperties(a,_excluded),h=classNames({"np-container":!0,"np-container--fullWidth":!!e});return/*#__PURE__*/_jsx(d,_objectSpread(_objectSpread(_objectSpread({},{className:h,"data-testid":f}),g),{},{children:b}))};export default Container;

package/build/es/no-polyfill/container/Container.spec.js

@@ -1,3 +0,0 @@
-import _asyncToGenerator from"@babel/runtime/helpers/asyncToGenerator";import _defineProperty from"@babel/runtime/helpers/defineProperty";import _regeneratorRuntime from"@babel/runtime/regenerator";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import{axe,toHaveNoViolations}from"jest-axe";import React from"react";import{renderToString}from"react-dom/server";import{render,screen}from"../test-utils";import Container from".";import{jsx as _jsx}from"react/jsx-runtime";describe("<Container />",function(){var a={children:"Hello World!",testId:"test-container"};it(": matches snapshot",function(){var b=render(/*#__PURE__*/_jsx(Container,_objectSpread({},a))),c=b.container;expect(c.firstChild).toMatchSnapshot()}),it(": matches snapshot as an `<main>` element",function(){var b=_objectSpread(_objectSpread({},a),{},{as:"main"}),c=render(/*#__PURE__*/_jsx(Container,_objectSpread({},b))),d=c.container;expect(d.firstChild).toMatchSnapshot()}),it(": renders",function(){var b=_objectSpread(_objectSpread({},a),{},{children:"Hello World! Hello World!"}),c=render(/*#__PURE__*/_jsx(Container,_objectSpread({},a))),d=c.rerender;// Change props
-expect(screen.getByTestId("test-container")).toBeInTheDocument(),expect(screen.getByTestId("test-container")).toHaveClass("np-container"),d(/*#__PURE__*/_jsx(Container,_objectSpread({},b))),expect(screen.getByText("Hello World! Hello World!")).toBeInTheDocument()})}),describe("<Container /> Server-side rendering>",function(){it(": renders on a server wtesthout crashing",function(){expect(function renderOnServer(){return renderToString(/*#__PURE__*/_jsx("main",{children:/*#__PURE__*/_jsx(Container,{children:"Text"})}))}).not.toThrow()}),it(": renders with the class attribute",function(){// eslint-disable-next-line testing-library/render-result-naming-convention
-var a=renderToString(/*#__PURE__*/_jsx(Container,{children:"Text"}));expect(a).toContain("class=\"np-container\"")})}),expect.extend(toHaveNoViolations),describe("<Container /> a11y testing",function(){var a={children:"text",testId:"test-container"};it(": should not have basic accessibility issues",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function b(){var c,d,e;return _regeneratorRuntime.wrap(function(b){for(;;)switch(b.prev=b.next){case 0:return c=render(/*#__PURE__*/_jsx(Container,_objectSpread({},a))),d=c.container,b.next=3,axe(d);case 3:e=b.sent,expect(e).toHaveNoViolations();case 5:case"end":return b.stop();}},b)})))});

package/build/es/no-polyfill/container/Container.story.js

@@ -1,2 +0,0 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import Container from"./Container";import{jsx as _jsx}from"react/jsx-runtime";export default{component:Container,title:"Container"};var boxStyle={color:"#333",display:"flex",background:"rgba(255, 105, 180, .5)",width:"100%",outline:"1px dashed rgba(255, 105, 180, .8)",outlineOffset:"-1px",padding:"24px"},Box=function(a){var b=a.children;return/*#__PURE__*/_jsx("div",{style:boxStyle,children:b})};// eslint-disable-next-line react/forbid-dom-props
-export var Default=function(a){return/*#__PURE__*/_jsx(Container,_objectSpread(_objectSpread({},a),{},{children:/*#__PURE__*/_jsx(Box,{})}))};export var FullWidth=function(a){return/*#__PURE__*/_jsx(Container,_objectSpread(_objectSpread({},a),{},{isFullWidth:!0,children:/*#__PURE__*/_jsx(Box,{})}))};export var Tag=function(a){return/*#__PURE__*/_jsx(Container,_objectSpread(_objectSpread({},a),{},{as:"main",children:/*#__PURE__*/_jsx(Box,{})}))};

package/build/es/no-polyfill/container/index.js

@@ -1 +0,0 @@
-export{default}from"./Container";

package/build/es/no-polyfill/grid/Grid.js

@@ -1,25 +0,0 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["align","children","className","id","noGutter","testId"],_excluded2=["align","children","className","span","spanXs","spanSm","spanMd","spanLg","spanXl","offset","offsetXs","offsetSm","offsetMd","offsetLg","offsetXl","testId"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}/* eslint-disable @typescript-eslint/restrict-template-expressions */import classNames from"classnames";import React,{useEffect}from"react";import{jsx as _jsx}from"react/jsx-runtime";/**
- * Grid component.
- *
- * @component
- * @example
- * const align = 'center'
- * const equalHeight = true
- * return (
- *   <Grid align={align} equalHeight={equalHeight}>
- *     <div>...</div>
- *     <div>...</div>
- *   </Grid>
- * )
- */var Grid=function(a){var b=a.align,c=a.children,d=a.className,e=a.id,f=a.noGutter,g=a.testId,h=_objectWithoutProperties(a,_excluded);useEffect(function(){React.Children.map(c,function(a){a&&a.type!==GridCol&&console.warn("Illegal child passed to <Grid />. Ensure to only use <Grid.Col />.")})},[c]);var i=classNames(_defineProperty({"np-grid":!0,"np-grid--alignLeft":"left"===b,"np-grid--alignRight":"right"===b,"np-grid--alignCenter":"center"===b,"np-grid--alignMiddle":"middle"===b,"np-grid--noGutter":!!f},"".concat(d),d));return/*#__PURE__*/_jsx("div",_objectSpread(_objectSpread(_objectSpread({},{className:i,"data-testid":g,id:e}),h),{},{children:c}))},GridCol=function(a){var b,c=a.align,d=a.children,e=a.className,f=a.span,g=a.spanXs,h=a.spanSm,i=a.spanMd,j=a.spanLg,k=a.spanXl,l=a.offset,m=a.offsetXs,n=a.offsetSm,o=a.offsetMd,p=a.offsetLg,q=a.offsetXl,r=a.testId,s=_objectWithoutProperties(a,_excluded2),t=classNames((b={"np-grid-col":!0},_defineProperty(b,"np-grid-col--".concat(f),"undefined"!=typeof f),_defineProperty(b,"np-xs-grid-col--".concat(g),"undefined"!=typeof g),_defineProperty(b,"np-sm-grid-col--".concat(h),"undefined"!=typeof h),_defineProperty(b,"np-md-grid-col--".concat(i),"undefined"!=typeof i),_defineProperty(b,"np-lg-grid-col--".concat(j),"undefined"!=typeof j),_defineProperty(b,"np-xl-grid-col--".concat(k),"undefined"!=typeof k),_defineProperty(b,"np-grid-col--offset-".concat(l),"undefined"!=typeof l),_defineProperty(b,"np-xs-grid-col--offset-".concat(m),"undefined"!=typeof m),_defineProperty(b,"np-sm-grid-col--offset-".concat(n),"undefined"!=typeof n),_defineProperty(b,"np-md-grid-col--offset-".concat(o),"undefined"!=typeof o),_defineProperty(b,"np-lg-grid-col--offset-".concat(p),"undefined"!=typeof p),_defineProperty(b,"np-xl-grid-col--offset-".concat(q),"undefined"!=typeof q),_defineProperty(b,"np-grid-col--alignLeft","left"===c),_defineProperty(b,"np-grid-col--alignRight","right"===c),_defineProperty(b,"np-grid-col--alignCenter","center"===c),_defineProperty(b,"np-grid-col--alignMiddle","middle"===c),_defineProperty(b,"".concat(e),e),b));return/*#__PURE__*/_jsx("div",_objectSpread(_objectSpread(_objectSpread({},{className:t,"data-testid":r}),s),{},{children:d}))};/**
- * Grid column component.
- *
- * @component
- * @example
- * return (
- *   <Grid>
- *     <Grid.Col>...</Grid.Col>
- *     <Grid.Col>...</Grid.Col>
- *   </Grid>
- * )
- */GridCol.displayName="Grid.Col",Grid.Col=GridCol;export default Grid;

package/build/es/no-polyfill/grid/Grid.spec.js

@@ -1,9 +0,0 @@
-import _asyncToGenerator from"@babel/runtime/helpers/asyncToGenerator";import _defineProperty from"@babel/runtime/helpers/defineProperty";import _regeneratorRuntime from"@babel/runtime/regenerator";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}/* eslint-disable @typescript-eslint/no-unsafe-assignment */ /* eslint-disable @typescript-eslint/no-unsafe-call */import{render,screen}from"@testing-library/react";import{axe,toHaveNoViolations}from"jest-axe";import{renderToString}from"react-dom/server";import Grid from".";import{jsx as _jsx}from"react/jsx-runtime";describe("<Grid />",function(){var a={children:/*#__PURE__*/_jsx(Grid.Col,{}),testId:"test-grid"};it(": matches snapshot",function(){var b=render(/*#__PURE__*/_jsx(Grid,_objectSpread({},a))),c=b.container;// eslint-disable-next-line testing-library/no-node-access
-expect(c.firstChild).toMatchSnapshot()}),it(": renders",function(){var b=_objectSpread(_objectSpread({},a),{},{children:/*#__PURE__*/_jsx(Grid.Col,{children:"Column"})}),c=render(/*#__PURE__*/_jsx(Grid,_objectSpread({},a))),d=c.rerender;// Change props
-expect(screen.getByTestId("test-grid")).toBeInTheDocument(),expect(screen.getByTestId("test-grid")).toHaveClass("np-grid"),d(/*#__PURE__*/_jsx(Grid,_objectSpread({},b))),expect(screen.getByText("Column")).toBeInTheDocument(),expect(screen.queryByText("Column")).toHaveClass("np-grid-col"),expect(screen.getByText("Column").parentElement).toHaveClass("np-grid")}),it(": renders with various spans",function(){var b=_objectSpread(_objectSpread({},a),{},{children:/*#__PURE__*/_jsx(Grid.Col,{span:12,spanSm:6,spanMd:4,spanLg:3,children:"Column"})}),c=render(/*#__PURE__*/_jsx(Grid,_objectSpread({},a))),d=c.rerender;// Change props
-expect(screen.getByTestId("test-grid")).toBeInTheDocument(),expect(screen.getByTestId("test-grid")).toHaveClass("np-grid"),d(/*#__PURE__*/_jsx(Grid,_objectSpread({},b))),expect(screen.getByText("Column")).toBeInTheDocument(),expect(screen.queryByText("Column")).toHaveClass("np-grid-col"),expect(screen.queryByText("Column")).toHaveClass("np-grid-col--12"),expect(screen.queryByText("Column")).toHaveClass("np-sm-grid-col--6"),expect(screen.queryByText("Column")).toHaveClass("np-md-grid-col--4"),expect(screen.queryByText("Column")).toHaveClass("np-lg-grid-col--3")}),it(": is set with class by the `className` prop",function(){var b=_objectSpread(_objectSpread({},a),{},{className:"np-grid--modifier"}),c=render(/*#__PURE__*/_jsx(Grid,_objectSpread({},a))),d=c.rerender;// Change props
-expect(screen.getByTestId("test-grid")).not.toHaveClass("np-grid--modifier"),d(/*#__PURE__*/_jsx(Grid,_objectSpread({},b))),expect(screen.getByTestId("test-grid")).toHaveClass("np-grid--modifier")}),it(": renders with modifier classes",function(){var b=_objectSpread(_objectSpread({},a),{},{// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-align:"center",noGutter:!0,children:/*#__PURE__*/_jsx(Grid.Col,{span:12,spanSm:6,spanMd:4,spanLg:3,children:"Column"})}),c=render(/*#__PURE__*/_jsx(Grid,_objectSpread({},a))),d=c.rerender;// Change props
-expect(screen.getByTestId("test-grid")).toBeInTheDocument(),expect(screen.getByTestId("test-grid")).toHaveClass("np-grid"),d(/*#__PURE__*/_jsx(Grid,_objectSpread({},b))),expect(screen.getByTestId("test-grid")).toHaveClass("np-grid--alignCenter"),expect(screen.getByTestId("test-grid")).toHaveClass("np-grid--noGutter")}),it(": renders with column modifier classes",function(){var b=_objectSpread(_objectSpread({},a),{},{children:/*#__PURE__*/_jsx(Grid.Col,{align:"center",span:12,spanSm:6,spanMd:4,spanLg:3,children:"Column"})}),c=render(/*#__PURE__*/_jsx(Grid,_objectSpread({},a))),d=c.rerender;// Change props
-expect(screen.getByTestId("test-grid")).toBeInTheDocument(),expect(screen.getByTestId("test-grid")).toHaveClass("np-grid"),d(/*#__PURE__*/_jsx(Grid,_objectSpread({},b))),expect(screen.getByText("Column")).toBeInTheDocument(),expect(screen.queryByText("Column")).toHaveClass("np-grid-col--alignCenter")})}),describe("<Grid /> Server-side rendering>",function(){var a={children:/*#__PURE__*/_jsx(Grid.Col,{}),testId:"test-grid"};it(": renders on a server wtesthout crashing",function(){expect(function renderOnServer(){return renderToString(/*#__PURE__*/_jsx("main",{children:/*#__PURE__*/_jsx(Grid,_objectSpread({},a))}))}).not.toThrow()}),it(": renders with the class attribute",function(){// eslint-disable-next-line testing-library/render-result-naming-convention
-var b=renderToString(/*#__PURE__*/_jsx(Grid,_objectSpread({},a)));expect(b).toContain("class=\"np-grid\"")})}),expect.extend(toHaveNoViolations),describe("<Grid /> a11y testing",function(){var a={children:/*#__PURE__*/_jsx(Grid.Col,{}),testId:"test-grid"};it(": should not have basic accessibility issues",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function b(){var c,d,e;return _regeneratorRuntime.wrap(function(b){for(;;)switch(b.prev=b.next){case 0:return c=render(/*#__PURE__*/_jsx(Grid,_objectSpread({},a))),d=c.container,b.next=3,axe(d);case 3:e=b.sent,expect(e).toHaveNoViolations();case 5:case"end":return b.stop();}},b)})))});

package/build/es/no-polyfill/grid/Grid.story.js

@@ -1,2 +0,0 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import Grid from"./Grid";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";export default{component:Grid,title:"Grid"};var boxStyle={color:"#333",display:"flex",background:"rgba(255, 105, 180, .5)",width:"100%",outline:"1px dashed rgba(255, 105, 180, .8)",outlineOffset:"-1px",padding:"24px"},Box=function(a){var b=a.children;return/*#__PURE__*/_jsx("div",{style:boxStyle,children:b})};// eslint-disable-next-line react/forbid-dom-props
-export var Default=function(a){return/*#__PURE__*/_jsxs(Grid,_objectSpread(_objectSpread({},a),{},{children:[/*#__PURE__*/_jsx(Grid.Col,{children:/*#__PURE__*/_jsx(Box,{})}),/*#__PURE__*/_jsx(Grid.Col,{children:/*#__PURE__*/_jsx(Box,{})}),/*#__PURE__*/_jsx(Grid.Col,{children:/*#__PURE__*/_jsx(Box,{})}),/*#__PURE__*/_jsx(Grid.Col,{children:/*#__PURE__*/_jsx(Box,{})})]}))};export var Responsive=function(a){return/*#__PURE__*/_jsxs(Grid,_objectSpread(_objectSpread({},a),{},{children:[/*#__PURE__*/_jsx(Grid.Col,{span:12,spanSm:6,spanLg:3,children:/*#__PURE__*/_jsx(Box,{children:"Span 3"})}),/*#__PURE__*/_jsx(Grid.Col,{span:12,spanSm:6,spanLg:3,children:/*#__PURE__*/_jsx(Box,{children:"Span 3"})}),/*#__PURE__*/_jsx(Grid.Col,{span:12,spanSm:6,spanLg:3,children:/*#__PURE__*/_jsx(Box,{children:"Span 3"})}),/*#__PURE__*/_jsx(Grid.Col,{span:12,spanSm:6,spanLg:3,children:/*#__PURE__*/_jsx(Box,{children:"Span 3"})})]}))};export var NoGutter=function(a){return/*#__PURE__*/_jsxs(Grid,_objectSpread(_objectSpread({},a),{},{noGutter:!0,children:[/*#__PURE__*/_jsx(Grid.Col,{span:12,spanSm:6,spanLg:3,children:/*#__PURE__*/_jsx(Box,{children:"Span 3"})}),/*#__PURE__*/_jsx(Grid.Col,{span:12,spanSm:6,spanLg:3,children:/*#__PURE__*/_jsx(Box,{children:"Span 3"})}),/*#__PURE__*/_jsx(Grid.Col,{span:12,spanSm:6,spanLg:3,children:/*#__PURE__*/_jsx(Box,{children:"Span 3"})}),/*#__PURE__*/_jsx(Grid.Col,{span:12,spanSm:6,spanLg:3,children:/*#__PURE__*/_jsx(Box,{children:"Span 3"})})]}))};export var Offset=function(a){return/*#__PURE__*/_jsxs(Grid,_objectSpread(_objectSpread({},a),{},{children:[/*#__PURE__*/_jsx(Grid.Col,{span:12,spanMd:1,children:/*#__PURE__*/_jsx(Box,{})}),/*#__PURE__*/_jsx(Grid.Col,{span:12,offset:0,spanMd:2,offsetMd:9,children:/*#__PURE__*/_jsx(Box,{})}),/*#__PURE__*/_jsx(Grid.Col,{span:12,spanMd:2,children:/*#__PURE__*/_jsx(Box,{})}),/*#__PURE__*/_jsx(Grid.Col,{span:12,spanMd:8,offset:0,offsetMd:2,children:/*#__PURE__*/_jsx(Box,{})}),/*#__PURE__*/_jsx(Grid.Col,{span:12,spanMd:4,children:/*#__PURE__*/_jsx(Box,{})}),/*#__PURE__*/_jsx(Grid.Col,{span:12,spanMd:6,offset:0,offsetMd:2,children:/*#__PURE__*/_jsx(Box,{})}),/*#__PURE__*/_jsx(Grid.Col,{span:12,spanMd:6,children:/*#__PURE__*/_jsx(Box,{})}),/*#__PURE__*/_jsx(Grid.Col,{span:12,spanMd:4,offset:0,offsetMd:2,children:/*#__PURE__*/_jsx(Box,{})}),/*#__PURE__*/_jsx(Grid.Col,{span:12,spanMd:8,children:/*#__PURE__*/_jsx(Box,{})}),/*#__PURE__*/_jsx(Grid.Col,{span:12,spanMd:2,offset:0,offsetMd:2,children:/*#__PURE__*/_jsx(Box,{})}),/*#__PURE__*/_jsx(Grid.Col,{span:12,spanMd:1,children:/*#__PURE__*/_jsx(Box,{})}),/*#__PURE__*/_jsx(Grid.Col,{span:12,spanMd:9,offset:0,offsetMd:2,children:/*#__PURE__*/_jsx(Box,{})}),/*#__PURE__*/_jsx(Grid.Col,{span:12,spanMd:9,children:/*#__PURE__*/_jsx(Box,{})}),/*#__PURE__*/_jsx(Grid.Col,{span:12,spanMd:1,offset:0,offsetMd:2,children:/*#__PURE__*/_jsx(Box,{})})]}))};export var AlignLeft=function(a){return/*#__PURE__*/_jsxs(Grid,_objectSpread(_objectSpread({align:"left"},a),{},{children:[/*#__PURE__*/_jsx(Grid.Col,{span:3,children:/*#__PURE__*/_jsx(Box,{})}),/*#__PURE__*/_jsx(Grid.Col,{span:3,children:/*#__PURE__*/_jsx(Box,{})})]}))};export var AlignRight=function(a){return/*#__PURE__*/_jsxs(Grid,_objectSpread(_objectSpread({align:"right"},a),{},{children:[/*#__PURE__*/_jsx(Grid.Col,{span:3,children:/*#__PURE__*/_jsx(Box,{})}),/*#__PURE__*/_jsx(Grid.Col,{span:3,children:/*#__PURE__*/_jsx(Box,{})})]}))};export var AlignCenter=function(a){return/*#__PURE__*/_jsxs(Grid,_objectSpread(_objectSpread({align:"center"},a),{},{children:[/*#__PURE__*/_jsx(Grid.Col,{span:3,children:/*#__PURE__*/_jsx(Box,{})}),/*#__PURE__*/_jsx(Grid.Col,{span:3,children:/*#__PURE__*/_jsx(Box,{})})]}))};export var AlignMiddle=function(a){return/*#__PURE__*/_jsxs(Grid,_objectSpread(_objectSpread({align:"middle"},a),{},{children:[/*#__PURE__*/_jsx(Grid.Col,{span:3,children:/*#__PURE__*/_jsx(Box,{children:/*#__PURE__*/_jsx("p",{children:"Lorem ipsum dolor, sit amet consectetur adipisicing elit. Consequuntur tempore numquam quo doloremque tempora hic nam, explicabo voluptatem consectetur assumenda iure culpa perspiciatis ipsa sit."})})}),/*#__PURE__*/_jsx(Grid.Col,{span:3,children:/*#__PURE__*/_jsx(Box,{children:/*#__PURE__*/_jsx("p",{children:"Lorem ipsum dolor sit amet consectetur adipisicing elit. Veritatis, aliquam."})})})]}))};

package/build/es/no-polyfill/grid/index.js

@@ -1 +0,0 @@
-export{default}from"./Grid";

package/build/es/polyfill/container/Container.js

@@ -1,13 +0,0 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["children","as","isFullWidth","testId"];import"core-js/modules/es.object.keys.js";import"core-js/modules/es.symbol.js";import"core-js/modules/es.array.filter.js";import"core-js/modules/es.object.get-own-property-descriptor.js";import"core-js/modules/web.dom-collections.for-each.js";import"core-js/modules/es.object.get-own-property-descriptors.js";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import classNames from"classnames";import React from"react";import{jsx as _jsx}from"react/jsx-runtime";/**
- * Use `Container` as the root component of the Neptune design system.
- *
- * @component
- * @example
- * const asSection = 'section'
- * const isFullWidth = true
- * return (
- *   <Container as={asSection} isFullWidth={isFullWidth}>
- *     <div>Hello World!</div>
- *   </Container>
- * )
- */var Container=function(a){var b=a.children,c=a.as,d=void 0===c?"div":c,e=a.isFullWidth,f=a.testId,g=_objectWithoutProperties(a,_excluded),h=classNames({"np-container":!0,"np-container--fullWidth":!!e});return/*#__PURE__*/_jsx(d,_objectSpread(_objectSpread(_objectSpread({},{className:h,"data-testid":f}),g),{},{children:b}))};export default Container;

package/build/es/polyfill/container/Container.spec.js

@@ -1,3 +0,0 @@
-import _asyncToGenerator from"@babel/runtime/helpers/asyncToGenerator";import _defineProperty from"@babel/runtime/helpers/defineProperty";import"core-js/modules/es.object.keys.js";import"core-js/modules/es.symbol.js";import"core-js/modules/es.array.filter.js";import"core-js/modules/es.object.get-own-property-descriptor.js";import"core-js/modules/web.dom-collections.for-each.js";import"core-js/modules/es.object.get-own-property-descriptors.js";import _regeneratorRuntime from"@babel/runtime/regenerator";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import{axe,toHaveNoViolations}from"jest-axe";import React from"react";import{renderToString}from"react-dom/server";import{render,screen}from"../test-utils";import Container from".";import{jsx as _jsx}from"react/jsx-runtime";describe("<Container />",function(){var a={children:"Hello World!",testId:"test-container"};it(": matches snapshot",function(){var b=render(/*#__PURE__*/_jsx(Container,_objectSpread({},a))),c=b.container;expect(c.firstChild).toMatchSnapshot()}),it(": matches snapshot as an `<main>` element",function(){var b=_objectSpread(_objectSpread({},a),{},{as:"main"}),c=render(/*#__PURE__*/_jsx(Container,_objectSpread({},b))),d=c.container;expect(d.firstChild).toMatchSnapshot()}),it(": renders",function(){var b=_objectSpread(_objectSpread({},a),{},{children:"Hello World! Hello World!"}),c=render(/*#__PURE__*/_jsx(Container,_objectSpread({},a))),d=c.rerender;// Change props
-expect(screen.getByTestId("test-container")).toBeInTheDocument(),expect(screen.getByTestId("test-container")).toHaveClass("np-container"),d(/*#__PURE__*/_jsx(Container,_objectSpread({},b))),expect(screen.getByText("Hello World! Hello World!")).toBeInTheDocument()})}),describe("<Container /> Server-side rendering>",function(){it(": renders on a server wtesthout crashing",function(){expect(function renderOnServer(){return renderToString(/*#__PURE__*/_jsx("main",{children:/*#__PURE__*/_jsx(Container,{children:"Text"})}))}).not.toThrow()}),it(": renders with the class attribute",function(){// eslint-disable-next-line testing-library/render-result-naming-convention
-var a=renderToString(/*#__PURE__*/_jsx(Container,{children:"Text"}));expect(a).toContain("class=\"np-container\"")})}),expect.extend(toHaveNoViolations),describe("<Container /> a11y testing",function(){var a={children:"text",testId:"test-container"};it(": should not have basic accessibility issues",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function b(){var c,d,e;return _regeneratorRuntime.wrap(function(b){for(;;)switch(b.prev=b.next){case 0:return c=render(/*#__PURE__*/_jsx(Container,_objectSpread({},a))),d=c.container,b.next=3,axe(d);case 3:e=b.sent,expect(e).toHaveNoViolations();case 5:case"end":return b.stop();}},b)})))});

package/build/es/polyfill/container/Container.story.js

@@ -1,2 +0,0 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import"core-js/modules/es.object.keys.js";import"core-js/modules/es.symbol.js";import"core-js/modules/es.array.filter.js";import"core-js/modules/es.object.get-own-property-descriptor.js";import"core-js/modules/web.dom-collections.for-each.js";import"core-js/modules/es.object.get-own-property-descriptors.js";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import Container from"./Container";import{jsx as _jsx}from"react/jsx-runtime";export default{component:Container,title:"Container"};var boxStyle={color:"#333",display:"flex",background:"rgba(255, 105, 180, .5)",width:"100%",outline:"1px dashed rgba(255, 105, 180, .8)",outlineOffset:"-1px",padding:"24px"},Box=function(a){var b=a.children;return/*#__PURE__*/_jsx("div",{style:boxStyle,children:b})};// eslint-disable-next-line react/forbid-dom-props
-export var Default=function(a){return/*#__PURE__*/_jsx(Container,_objectSpread(_objectSpread({},a),{},{children:/*#__PURE__*/_jsx(Box,{})}))};export var FullWidth=function(a){return/*#__PURE__*/_jsx(Container,_objectSpread(_objectSpread({},a),{},{isFullWidth:!0,children:/*#__PURE__*/_jsx(Box,{})}))};export var Tag=function(a){return/*#__PURE__*/_jsx(Container,_objectSpread(_objectSpread({},a),{},{as:"main",children:/*#__PURE__*/_jsx(Box,{})}))};

package/build/es/polyfill/container/index.js

@@ -1 +0,0 @@
-export{default}from"./Container";

package/build/es/polyfill/grid/Grid.js

@@ -1,25 +0,0 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["align","children","className","id","noGutter","testId"],_excluded2=["align","children","className","span","spanXs","spanSm","spanMd","spanLg","spanXl","offset","offsetXs","offsetSm","offsetMd","offsetLg","offsetXl","testId"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"core-js/modules/es.array.map.js";import"core-js/modules/es.object.keys.js";import"core-js/modules/es.symbol.js";import"core-js/modules/es.array.filter.js";import"core-js/modules/es.object.get-own-property-descriptor.js";import"core-js/modules/web.dom-collections.for-each.js";import"core-js/modules/es.object.get-own-property-descriptors.js";/* eslint-disable @typescript-eslint/restrict-template-expressions */import classNames from"classnames";import React,{useEffect}from"react";import{jsx as _jsx}from"react/jsx-runtime";/**
- * Grid component.
- *
- * @component
- * @example
- * const align = 'center'
- * const equalHeight = true
- * return (
- *   <Grid align={align} equalHeight={equalHeight}>
- *     <div>...</div>
- *     <div>...</div>
- *   </Grid>
- * )
- */var Grid=function(a){var b=a.align,c=a.children,d=a.className,e=a.id,f=a.noGutter,g=a.testId,h=_objectWithoutProperties(a,_excluded);useEffect(function(){React.Children.map(c,function(a){a&&a.type!==GridCol&&console.warn("Illegal child passed to <Grid />. Ensure to only use <Grid.Col />.")})},[c]);var i=classNames(_defineProperty({"np-grid":!0,"np-grid--alignLeft":"left"===b,"np-grid--alignRight":"right"===b,"np-grid--alignCenter":"center"===b,"np-grid--alignMiddle":"middle"===b,"np-grid--noGutter":!!f},"".concat(d),d));return/*#__PURE__*/_jsx("div",_objectSpread(_objectSpread(_objectSpread({},{className:i,"data-testid":g,id:e}),h),{},{children:c}))},GridCol=function(a){var b,c=a.align,d=a.children,e=a.className,f=a.span,g=a.spanXs,h=a.spanSm,i=a.spanMd,j=a.spanLg,k=a.spanXl,l=a.offset,m=a.offsetXs,n=a.offsetSm,o=a.offsetMd,p=a.offsetLg,q=a.offsetXl,r=a.testId,s=_objectWithoutProperties(a,_excluded2),t=classNames((b={"np-grid-col":!0},_defineProperty(b,"np-grid-col--".concat(f),"undefined"!=typeof f),_defineProperty(b,"np-xs-grid-col--".concat(g),"undefined"!=typeof g),_defineProperty(b,"np-sm-grid-col--".concat(h),"undefined"!=typeof h),_defineProperty(b,"np-md-grid-col--".concat(i),"undefined"!=typeof i),_defineProperty(b,"np-lg-grid-col--".concat(j),"undefined"!=typeof j),_defineProperty(b,"np-xl-grid-col--".concat(k),"undefined"!=typeof k),_defineProperty(b,"np-grid-col--offset-".concat(l),"undefined"!=typeof l),_defineProperty(b,"np-xs-grid-col--offset-".concat(m),"undefined"!=typeof m),_defineProperty(b,"np-sm-grid-col--offset-".concat(n),"undefined"!=typeof n),_defineProperty(b,"np-md-grid-col--offset-".concat(o),"undefined"!=typeof o),_defineProperty(b,"np-lg-grid-col--offset-".concat(p),"undefined"!=typeof p),_defineProperty(b,"np-xl-grid-col--offset-".concat(q),"undefined"!=typeof q),_defineProperty(b,"np-grid-col--alignLeft","left"===c),_defineProperty(b,"np-grid-col--alignRight","right"===c),_defineProperty(b,"np-grid-col--alignCenter","center"===c),_defineProperty(b,"np-grid-col--alignMiddle","middle"===c),_defineProperty(b,"".concat(e),e),b));return/*#__PURE__*/_jsx("div",_objectSpread(_objectSpread(_objectSpread({},{className:t,"data-testid":r}),s),{},{children:d}))};/**
- * Grid column component.
- *
- * @component
- * @example
- * return (
- *   <Grid>
- *     <Grid.Col>...</Grid.Col>
- *     <Grid.Col>...</Grid.Col>
- *   </Grid>
- * )
- */GridCol.displayName="Grid.Col",Grid.Col=GridCol;export default Grid;

package/build/es/polyfill/grid/Grid.spec.js

@@ -1,9 +0,0 @@
-import _asyncToGenerator from"@babel/runtime/helpers/asyncToGenerator";import _defineProperty from"@babel/runtime/helpers/defineProperty";import"core-js/modules/es.object.keys.js";import"core-js/modules/es.symbol.js";import"core-js/modules/es.array.filter.js";import"core-js/modules/es.object.get-own-property-descriptor.js";import"core-js/modules/web.dom-collections.for-each.js";import"core-js/modules/es.object.get-own-property-descriptors.js";import _regeneratorRuntime from"@babel/runtime/regenerator";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}/* eslint-disable @typescript-eslint/no-unsafe-assignment */ /* eslint-disable @typescript-eslint/no-unsafe-call */import{render,screen}from"@testing-library/react";import{axe,toHaveNoViolations}from"jest-axe";import{renderToString}from"react-dom/server";import Grid from".";import{jsx as _jsx}from"react/jsx-runtime";describe("<Grid />",function(){var a={children:/*#__PURE__*/_jsx(Grid.Col,{}),testId:"test-grid"};it(": matches snapshot",function(){var b=render(/*#__PURE__*/_jsx(Grid,_objectSpread({},a))),c=b.container;// eslint-disable-next-line testing-library/no-node-access
-expect(c.firstChild).toMatchSnapshot()}),it(": renders",function(){var b=_objectSpread(_objectSpread({},a),{},{children:/*#__PURE__*/_jsx(Grid.Col,{children:"Column"})}),c=render(/*#__PURE__*/_jsx(Grid,_objectSpread({},a))),d=c.rerender;// Change props
-expect(screen.getByTestId("test-grid")).toBeInTheDocument(),expect(screen.getByTestId("test-grid")).toHaveClass("np-grid"),d(/*#__PURE__*/_jsx(Grid,_objectSpread({},b))),expect(screen.getByText("Column")).toBeInTheDocument(),expect(screen.queryByText("Column")).toHaveClass("np-grid-col"),expect(screen.getByText("Column").parentElement).toHaveClass("np-grid")}),it(": renders with various spans",function(){var b=_objectSpread(_objectSpread({},a),{},{children:/*#__PURE__*/_jsx(Grid.Col,{span:12,spanSm:6,spanMd:4,spanLg:3,children:"Column"})}),c=render(/*#__PURE__*/_jsx(Grid,_objectSpread({},a))),d=c.rerender;// Change props
-expect(screen.getByTestId("test-grid")).toBeInTheDocument(),expect(screen.getByTestId("test-grid")).toHaveClass("np-grid"),d(/*#__PURE__*/_jsx(Grid,_objectSpread({},b))),expect(screen.getByText("Column")).toBeInTheDocument(),expect(screen.queryByText("Column")).toHaveClass("np-grid-col"),expect(screen.queryByText("Column")).toHaveClass("np-grid-col--12"),expect(screen.queryByText("Column")).toHaveClass("np-sm-grid-col--6"),expect(screen.queryByText("Column")).toHaveClass("np-md-grid-col--4"),expect(screen.queryByText("Column")).toHaveClass("np-lg-grid-col--3")}),it(": is set with class by the `className` prop",function(){var b=_objectSpread(_objectSpread({},a),{},{className:"np-grid--modifier"}),c=render(/*#__PURE__*/_jsx(Grid,_objectSpread({},a))),d=c.rerender;// Change props
-expect(screen.getByTestId("test-grid")).not.toHaveClass("np-grid--modifier"),d(/*#__PURE__*/_jsx(Grid,_objectSpread({},b))),expect(screen.getByTestId("test-grid")).toHaveClass("np-grid--modifier")}),it(": renders with modifier classes",function(){var b=_objectSpread(_objectSpread({},a),{},{// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-align:"center",noGutter:!0,children:/*#__PURE__*/_jsx(Grid.Col,{span:12,spanSm:6,spanMd:4,spanLg:3,children:"Column"})}),c=render(/*#__PURE__*/_jsx(Grid,_objectSpread({},a))),d=c.rerender;// Change props
-expect(screen.getByTestId("test-grid")).toBeInTheDocument(),expect(screen.getByTestId("test-grid")).toHaveClass("np-grid"),d(/*#__PURE__*/_jsx(Grid,_objectSpread({},b))),expect(screen.getByTestId("test-grid")).toHaveClass("np-grid--alignCenter"),expect(screen.getByTestId("test-grid")).toHaveClass("np-grid--noGutter")}),it(": renders with column modifier classes",function(){var b=_objectSpread(_objectSpread({},a),{},{children:/*#__PURE__*/_jsx(Grid.Col,{align:"center",span:12,spanSm:6,spanMd:4,spanLg:3,children:"Column"})}),c=render(/*#__PURE__*/_jsx(Grid,_objectSpread({},a))),d=c.rerender;// Change props
-expect(screen.getByTestId("test-grid")).toBeInTheDocument(),expect(screen.getByTestId("test-grid")).toHaveClass("np-grid"),d(/*#__PURE__*/_jsx(Grid,_objectSpread({},b))),expect(screen.getByText("Column")).toBeInTheDocument(),expect(screen.queryByText("Column")).toHaveClass("np-grid-col--alignCenter")})}),describe("<Grid /> Server-side rendering>",function(){var a={children:/*#__PURE__*/_jsx(Grid.Col,{}),testId:"test-grid"};it(": renders on a server wtesthout crashing",function(){expect(function renderOnServer(){return renderToString(/*#__PURE__*/_jsx("main",{children:/*#__PURE__*/_jsx(Grid,_objectSpread({},a))}))}).not.toThrow()}),it(": renders with the class attribute",function(){// eslint-disable-next-line testing-library/render-result-naming-convention
-var b=renderToString(/*#__PURE__*/_jsx(Grid,_objectSpread({},a)));expect(b).toContain("class=\"np-grid\"")})}),expect.extend(toHaveNoViolations),describe("<Grid /> a11y testing",function(){var a={children:/*#__PURE__*/_jsx(Grid.Col,{}),testId:"test-grid"};it(": should not have basic accessibility issues",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function b(){var c,d,e;return _regeneratorRuntime.wrap(function(b){for(;;)switch(b.prev=b.next){case 0:return c=render(/*#__PURE__*/_jsx(Grid,_objectSpread({},a))),d=c.container,b.next=3,axe(d);case 3:e=b.sent,expect(e).toHaveNoViolations();case 5:case"end":return b.stop();}},b)})))});

package/build/es/polyfill/grid/Grid.story.js

@@ -1,2 +0,0 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import"core-js/modules/es.object.keys.js";import"core-js/modules/es.symbol.js";import"core-js/modules/es.array.filter.js";import"core-js/modules/es.object.get-own-property-descriptor.js";import"core-js/modules/web.dom-collections.for-each.js";import"core-js/modules/es.object.get-own-property-descriptors.js";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import Grid from"./Grid";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";export default{component:Grid,title:"Grid"};var boxStyle={color:"#333",display:"flex",background:"rgba(255, 105, 180, .5)",width:"100%",outline:"1px dashed rgba(255, 105, 180, .8)",outlineOffset:"-1px",padding:"24px"},Box=function(a){var b=a.children;return/*#__PURE__*/_jsx("div",{style:boxStyle,children:b})};// eslint-disable-next-line react/forbid-dom-props
-export var Default=function(a){return/*#__PURE__*/_jsxs(Grid,_objectSpread(_objectSpread({},a),{},{children:[/*#__PURE__*/_jsx(Grid.Col,{children:/*#__PURE__*/_jsx(Box,{})}),/*#__PURE__*/_jsx(Grid.Col,{children:/*#__PURE__*/_jsx(Box,{})}),/*#__PURE__*/_jsx(Grid.Col,{children:/*#__PURE__*/_jsx(Box,{})}),/*#__PURE__*/_jsx(Grid.Col,{children:/*#__PURE__*/_jsx(Box,{})})]}))};export var Responsive=function(a){return/*#__PURE__*/_jsxs(Grid,_objectSpread(_objectSpread({},a),{},{children:[/*#__PURE__*/_jsx(Grid.Col,{span:12,spanSm:6,spanLg:3,children:/*#__PURE__*/_jsx(Box,{children:"Span 3"})}),/*#__PURE__*/_jsx(Grid.Col,{span:12,spanSm:6,spanLg:3,children:/*#__PURE__*/_jsx(Box,{children:"Span 3"})}),/*#__PURE__*/_jsx(Grid.Col,{span:12,spanSm:6,spanLg:3,children:/*#__PURE__*/_jsx(Box,{children:"Span 3"})}),/*#__PURE__*/_jsx(Grid.Col,{span:12,spanSm:6,spanLg:3,children:/*#__PURE__*/_jsx(Box,{children:"Span 3"})})]}))};export var NoGutter=function(a){return/*#__PURE__*/_jsxs(Grid,_objectSpread(_objectSpread({},a),{},{noGutter:!0,children:[/*#__PURE__*/_jsx(Grid.Col,{span:12,spanSm:6,spanLg:3,children:/*#__PURE__*/_jsx(Box,{children:"Span 3"})}),/*#__PURE__*/_jsx(Grid.Col,{span:12,spanSm:6,spanLg:3,children:/*#__PURE__*/_jsx(Box,{children:"Span 3"})}),/*#__PURE__*/_jsx(Grid.Col,{span:12,spanSm:6,spanLg:3,children:/*#__PURE__*/_jsx(Box,{children:"Span 3"})}),/*#__PURE__*/_jsx(Grid.Col,{span:12,spanSm:6,spanLg:3,children:/*#__PURE__*/_jsx(Box,{children:"Span 3"})})]}))};export var Offset=function(a){return/*#__PURE__*/_jsxs(Grid,_objectSpread(_objectSpread({},a),{},{children:[/*#__PURE__*/_jsx(Grid.Col,{span:12,spanMd:1,children:/*#__PURE__*/_jsx(Box,{})}),/*#__PURE__*/_jsx(Grid.Col,{span:12,offset:0,spanMd:2,offsetMd:9,children:/*#__PURE__*/_jsx(Box,{})}),/*#__PURE__*/_jsx(Grid.Col,{span:12,spanMd:2,children:/*#__PURE__*/_jsx(Box,{})}),/*#__PURE__*/_jsx(Grid.Col,{span:12,spanMd:8,offset:0,offsetMd:2,children:/*#__PURE__*/_jsx(Box,{})}),/*#__PURE__*/_jsx(Grid.Col,{span:12,spanMd:4,children:/*#__PURE__*/_jsx(Box,{})}),/*#__PURE__*/_jsx(Grid.Col,{span:12,spanMd:6,offset:0,offsetMd:2,children:/*#__PURE__*/_jsx(Box,{})}),/*#__PURE__*/_jsx(Grid.Col,{span:12,spanMd:6,children:/*#__PURE__*/_jsx(Box,{})}),/*#__PURE__*/_jsx(Grid.Col,{span:12,spanMd:4,offset:0,offsetMd:2,children:/*#__PURE__*/_jsx(Box,{})}),/*#__PURE__*/_jsx(Grid.Col,{span:12,spanMd:8,children:/*#__PURE__*/_jsx(Box,{})}),/*#__PURE__*/_jsx(Grid.Col,{span:12,spanMd:2,offset:0,offsetMd:2,children:/*#__PURE__*/_jsx(Box,{})}),/*#__PURE__*/_jsx(Grid.Col,{span:12,spanMd:1,children:/*#__PURE__*/_jsx(Box,{})}),/*#__PURE__*/_jsx(Grid.Col,{span:12,spanMd:9,offset:0,offsetMd:2,children:/*#__PURE__*/_jsx(Box,{})}),/*#__PURE__*/_jsx(Grid.Col,{span:12,spanMd:9,children:/*#__PURE__*/_jsx(Box,{})}),/*#__PURE__*/_jsx(Grid.Col,{span:12,spanMd:1,offset:0,offsetMd:2,children:/*#__PURE__*/_jsx(Box,{})})]}))};export var AlignLeft=function(a){return/*#__PURE__*/_jsxs(Grid,_objectSpread(_objectSpread({align:"left"},a),{},{children:[/*#__PURE__*/_jsx(Grid.Col,{span:3,children:/*#__PURE__*/_jsx(Box,{})}),/*#__PURE__*/_jsx(Grid.Col,{span:3,children:/*#__PURE__*/_jsx(Box,{})})]}))};export var AlignRight=function(a){return/*#__PURE__*/_jsxs(Grid,_objectSpread(_objectSpread({align:"right"},a),{},{children:[/*#__PURE__*/_jsx(Grid.Col,{span:3,children:/*#__PURE__*/_jsx(Box,{})}),/*#__PURE__*/_jsx(Grid.Col,{span:3,children:/*#__PURE__*/_jsx(Box,{})})]}))};export var AlignCenter=function(a){return/*#__PURE__*/_jsxs(Grid,_objectSpread(_objectSpread({align:"center"},a),{},{children:[/*#__PURE__*/_jsx(Grid.Col,{span:3,children:/*#__PURE__*/_jsx(Box,{})}),/*#__PURE__*/_jsx(Grid.Col,{span:3,children:/*#__PURE__*/_jsx(Box,{})})]}))};export var AlignMiddle=function(a){return/*#__PURE__*/_jsxs(Grid,_objectSpread(_objectSpread({align:"middle"},a),{},{children:[/*#__PURE__*/_jsx(Grid.Col,{span:3,children:/*#__PURE__*/_jsx(Box,{children:/*#__PURE__*/_jsx("p",{children:"Lorem ipsum dolor, sit amet consectetur adipisicing elit. Consequuntur tempore numquam quo doloremque tempora hic nam, explicabo voluptatem consectetur assumenda iure culpa perspiciatis ipsa sit."})})}),/*#__PURE__*/_jsx(Grid.Col,{span:3,children:/*#__PURE__*/_jsx(Box,{children:/*#__PURE__*/_jsx("p",{children:"Lorem ipsum dolor sit amet consectetur adipisicing elit. Veritatis, aliquam."})})})]}))};

package/build/es/polyfill/grid/index.js

@@ -1 +0,0 @@
-export{default}from"./Grid";

package/build/styles/container/Container.css

@@ -1 +0,0 @@
-:root{--container-width:1164px;--container-horizontal-padding:var(--size-32);--container-vertical-padding:var(--size-32)}.np-container{margin:0 auto 0 0;max-width:1164px;max-width:var(--container-width,1164px);padding:32px;padding:var(--container-vertical-padding,var(--size-32)) var(--container-horizontal-padding,var(--size-32));width:100%}.np-container--fullWidth{max-width:inherit}

package/build/styles/grid/Grid.css

@@ -1 +0,0 @@
-:root{--grid-gap-size:var(--size-32);--grid-column-width:100%}.np-grid{align-items:unset;box-sizing:border-box;display:flex;flex-flow:row wrap;margin-left:-16px;margin-left:calc(var(--grid-gap-size, var(--size-32))/2*-1);margin-right:-16px;margin-right:calc(var(--grid-gap-size, var(--size-32))/2*-1);padding:0}.np-grid>*{box-sizing:inherit;flex-basis:100%;min-width:0}.np-grid--alignCenter{justify-content:center}.np-grid--alignRight{justify-content:flex-end}.np-grid--alignMiddle{align-items:center}.np-grid--alignBottom{align-items:flex-end}.np-grid--noGutter{margin:0}.np-grid--noGutter>.np-grid-col{padding:0}.np-grid-col{flex:1 0;margin-left:0;max-width:100%;padding:0 16px;padding:0 calc(var(--grid-gap-size, var(--size-32))/2);width:100%}.np-grid-col[class*=col--]{flex:0 0 100%;flex:0 0 var(--grid-column-width,100%);max-width:100%;max-width:var(--grid-column-width,100%)}.np-grid-col--alignCenter{justify-self:center}.np-grid-col--alignRight{justify-self:flex-end}.np-grid-col--alignMiddle{align-self:center}.np-grid-col--alignBottom{align-self:flex-end}.np-grid-col.np-grid-col--1{flex:0 0 8.33333%;max-width:8.33333%}.np-grid-col.np-grid-col--offset-1{margin-left:8.33333%}.np-grid-col.np-grid-col--2{flex:0 0 16.66667%;max-width:16.66667%}.np-grid-col.np-grid-col--offset-2{margin-left:16.66667%}.np-grid-col.np-grid-col--3{flex:0 0 25%;max-width:25%}.np-grid-col.np-grid-col--offset-3{margin-left:25%}.np-grid-col.np-grid-col--4{flex:0 0 33.33333%;max-width:33.33333%}.np-grid-col.np-grid-col--offset-4{margin-left:33.33333%}.np-grid-col.np-grid-col--5{flex:0 0 41.66667%;max-width:41.66667%}.np-grid-col.np-grid-col--offset-5{margin-left:41.66667%}.np-grid-col.np-grid-col--6{flex:0 0 50%;max-width:50%}.np-grid-col.np-grid-col--offset-6{margin-left:50%}.np-grid-col.np-grid-col--7{flex:0 0 58.33333%;max-width:58.33333%}.np-grid-col.np-grid-col--offset-7{margin-left:58.33333%}.np-grid-col.np-grid-col--8{flex:0 0 66.66667%;max-width:66.66667%}.np-grid-col.np-grid-col--offset-8{margin-left:66.66667%}.np-grid-col.np-grid-col--9{flex:0 0 75%;max-width:75%}.np-grid-col.np-grid-col--offset-9{margin-left:75%}.np-grid-col.np-grid-col--10{flex:0 0 83.33333%;max-width:83.33333%}.np-grid-col.np-grid-col--offset-10{margin-left:83.33333%}.np-grid-col.np-grid-col--11{flex:0 0 91.66667%;max-width:91.66667%}.np-grid-col.np-grid-col--offset-11{margin-left:91.66667%}.np-grid-col.np-grid-col--12{flex:0 0 100%;max-width:100%}.np-grid-col.np-grid-col--offset-12{margin-left:100%}@media (min-width:480px){.np-grid-col.np-xs-grid-col--1{flex:0 0 8.33333%;max-width:8.33333%}.np-grid-col.np-xs-grid-col--offset-1{margin-left:8.33333%}.np-grid-col.np-xs-grid-col--2{flex:0 0 16.66667%;max-width:16.66667%}.np-grid-col.np-xs-grid-col--offset-2{margin-left:16.66667%}.np-grid-col.np-xs-grid-col--3{flex:0 0 25%;max-width:25%}.np-grid-col.np-xs-grid-col--offset-3{margin-left:25%}.np-grid-col.np-xs-grid-col--4{flex:0 0 33.33333%;max-width:33.33333%}.np-grid-col.np-xs-grid-col--offset-4{margin-left:33.33333%}.np-grid-col.np-xs-grid-col--5{flex:0 0 41.66667%;max-width:41.66667%}.np-grid-col.np-xs-grid-col--offset-5{margin-left:41.66667%}.np-grid-col.np-xs-grid-col--6{flex:0 0 50%;max-width:50%}.np-grid-col.np-xs-grid-col--offset-6{margin-left:50%}.np-grid-col.np-xs-grid-col--7{flex:0 0 58.33333%;max-width:58.33333%}.np-grid-col.np-xs-grid-col--offset-7{margin-left:58.33333%}.np-grid-col.np-xs-grid-col--8{flex:0 0 66.66667%;max-width:66.66667%}.np-grid-col.np-xs-grid-col--offset-8{margin-left:66.66667%}.np-grid-col.np-xs-grid-col--9{flex:0 0 75%;max-width:75%}.np-grid-col.np-xs-grid-col--offset-9{margin-left:75%}.np-grid-col.np-xs-grid-col--10{flex:0 0 83.33333%;max-width:83.33333%}.np-grid-col.np-xs-grid-col--offset-10{margin-left:83.33333%}.np-grid-col.np-xs-grid-col--11{flex:0 0 91.66667%;max-width:91.66667%}.np-grid-col.np-xs-grid-col--offset-11{margin-left:91.66667%}.np-grid-col.np-xs-grid-col--12{flex:0 0 100%;max-width:100%}.np-grid-col.np-xs-grid-col--offset-12{margin-left:100%}}@media (min-width:576px){.np-grid-col.np-sm-grid-col--1{flex:0 0 8.33333%;max-width:8.33333%}.np-grid-col.np-sm-grid-col--offset-1{margin-left:8.33333%}.np-grid-col.np-sm-grid-col--2{flex:0 0 16.66667%;max-width:16.66667%}.np-grid-col.np-sm-grid-col--offset-2{margin-left:16.66667%}.np-grid-col.np-sm-grid-col--3{flex:0 0 25%;max-width:25%}.np-grid-col.np-sm-grid-col--offset-3{margin-left:25%}.np-grid-col.np-sm-grid-col--4{flex:0 0 33.33333%;max-width:33.33333%}.np-grid-col.np-sm-grid-col--offset-4{margin-left:33.33333%}.np-grid-col.np-sm-grid-col--5{flex:0 0 41.66667%;max-width:41.66667%}.np-grid-col.np-sm-grid-col--offset-5{margin-left:41.66667%}.np-grid-col.np-sm-grid-col--6{flex:0 0 50%;max-width:50%}.np-grid-col.np-sm-grid-col--offset-6{margin-left:50%}.np-grid-col.np-sm-grid-col--7{flex:0 0 58.33333%;max-width:58.33333%}.np-grid-col.np-sm-grid-col--offset-7{margin-left:58.33333%}.np-grid-col.np-sm-grid-col--8{flex:0 0 66.66667%;max-width:66.66667%}.np-grid-col.np-sm-grid-col--offset-8{margin-left:66.66667%}.np-grid-col.np-sm-grid-col--9{flex:0 0 75%;max-width:75%}.np-grid-col.np-sm-grid-col--offset-9{margin-left:75%}.np-grid-col.np-sm-grid-col--10{flex:0 0 83.33333%;max-width:83.33333%}.np-grid-col.np-sm-grid-col--offset-10{margin-left:83.33333%}.np-grid-col.np-sm-grid-col--11{flex:0 0 91.66667%;max-width:91.66667%}.np-grid-col.np-sm-grid-col--offset-11{margin-left:91.66667%}.np-grid-col.np-sm-grid-col--12{flex:0 0 100%;max-width:100%}.np-grid-col.np-sm-grid-col--offset-12{margin-left:100%}}@media (min-width:767px){.np-grid-col.np-md-grid-col--1{flex:0 0 8.33333%;max-width:8.33333%}.np-grid-col.np-md-grid-col--offset-1{margin-left:8.33333%}.np-grid-col.np-md-grid-col--2{flex:0 0 16.66667%;max-width:16.66667%}.np-grid-col.np-md-grid-col--offset-2{margin-left:16.66667%}.np-grid-col.np-md-grid-col--3{flex:0 0 25%;max-width:25%}.np-grid-col.np-md-grid-col--offset-3{margin-left:25%}.np-grid-col.np-md-grid-col--4{flex:0 0 33.33333%;max-width:33.33333%}.np-grid-col.np-md-grid-col--offset-4{margin-left:33.33333%}.np-grid-col.np-md-grid-col--5{flex:0 0 41.66667%;max-width:41.66667%}.np-grid-col.np-md-grid-col--offset-5{margin-left:41.66667%}.np-grid-col.np-md-grid-col--6{flex:0 0 50%;max-width:50%}.np-grid-col.np-md-grid-col--offset-6{margin-left:50%}.np-grid-col.np-md-grid-col--7{flex:0 0 58.33333%;max-width:58.33333%}.np-grid-col.np-md-grid-col--offset-7{margin-left:58.33333%}.np-grid-col.np-md-grid-col--8{flex:0 0 66.66667%;max-width:66.66667%}.np-grid-col.np-md-grid-col--offset-8{margin-left:66.66667%}.np-grid-col.np-md-grid-col--9{flex:0 0 75%;max-width:75%}.np-grid-col.np-md-grid-col--offset-9{margin-left:75%}.np-grid-col.np-md-grid-col--10{flex:0 0 83.33333%;max-width:83.33333%}.np-grid-col.np-md-grid-col--offset-10{margin-left:83.33333%}.np-grid-col.np-md-grid-col--11{flex:0 0 91.66667%;max-width:91.66667%}.np-grid-col.np-md-grid-col--offset-11{margin-left:91.66667%}.np-grid-col.np-md-grid-col--12{flex:0 0 100%;max-width:100%}.np-grid-col.np-md-grid-col--offset-12{margin-left:100%}}@media (min-width:992px){.np-grid-col.np-lg-grid-col--1{flex:0 0 8.33333%;max-width:8.33333%}.np-grid-col.np-lg-grid-col--offset-1{margin-left:8.33333%}.np-grid-col.np-lg-grid-col--2{flex:0 0 16.66667%;max-width:16.66667%}.np-grid-col.np-lg-grid-col--offset-2{margin-left:16.66667%}.np-grid-col.np-lg-grid-col--3{flex:0 0 25%;max-width:25%}.np-grid-col.np-lg-grid-col--offset-3{margin-left:25%}.np-grid-col.np-lg-grid-col--4{flex:0 0 33.33333%;max-width:33.33333%}.np-grid-col.np-lg-grid-col--offset-4{margin-left:33.33333%}.np-grid-col.np-lg-grid-col--5{flex:0 0 41.66667%;max-width:41.66667%}.np-grid-col.np-lg-grid-col--offset-5{margin-left:41.66667%}.np-grid-col.np-lg-grid-col--6{flex:0 0 50%;max-width:50%}.np-grid-col.np-lg-grid-col--offset-6{margin-left:50%}.np-grid-col.np-lg-grid-col--7{flex:0 0 58.33333%;max-width:58.33333%}.np-grid-col.np-lg-grid-col--offset-7{margin-left:58.33333%}.np-grid-col.np-lg-grid-col--8{flex:0 0 66.66667%;max-width:66.66667%}.np-grid-col.np-lg-grid-col--offset-8{margin-left:66.66667%}.np-grid-col.np-lg-grid-col--9{flex:0 0 75%;max-width:75%}.np-grid-col.np-lg-grid-col--offset-9{margin-left:75%}.np-grid-col.np-lg-grid-col--10{flex:0 0 83.33333%;max-width:83.33333%}.np-grid-col.np-lg-grid-col--offset-10{margin-left:83.33333%}.np-grid-col.np-lg-grid-col--11{flex:0 0 91.66667%;max-width:91.66667%}.np-grid-col.np-lg-grid-col--offset-11{margin-left:91.66667%}.np-grid-col.np-lg-grid-col--12{flex:0 0 100%;max-width:100%}.np-grid-col.np-lg-grid-col--offset-12{margin-left:100%}}@media (min-width:1200px){.np-grid-col.np-xl-grid-col--1{flex:0 0 8.33333%;max-width:8.33333%}.np-grid-col.np-xl-grid-col--offset-1{margin-left:8.33333%}.np-grid-col.np-xl-grid-col--2{flex:0 0 16.66667%;max-width:16.66667%}.np-grid-col.np-xl-grid-col--offset-2{margin-left:16.66667%}.np-grid-col.np-xl-grid-col--3{flex:0 0 25%;max-width:25%}.np-grid-col.np-xl-grid-col--offset-3{margin-left:25%}.np-grid-col.np-xl-grid-col--4{flex:0 0 33.33333%;max-width:33.33333%}.np-grid-col.np-xl-grid-col--offset-4{margin-left:33.33333%}.np-grid-col.np-xl-grid-col--5{flex:0 0 41.66667%;max-width:41.66667%}.np-grid-col.np-xl-grid-col--offset-5{margin-left:41.66667%}.np-grid-col.np-xl-grid-col--6{flex:0 0 50%;max-width:50%}.np-grid-col.np-xl-grid-col--offset-6{margin-left:50%}.np-grid-col.np-xl-grid-col--7{flex:0 0 58.33333%;max-width:58.33333%}.np-grid-col.np-xl-grid-col--offset-7{margin-left:58.33333%}.np-grid-col.np-xl-grid-col--8{flex:0 0 66.66667%;max-width:66.66667%}.np-grid-col.np-xl-grid-col--offset-8{margin-left:66.66667%}.np-grid-col.np-xl-grid-col--9{flex:0 0 75%;max-width:75%}.np-grid-col.np-xl-grid-col--offset-9{margin-left:75%}.np-grid-col.np-xl-grid-col--10{flex:0 0 83.33333%;max-width:83.33333%}.np-grid-col.np-xl-grid-col--offset-10{margin-left:83.33333%}.np-grid-col.np-xl-grid-col--11{flex:0 0 91.66667%;max-width:91.66667%}.np-grid-col.np-xl-grid-col--offset-11{margin-left:91.66667%}.np-grid-col.np-xl-grid-col--12{flex:0 0 100%;max-width:100%}.np-grid-col.np-xl-grid-col--offset-12{margin-left:100%}}

package/build/types/container/Container.d.ts

@@ -1,29 +0,0 @@
-import React, { ReactElement } from 'react';
-import { CommonProps } from '../common';
-export declare type ContainerProps = CommonProps & {
-    /** Content to display inside Container. */
-    children: any;
-    /** Optional prop to specify Element Tag of the Container */
-    as?: React.ElementType;
-    /**
-     * Should the width of this Container be unconstrained (filling the viewport)?
-     */
-    isFullWidth?: boolean;
-    /** Optional prop to specify the ID used for testing */
-    testId?: string;
-};
-/**
- * Use `Container` as the root component of the Neptune design system.
- *
- * @component
- * @example
- * const asSection = 'section'
- * const isFullWidth = true
- * return (
- *   <Container as={asSection} isFullWidth={isFullWidth}>
- *     <div>Hello World!</div>
- *   </Container>
- * )
- */
-declare const Container: ({ children, as: ElementTag, isFullWidth, testId, ...props }: ContainerProps) => ReactElement | null;
-export default Container;

package/build/types/container/Container.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/types/container/Container.story.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { Story } from '@storybook/react';
-import { ContainerProps } from './Container';
-declare const _default: {
-    component: ({ children, as: ElementTag, isFullWidth, testId, ...props }: ContainerProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
-    title: string;
-};
-export default _default;
-export declare const Default: Story<ContainerProps>;
-export declare const FullWidth: Story<ContainerProps>;
-export declare const Tag: Story<ContainerProps>;

package/build/types/container/index.d.ts

@@ -1 +0,0 @@
-export { default } from './Container';

package/build/types/grid/Grid.d.ts

@@ -1,93 +0,0 @@
-import { ReactElement, ReactNode } from 'react';
-import { CommonProps } from '../common';
-export declare type GridAlign = 'right' | 'left' | 'center' | 'middle';
-export declare type GridCell = 'fill' | 'fit' | 'equalheight';
-export declare type GridColSpan = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
-export declare type GridCommon = CommonProps & {
-    /** Optional prop to align all grid cells */
-    align?: GridAlign;
-    /**
-     * Content to display in the Column.
-     */
-    children?: ReactNode;
-    /** Optional prop to specify the ID used for testing */
-    testId?: string;
-};
-export declare type GridProps = GridCommon & {
-    /** Optional prop to specify the ID of the Grid */
-    id?: string;
-    /** Optional prop to remove all gutters */
-    noGutter?: boolean;
-};
-export declare type GridColProps = GridCommon & {
-    /**
-     * The number of columns to span on the default breakpoint and above, from 1 to 12.
-     */
-    span?: GridColSpan;
-    /**
-     * The number of columns to span on the XS breakpoint and above, from 1 to 12.
-     */
-    spanXs?: GridColSpan;
-    /**
-     * The number of columns to span on the S breakpoint and above, from 1 to 12.
-     */
-    spanSm?: GridColSpan;
-    /**
-     * The number of columns to span on the M breakpoint and above, from 1 to 12.
-     */
-    spanMd?: GridColSpan;
-    /**
-     * The number of columns to span on the L breakpoint and above, from 1 to 12.
-     */
-    spanLg?: GridColSpan;
-    /**
-     * The number of columns to span on the XL breakpoint and above, from 1 to 12.
-     */
-    spanXl?: GridColSpan;
-    /**
-     * The number of columns to span on the default breakpoint and above, from 1 to 12.
-     */
-    offset?: GridColSpan;
-    /**
-     * The number of columns to offset on the XS breakpoint and above, from 1 to 12.
-     */
-    offsetXs?: GridColSpan;
-    /**
-     * The number of columns to offset on the S breakpoint and above, from 1 to 12.
-     */
-    offsetSm?: GridColSpan;
-    /**
-     * The number of columns to offset on the M breakpoint and above, from 1 to 12.
-     */
-    offsetMd?: GridColSpan;
-    /**
-     * The number of columns to offset on the L breakpoint and above, from 1 to 12.
-     */
-    offsetLg?: GridColSpan;
-    /**
-     * The number of columns to offset on the XL breakpoint and above, from 1 to 12.
-     */
-    offsetXl?: GridColSpan;
-};
-/**
- * Grid component.
- *
- * @component
- * @example
- * const align = 'center'
- * const equalHeight = true
- * return (
- *   <Grid align={align} equalHeight={equalHeight}>
- *     <div>...</div>
- *     <div>...</div>
- *   </Grid>
- * )
- */
-declare const Grid: {
-    ({ align, children, className, id, noGutter, testId, ...props }: GridProps): ReactElement | null;
-    Col: {
-        ({ align, children, className, span, spanXs, spanSm, spanMd, spanLg, spanXl, offset, offsetXs, offsetSm, offsetMd, offsetLg, offsetXl, testId, ...props }: GridColProps): ReactElement | null;
-        displayName: string;
-    };
-};
-export default Grid;

package/build/types/grid/Grid.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/types/grid/Grid.story.d.ts

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-import { Story } from '@storybook/react';
-import { GridProps } from './Grid';
-declare const _default: {
-    component: {
-        ({ align, children, className, id, noGutter, testId, ...props }: GridProps): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
-        Col: {
-            ({ align, children, className, span, spanXs, spanSm, spanMd, spanLg, spanXl, offset, offsetXs, offsetSm, offsetMd, offsetLg, offsetXl, testId, ...props }: import("./Grid").GridColProps): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
-            displayName: string;
-        };
-    };
-    title: string;
-};
-export default _default;
-export declare const Default: Story<GridProps>;
-export declare const Responsive: Story<GridProps>;
-export declare const NoGutter: Story<GridProps>;
-export declare const Offset: Story<GridProps>;
-export declare const AlignLeft: Story<GridProps>;
-export declare const AlignRight: Story<GridProps>;
-export declare const AlignCenter: Story<GridProps>;
-export declare const AlignMiddle: Story<GridProps>;

package/build/types/grid/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from './Grid';
-export type { GridProps } from './Grid';