@norges-domstoler/dds-components 13.8.1 → 13.8.3

package/dist/components/AppShell/Navigation/TopBar.js

@@ -1,78 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import styled from 'styled-components';
-import { CloseIcon, MenuIcon } from '@norges-domstoler/dds-icons';
-import { ENVIRONMENT_BANNER_HEIGHT } from '@norges-domstoler/development-utils';
-import { EmbeteIcon } from './EmbeteIcon.js';
-import { appShellTokens } from '../AppShell.tokens.js';
-import { NavigationLogo } from './NavigationLogo.js';
-import { Button } from '../../Button/Button.js';
-import { OverflowMenu } from '../../OverflowMenu/OverflowMenu.js';
-import { OverflowMenuGroup } from '../../OverflowMenu/OverflowMenuGroup.js';
-
-var navTokens = appShellTokens.navigation,
-  floatingActionButtons = appShellTokens.floatingActionButtons;
-var LogoBurgerGroup = styled.div.withConfig({
-  displayName: "TopBar__LogoBurgerGroup",
-  componentId: "sc-1mmx14i-0"
-})(["display:flex;align-items:center;gap:", ";"], navTokens.topBar.gap);
-var ActionButtonGroup = styled.div.withConfig({
-  displayName: "TopBar__ActionButtonGroup",
-  componentId: "sc-1mmx14i-1"
-})(["display:flex;align-items:center;gap:", ";"], navTokens.topBar.gap);
-var IconButton = styled(Button).attrs({
-  appearance: 'borderless',
-  purpose: 'secondary'
-}).withConfig({
-  displayName: "TopBar__IconButton",
-  componentId: "sc-1mmx14i-2"
-})(["color:", ";> :first-child{font-size:1.65rem;}@media (max-width:", "){border:0;box-shadow:none;padding:12px;&:hover,&:active{color:", ";text-decoration-color:", ";box-shadow:none;}gap:0;}"], navTokens.topBar.buttonTextColor, navTokens.mobile.breakpoint, navTokens.topBar.buttonTextColor, navTokens.topBar.buttonTextColor);
-var IconButtonText = styled.span.withConfig({
-  displayName: "TopBar__IconButtonText",
-  componentId: "sc-1mmx14i-3"
-})(["display:none;width:0;"]);
-var Bar = styled.div.withConfig({
-  displayName: "TopBar__Bar",
-  componentId: "sc-1mmx14i-4"
-})(["display:flex;align-items:center;justify-content:space-between;gap:", ";width:100vw;height:", ";color:", ";background-color:", ";box-sizing:border-box;z-index:101;position:fixed;top:", ";left:0;right:0;@media (min-width:", "){justify-content:flex-end;background-color:transparent;margin-left:", ";width:calc(100vw - ", ");pointer-events:none;& > *{pointer-events:initial;}", "{display:none;}", "{padding-right:calc(2 * ", ");gap:", ";}", "{background-color:", ";color:", ";box-shadow:8px 16px 32px 0px rgba(0,0,0,0.1);border-radius:", ";", "{display:unset;}}}"], navTokens.topBar.gap, navTokens.topBar.height, navTokens.color, navTokens.backgroundColor, function (_ref) {
-  var environmentBannerActive = _ref.environmentBannerActive;
-  return environmentBannerActive ? ENVIRONMENT_BANNER_HEIGHT : '0';
-}, navTokens.mobile.breakpoint, navTokens.width, navTokens.width, LogoBurgerGroup, ActionButtonGroup, navTokens.topBar.gap, floatingActionButtons.gap, IconButton, floatingActionButtons.backgroundColor, floatingActionButtons.textColor, floatingActionButtons.borderRadius, IconButtonText);
-var TopBar = function TopBar(_ref2) {
-  var user = _ref2.user,
-    userMenuItems = _ref2.userMenuItems,
-    isNavigationOpen = _ref2.isNavigationOpen,
-    onNavigationOpenChange = _ref2.onNavigationOpenChange,
-    environmentBannerActive = _ref2.environmentBannerActive;
-  var Icon = function Icon(props) {
-    return jsx(EmbeteIcon, Object.assign({}, props, {
-      type: user.embete.type
-    }));
-  };
-  return jsxs(Bar, {
-    environmentBannerActive: environmentBannerActive,
-    children: [jsxs(LogoBurgerGroup, {
-      children: [jsx(IconButton, {
-        icon: isNavigationOpen ? CloseIcon : MenuIcon,
-        onClick: function onClick() {
-          return onNavigationOpenChange(!isNavigationOpen);
-        }
-      }), jsx(NavigationLogo, {
-        small: true,
-        children: "Lovisa"
-      })]
-    }), jsx(ActionButtonGroup, {
-      children: jsxs(OverflowMenuGroup, {
-        children: [jsx(IconButton, {
-          icon: Icon,
-          label: jsx(IconButtonText, {
-            children: user.name
-          })
-        }), jsx(OverflowMenu, {
-          items: userMenuItems
-        })]
-      })
-    })]
-  });
-};
-
-export { TopBar };

