@norges-domstoler/dds-components 13.8.1 → 13.8.3

package/dist/components/FileUploader/FileUploader.tokens.js

@@ -1,31 +0,0 @@
-import { ddsBaseTokens } from '@norges-domstoler/dds-design-tokens';
-
-var colors = ddsBaseTokens.colors,
-  spacing = ddsBaseTokens.spacing;
-var rootTokens = {
-  borderColor: colors.DdsColorNeutralsGray5,
-  borderColorError: colors.DdsColorDangerBase,
-  paddingLeftRightTop: spacing.SizesDdsSpacingLocalX15,
-  paddingBottom: spacing.SizesDdsSpacingLocalX2,
-  gap: spacing.SizesDdsSpacingLocalX1,
-  backgroundColor: colors.DdsColorNeutralsWhite,
-  dragActive: {
-    borderColor: colors.DdsColorInteractiveBase,
-    backgroundColor: colors.DdsColorInteractiveLightest
-  }
-};
-var fileTokens = {
-  marginTop: spacing.SizesDdsSpacingLocalX05,
-  paddingLeftRight: spacing.SizesDdsSpacingLocalX05,
-  paddingTopBottom: spacing.SizesDdsSpacingLayoutX1,
-  backgroundColor: colors.DdsColorNeutralsGray1,
-  textToIconsGap: spacing.SizesDdsSpacingLocalX075,
-  invalid: {
-    borderColor: colors.DdsColorDangerBase
-  }
-};
-var errorsTokens = {
-  gap: spacing.SizesDdsSpacingLocalX025
-};
-
-export { errorsTokens, fileTokens, rootTokens };

package/dist/components/FileUploader/fileUploaderReducer.d.ts

@@ -1,33 +0,0 @@
-import { FileWithPath } from 'file-selector';
-import { Reducer } from 'react';
-export type FileUploaderFile = {
-    file: FileWithPath;
-    errors: string[];
-};
-export type RootErrorList = string[];
-export type FileUploaderAction = {
-    type: 'focus';
-} | {
-    type: 'blur';
-} | {
-    type: 'dragEnter';
-} | {
-    type: 'dragLeave';
-} | {
-    type: 'onSetFiles';
-    payload: FileUploaderFile[];
-} | {
-    type: 'onRemoveFile';
-    payload: FileUploaderFile[];
-} | {
-    type: 'setRootErrors';
-    payload: RootErrorList;
-};
-export type FileUploaderState = {
-    files: FileUploaderFile[];
-    isFocused: boolean;
-    isFileDialogActive: boolean;
-    isDragActive: boolean;
-    rootErrors: string[];
-};
-export declare const fileUploaderReducer: Reducer<FileUploaderState, FileUploaderAction>;

package/dist/components/FileUploader/fileUploaderReducer.js

@@ -1,37 +0,0 @@
-var fileUploaderReducer = function fileUploaderReducer(state, action) {
-  switch (action.type) {
-    case 'focus':
-      return Object.assign(Object.assign({}, state), {
-        isFocused: true
-      });
-    case 'blur':
-      return Object.assign(Object.assign({}, state), {
-        isFocused: false
-      });
-    case 'dragEnter':
-      return Object.assign(Object.assign({}, state), {
-        isDragActive: true
-      });
-    case 'dragLeave':
-      return Object.assign(Object.assign({}, state), {
-        isDragActive: false
-      });
-    case 'onSetFiles':
-      return Object.assign(Object.assign({}, state), {
-        isDragActive: false,
-        files: action.payload
-      });
-    case 'onRemoveFile':
-      return Object.assign(Object.assign({}, state), {
-        files: action.payload
-      });
-    case 'setRootErrors':
-      return Object.assign(Object.assign({}, state), {
-        rootErrors: action.payload
-      });
-    default:
-      return state;
-  }
-};
-
-export { fileUploaderReducer };

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

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

package/dist/components/FileUploader/types.d.ts

