@norges-domstoler/dds-components 2.3.1 → 2.4.0

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

@@ -13,7 +13,12 @@ export declare const ButtonWrapper: import("styled-components").StyledComponent<
 declare type StyledIconWrapperSpanProps = {
     iconPosition?: IconPosition;
     size: ButtonSize;
+    absolutePosition?: boolean;
+    isHidden?: boolean;
 };
 export declare const StyledIconWrapperSpan: import("styled-components").StyledComponent<"span", any, StyledIconWrapperSpanProps, never>;
-export declare const Label: import("styled-components").StyledComponent<"span", any, {}, never>;
+declare type LabelProps = {
+    isHidden?: boolean;
+};
+export declare const Label: import("styled-components").StyledComponent<"span", any, LabelProps, never>;
 export {};

package/dist/src/components/OverflowMenu/OverflowMenu.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { OverflowMenuContextItem, OverflowMenuNavItem } from '.';
 declare type ContainerProps = {
-    isOpen?: boolean;
+    isOpen: boolean;
 };
 export declare const Container: import("styled-components").StyledComponent<"div", any, ContainerProps, never>;
 export declare const OverflowMenuList: import("styled-components").StyledComponent<"ul", any, {}, never>;

package/dist/src/components/Tabs/Tabs.tokens.d.ts

@@ -31,5 +31,8 @@ export declare const tabsTokens: {
     };
     panel: {
         base: CSSObject;
+        focusVisible: {
+            base: CSSObject;
+        };
     };
 };

package/dist/src/components/Tag/Tag.d.ts

@@ -0,0 +1,14 @@
+import { HTMLAttributes } from 'react';
+export declare type TagPurpose = 'success' | 'info' | 'danger' | 'warning' | 'default';
+export declare type TagProps = {
+    /**Tekst som vises i `<Tag />.` */
+    text?: string;
+    /**Formål med status eller kategorisering. Påvirker styling. */
+    purpose?: TagPurpose;
+} & HTMLAttributes<HTMLSpanElement>;
+export declare const Tag: import("react").ForwardRefExoticComponent<{
+    /**Tekst som vises i `<Tag />.` */
+    text?: string | undefined;
+    /**Formål med status eller kategorisering. Påvirker styling. */
+    purpose?: TagPurpose | undefined;
+} & HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLSpanElement>>;

package/dist/src/components/Tag/Tag.stories.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { TagProps } from '.';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<{
+        text?: string | undefined;
+        purpose?: import("./Tag").TagPurpose | undefined;
+    } & import("react").HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLSpanElement>>;
+    argTypes: {
+        text: {
+            control: string;
+        };
+    };
+};
+export default _default;
+export declare const Overview: () => JSX.Element;
+export declare const Default: (args: TagProps) => JSX.Element;

package/dist/src/components/Tag/Tag.tokens.d.ts

@@ -0,0 +1,26 @@
+import { CSSObject } from 'styled-components';
+export declare const tagTokens: {
+    wrapper: {
+        base: CSSObject;
+        type: {
+            success: {
+                base: CSSObject;
+            };
+            warning: {
+                base: CSSObject;
+            };
+            danger: {
+                base: CSSObject;
+            };
+            default: {
+                base: CSSObject;
+            };
+            info: {
+                base: CSSObject;
+            };
+        };
+    };
+    inner: {
+        base: CSSObject;
+    };
+};

package/dist/src/components/Tag/index.d.ts

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

package/dist/src/components/Tooltip/Tooltip.styles.d.ts

@@ -2,7 +2,7 @@ export declare const SvgArrow: import("styled-components").StyledComponent<"svg"
 export declare const ArrowWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
 declare type WrapperProps = {
-    open?: boolean;
+    open: boolean;
 };
 export declare const TooltipWrapper: import("styled-components").StyledComponent<"div", any, WrapperProps, never>;
 export {};

package/dist/src/helpers/styling/focusVisible.d.ts

@@ -7,6 +7,7 @@ export declare const focusVisibleOnDark: {
     outline: string;
     outlineOffset: string;
 };
+export declare const focusVisibleTransitionValue = "outline-offset 0.2s";
 export declare const focusVisibleLink: {
     outline: string;
     backgroundColor: string;
@@ -19,6 +20,7 @@ export declare const focusVisibleLinkOnDark: {
     color: string;
     textDecoration: string;
 };
+export declare const focusVisibleLinkTransitionValue = "background-color 0.2s, text-decoration 0.2s, color 0.2s";
 export declare const focusVisibleWithBorder: {
     outline: string;
     borderColor: string;

package/dist/src/index.d.ts

@@ -30,3 +30,4 @@ export * from './components/Popover';
 export * from './components/InputMessage';
 export * from './components/ToggleButton';
 export * from './components/Tabs';
+export * from './components/Tag';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@norges-domstoler/dds-components",
-  "version": "2.3.1",
+  "version": "2.4.0",
   "description": "React components used in Elsa - domstolenes designsystem",
   "author": "Elsa team",
   "license": "MIT",