@dfds-ui/grid 2.2.0-alpha.8b995955 → 2.2.0-alpha.b8d61c36

package/cjs/grid/Grid.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-export type GridProps = {
+import React, { ReactNode } from 'react';
+export declare type GridProps = {
     children: ReactNode;
     gap?: 's' | 'l';
     surface?: 'inverted' | 'dark' | 'transparent';
@@ -7,5 +7,5 @@ export type GridProps = {
     bottom?: 's' | 'l';
     className?: string;
 };
-export declare const Grid: ({ gap, surface, top, bottom, children, className }: GridProps) => JSX.Element;
+export declare const Grid: ({ gap, surface, top, bottom, children, className }: GridProps) => React.JSX.Element;
 export default Grid;

package/cjs/grid/Grid.js

@@ -8,7 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _theme = require("@dfds-ui/theme");
 var _react2 = require("@emotion/react");
 var _classnames = _interopRequireDefault(require("classnames"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const Grid = ({
   gap,
   surface,

package/cjs/grid/GridItem.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-export type GridItemProps = {
+import React, { ReactNode } from 'react';
+export declare type GridItemProps = {
     children: ReactNode;
     small?: 6 | 12;
     medium?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
@@ -10,5 +10,5 @@ export type GridItemProps = {
      */
     className?: string;
 };
-export declare const GridItem: (props: GridItemProps) => JSX.Element;
+export declare const GridItem: (props: GridItemProps) => React.JSX.Element;
 export default GridItem;

package/cjs/grid/GridItem.js

@@ -8,7 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _theme = require("@dfds-ui/theme");
 var _classnames = _interopRequireDefault(require("classnames"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const GridItem = props => {
   const smallWidth = props.small || 12;
   const mediumWidth = props.medium || smallWidth;

package/grid/Grid.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-export type GridProps = {
+import React, { ReactNode } from 'react';
+export declare type GridProps = {
     children: ReactNode;
     gap?: 's' | 'l';
     surface?: 'inverted' | 'dark' | 'transparent';
@@ -7,5 +7,5 @@ export type GridProps = {
     bottom?: 's' | 'l';
     className?: string;
 };
-export declare const Grid: ({ gap, surface, top, bottom, children, className }: GridProps) => JSX.Element;
+export declare const Grid: ({ gap, surface, top, bottom, children, className }: GridProps) => React.JSX.Element;
 export default Grid;

package/grid/Grid.js

@@ -1,5 +1,5 @@
 var _templateObject, _templateObject2;
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
 import React from 'react';
 import { media, theme } from '@dfds-ui/theme';
 import { css } from '@emotion/react';

package/grid/GridItem.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-export type GridItemProps = {
+import React, { ReactNode } from 'react';
+export declare type GridItemProps = {
     children: ReactNode;
     small?: 6 | 12;
     medium?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
@@ -10,5 +10,5 @@ export type GridItemProps = {
      */
     className?: string;
 };
-export declare const GridItem: (props: GridItemProps) => JSX.Element;
+export declare const GridItem: (props: GridItemProps) => React.JSX.Element;
 export default GridItem;

package/grid/GridItem.js

@@ -1,5 +1,5 @@
 var _templateObject, _templateObject2, _templateObject3;
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
 import React from 'react';
 import { css } from '@emotion/react';
 import { media } from '@dfds-ui/theme';

package/package.json

@@ -3,7 +3,7 @@
   "description": "Grid components",
   "license": "MIT",
   "private": false,
-  "version": "2.2.0-alpha.8b995955",
+  "version": "2.2.0-alpha.b8d61c36",
   "sideEffects": false,
   "main": "./cjs/index.js",
   "module": "./index.js",
@@ -12,17 +12,17 @@
   "peerDependencies": {
     "@emotion/react": "11.11.4",
     "@emotion/styled": "11.11.5",
-    "react": ">= 17.0.2",
-    "react-dom": ">= 17.0.2"
+    "react": ">= 18.3.1",
+    "react-dom": ">= 18.3.1"
   },
   "dependencies": {
-    "@dfds-ui/colors": "2.2.0-alpha.8b995955",
-    "@dfds-ui/icons": "2.2.0-alpha.8b995955",
-    "@dfds-ui/react-components": "2.2.0-alpha.8b995955",
-    "@dfds-ui/theme": "2.2.0-alpha.8b995955",
+    "@dfds-ui/colors": "2.2.0-alpha.b8d61c36",
+    "@dfds-ui/icons": "2.2.0-alpha.b8d61c36",
+    "@dfds-ui/react-components": "2.2.0-alpha.b8d61c36",
+    "@dfds-ui/theme": "2.2.0-alpha.b8d61c36",
     "classnames": "^2.3.2"
   },
-  "gitHead": "8b995955f3d03a596dd93635edb37bc761d1e8f0",
+  "gitHead": "b8d61c36b2e7e5af74e686ca5de6cfc856118701",
   "publishConfig": {
     "access": "public"
   }