@arkitektbedriftene/fe-lib 4.3.3 → 5.1.0

package/dist/rich-text/editorContext.d.ts

@@ -1,18 +1,18 @@
-import { type RefObject } from "react";
+import { RefObject } from 'react';
 export type UploadFn = {
     uploadFile: ({ file }: {
         file: File;
     }) => Promise<string>;
     isLoading: boolean;
 };
-export declare const richTextContext: import("react").Context<{
+export declare const richTextContext: import('react').Context<{
     hasFocus: boolean;
     editorRef: RefObject<HTMLElement | null>;
-    signUrl?: ((url: string) => Promise<string>) | undefined;
-    fileUpload?: UploadFn | undefined;
+    signUrl?: (url: string) => Promise<string>;
+    fileUpload?: UploadFn;
 }>;
 export declare const useHasFocusWithin: ({ onBlur }: {
-    onBlur?: (() => void) | undefined;
+    onBlur?: () => void;
 }) => {
     hasFocus: boolean;
     attributes: {
@@ -23,6 +23,6 @@ export declare const useHasFocusWithin: ({ onBlur }: {
 export declare const useRichTextContext: () => {
     hasFocus: boolean;
     editorRef: RefObject<HTMLElement | null>;
-    signUrl?: ((url: string) => Promise<string>) | undefined;
-    fileUpload?: UploadFn | undefined;
+    signUrl?: (url: string) => Promise<string>;
+    fileUpload?: UploadFn;
 };

package/dist/rich-text/getSelectedNode.d.ts

@@ -1,2 +1,2 @@
-import type { ElementNode, RangeSelection, TextNode } from "lexical";
+import { ElementNode, RangeSelection, TextNode } from 'lexical';
 export declare function getSelectedNode(selection: RangeSelection): TextNode | ElementNode;

package/dist/rich-text/state.d.ts

@@ -1,13 +1,13 @@
-import { type EditorState, type CreateEditorArgs, type SerializedEditorState, type LexicalEditor, type LexicalNode, type Klass } from "lexical";
+import { EditorState, CreateEditorArgs, SerializedEditorState, LexicalEditor, LexicalNode, Klass } from 'lexical';
 export declare const isJSON: (str: string) => boolean;
 export declare const isEditorState: (state: unknown) => state is EditorState;
 export declare const clearEditorState: (editor: LexicalEditor, tag?: string) => void;
 export declare const setStateFromPlainText: (str: string, editor: LexicalEditor, tag?: string) => void;
 export declare const stateToHTML: (state: SerializedEditorState | string | null | undefined, nodes: CreateEditorArgs["nodes"], options?: {
-    maxLines?: number | null | undefined;
-    onlyMainContent?: boolean | undefined;
-    updateFn?: ((editor: LexicalEditor) => Promise<void> | void) | undefined;
-} | undefined) => Promise<{
+    maxLines?: number | null;
+    onlyMainContent?: boolean;
+    updateFn?: (editor: LexicalEditor) => Promise<void> | void;
+}) => Promise<{
     html: string;
     trimCount: number;
 }>;

package/dist/rich-text/styles.d.ts

@@ -158,6 +158,12 @@ export declare const richTextStyleObj: {
         maxWidth: string;
         height: string;
     };
+    hr: {
+        height: string;
+        border: number;
+        backgroundColor: string;
+        margin: number;
+    };
     variants: {
         size: {
             xs: {
@@ -196,120 +202,120 @@ export declare const richTextStyleObj: {
         size: string;
     };
 };
-export declare const richTextCss: import("@stitches/react/types/styled-component").CssComponent<never, {
+export declare const richTextCss: import('@stitches/react/types/styled-component').CssComponent<never, {
     size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
 }, {
     lg: "(min-width: 1200px)";
     print: "print";
-}, import("@stitches/react/types/css-util").CSS<{
+}, import('@stitches/react/types/css-util').CSS<{
     lg: "(min-width: 1200px)";
     print: "print";
 }, {
     colors: {
-        gray50: string;
-        gray100: string;
-        gray200: string;
-        gray300: string;
-        gray400: string;
-        gray500: string;
-        gray600: string;
-        gray700: string;
-        gray800: string;
-        gray900: string;
-        blue50: string;
-        blue100: string;
-        blue200: string;
-        blue300: string;
-        blue400: string;
-        blue500: string;
-        blue600: string;
-        blue700: string;
-        blue800: string;
-        blue900: string;
-        yellow50: string;
-        yellow100: string;
-        yellow200: string;
-        yellow300: string;
-        yellow400: string;
-        yellow500: string;
-        yellow600: string;
-        yellow700: string;
-        yellow800: string;
-        yellow900: string;
-        orange500: string;
-        red50: string;
-        red100: string;
-        red200: string;
-        red300: string;
-        red400: string;
-        red500: string;
-        red600: string;
-        red700: string;
-        red800: string;
-        red900: string;
-        green50: string;
-        green100: string;
-        green200: string;
-        green300: string;
-        green400: string;
-        green500: string;
-        green600: string;
-        green700: string;
-        green800: string;
-        green900: string;
-        primaryTextOnLightBg: string;
-        primaryBg: string;
-        primaryBgHover: string;
-        primaryTextOnWhite: string;
-        bodyGray: string;
-        hoverDarker: string;
-        borderDarker: string;
-        selectedDarker: string;
-        selectedOnBodyGray: string;
-        darkGrayBg: string;
-        border: string;
-        text: string;
-        secondaryText: string;
-        focusRing: string;
+        gray50: "#F9FAFA";
+        gray100: "#EBEEEE";
+        gray200: "#CFD6D7";
+        gray300: "#B3BEC0";
+        gray400: "#97A6A8";
+        gray500: "#7C8E91";
+        gray600: "#627578";
+        gray700: "#4F5F61";
+        gray800: "#414D4F";
+        gray900: "#2C3435";
+        blue50: "#F7FBFB";
+        blue100: "#E3F0F2";
+        blue200: "#BADADF";
+        blue300: "#92C5CC";
+        blue400: "#67AEB8";
+        blue500: "#3C97A3";
+        blue600: "#1F7D8A";
+        blue700: "#19656F";
+        blue800: "#14525B";
+        blue900: "#0E383E";
+        yellow50: "#FDFAEF";
+        yellow100: "#F9EDCA";
+        yellow200: "#EFD27A";
+        yellow300: "#E5B626";
+        yellow400: "#C89E1C";
+        yellow500: "#AA8618";
+        yellow600: "#8C6E14";
+        yellow700: "#715910";
+        yellow800: "#5C490D";
+        yellow900: "#3E3109";
+        orange500: "#D1721C";
+        red50: "#FDF9F9";
+        red100: "#F7EBEB";
+        red200: "#EBCECD";
+        red300: "#DFB1B0";
+        red400: "#D39392";
+        red500: "#C67473";
+        red600: "#B85250";
+        red700: "#A92F2D";
+        red800: "#901F1E";
+        red900: "#631614";
+        green50: "#F8FAF9";
+        green100: "#E7F0EA";
+        green200: "#C5D9CB";
+        green300: "#A4C4AD";
+        green400: "#82AD8D";
+        green500: "#60976F";
+        green600: "#3C7F4E";
+        green700: "#296839";
+        green800: "#21552F";
+        green900: "#163920";
+        primaryTextOnLightBg: "#194b58";
+        primaryBg: "$blue600";
+        primaryBgHover: "$blue700";
+        primaryTextOnWhite: "$blue600";
+        bodyGray: "$gray100";
+        hoverDarker: "hsla(214deg, 25%, 21%, 0.06)";
+        borderDarker: "hsla(214deg, 25%, 21%, 0.1)";
+        selectedDarker: "hsla(214deg, 25%, 21%, 0.06)";
+        selectedOnBodyGray: "hsl(214deg, 35%, 80%)";
+        darkGrayBg: "#1f2937";
+        border: "hsl(214deg, 25%, 80%)";
+        text: "#1f2937";
+        secondaryText: "$gray500";
+        focusRing: "hsla(214deg, 15%, 10%, 0.6)";
     };
     fontSizes: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        "2xl": string;
-        "3xl": string;
+        xs: "0.75rem";
+        sm: "0.875rem";
+        md: "1rem";
+        lg: "1.125rem";
+        xl: "1.25rem";
+        "2xl": "1.5rem";
+        "3xl": "1.875rem";
     };
     fontWeights: {
-        normal: string;
-        medium: string;
-        bold: string;
+        normal: "var(--ui-font-weight-normal)";
+        medium: "var(--ui-font-weight-semibold)";
+        bold: "var(--ui-font-weight-bold)";
     };
     space: {
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        6: string;
-        8: string;
+        1: "0.25rem";
+        2: "0.5rem";
+        3: "0.75rem";
+        4: "1rem";
+        6: "1.5rem";
+        8: "2rem";
     };
     shadows: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        overlayCard: string;
+        xs: "0 1px 2px 0 rgba(0, 0, 0, 0.05)";
+        sm: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)";
+        md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
+        lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
+        overlayCard: "0 5px 50px 0px rgb(0 0 0 / 0.15), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
     };
     radii: {
-        xs: string;
-        sm: string;
-        md: string;
-        mdmd: string;
-        full: string;
+        xs: "0.125rem";
+        sm: "0.25rem";
+        md: "0.5rem";
+        mdmd: "calc(0.5rem - 0.125rem)";
+        full: "9999px";
     };
     zIndices: {
         toast: number;
         overlayCard: number;
     };
-}, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
+}, import('@stitches/react/types/config').DefaultThemeMap, {}>>;

package/dist/rich-text/theme.d.ts

@@ -1,2 +1,2 @@
-import type { EditorThemeClasses } from "lexical";
+import { EditorThemeClasses } from 'lexical';
 export declare const lexicalTheme: EditorThemeClasses;

package/dist/rich-text/trim.d.ts

@@ -1,6 +1,6 @@
-import { type LexicalEditor } from "lexical";
+import { LexicalEditor } from 'lexical';
 export declare const trimState: ({ editor, maxChars, maxLines, }: {
     editor: LexicalEditor;
-    maxChars?: number | null | undefined;
-    maxLines?: number | null | undefined;
+    maxChars?: number | null;
+    maxLines?: number | null;
 }) => number;

package/dist/rich-text.d.ts

@@ -1 +1,2 @@
 export * from './rich-text/rich-text'
+export {}