@navikt/ds-react 6.0.0-alpha.2 → 6.0.0-alpha.7

package/src/util/TextareaAutoSize.tsx

@@ -10,7 +10,7 @@ type State = {
   overflow?: boolean | undefined;
 };
 
-const updateState = (
+const checkState = (
   prevState: State,
   newState: State,
   renders: React.MutableRefObject<number>,
@@ -25,20 +25,12 @@ const updateState = (
       prevState.overflow !== overflow)
   ) {
     renders.current += 1;
-    return {
-      overflow,
-      outerHeightStyle,
-    };
+    return newState;
   }
-  if (process.env.NODE_ENV !== "production") {
-    if (renders.current === 20) {
-      console.error(
-        [
-          "Textarea: Too many re-renders. The layout is unstable.",
-          "TextareaAutosize limits the number of renders to prevent an infinite loop.",
-        ].join("\n"),
-      );
-    }
+  if (process.env.NODE_ENV !== "production" && renders.current === 20) {
+    console.error(
+      "Textarea: Too many re-renders. The layout is unstable. TextareaAutosize limits the number of renders to prevent an infinite loop.",
+    );
   }
   return prevState;
 };
@@ -92,9 +84,7 @@ const TextareaAutosize = forwardRef<HTMLTextAreaElement, TextareaAutosizeProps>(
   ) => {
     const { current: isControlled } = useRef(value != null);
     const inputRef = useRef<HTMLTextAreaElement>(null);
-
     const handleRef = useMergeRefs(inputRef, ref);
-
     const shadowRef = useRef<HTMLTextAreaElement>(null);
     const renders = useRef(0);
     const [state, setState] = useState<State>({ outerHeightStyle: 0 });
@@ -153,35 +143,31 @@ const TextareaAutosize = forwardRef<HTMLTextAreaElement, TextareaAutosizeProps>(
       return { outerHeightStyle, overflow };
     }, [maxRows, minRows, other.placeholder]);
 
-    const syncHeight = React.useCallback(() => {
+    const syncHeight = () => {
       const newState = getUpdatedState();
-
       if (isEmpty(newState)) {
         return;
       }
-
-      setState((prevState) => updateState(prevState, newState, renders));
-    }, [getUpdatedState]);
+      setState((prevState) => checkState(prevState, newState, renders));
+    };
 
     useClientLayoutEffect(() => {
       const syncHeightWithFlushSync = () => {
         const newState = getUpdatedState();
-
         if (isEmpty(newState)) {
           return;
         }
 
         // In React 18, state updates in a ResizeObserver's callback are happening after
         // the paint, this leads to an infinite rendering.
-        //
-        // Using flushSync ensures that the states is updated before the next pain.
+        // Using flushSync ensures that the state is updated before the next paint.
         // Related issue - https://github.com/facebook/react/issues/24331
         ReactDOM.flushSync(() => {
-          setState((prevState) => updateState(prevState, newState, renders));
+          setState((prevState) => checkState(prevState, newState, renders));
         });
       };
 
-      const handleResize = () => {
+      const handleResize = debounce(() => {
         renders.current = 0;
 
         if (inputRef.current?.style.height || inputRef.current?.style.width) {
@@ -193,13 +179,12 @@ const TextareaAutosize = forwardRef<HTMLTextAreaElement, TextareaAutosizeProps>(
         }
 
         syncHeightWithFlushSync();
-      };
+      });
 
-      const debounceHandleResize = debounce(handleResize);
       const input = inputRef.current!;
       const containerWindow = ownerWindow(input);
 
-      containerWindow.addEventListener("resize", debounceHandleResize);
+      containerWindow.addEventListener("resize", handleResize);
 
       let resizeObserver: ResizeObserver;
       if (typeof ResizeObserver !== "undefined") {
@@ -208,8 +193,8 @@ const TextareaAutosize = forwardRef<HTMLTextAreaElement, TextareaAutosizeProps>(
       }
 
       return () => {
-        debounceHandleResize.clear();
-        containerWindow.removeEventListener("resize", debounceHandleResize);
+        handleResize.clear();
+        containerWindow.removeEventListener("resize", handleResize);
         if (resizeObserver) {
           resizeObserver.disconnect();
         }

package/src/util/types/AsChildProps.ts

@@ -0,0 +1,37 @@
+export type AsChildProps =
+  | {
+      children: React.ReactElement | false | null;
+      /**
+       * Renders the component and its child as a single element,
+       * merging the props of the component with the props of the child.
+       *
+       * @example
+       * ```tsx
+       * <Component asChild data-prop>
+       *   <ChildComponent data-child />
+       * </Component>
+       *
+       * // Renders
+       * <MergedComponent data-prop data-child />
+       * ```
+       */
+      asChild: true;
+    }
+  | {
+      children: React.ReactNode;
+      /**
+       * Renders the component and its child as a single element,
+       * merging the props of the component with the props of the child.
+       *
+       * @example
+       * ```tsx
+       * <Component asChild data-prop>
+       *   <ChildComponent data-child />
+       * </Component>
+       *
+       * // Renders
+       * <MergedComponent data-prop data-child />
+       * ```
+       */
+      asChild?: false;
+    };

package/src/util/types/index.ts

@@ -1 +1,2 @@
 export type { OverridableComponent } from "./OverridableComponent";
+export type { AsChildProps } from "./AsChildProps";

package/cjs/grid/Cell.d.ts

@@ -1,30 +0,0 @@
-import React, { HTMLAttributes } from "react";
-type Column = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
-export interface CellProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * Cell content
-     */
-    children?: React.ReactNode;
-    /**
-     * Cell columns on width < 448px
-     */
-    xs: Column;
-    /**
-     * Cell columns on min-width: 448
-     */
-    sm?: Column;
-    /**
-     * Cell columns on min-width: 648
-     */
-    md?: Column;
-    /**
-     * Cell columns on min-width: 960px
-     */
-    lg?: Column;
-}
-/**
- * @deprecated Use <HGrid /> instead. <Grid /> will be removed in the future.
- * @see [📝 Documentation](https://aksel.nav.no/komponenter/core/hgrid)
- */
-export declare const Cell: React.ForwardRefExoticComponent<CellProps & React.RefAttributes<HTMLDivElement>>;
-export default Cell;

package/cjs/grid/Cell.js

@@ -1,52 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Cell = void 0;
-const clsx_1 = __importDefault(require("clsx"));
-const react_1 = __importStar(require("react"));
-/**
- * @deprecated Use <HGrid /> instead. <Grid /> will be removed in the future.
- * @see [📝 Documentation](https://aksel.nav.no/komponenter/core/hgrid)
- */
-exports.Cell = (0, react_1.forwardRef)((_a, ref) => {
-    var { children, xs, sm, md, lg, className } = _a, rest = __rest(_a, ["children", "xs", "sm", "md", "lg", "className"]);
-    return (react_1.default.createElement("div", Object.assign({}, rest, { ref: ref, className: (0, clsx_1.default)("navds-grid__cell", xs && `navds-grid__cell--xs-${xs}`, sm && `navds-grid__cell--sm-${sm}`, md && `navds-grid__cell--md-${md}`, lg && `navds-grid__cell--lg-${lg}`, className) }), children));
-});
-exports.default = exports.Cell;
-//# sourceMappingURL=Cell.js.map

package/cjs/grid/Cell.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Cell.js","sourceRoot":"","sources":["../../src/grid/Cell.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0D;AA0B1D;;;GAGG;AACU,QAAA,IAAI,GAAG,IAAA,kBAAU,EAC5B,CAAC,EAAgD,EAAE,GAAG,EAAE,EAAE;QAAzD,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,SAAS,OAAW,EAAN,IAAI,cAA9C,iDAAgD,CAAF;IAC7C,OAAO,CACL,uDACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EACX,kBAAkB,EAClB,EAAE,IAAI,wBAAwB,EAAE,EAAE,EAClC,EAAE,IAAI,wBAAwB,EAAE,EAAE,EAClC,EAAE,IAAI,wBAAwB,EAAE,EAAE,EAClC,EAAE,IAAI,wBAAwB,EAAE,EAAE,EAClC,SAAS,CACV,KAEA,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,YAAI,CAAC"}

package/cjs/grid/Grid.d.ts

@@ -1,13 +0,0 @@
-import React, { HTMLAttributes } from "react";
-export interface GridProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * Collection of <Cell>-elements
-     */
-    children: React.ReactNode;
-}
-/**
- * @deprecated Use <HGrid /> instead. <Grid /> will be removed in the future.
- * @see [📝 Documentation](https://aksel.nav.no/komponenter/core/hgrid)
- */
-export declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLDivElement>>;
-export default Grid;

package/cjs/grid/Grid.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../src/grid/Grid.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0D;AAS1D;;;GAGG;AACU,QAAA,IAAI,GAAG,IAAA,kBAAU,EAC5B,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;QAAzC,EAAE,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAAY,OAAA,CACzC,qDAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAA,cAAE,EAAC,YAAY,EAAE,SAAS,CAAC,IAAM,IAAI,GAC5D,QAAQ,CACL,CACP,CAAA;CAAA,CACF,CAAC;AAEF,kBAAe,YAAI,CAAC"}

package/cjs/grid/index.d.ts

@@ -1,2 +0,0 @@
-export { default as Cell, type CellProps } from "./Cell";
-export { default as Grid, type GridProps } from "./Grid";

package/cjs/grid/index.js

@@ -1,11 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Grid = exports.Cell = void 0;
-var Cell_1 = require("./Cell");
-Object.defineProperty(exports, "Cell", { enumerable: true, get: function () { return __importDefault(Cell_1).default; } });
-var Grid_1 = require("./Grid");
-Object.defineProperty(exports, "Grid", { enumerable: true, get: function () { return __importDefault(Grid_1).default; } });
-//# sourceMappingURL=index.js.map

package/cjs/grid/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/grid/index.ts"],"names":[],"mappings":";;;;;;AAAA,+BAAyD;AAAhD,6GAAA,OAAO,OAAQ;AACxB,+BAAyD;AAAhD,6GAAA,OAAO,OAAQ"}

package/cjs/layout/content-container/ContentContainer.d.ts

@@ -1,9 +0,0 @@
-import React, { HTMLAttributes } from "react";
-export interface ContentContainerProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * ContentContainer content
-     */
-    children: React.ReactNode;
-}
-export declare const ContentContainer: React.ForwardRefExoticComponent<ContentContainerProps & React.RefAttributes<HTMLDivElement>>;
-export default ContentContainer;

package/cjs/layout/content-container/ContentContainer.js

@@ -1,48 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ContentContainer = void 0;
-const clsx_1 = __importDefault(require("clsx"));
-const react_1 = __importStar(require("react"));
-exports.ContentContainer = (0, react_1.forwardRef)((_a, ref) => {
-    var { className } = _a, rest = __rest(_a, ["className"]);
-    return (react_1.default.createElement("div", Object.assign({ ref: ref, className: (0, clsx_1.default)("navds-content-container", className) }, rest)));
-});
-exports.default = exports.ContentContainer;
-//# sourceMappingURL=ContentContainer.js.map

package/cjs/layout/content-container/ContentContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContentContainer.js","sourceRoot":"","sources":["../../../src/layout/content-container/ContentContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0D;AAS7C,QAAA,gBAAgB,GAAG,IAAA,kBAAU,EAGxC,CAAC,EAAsB,EAAE,GAAG,EAAE,EAAE;QAA/B,EAAE,SAAS,OAAW,EAAN,IAAI,cAApB,aAAsB,CAAF;IAAY,OAAA,CACjC,qDACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EAAC,yBAAyB,EAAE,SAAS,CAAC,IAC/C,IAAI,EACR,CACH,CAAA;CAAA,CAAC,CAAC;AAEH,kBAAe,wBAAgB,CAAC"}

package/cjs/layout/content-container/index.d.ts

@@ -1 +0,0 @@
-export { default as ContentContainer, type ContentContainerProps, } from "./ContentContainer";

package/cjs/layout/content-container/index.js

@@ -1,9 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ContentContainer = void 0;
-var ContentContainer_1 = require("./ContentContainer");
-Object.defineProperty(exports, "ContentContainer", { enumerable: true, get: function () { return __importDefault(ContentContainer_1).default; } });
-//# sourceMappingURL=index.js.map

package/cjs/layout/content-container/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/layout/content-container/index.ts"],"names":[],"mappings":";;;;;;AAAA,uDAG4B;AAF1B,qIAAA,OAAO,OAAoB"}

package/esm/grid/Cell.d.ts

@@ -1,30 +0,0 @@
-import React, { HTMLAttributes } from "react";
-type Column = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
-export interface CellProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * Cell content
-     */
-    children?: React.ReactNode;
-    /**
-     * Cell columns on width < 448px
-     */
-    xs: Column;
-    /**
-     * Cell columns on min-width: 448
-     */
-    sm?: Column;
-    /**
-     * Cell columns on min-width: 648
-     */
-    md?: Column;
-    /**
-     * Cell columns on min-width: 960px
-     */
-    lg?: Column;
-}
-/**
- * @deprecated Use <HGrid /> instead. <Grid /> will be removed in the future.
- * @see [📝 Documentation](https://aksel.nav.no/komponenter/core/hgrid)
- */
-export declare const Cell: React.ForwardRefExoticComponent<CellProps & React.RefAttributes<HTMLDivElement>>;
-export default Cell;

package/esm/grid/Cell.js

@@ -1,23 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import cl from "clsx";
-import React, { forwardRef } from "react";
-/**
- * @deprecated Use <HGrid /> instead. <Grid /> will be removed in the future.
- * @see [📝 Documentation](https://aksel.nav.no/komponenter/core/hgrid)
- */
-export const Cell = forwardRef((_a, ref) => {
-    var { children, xs, sm, md, lg, className } = _a, rest = __rest(_a, ["children", "xs", "sm", "md", "lg", "className"]);
-    return (React.createElement("div", Object.assign({}, rest, { ref: ref, className: cl("navds-grid__cell", xs && `navds-grid__cell--xs-${xs}`, sm && `navds-grid__cell--sm-${sm}`, md && `navds-grid__cell--md-${md}`, lg && `navds-grid__cell--lg-${lg}`, className) }), children));
-});
-export default Cell;
-//# sourceMappingURL=Cell.js.map

package/esm/grid/Cell.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Cell.js","sourceRoot":"","sources":["../../src/grid/Cell.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAkB,UAAU,EAAE,MAAM,OAAO,CAAC;AA0B1D;;;GAGG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,CAAC,EAAgD,EAAE,GAAG,EAAE,EAAE;QAAzD,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,SAAS,OAAW,EAAN,IAAI,cAA9C,iDAAgD,CAAF;IAC7C,OAAO,CACL,6CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,kBAAkB,EAClB,EAAE,IAAI,wBAAwB,EAAE,EAAE,EAClC,EAAE,IAAI,wBAAwB,EAAE,EAAE,EAClC,EAAE,IAAI,wBAAwB,EAAE,EAAE,EAClC,EAAE,IAAI,wBAAwB,EAAE,EAAE,EAClC,SAAS,CACV,KAEA,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/grid/Grid.d.ts

@@ -1,13 +0,0 @@
-import React, { HTMLAttributes } from "react";
-export interface GridProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * Collection of <Cell>-elements
-     */
-    children: React.ReactNode;
-}
-/**
- * @deprecated Use <HGrid /> instead. <Grid /> will be removed in the future.
- * @see [📝 Documentation](https://aksel.nav.no/komponenter/core/hgrid)
- */
-export declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLDivElement>>;
-export default Grid;

package/esm/grid/Grid.js

@@ -1,23 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import cl from "clsx";
-import React, { forwardRef } from "react";
-/**
- * @deprecated Use <HGrid /> instead. <Grid /> will be removed in the future.
- * @see [📝 Documentation](https://aksel.nav.no/komponenter/core/hgrid)
- */
-export const Grid = forwardRef((_a, ref) => {
-    var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
-    return (React.createElement("div", Object.assign({ ref: ref, className: cl("navds-grid", className) }, rest), children));
-});
-export default Grid;
-//# sourceMappingURL=Grid.js.map

package/esm/grid/Grid.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../src/grid/Grid.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAkB,UAAU,EAAE,MAAM,OAAO,CAAC;AAS1D;;;GAGG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;QAAzC,EAAE,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAAY,OAAA,CACzC,2CAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,IAAM,IAAI,GAC5D,QAAQ,CACL,CACP,CAAA;CAAA,CACF,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/grid/index.d.ts

@@ -1,2 +0,0 @@
-export { default as Cell, type CellProps } from "./Cell";
-export { default as Grid, type GridProps } from "./Grid";

package/esm/grid/index.js

@@ -1,3 +0,0 @@
-export { default as Cell } from "./Cell";
-export { default as Grid } from "./Grid";
-//# sourceMappingURL=index.js.map

package/esm/grid/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/grid/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAkB,MAAM,QAAQ,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAkB,MAAM,QAAQ,CAAC"}

package/esm/layout/content-container/ContentContainer.d.ts

@@ -1,9 +0,0 @@
-import React, { HTMLAttributes } from "react";
-export interface ContentContainerProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * ContentContainer content
-     */
-    children: React.ReactNode;
-}
-export declare const ContentContainer: React.ForwardRefExoticComponent<ContentContainerProps & React.RefAttributes<HTMLDivElement>>;
-export default ContentContainer;

