@navikt/ds-react 0.7.4 → 0.8.0

package/src/layouts/stories/components/sections/Right.tsx

@@ -1,8 +0,0 @@
-import * as React from "react";
-import { Accordion } from "../../../..";
-
-export const Right = () => (
-  <div>
-    <Accordion heading={"Snareveier"}>Test</Accordion>
-  </div>
-);

package/src/layouts/stories/components/styles.css

@@ -1,12 +0,0 @@
-.navds-story-menu {
-  margin: 0;
-  list-style-type: none;
-}
-
-.navds-story-menu li:not(:last-child) {
-  margin-bottom: 1rem;
-}
-
-.navds-story-section {
-  margin-bottom: 1rem;
-}

package/src/layouts/stories/layout.stories.mdx

@@ -1,8 +0,0 @@
-import { Meta, Canvas } from "@storybook/addon-docs";
-
-<Meta title="ds-react/layouts/intro" />
-
-# Layouts
-
-Komponenten og storybook-stories her er utdaterte og anbefales ikke å bruke, før
-react-pakken er publisert så kommer disse til å forgå store endringer og evt fjernes fra pakken.

package/src/layouts/stories/product-page-layout.stories.tsx

@@ -1,90 +0,0 @@
-import * as React from "react";
-import {
-  ProductPageLayout as Layout,
-  ProductPageSection as Section,
-  ProductPagePanel as Panel,
-} from "../../index";
-import { Left } from "./components/sections/Left";
-import { Main, MainOne, MainTwo, MainThree } from "./components/sections/Main";
-import { Right } from "./components/sections/Right";
-import { LightBulb, Telephone } from "@navikt/ds-icons";
-import "./components/styles.css";
-
-export default {
-  title: "ds-react/layouts/ProductPage",
-  component: Layout,
-  parameters: {
-    layout: "fullscreen",
-  },
-};
-
-const title = "Nunc et lorem";
-export const ThreeColumns = () => (
-  <Layout title={title}>
-    <Section left sticky>
-      <Left />
-    </Section>
-    <Section whiteBackground={false} withPadding={false}>
-      <Panel
-        title={"Leo quis"}
-        anchor={"leo-quis"}
-        highlight={true}
-        icon={<LightBulb />}
-      >
-        <MainOne title={false} />
-      </Panel>
-      <Panel title={"Proin accumsan"} anchor={"proin-accumsan"}>
-        <MainTwo title={false} />
-      </Panel>
-      <Panel
-        title={"Maecenas in pretium"}
-        anchor={"maecenas-in-pretium"}
-        icon={<Telephone />}
-      >
-        <MainThree title={false} />
-      </Panel>
-    </Section>
-    <Section right sticky>
-      <Right />
-    </Section>
-  </Layout>
-);
-
-export const TwoColumnsLeft = () => (
-  <Layout title={title}>
-    <Section left sticky>
-      <Left />
-      <Left />
-    </Section>
-    <Section>
-      <Panel
-        title={"Leo quis"}
-        anchor={"leo-quis"}
-        highlight={true}
-        icon={<LightBulb />}
-      >
-        <MainOne title={false} />
-      </Panel>
-      <Main />
-    </Section>
-  </Layout>
-);
-
-export const TwoColumnsRight = () => (
-  <Layout title={title}>
-    <Section>
-      <Main />
-    </Section>
-    <Section right sticky>
-      <Right />
-    </Section>
-  </Layout>
-);
-
-export const OneColumn = () => (
-  <Layout title={title}>
-    <Section>
-      <Main />
-    </Section>
-  </Layout>
-);

package/src/loader/stories/demo.css

@@ -1,18 +0,0 @@
-.demo__panel {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  width: 30rem;
-  height: 30rem;
-  text-align: center;
-  row-gap: 0.5rem;
-  margin-top: 10rem;
-}
-
-.demo__wrapper {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  height: 100vh;
-}

package/src/typography/Title.tsx

@@ -1,56 +0,0 @@
-import React, { forwardRef } from "react";
-import cl from "classnames";
-import { OverridableComponent } from "../util";
-
-export interface TitleProps {
-  props: {
-    /**
-     * Heading level
-     */
-    level?: 1 | 2 | 3 | 4 | 5 | "1" | "2" | "3" | "4" | "5";
-    /**
-     * Sizes from largest "2xl" to smallest "s"
-     */
-    size: "2xl" | "xl" | "l" | "m" | "s";
-    /**
-     * Paragraph text
-     */
-    children: React.ReactNode;
-    /**
-     * Adds margins to typo
-     */
-    spacing?: boolean;
-  } & React.HTMLAttributes<HTMLHeadingElement>;
-  defaultComponent: "h1";
-}
-
-const Title: OverridableComponent<TitleProps> = forwardRef(
-  (
-    {
-      level = 1,
-      size = "2xl",
-      spacing,
-      className,
-      children,
-      component,
-      ...rest
-    },
-    ref
-  ) => {
-    let HeadingTag = component ?? (`h${level}` as React.ElementType);
-
-    return (
-      <HeadingTag
-        {...rest}
-        ref={ref}
-        className={cl(className, "navds-title", `navds-title--${size}`, {
-          "navds-typo--spacing": !!spacing,
-        })}
-      >
-        {children}
-      </HeadingTag>
-    );
-  }
-);
-
-export default Title;