@dfds-ui/grid 2.0.28-alpha.67f83a2c → 2.0.29-alpha.153d970c

package/cjs/grid/Grid.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-export declare type GridProps = {
+import React, { ReactNode } from 'react';
+export type GridProps = {
     children: ReactNode;
     gap?: 's' | 'l';
     surface?: 'inverted' | 'dark' | 'transparent';
@@ -7,5 +7,5 @@ export declare 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,
@@ -45,5 +45,4 @@ const Grid = ({
   }, children)));
 };
 exports.Grid = Grid;
-var _default = Grid;
-exports.default = _default;
+var _default = exports.default = Grid;

package/cjs/grid/GridItem.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-export declare type GridItemProps = {
+import React, { ReactNode } from 'react';
+export 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 declare 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;
@@ -26,5 +26,4 @@ const GridItem = props => {
   }, props.children);
 };
 exports.GridItem = GridItem;
-var _default = GridItem;
-exports.default = _default;
+var _default = exports.default = GridItem;

package/grid/Grid.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-export declare type GridProps = {
+import React, { ReactNode } from 'react';
+export type GridProps = {
     children: ReactNode;
     gap?: 's' | 'l';
     surface?: 'inverted' | 'dark' | 'transparent';
@@ -7,5 +7,5 @@ export declare 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 declare type GridItemProps = {
+import React, { ReactNode } from 'react';
+export 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 declare 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,26 +3,26 @@
   "description": "Grid components",
   "license": "MIT",
   "private": false,
-  "version": "2.0.28-alpha.67f83a2c",
+  "version": "2.0.29-alpha.153d970c",
   "sideEffects": false,
   "main": "./cjs/index.js",
   "module": "./index.js",
   "esnext": "./index.js",
   "typings": "./index.d.ts",
   "peerDependencies": {
-    "@emotion/react": "11.11.4",
-    "@emotion/styled": "11.11.5",
-    "react": ">= 17.0.2",
+    "@emotion/react": "11.14.0",
+    "@emotion/styled": "11.14.1",
+    "react": ">= 18.3.4",
     "react-dom": ">= 17.0.2"
   },
   "dependencies": {
-    "@dfds-ui/colors": "2.0.28-alpha.67f83a2c",
-    "@dfds-ui/icons": "2.0.28-alpha.67f83a2c",
-    "@dfds-ui/react-components": "2.0.28-alpha.67f83a2c",
-    "@dfds-ui/theme": "2.0.28-alpha.67f83a2c",
+    "@dfds-ui/colors": "2.0.29-alpha.153d970c",
+    "@dfds-ui/icons": "2.0.29-alpha.153d970c",
+    "@dfds-ui/react-components": "2.0.29-alpha.153d970c",
+    "@dfds-ui/theme": "2.0.29-alpha.153d970c",
     "classnames": "^2.3.2"
   },
-  "gitHead": "67f83a2c3a7c4ee45810558920f2cfe719a60c8f",
+  "gitHead": "153d970c36cab59bb04976ab8e76840ba4f62908",
   "publishConfig": {
     "access": "public"
   }