@@ -1,10 +0,0 @@
-type FileExtensionAccept = `.${string}`;
-type AnyMimeType = '*';
-type ImageMimeType = 'png' | 'jpeg' | 'bmp' | 'gif' | 'svg+xml' | 'tiff' | 'webp';
-type VideoMimeType = 'x-msvideo' | 'mp4' | 'mpeg' | 'ogg' | 'mp2t' | 'webm' | '3gpp' | '3gpp2';
-type AudioMimeType = 'aac' | 'midi' | 'x-midi' | 'mpeg' | 'ogg' | 'opus' | 'wav' | 'webm' | '3gpp' | '3gpp2';
-type ApplicationMimeType = 'octet-stream' | 'msword' | 'vnd.openxmlformats-officedocument.wordprocessingml.document' | 'epub+zip' | 'gzip' | 'java-archive' | 'json' | 'vnd.oasis.opendocument.presentation' | 'vnd.oasis.opendocument.spreadsheet' | 'vnd.oasis.opendocument.text' | 'pdf' | 'vnd.ms-powerpoint' | 'vnd.openxmlformats-officedocument.presentationml.presentation' | 'rtf' | 'x-sh' | 'x-tar' | 'vnd.visio' | 'xhtml+xml' | 'vnd.ms-excel' | 'vnd.openxmlformats-officedocument.spreadsheetml.sheet' | 'xml' | 'vnd.mozilla.xul+xml' | 'zip';
-type MimeType = `image/${ImageMimeType | AnyMimeType}` | `video/${VideoMimeType | AnyMimeType}` | `audio/${AudioMimeType | AnyMimeType}` | `application/${ApplicationMimeType}`;
-export type Accept = MimeType | FileExtensionAccept;
-export type FileList = File[];
-export {};

package/dist/components/FileUploader/useFileUploader.d.ts

@@ -1,33 +0,0 @@
-import React, { ButtonHTMLAttributes, HTMLAttributes, InputHTMLAttributes, Ref } from 'react';
-import { FileUploaderFile } from './fileUploaderReducer';
-import { Accept, FileList } from './types';
-export type FileUploaderHookProps = {
-    id: string | undefined;
-    /**Dersom komponenten skal styres internt. Utgangspunktet for filene som har blitt lastet opp. */
-    initialFiles: FileList | undefined;
-    /**Dersom komponenten styres utenfra. Filene som har blitt lastet opp. */
-    value: FileList | undefined;
-    /**Callback for når fil-listen endres. */
-    onChange: (newFiles: FileList) => void;
-    /**Hvilke filendelser eller mime-typer som filopplasteren skal akseptere. */
-    accept: Accept[] | undefined;
-    /**Om filopplasteren er avslått eller ikke */
-    disabled: boolean | undefined;
-    /**Maks antall filer som tillates. */
-    maxFiles: number | undefined;
-    /**Feilmelding. Setter også error state. */
-    errorMessage: string | undefined;
-};
-export declare const useFileUploader: <TRootElement extends HTMLElement>(props: FileUploaderHookProps) => {
-    state: import("./fileUploaderReducer").FileUploaderState;
-    getRootProps: () => React.HTMLAttributes<TRootElement> & {
-        ref: React.Ref<TRootElement>;
-    };
-    getInputProps: () => InputHTMLAttributes<HTMLInputElement> & {
-        ref: Ref<HTMLInputElement>;
-    };
-    getButtonProps: () => ButtonHTMLAttributes<HTMLButtonElement> & {
-        ref: Ref<HTMLButtonElement>;
-    };
-    removeFile: (file: FileUploaderFile) => void;
-};

package/dist/components/FileUploader/useFileUploader.js