package/dist/components/AppShell/index.d.ts

@@ -1,7 +0,0 @@
-import { AppShell as BaseAppShell, AppShellProps } from './AppShell';
-import { NavigationItem } from './Navigation/NavigationItem';
-type CompoundAppShell = typeof BaseAppShell & {
-    NavItem: typeof NavigationItem;
-};
-declare const AppShell: CompoundAppShell;
-export { AppShell, type AppShellProps };

package/dist/components/AppShell/index.js

@@ -1,7 +0,0 @@
-import { AppShell as AppShell$1 } from './AppShell.js';
-import { NavigationItem } from './Navigation/NavigationItem.js';
-
-var AppShell = AppShell$1;
-AppShell.NavItem = NavigationItem;
-
-export { AppShell };

package/dist/components/BackLink/BackLink.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-export type BackLinkProps = {
-    label: string;
-    href: string;
-};
-export declare const BackLink: import("react").ForwardRefExoticComponent<BackLinkProps & import("react").RefAttributes<HTMLElement>>;

package/dist/components/BackLink/BackLink.js

@@ -1,31 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import styled from 'styled-components';
-import { Icon, icons } from '@norges-domstoler/dds-icons';
-import { Typography } from '@norges-domstoler/dds-typography';
-import { backLinkTokens } from './BackLink.tokens.js';
-
-var Nav = styled('nav').withConfig({
-  displayName: "BackLink__Nav",
-  componentId: "sc-lzrkx8-0"
-})(["align-items:center;display:flex;gap:", ";"], backLinkTokens.nav.gap);
-var StyledIcon = styled(Icon).withConfig({
-  displayName: "BackLink__StyledIcon",
-  componentId: "sc-lzrkx8-1"
-})(["color:", ";"], backLinkTokens.icon.color);
-var BackLink = /*#__PURE__*/forwardRef(function (props, ref) {
-  return jsxs(Nav, {
-    ref: ref,
-    children: [jsx(StyledIcon, {
-      icon: icons.ArrowLeftIcon,
-      iconSize: "small"
-    }), jsx(Typography, {
-      typographyType: "a",
-      href: props.href,
-      children: props.label
-    })]
-  });
-});
-BackLink.displayName = 'BackLink';
-
-export { BackLink };

package/dist/components/BackLink/BackLink.stories.d.ts