package/esm/layout/content-container/ContentContainer.js

@@ -1,19 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import cl from "clsx";
-import React, { forwardRef } from "react";
-export const ContentContainer = forwardRef((_a, ref) => {
-    var { className } = _a, rest = __rest(_a, ["className"]);
-    return (React.createElement("div", Object.assign({ ref: ref, className: cl("navds-content-container", className) }, rest)));
-});
-export default ContentContainer;
-//# sourceMappingURL=ContentContainer.js.map

package/esm/layout/content-container/ContentContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContentContainer.js","sourceRoot":"","sources":["../../../src/layout/content-container/ContentContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAkB,UAAU,EAAE,MAAM,OAAO,CAAC;AAS1D,MAAM,CAAC,MAAM,gBAAgB,GAAG,UAAU,CAGxC,CAAC,EAAsB,EAAE,GAAG,EAAE,EAAE;QAA/B,EAAE,SAAS,OAAW,EAAN,IAAI,cAApB,aAAsB,CAAF;IAAY,OAAA,CACjC,2CACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,IAC/C,IAAI,EACR,CACH,CAAA;CAAA,CAAC,CAAC;AAEH,eAAe,gBAAgB,CAAC"}

package/esm/layout/content-container/index.d.ts

@@ -1 +0,0 @@
-export { default as ContentContainer, type ContentContainerProps, } from "./ContentContainer";