@@ -1,230 +0,0 @@
-import { slicedToArray as _slicedToArray, regeneratorRuntime as _regeneratorRuntime, toConsumableArray as _toConsumableArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import { __awaiter } from 'tslib';
-import { useRef, useMemo, useReducer, useEffect, useCallback } from 'react';
-import { fileUploaderReducer } from './fileUploaderReducer.js';
-import { fromEvent } from 'file-selector';
-import { isFileAccepted, getInvalidFileTypeErrorMessage, preventDefaults, isEventWithFiles, getTooManyFilesErrorMessage } from './utils.js';
-
-var calcRootErrors = function calcRootErrors(files, maxFiles, errorMessage) {
-  var errors = [];
-  if (maxFiles && maxFiles >= 1 && files.length > maxFiles) {
-    errors.push(getTooManyFilesErrorMessage(maxFiles));
-  }
-  if (errorMessage) {
-    errors.push(errorMessage);
-  }
-  return errors;
-};
-var useFileUploader = function useFileUploader(props) {
-  var initialFiles = props.initialFiles,
-    value = props.value,
-    onChange = props.onChange,
-    accept = props.accept,
-    maxFiles = props.maxFiles,
-    disabled = props.disabled,
-    errorMessage = props.errorMessage;
-  var rootRef = useRef(null);
-  var inputRef = useRef(null);
-  var buttonRef = useRef(null);
-  var isControlled = !!value;
-  var initialFileUploaderFiles = useMemo(function () {
-    return (initialFiles !== null && initialFiles !== void 0 ? initialFiles : []).map(function (f) {
-      return {
-        file: f,
-        errors: []
-      };
-    });
-  }, [initialFiles]);
-  var _useReducer = useReducer(fileUploaderReducer, {
-      files: initialFileUploaderFiles,
-      isFocused: false,
-      isFileDialogActive: false,
-      isDragActive: false,
-      rootErrors: calcRootErrors(initialFileUploaderFiles, maxFiles, errorMessage)
-    }),
-    _useReducer2 = _slicedToArray(_useReducer, 2),
-    state = _useReducer2[0],
-    dispatch = _useReducer2[1];
-  var stateFiles = state.files;
-  useEffect(function () {
-    if (isControlled) {
-      var files = value.map(function (file) {
-        var accepted = isFileAccepted(file, accept);
-        return {
-          file: file,
-          errors: accepted ? [] : [getInvalidFileTypeErrorMessage()]
-        };
-      });
-      dispatch({
-        type: 'onSetFiles',
-        payload: files
-      });
-    }
-  }, [value, isControlled, accept, dispatch]);
-  useEffect(function () {
-    dispatch({
-      type: 'setRootErrors',
-      payload: calcRootErrors(stateFiles, maxFiles, errorMessage)
-    });
-  }, [dispatch, stateFiles, maxFiles, errorMessage]);
-  var onRootFocus = useCallback(function () {
-    return dispatch({
-      type: 'focus'
-    });
-  }, [dispatch]);
-  var onRootBlur = useCallback(function () {
-    return dispatch({
-      type: 'blur'
-    });
-  }, [dispatch]);
-  var onRootDragEnter = useCallback(function (evt) {
-    return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-      var files, fileCount;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            preventDefaults(evt);
-            if (!isEventWithFiles(evt)) {
-              _context.next = 9;
-              break;
-            }
-            _context.next = 4;
-            return fromEvent(evt);
-          case 4:
-            files = _context.sent;
-            fileCount = files.length;
-            if (!(fileCount === 0)) {
-              _context.next = 8;
-              break;
-            }
-            return _context.abrupt("return");
-          case 8:
-            dispatch({
-              type: 'dragEnter'
-            });
-          case 9:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-  }, [dispatch, accept, maxFiles]);
-  var onRootDragOver = useCallback(function (evt) {
-    preventDefaults(evt);
-    var hasFiles = isEventWithFiles(evt);
-    if (hasFiles && evt.dataTransfer) {
-      try {
-        evt.dataTransfer.dropEffect = 'copy';
-      } catch (_a) {} /* eslint-disable-line no-empty */
-    }
-  }, []);
-  var onRootDragLeave = useCallback(function (evt) {
-    preventDefaults(evt);
-    if (evt.currentTarget.contains(evt.relatedTarget)) return;
-    dispatch({
-      type: 'dragLeave'
-    });
-  }, [dispatch]);
-  var setFiles = useCallback(function (evt) {
-    return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-      var existingFileNames, filesFromEvent, newFiles;
-      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            evt.preventDefault();
-            if (!isEventWithFiles(evt)) {
-              _context2.next = 9;
-              break;
-            }
-            existingFileNames = stateFiles.map(function (f) {
-              return f.file.name;
-            }); // TODO: Fiks cast her.
-            _context2.next = 5;
-            return fromEvent(evt);
-          case 5:
-            filesFromEvent = _context2.sent;
-            newFiles = filesFromEvent.filter(function (f) {
-              return !existingFileNames.includes(f.name);
-            }).map(function (file) {
-              var accepted = isFileAccepted(file, accept);
-              return {
-                file: file,
-                errors: accepted ? [] : [getInvalidFileTypeErrorMessage()]
-              };
-            }).concat(stateFiles);
-            onChange(newFiles.map(function (f) {
-              return f.file;
-            }));
-            if (!isControlled) {
-              dispatch({
-                type: 'onSetFiles',
-                payload: newFiles
-              });
-            }
-          case 9:
-          case "end":
-            return _context2.stop();
-        }
-      }, _callee2);
-    }));
-  }, [stateFiles, isControlled, accept, errorMessage, maxFiles, onChange, dispatch]);
-  var openFileDialog = useCallback(function () {
-    if (inputRef.current) {
-      inputRef.current.value = '';
-      inputRef.current.click();
-    }
-  }, [inputRef]);
-  var removeFile = useCallback(function (file) {
-    var newFiles = _toConsumableArray(stateFiles);
-    newFiles.splice(stateFiles.indexOf(file), 1);
-    onChange(newFiles.map(function (f) {
-      return f.file;
-    }));
-    if (!isControlled) {
-      dispatch({
-        type: 'onRemoveFile',
-        payload: newFiles
-      });
-    }
-  }, [stateFiles, isControlled, maxFiles, errorMessage, onChange, dispatch]);
-  var getRootProps = useCallback(function () {
-    return {
-      onBlur: onRootBlur,
-      onFocus: onRootFocus,
-      onDragEnter: onRootDragEnter,
-      onDragOver: onRootDragOver,
-      onDragLeave: onRootDragLeave,
-      onDrop: setFiles,
-      ref: rootRef
-    };
-  }, [onRootBlur, onRootFocus, onRootDragEnter, onRootDragOver, setFiles, rootRef, disabled]);
-  var getButtonProps = useCallback(function () {
-    return {
-      onClick: openFileDialog,
-      ref: buttonRef
-    };
-  }, [openFileDialog, buttonRef]);
-  var getInputProps = useCallback(function () {
-    return Object.assign({
-      type: 'file',
-      style: {
-        display: 'none'
-      },
-      tabIndex: -1,
-      ref: inputRef,
-      onChange: setFiles,
-      multiple: !maxFiles || maxFiles > 1
-    }, accept ? {
-      accept: accept.join(',')
-    } : {});
-  }, [inputRef, setFiles, maxFiles, accept]);
-  return {
-    state: state,
-    getRootProps: getRootProps,
-    getInputProps: getInputProps,
-    getButtonProps: getButtonProps,
-    removeFile: removeFile
-  };
-};
-
-export { useFileUploader };