@@ -1,18 +0,0 @@
-/// <reference types="react" />
-import { BackLinkProps } from '.';
-declare const _default: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<BackLinkProps & import("react").RefAttributes<HTMLElement>>;
-    argTypes: {
-        label: {
-            control: string;
-            defaultValue: string;
-        };
-        href: {
-            control: string;
-            defaultValue: string;
-        };
-    };
-};
-export default _default;
-export declare const Default: (args: BackLinkProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/BackLink/BackLink.tokens.d.ts

@@ -1,8 +0,0 @@
-export declare const backLinkTokens: {
-    icon: {
-        color: string;
-    };
-    nav: {
-        gap: string;
-    };
-};

package/dist/components/BackLink/BackLink.tokens.js

@@ -1,16 +0,0 @@
-import { ddsBaseTokens } from '@norges-domstoler/dds-design-tokens';
-
-var colors = ddsBaseTokens.colors,
-  spacing = ddsBaseTokens.spacing;
-var icon = {
-  color: colors.DdsColorInteractiveBase
-};
-var nav = {
-  gap: spacing.SizesDdsSpacingLocalX05
-};
-var backLinkTokens = {
-  icon: icon,
-  nav: nav
-};
-
-export { backLinkTokens };

package/dist/components/BackLink/index.d.ts

@@ -1 +0,0 @@
-export * from './BackLink';

package/dist/components/Breadcrumbs/Breadcrumb.d.ts

@@ -1,3 +0,0 @@
-import { AnchorHTMLAttributes, HTMLAttributes } from 'react';
-export type BreadcrumbProps = HTMLAttributes<HTMLSpanElement> | AnchorHTMLAttributes<HTMLAnchorElement>;
-export declare const Breadcrumb: import("react").ForwardRefExoticComponent<BreadcrumbProps & import("react").RefAttributes<HTMLElement>>;

package/dist/components/Breadcrumbs/Breadcrumb.js

@@ -1,30 +0,0 @@
-import { __rest } from 'tslib';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { Typography } from '@norges-domstoler/dds-typography';
-
-var isAnchorTypographyProps = function isAnchorTypographyProps(props) {
-  return props.href != undefined;
-};
-var Breadcrumb = /*#__PURE__*/forwardRef(function (props, ref) {
-  var children = props.children,
-    rest = __rest(props, ["children"]);
-  if (isAnchorTypographyProps(props)) {
-    return jsx(Typography, {
-      htmlProps: rest,
-      ref: ref,
-      typographyType: "a",
-      children: children
-    });
-  }
-  return jsx(Typography, {
-    htmlProps: rest,
-    ref: ref,
-    as: "span",
-    color: "interactive",
-    children: children
-  });
-});
-Breadcrumb.displayName = 'Breadcrumb';
-
-export { Breadcrumb };

package/dist/components/Breadcrumbs/Breadcrumb.tokens.d.ts

@@ -1,13 +0,0 @@
-import { StaticTypographyType } from '@norges-domstoler/dds-typography';
-export declare const typographyType: StaticTypographyType;
-export declare const breadcrumbTokens: {
-    list: {
-        gap: string;
-    };
-    listItem: {
-        gap: string;
-    };
-    icon: {
-        color: string;
-    };
-};

package/dist/components/Breadcrumbs/Breadcrumb.tokens.js

@@ -1,21 +0,0 @@
-import { ddsBaseTokens } from '@norges-domstoler/dds-design-tokens';
-
-var colors = ddsBaseTokens.colors,
-  spacing = ddsBaseTokens.spacing;
-var typographyType = 'bodySans02';
-var icon = {
-  color: colors.DdsColorInteractiveBase
-};
-var listItem = {
-  gap: spacing.SizesDdsSpacingLocalX05
-};
-var list = {
-  gap: spacing.SizesDdsSpacingLocalX05
-};
-var breadcrumbTokens = {
-  list: list,
-  listItem: listItem,
-  icon: icon
-};
-
-export { breadcrumbTokens, typographyType };

package/dist/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { BaseComponentPropsWithChildren } from '@norges-domstoler/dds-core';
-export type BreadcrumbsProps = BaseComponentPropsWithChildren<HTMLElement>;
-export declare const Breadcrumbs: import("react").ForwardRefExoticComponent<Omit<BreadcrumbsProps, "ref"> & import("react").RefAttributes<HTMLElement>>;

package/dist/components/Breadcrumbs/Breadcrumbs.js

@@ -1,51 +0,0 @@
-import { __rest } from 'tslib';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef, Children } from 'react';
-import styled from 'styled-components';
-import { typographyType, breadcrumbTokens } from './Breadcrumb.tokens.js';
-import { Icon, icons } from '@norges-domstoler/dds-icons';
-import { removeListStyling, getBaseHTMLProps } from '@norges-domstoler/dds-core';
-import { getFontStyling } from '@norges-domstoler/dds-typography';
-
-var icon = breadcrumbTokens.icon,
-  list = breadcrumbTokens.list,
-  listItem = breadcrumbTokens.listItem;
-var List = styled.ol.withConfig({
-  displayName: "Breadcrumbs__List",
-  componentId: "sc-xdj21o-0"
-})(["", " display:flex;flex-wrap:wrap;align-items:center;gap:", ";"], removeListStyling, list.gap);
-List.displayName = 'List';
-var ListItem = styled.li.withConfig({
-  displayName: "Breadcrumbs__ListItem",
-  componentId: "sc-xdj21o-1"
-})(["align-items:center;display:flex;gap:", ";", ""], listItem.gap, getFontStyling(typographyType));
-ListItem.displayName = 'ListItem';
-var StyledIcon = styled(Icon).withConfig({
-  displayName: "Breadcrumbs__StyledIcon",
-  componentId: "sc-xdj21o-2"
-})(["color:", ";"], icon.color);
-var Breadcrumbs = /*#__PURE__*/forwardRef(function (props, ref) {
-  var children = props.children,
-    id = props.id,
-    className = props.className,
-    htmlProps = props.htmlProps,
-    rest = __rest(props, ["children", "id", "className", "htmlProps"]);
-  var childrenArray = Children.toArray(children);
-  var breadcrumbChildren = childrenArray.map(function (item, index) {
-    return jsxs(ListItem, {
-      children: [index !== 0 && jsx(StyledIcon, {
-        icon: icons.ChevronRightIcon
-      }), item]
-    }, "breadcrumb-".concat(index));
-  });
-  return jsx("nav", Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
-    ref: ref,
-    "aria-label": "br\xF8dsmulesti",
-    children: jsx(List, {
-      children: breadcrumbChildren
-    })
-  }));
-});
-Breadcrumbs.displayName = 'Breadcrumbs';
-
-export { Breadcrumbs };

