@navikt/ds-react 0.7.7 → 0.8.0

package/src/header/Header.tsx

@@ -1,69 +0,0 @@
-import React, { forwardRef, HTMLAttributes } from "react";
-import cl from "classnames";
-
-export interface HeaderProps extends HTMLAttributes<HTMLDivElement> {
-  /**
-   * Header title
-   */
-  children: string;
-  /**
-   * Pictogram placed in header
-   */
-  illustration?: React.ReactNode;
-  /**
-   * Short text placed under title
-   */
-  description?: string;
-  /**
-   * Decides how to align content
-   * @default "left"
-   */
-  variant?: "left" | "center";
-  /**
-   * Predefined theming for header
-   * @default "guide"
-   */
-  theme?: "situation" | "product" | "guide";
-}
-
-const Header = forwardRef<HTMLDivElement, HeaderProps>(
-  (
-    {
-      children,
-      className,
-      illustration,
-      description,
-      theme = "guide",
-      variant = "left",
-      ...rest
-    },
-    ref
-  ) => {
-    return (
-      <div
-        ref={ref}
-        className={cl(
-          "navds-header",
-          className,
-          `navds-header--${theme}`,
-          `navds-header--${variant}`
-        )}
-        {...rest}
-      >
-        {illustration && (
-          <div className="navds-header__illustration">{illustration}</div>
-        )}
-        <div className="navds-header__wrapper">
-          <h1 className="navds-header__title navds-title navds-title--2xl">
-            {children}
-          </h1>
-          {description && (
-            <p className="navds-body-short navds-body--s">{description}</p>
-          )}
-        </div>
-      </div>
-    );
-  }
-);
-
-export default Header;

package/src/header/index.ts

@@ -1,2 +0,0 @@
-export { default as Header } from "./Header";
-export * from "./Header";

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;