package/dist/components/FileUploader/utils.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-export declare const preventDefaults: (event: React.BaseSyntheticEvent) => void;
-export declare const isDragEvent: (event: unknown) => event is import("react").DragEvent<unknown>;
-export declare const isEventWithFiles: (event: React.DragEvent<unknown> | React.ChangeEvent<HTMLInputElement>) => boolean;
-export declare const isFileAccepted: (file: File, accept: string[] | undefined) => boolean;
-export declare const getTooManyFilesErrorMessage: (maxFiles: number) => string;
-export declare const getInvalidFileTypeErrorMessage: () => string;

package/dist/components/FileUploader/utils.js

@@ -1,32 +0,0 @@
-import accepted from 'attr-accept';
-
-var preventDefaults = function preventDefaults(event) {
-  event.preventDefault();
-  event.stopPropagation();
-};
-var isDragEvent = function isDragEvent(event) {
-  var asDragEvent = event;
-  return asDragEvent.dataTransfer !== undefined;
-};
-var isEventWithFiles = function isEventWithFiles(event) {
-  if (!isDragEvent(event)) {
-    return event.target.files !== null && event.target.files !== undefined;
-  }
-  return event.dataTransfer.types.includes('Files') || event.dataTransfer.types.includes('application/x-moz-file');
-};
-var isFileAccepted = function isFileAccepted(file, accept) {
-  return accept !== undefined ? accepted(file, accept) : true;
-};
-// export const isFileSizeAccepted = (
-//   file: File,
-//   minSize: number | undefined,
-//   maxSize: number | undefined
-// ): boolean => {};
-var getTooManyFilesErrorMessage = function getTooManyFilesErrorMessage(maxFiles) {
-  return "For mange filer, maks ".concat(maxFiles, "stk");
-};
-var getInvalidFileTypeErrorMessage = function getInvalidFileTypeErrorMessage() {
-  return 'Ugyldig filtype';
-};
-
-export { getInvalidFileTypeErrorMessage, getTooManyFilesErrorMessage, isDragEvent, isEventWithFiles, isFileAccepted, preventDefaults };

package/dist/components/GlobalMessage/GlobalMessage.d.ts