package/esm/layout/content-container/index.js

@@ -1,2 +0,0 @@
-export { default as ContentContainer, } from "./ContentContainer";
-//# sourceMappingURL=index.js.map

package/esm/layout/content-container/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/layout/content-container/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,IAAI,gBAAgB,GAE5B,MAAM,oBAAoB,CAAC"}

package/src/grid/Cell.tsx

@@ -1,53 +0,0 @@
-import cl from "clsx";
-import React, { HTMLAttributes, forwardRef } from "react";
-
-type Column = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
-export interface CellProps extends HTMLAttributes<HTMLDivElement> {
-  /**
-   * Cell content
-   */
-  children?: React.ReactNode;
-  /**
-   * Cell columns on width < 448px
-   */
-  xs: Column;
-  /**
-   * Cell columns on min-width: 448
-   */
-  sm?: Column;
-  /**
-   * Cell columns on min-width: 648
-   */
-  md?: Column;
-  /**
-   * Cell columns on min-width: 960px
-   */
-  lg?: Column;
-}
-
-/**
- * @deprecated Use <HGrid /> instead. <Grid /> will be removed in the future.
- * @see [📝 Documentation](https://aksel.nav.no/komponenter/core/hgrid)
- */
-export const Cell = forwardRef<HTMLDivElement, CellProps>(
-  ({ children, xs, sm, md, lg, className, ...rest }, ref) => {
-    return (
-      <div
-        {...rest}
-        ref={ref}
-        className={cl(
-          "navds-grid__cell",
-          xs && `navds-grid__cell--xs-${xs}`,
-          sm && `navds-grid__cell--sm-${sm}`,
-          md && `navds-grid__cell--md-${md}`,
-          lg && `navds-grid__cell--lg-${lg}`,
-          className,
-        )}
-      >
-        {children}
-      </div>
-    );
-  },
-);
-
-export default Cell;

package/src/grid/Grid.tsx

@@ -1,23 +0,0 @@
-import cl from "clsx";
-import React, { HTMLAttributes, forwardRef } from "react";
-
-export interface GridProps extends HTMLAttributes<HTMLDivElement> {
-  /**
-   * Collection of <Cell>-elements
-   */
-  children: React.ReactNode;
-}
-
-/**
- * @deprecated Use <HGrid /> instead. <Grid /> will be removed in the future.
- * @see [📝 Documentation](https://aksel.nav.no/komponenter/core/hgrid)
- */
-export const Grid = forwardRef<HTMLDivElement, GridProps>(
-  ({ children, className, ...rest }, ref) => (
-    <div ref={ref} className={cl("navds-grid", className)} {...rest}>
-      {children}
-    </div>
-  ),
-);
-
-export default Grid;