package/dist/components/Breadcrumbs/Breadcrumbs.stories.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { BreadcrumbsProps } from '.';
-declare const _default: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Omit<BreadcrumbsProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
-};
-export default _default;
-export declare const Default: (args: BreadcrumbsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Breadcrumbs/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Breadcrumb';
-export * from './Breadcrumbs';

package/dist/components/Button/Button.d.ts

@@ -1,21 +0,0 @@
-/// <reference types="react" />
-export declare const Button: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onClick" | "onFocus" | "onBlur" | "type">, "id" | "className"> & {
-    size?: import("./Button.types").ButtonSize | undefined;
-    label?: string | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
-    purpose?: import("./Button.types").ButtonPurpose | undefined;
-    iconPosition?: import("./Button.types").IconPosition | undefined;
-    appearance?: import("./Button.types").ButtonAppearance | undefined;
-    loading?: boolean | undefined;
-    loadingTooltip?: string | undefined;
-    icon?: import("@norges-domstoler/dds-icons").SvgIcon | undefined;
-    fullWidth?: boolean | undefined;
-    href?: string | undefined;
-    target?: string | undefined;
-} & {
-    onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
-    onFocus?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
-    onBlur?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
-    type?: "button" | "submit" | "reset" | undefined;
-} & {
-    htmlProps?: Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onClick" | "onFocus" | "onBlur" | "type"> | undefined;
-} & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/Button/Button.js