@@ -1,27 +0,0 @@
-/// <reference types="react" />
-import { BaseComponentPropsWithChildren } from '@norges-domstoler/dds-core';
-export type GlobalMessagePurpose = 'info' | 'warning' | 'danger';
-export type GlobalMessageProps = BaseComponentPropsWithChildren<HTMLDivElement, {
-    /**Meldingen som vises til brukeren. Brukes kun når meldingen er en `string`. */
-    message?: string;
-    /**Formålet med meldingen. Påvirker styling. */
-    purpose?: GlobalMessagePurpose;
-    /**Indikerer om meldingen skal være lukkbar. */
-    closable?: boolean;
-    /**Ekstra logikk å kjøre når meldingen lukkes. */
-    onClose?: () => void;
-}>;
-export declare const GlobalMessage: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
-    /**Meldingen som vises til brukeren. Brukes kun når meldingen er en `string`. */
-    message?: string | undefined;
-    /**Formålet med meldingen. Påvirker styling. */
-    purpose?: GlobalMessagePurpose | undefined;
-    /**Indikerer om meldingen skal være lukkbar. */
-    closable?: boolean | undefined;
-    /**Ekstra logikk å kjøre når meldingen lukkes. */
-    onClose?: (() => void) | undefined;
-} & {
-    children?: import("react").ReactNode;
-} & {
-    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
-} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/GlobalMessage/GlobalMessage.js

@@ -1,83 +0,0 @@
-import { slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import { __rest } from 'tslib';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import styled, { css } from 'styled-components';
-import { Button } from '../Button/Button.js';
-import { forwardRef, useState } from 'react';
-import { typographyType, globalMessageTokens, purposeVariants } from './GlobalMessage.tokens.js';
-import { Icon, CloseIcon } from '@norges-domstoler/dds-icons';
-import { getFontStyling, Typography } from '@norges-domstoler/dds-typography';
-import { getBaseHTMLProps } from '@norges-domstoler/dds-core';
-
-var container = globalMessageTokens.container,
-  contentContainer = globalMessageTokens.contentContainer,
-  icon = globalMessageTokens.icon;
-var Container = styled.div.withConfig({
-  displayName: "GlobalMessage__Container",
-  componentId: "sc-bf2l65-0"
-})(["display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:100%;padding:", ";border-bottom:", ";", " ", ""], container.padding, container.borderBottom, getFontStyling(typographyType, true), function (_ref) {
-  var purpose = _ref.purpose;
-  return purpose && css(["border-color:", ";background-color:", ";"], container[purpose].borderColor, container[purpose].backgroundColor);
-});
-var MessageIconWrapper = styled(Icon).withConfig({
-  displayName: "GlobalMessage__MessageIconWrapper",
-  componentId: "sc-bf2l65-1"
-})(["margin-right:", ";"], icon.marginRight);
-var ControlsContainer = styled.div.withConfig({
-  displayName: "GlobalMessage__ControlsContainer",
-  componentId: "sc-bf2l65-2"
-})(["display:flex;align-items:center;"]);
-var ContentContainer = styled.div.withConfig({
-  displayName: "GlobalMessage__ContentContainer",
-  componentId: "sc-bf2l65-3"
-})(["display:flex;align-items:center;padding-top:", ";padding-bottom:", ";padding-right:", ";"], contentContainer.paddingTop, contentContainer.paddingBottom, function (_ref2) {
-  var closable = _ref2.closable;
-  return closable ? contentContainer.withClosable.paddingRight : contentContainer.paddingRight;
-});
-var GlobalMessage = /*#__PURE__*/forwardRef(function (props, ref) {
-  var message = props.message,
-    _props$purpose = props.purpose,
-    purpose = _props$purpose === void 0 ? 'info' : _props$purpose,
-    closable = props.closable,
-    onClose = props.onClose,
-    children = props.children,
-    id = props.id,
-    className = props.className,
-    htmlProps = props.htmlProps,
-    rest = __rest(props, ["message", "purpose", "closable", "onClose", "children", "id", "className", "htmlProps"]);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isClosed = _useState2[0],
-    setClosed = _useState2[1];
-  var containerProps = Object.assign(Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest)), {
-    ref: ref,
-    purpose: purpose
-  });
-  return !isClosed ? jsxs(Container, Object.assign({}, containerProps, {
-    children: [jsxs(ContentContainer, {
-      closable: closable,
-      children: [jsx(MessageIconWrapper, {
-        icon: purposeVariants[purpose].icon,
-        color: icon[purpose].color
-      }), children !== null && children !== void 0 ? children : jsx(Typography, {
-        as: "span",
-        children: message
-      })]
-    }), jsx(ControlsContainer, {
-      children: closable && jsx(Button, {
-        icon: CloseIcon,
-        purpose: purposeVariants[purpose].closeButtonPurpose,
-        appearance: "borderless",
-        onClick: function onClick() {
-          setClosed(true);
-          onClose && onClose();
-        },
-        size: "small",
-        "aria-label": "Lukk melding"
-      })
-    })]
-  })) : null;
-});
-GlobalMessage.displayName = 'GlobalMessage';
-
-export { GlobalMessage };

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

