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

package/src/grid/grid.stories.tsx

@@ -1,67 +0,0 @@
-import * as React from "react";
-import { BodyLong, Cell, ContentContainer, Grid } from "../index";
-
-export default {
-  title: "ds-react/Primitives/Grid",
-  component: { Grid, Cell },
-  parameters: {
-    layout: "fullscreen",
-  },
-};
-
-export const Default = () => {
-  return (
-    <>
-      <ContentContainer>
-        <span>
-          Grid har ikke blitt oppdatert siden 2020 og vil på sikt få større
-          endringer eller deprecates. Vi anbefaler derfor å ikke ta vår
-          grid-løsning i bruk for nå.
-        </span>
-        <Grid>
-          <Cell className="cell" xs={12} sm={6} lg={4}>
-            Kolonne
-          </Cell>
-          <Cell className="cell" xs={12} sm={6} lg={4}>
-            Kolonne
-          </Cell>
-          <Cell className="cell" xs={12} sm={12} lg={4}>
-            Kolonne
-          </Cell>
-        </Grid>
-        <style>{`.cell {padding: 1rem; background: repeating-linear-gradient(
-    45deg,
-    #d6d6d6,
-    #d6d6d6 10px,
-    transparent 10px,
-    transparent 20px
-  );}`}</style>
-      </ContentContainer>
-    </>
-  );
-};
-
-export const Contentcontainer = () => {
-  return (
-    <>
-      <ContentContainer className="container">
-        <BodyLong size="medium">-- Innhold --</BodyLong>
-      </ContentContainer>
-      <style>{`.container {
-  display: flex;
-  border-radius: var(--a-border-radius-medium);
-  justify-content: center;
-  align-items: center;
-  margin-bottom: 1.5rem;
-  min-height: 10rem;
-  background: repeating-linear-gradient(
-    45deg,
-    #d6d6d6,
-    #d6d6d6 10px,
-    transparent 10px,
-    transparent 20px
-  );
-}`}</style>
-    </>
-  );
-};

package/src/grid/index.ts

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

package/src/layout/content-container/ContentContainer.tsx

@@ -1,22 +0,0 @@
-import cl from "clsx";
-import React, { HTMLAttributes, forwardRef } from "react";
-
-export interface ContentContainerProps extends HTMLAttributes<HTMLDivElement> {
-  /**
-   * ContentContainer content
-   */
-  children: React.ReactNode;
-}
-
-export const ContentContainer = forwardRef<
-  HTMLDivElement,
-  ContentContainerProps
->(({ className, ...rest }, ref) => (
-  <div
-    ref={ref}
-    className={cl("navds-content-container", className)}
-    {...rest}
-  />
-));
-
-export default ContentContainer;

package/src/layout/content-container/index.ts

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

package/src/layout/sidemal-test/navno-sidemal.stories.mdx

@@ -1,29 +0,0 @@
-import { Meta } from "@storybook/blocks";
-
-<Meta title="Kitchen sink/How to use" />
-
-<div className="wrapper navds-body-long">
-
-<h1>Kitchen sink</h1>
-
-<p>
-  A collection of stories for testing and verifying the use of Aksel in context
-  of actual content
-</p>
-<p className="heavy">
-  These pages are not intended as templates or patterns for use, only for
-  testing.
-</p>
-
-</div>
-
-<style>
-  {`
-   .wrapper p {
-    font-size: 20px;
-   }
-   .heavy {
-    font-weight: 600;
-   }
-  `}
-</style>