@@ -1,96 +0,0 @@
-import { __rest } from 'tslib';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { Icon } from '@norges-domstoler/dds-icons';
-import { getBaseHTMLProps } from '@norges-domstoler/dds-core';
-import { buttonTokens } from './Button.tokens.js';
-import { Spinner } from '../Spinner/Spinner.js';
-import { StyledIconWrapperSpan, ButtonWrapper, Label } from './Button.styles.js';
-
-var _tokens$button = buttonTokens.button,
-  sizes = _tokens$button.sizes,
-  appearances = _tokens$button.appearances;
-var Button = /*#__PURE__*/forwardRef(function (props, ref) {
-  var label = props.label,
-    _props$purpose = props.purpose,
-    purpose = _props$purpose === void 0 ? 'primary' : _props$purpose,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 'medium' : _props$size,
-    _props$iconPosition = props.iconPosition,
-    iconPosition = _props$iconPosition === void 0 ? 'left' : _props$iconPosition,
-    _props$appearance = props.appearance,
-    appearance = _props$appearance === void 0 ? 'filled' : _props$appearance,
-    href = props.href,
-    target = props.target,
-    _props$loading = props.loading,
-    loading = _props$loading === void 0 ? false : _props$loading,
-    _props$loadingTooltip = props.loadingTooltip,
-    loadingTooltip = _props$loadingTooltip === void 0 ? 'Lagring pågår' : _props$loadingTooltip,
-    _props$fullWidth = props.fullWidth,
-    fullWidth = _props$fullWidth === void 0 ? false : _props$fullWidth,
-    icon = props.icon,
-    _onClick = props.onClick,
-    onFocus = props.onFocus,
-    onBlur = props.onBlur,
-    id = props.id,
-    className = props.className,
-    htmlProps = props.htmlProps,
-    rest = __rest(props, ["label", "purpose", "size", "iconPosition", "appearance", "href", "target", "loading", "loadingTooltip", "fullWidth", "icon", "onClick", "onFocus", "onBlur", "id", "className", "htmlProps"]);
-  var as = href ? 'a' : 'button';
-  var hasLabel = !!label;
-  var hasIcon = !!icon;
-  var wrapperProps = Object.assign(Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest)), {
-    href: href,
-    label: label,
-    as: as,
-    rel: href ? 'noreferrer noopener' : undefined,
-    target: href && target ? target : undefined,
-    ref: ref,
-    appearance: appearance,
-    purpose: purpose,
-    iconPosition: iconPosition,
-    fullWidth: fullWidth,
-    hasLabel: hasLabel,
-    hasIcon: hasIcon,
-    isLoading: loading,
-    size: size,
-    onClick: function onClick(event) {
-      if (!loading && _onClick) {
-        _onClick(event);
-      }
-    },
-    onFocus: onFocus,
-    onBlur: onBlur
-  });
-  var isIconButton = !hasLabel && hasIcon;
-  var iconElement = icon && jsx(StyledIconWrapperSpan, {
-    size: size,
-    isHidden: hasIcon && loading,
-    justIcon: isIconButton,
-    children: jsx(Icon, {
-      icon: icon,
-      iconSize: "inherit"
-    })
-  });
-  return jsxs(ButtonWrapper, Object.assign({}, wrapperProps, {
-    "aria-disabled": loading,
-    children: [!isIconButton && jsxs(Fragment, {
-      children: [iconPosition === 'left' && iconElement, jsx(Label, {
-        isHidden: loading,
-        "aria-hidden": loading,
-        children: label
-      }), iconPosition === 'right' && iconElement]
-    }), isIconButton && iconElement, loading && jsx(StyledIconWrapperSpan, {
-      size: size,
-      absolutePosition: hasIcon || hasLabel,
-      children: jsx(Spinner, {
-        color: appearances[appearance].purpose[purpose].base.color,
-        size: sizes[size].justIcon.icon.fontSize,
-        tooltip: loadingTooltip
-      })
-    })]
-  }));
-});
-Button.displayName = 'Button';
-
-export { Button };

package/dist/components/Button/Button.stories.d.ts