@@ -1,31 +0,0 @@
-/// <reference types="react" />
-import { GlobalMessageProps } from './GlobalMessage';
-declare const _default: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
-        message?: string | undefined;
-        purpose?: import("./GlobalMessage").GlobalMessagePurpose | undefined;
-        closable?: boolean | undefined;
-        onClose?: (() => void) | undefined;
-    } & {
-        children?: import("react").ReactNode;
-    } & {
-        htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
-    } & import("react").RefAttributes<HTMLDivElement>>;
-    argTypes: {
-        message: {
-            control: {
-                type: string;
-            };
-        };
-        closable: {
-            control: {
-                type: string;
-            };
-        };
-    };
-};
-export default _default;
-export declare const Overview: (args: GlobalMessageProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Default: (args: GlobalMessageProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Closable: (args: GlobalMessageProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,50 +0,0 @@
-import { SvgIcon } from '@norges-domstoler/dds-icons';
-import { ButtonPurpose } from '../Button';
-import { StaticTypographyType } from '@norges-domstoler/dds-typography';
-import { GlobalMessagePurpose } from './GlobalMessage';
-export declare const typographyType: StaticTypographyType;
-export declare const purposeVariants: {
-    [k in GlobalMessagePurpose]: {
-        icon: SvgIcon;
-        closeButtonPurpose: ButtonPurpose;
-    };
-};
-export declare const globalMessageTokens: {
-    container: {
-        borderBottom: string;
-        padding: string;
-        info: {
-            borderColor: string;
-            backgroundColor: string;
-        };
-        danger: {
-            borderColor: string;
-            backgroundColor: string;
-        };
-        warning: {
-            borderColor: string;
-            backgroundColor: string;
-        };
-    };
-    contentContainer: {
-        paddingRight: string;
-        paddingTop: string;
-        paddingBottom: string;
-        gap: string;
-        withClosable: {
-            paddingRight: string;
-        };
-    };
-    icon: {
-        marginRight: string;
-        info: {
-            color: string;
-        };
-        danger: {
-            color: string;
-        };
-        warning: {
-            color: string;
-        };
-    };
-};

package/dist/components/GlobalMessage/GlobalMessage.tokens.js

@@ -1,63 +0,0 @@
-import { ddsBaseTokens } from '@norges-domstoler/dds-design-tokens';
-import { InfoIcon, ErrorIcon, WarningIcon } from '@norges-domstoler/dds-icons';
-
-var colors = ddsBaseTokens.colors,
-  spacing = ddsBaseTokens.spacing;
-var typographyType = 'bodySans02';
-var container = {
-  borderBottom: '2px solid',
-  padding: "0 ".concat(spacing.SizesDdsSpacingLocalX1),
-  info: {
-    borderColor: colors.DdsColorInfoLighter,
-    backgroundColor: colors.DdsColorInfoLightest
-  },
-  danger: {
-    borderColor: colors.DdsColorDangerLighter,
-    backgroundColor: colors.DdsColorDangerLightest
-  },
-  warning: {
-    borderColor: colors.DdsColorWarningLighter,
-    backgroundColor: colors.DdsColorWarningLightest
-  }
-};
-var contentContainer = {
-  paddingRight: spacing.SizesDdsSpacingLocalX15,
-  paddingTop: spacing.SizesDdsSpacingLocalX075,
-  paddingBottom: spacing.SizesDdsSpacingLocalX075,
-  gap: spacing.SizesDdsSpacingLocalX075,
-  withClosable: {
-    paddingRight: spacing.SizesDdsSpacingLocalX075
-  }
-};
-var purposeVariants = {
-  info: {
-    icon: InfoIcon,
-    closeButtonPurpose: 'secondary'
-  },
-  danger: {
-    icon: ErrorIcon,
-    closeButtonPurpose: 'danger'
-  },
-  warning: {
-    icon: WarningIcon,
-    closeButtonPurpose: 'secondary'
-  }
-};
-var globalMessageTokens = {
-  container: container,
-  contentContainer: contentContainer,
-  icon: {
-    marginRight: "".concat(spacing.SizesDdsSpacingLocalX075),
-    info: {
-      color: colors.DdsColorInfoDarkest
-    },
-    danger: {
-      color: colors.DdsColorDangerDarkest
-    },
-    warning: {
-      color: colors.DdsColorWarningDarkest
-    }
-  }
-};
-
-export { globalMessageTokens, purposeVariants, typographyType };