@@ -1,64 +0,0 @@
-/// <reference types="react" />
-import { ButtonProps } from '.';
-declare const _default: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "type" | "onFocus" | "onBlur" | "onClick">, "className" | "id"> & {
-        size?: import("./Button.types").ButtonSize | undefined;
-        label?: string | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
-        purpose?: import("./Button.types").ButtonPurpose | undefined;
-        iconPosition?: import("./Button.types").IconPosition | undefined;
-        appearance?: import("./Button.types").ButtonAppearance | undefined;
-        loading?: boolean | undefined;
-        loadingTooltip?: string | undefined;
-        icon?: import("@norges-domstoler/dds-icons").SvgIcon | undefined;
-        fullWidth?: boolean | undefined;
-        href?: string | undefined;
-        target?: string | undefined;
-    } & {
-        type?: "button" | "submit" | "reset" | undefined;
-        onFocus?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
-        onBlur?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
-        onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
-    } & {
-        htmlProps?: Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "type" | "onFocus" | "onBlur" | "onClick"> | undefined;
-    } & import("react").RefAttributes<HTMLButtonElement>>;
-    argTypes: {
-        label: {
-            control: {
-                type: string;
-            };
-        };
-        loading: {
-            control: {
-                type: string;
-            };
-        };
-        fullWidth: {
-            control: {
-                type: string;
-            };
-        };
-        href: {
-            control: {
-                type: string;
-            };
-        };
-    };
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-};
-export default _default;
-export declare const OverviewWithText: (args: ButtonProps) => import("react/jsx-runtime").JSX.Element;
-export declare const OverviewJustIcon: (args: ButtonProps) => import("react/jsx-runtime").JSX.Element;
-export declare const OverviewSizes: (args: ButtonProps) => import("react/jsx-runtime").JSX.Element;
-export declare const OverviewLoading: (args: ButtonProps) => import("react/jsx-runtime").JSX.Element;
-export declare const OverviewFullWidth: (args: ButtonProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Default: (args: ButtonProps) => import("react/jsx-runtime").JSX.Element;
-export declare const TextWithIcon: (args: ButtonProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Icon: (args: ButtonProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Ghost: (args: ButtonProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Borderless: (args: ButtonProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Rounded: (args: ButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Button/Button.styles.d.ts

@@ -1,25 +0,0 @@
-import { ButtonAppearance, ButtonPurpose, ButtonSize, IconPosition } from './Button.types';
-type ButtonWrapperProps = {
-    appearance: ButtonAppearance;
-    purpose: ButtonPurpose;
-    size: ButtonSize;
-    fullWidth: boolean;
-    hasIcon: boolean;
-    hasLabel: boolean;
-    isLoading: boolean;
-    iconPosition?: IconPosition;
-};
-export declare const ButtonWrapper: import("styled-components").StyledComponent<"button", any, ButtonWrapperProps, never>;
-type StyledIconWrapperSpanProps = {
-    iconPosition?: IconPosition;
-    size: ButtonSize;
-    absolutePosition?: boolean;
-    isHidden?: boolean;
-    justIcon?: boolean;
-};
-export declare const StyledIconWrapperSpan: import("styled-components").StyledComponent<"span", any, StyledIconWrapperSpanProps, never>;
-type LabelProps = {
-    isHidden?: boolean;
-};
-export declare const Label: import("styled-components").StyledComponent<"span", any, LabelProps, never>;
-export {};

package/dist/components/Button/Button.styles.js

@@ -1,80 +0,0 @@
-import styled, { css } from 'styled-components';
-import { normalizeButton, selection } from '@norges-domstoler/dds-core';
-import { getFontStyling } from '@norges-domstoler/dds-typography';
-import { typographyTypes, buttonTokens } from './Button.tokens.js';
-import { focusVisibleTransitionValue, focusVisible } from '@norges-domstoler/dds-form';
-
-var _tokens$button = buttonTokens.button,
-  base = _tokens$button.base,
-  sizes = _tokens$button.sizes,
-  appearances = _tokens$button.appearances;
-var getAppearanceAndPurposeStyling = function getAppearanceAndPurposeStyling(appearance, purpose) {
-  switch (appearance) {
-    case 'filled':
-    case 'rounded':
-      return css(["background-color:", ";border-color:", ";&:hover{background-color:", ";border-color:", ";}&:active{background-color:", ";border-color:", ";}"], appearances[appearance].purpose[purpose].base.backgroundColor, appearances[appearance].purpose[purpose].base.borderColor, appearances[appearance].purpose[purpose].hover.backgroundColor, appearances[appearance].purpose[purpose].hover.borderColor, appearances[appearance].purpose[purpose].active.backgroundColor, appearances[appearance].purpose[purpose].active.borderColor);
-    case 'ghost':
-      return css(["background-color:", ";border-color:", ";&:hover{color:", ";border-color:", ";box-shadow:", ";}&:active{color:", ";border-color:", ";box-shadow:", ";}"], appearances.ghost.base.backgroundColor, appearances.ghost.purpose[purpose].base.borderColor, appearances.ghost.purpose[purpose].hover.color, appearances.ghost.purpose[purpose].hover.borderColor, appearances.ghost.purpose[purpose].hover.boxShadow, appearances.ghost.purpose[purpose].active.color, appearances.ghost.purpose[purpose].active.borderColor, appearances.ghost.purpose[purpose].active.boxShadow);
-    case 'borderless':
-      return css(["background-color:", ";border-color:", ";text-decoration:", ";text-decoration-color:", ";&:hover{color:", ";text-decoration-color:", ";}&:active{color:", ";text-decoration-color:", ";}"], appearances.borderless.base.backgroundColor, appearances.borderless.base.borderColor, appearances.borderless.base.textDecoration, appearances.borderless.base.textDecorationColor, appearances.borderless.purpose[purpose].hover.color, appearances.borderless.purpose[purpose].hover.textDecorationColor, appearances.borderless.purpose[purpose].active.color, appearances.borderless.purpose[purpose].active.textDecorationColor);
-  }
-};
-var ButtonWrapper = styled.button.withConfig({
-  displayName: "Buttonstyles__ButtonWrapper",
-  componentId: "sc-14dutqk-0"
-})(["", " border:", ";user-select:text;display:inline-flex;align-items:center;justify-content:center;height:fit-content;width:", ";cursor:", ";box-shadow:none;text-decoration:none;@media (prefers-reduced-motion:no-preference){transition:background-color 0.2s,text-decoration-color 0.2s,box-shadow 0.2s,border-color 0.2s,color 0.2s,", ";}", " ", " ", " ", " ", " &:focus-visible,&.focus-visible{", "}*::selection{", "}"], normalizeButton, base.border, function (_ref) {
-  var fullWidth = _ref.fullWidth;
-  return fullWidth ? '100%' : 'fit-content';
-}, function (_ref2) {
-  var isLoading = _ref2.isLoading;
-  return isLoading ? 'not-allowed' : 'pointer';
-}, focusVisibleTransitionValue, function (_ref3) {
-  var appearance = _ref3.appearance,
-    purpose = _ref3.purpose;
-  return css(["border-radius:", ";box-shadow:", ";color:", ";", ""], appearances[appearance].base.borderRadius, appearances[appearance].base.boxShadow, appearances[appearance].purpose[purpose].base.color, getAppearanceAndPurposeStyling(appearance, purpose));
-}, function (_ref4) {
-  var hasIcon = _ref4.hasIcon,
-    hasLabel = _ref4.hasLabel,
-    appearance = _ref4.appearance,
-    purpose = _ref4.purpose;
-  return hasIcon && !hasLabel && appearance === 'borderless' && css(["&:hover{border-color:", ";box-shadow:", ";}&:active{border-color::", ";box-shadow:", ";}"], appearances[appearance].purpose[purpose].icon.hover.borderColor, appearances[appearance].purpose[purpose].icon.hover.boxShadow, appearances[appearance].purpose[purpose].icon.active.borderColor, appearances[appearance].purpose[purpose].icon.active.boxShadow);
-}, function (_ref5) {
-  var hasIcon = _ref5.hasIcon,
-    hasLabel = _ref5.hasLabel,
-    size = _ref5.size;
-  return hasIcon && hasLabel && css(["gap:", ";"], sizes[size].textAndIcon.gap);
-}, function (_ref6) {
-  var size = _ref6.size,
-    hasLabel = _ref6.hasLabel;
-  return hasLabel ? css(["", " padding:", ";"], getFontStyling(typographyTypes[size]), sizes[size].text.padding) : css(["font-size:", ";padding:", ";"], sizes[size].justIcon.icon.fontSize, sizes[size].justIcon.icon.padding);
-}, function (_ref7) {
-  var fullWidth = _ref7.fullWidth,
-    hasIcon = _ref7.hasIcon,
-    hasLabel = _ref7.hasLabel,
-    isLoading = _ref7.isLoading,
-    iconPosition = _ref7.iconPosition;
-  return fullWidth && (!hasIcon || !hasLabel || isLoading ? css(["justify-content:center;"]) : hasIcon && hasLabel && iconPosition === 'left' ? css(["justify-content:left;"]) : css(["justify-content:space-between;"]));
-}, focusVisible, selection);
-var StyledIconWrapperSpan = styled.span.withConfig({
-  displayName: "Buttonstyles__StyledIconWrapperSpan",
-  componentId: "sc-14dutqk-1"
-})(["display:flex;align-items:center;justify-content:center;", " ", " ", ""], function (_ref8) {
-  var absolutePosition = _ref8.absolutePosition;
-  return absolutePosition && css(["position:absolute;"]);
-}, function (_ref9) {
-  var isHidden = _ref9.isHidden;
-  return isHidden && css(["visibility:hidden;"]);
-}, function (_ref10) {
-  var justIcon = _ref10.justIcon,
-    size = _ref10.size;
-  return justIcon && css(["height:", ";width:", ";"], sizes[size].justIcon.wrapper.height, sizes[size].justIcon.wrapper.width);
-});
-var Label = styled.span.withConfig({
-  displayName: "Buttonstyles__Label",
-  componentId: "sc-14dutqk-2"
-})(["", ""], function (_ref11) {
-  var isHidden = _ref11.isHidden;
-  return isHidden && css(["visibility:hidden;"]);
-});
-
-export { ButtonWrapper, Label, StyledIconWrapperSpan };