@helsenorge/designsystem-react 1.0.0-beta122 → 1.0.0-beta125

package/components/Tag/componentdata.json

@@ -0,0 +1,223 @@
+{
+  "props": {
+    "children": {
+      "defaultValue": null,
+      "description": "Sets the text of the tag",
+      "name": "children",
+      "parent": {
+        "fileName": "src/components/Tag/Tag.tsx",
+        "name": "TagProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Tag/Tag.tsx",
+          "name": "TagProps"
+        },
+        {
+          "fileName": "designsystem/node_modules/@types/react/index.d.ts",
+          "name": "TypeLiteral"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string | (string & {}) | (string & ReactElement<any, string | ((props: any) => ReactElement<any, any> | null) | (new (props: any) => Component<any, any, any>)>) | (string & ReactNodeArray) | (string & ReactPortal)"
+      }
+    },
+    "size": {
+      "defaultValue": null,
+      "description": "Sets the size of the tag. Default: small",
+      "name": "size",
+      "parent": {
+        "fileName": "src/components/Tag/Tag.tsx",
+        "name": "TagProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Tag/Tag.tsx",
+          "name": "TagProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "enum",
+        "raw": "\"medium\" | \"large\" | undefined",
+        "value": [
+          {
+            "value": "undefined"
+          },
+          {
+            "value": "\"medium\""
+          },
+          {
+            "value": "\"large\""
+          }
+        ]
+      }
+    },
+    "color": {
+      "defaultValue": null,
+      "description": "Sets the background of the tag. Not used if action is \"undo\". Default: blueberry",
+      "name": "color",
+      "parent": {
+        "fileName": "src/components/Tag/Tag.tsx",
+        "name": "TagProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Tag/Tag.tsx",
+          "name": "TagProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "enum",
+        "raw": "\"banana\" | \"blueberry\" | \"cherry\" | \"kiwi\" | \"neutral\" | \"plum\" | undefined",
+        "value": [
+          {
+            "value": "undefined"
+          },
+          {
+            "value": "\"banana\""
+          },
+          {
+            "value": "\"blueberry\""
+          },
+          {
+            "value": "\"cherry\""
+          },
+          {
+            "value": "\"kiwi\""
+          },
+          {
+            "value": "\"neutral\""
+          },
+          {
+            "value": "\"plum\""
+          }
+        ]
+      }
+    },
+    "svgIcon": {
+      "defaultValue": null,
+      "description": "Adds an icon to the tag. Not shown if action is set.",
+      "name": "svgIcon",
+      "parent": {
+        "fileName": "src/components/Tag/Tag.tsx",
+        "name": "TagProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Tag/Tag.tsx",
+          "name": "TagProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "FC<SvgPathProps>"
+      }
+    },
+    "variant": {
+      "defaultValue": null,
+      "description": "",
+      "name": "variant",
+      "parent": {
+        "fileName": "src/components/Tag/Tag.tsx",
+        "name": "TagProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Tag/Tag.tsx",
+          "name": "TagProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "enum",
+        "raw": "\"normal\" | \"oncolor\" | \"emphasised\" | undefined",
+        "value": [
+          {
+            "value": "undefined"
+          },
+          {
+            "value": "\"normal\""
+          },
+          {
+            "value": "\"oncolor\""
+          },
+          {
+            "value": "\"emphasised\""
+          }
+        ]
+      }
+    },
+    "action": {
+      "defaultValue": null,
+      "description": "",
+      "name": "action",
+      "parent": {
+        "fileName": "src/components/Tag/Tag.tsx",
+        "name": "TagProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Tag/Tag.tsx",
+          "name": "TagProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "enum",
+        "raw": "\"remove\" | \"undo\" | undefined",
+        "value": [
+          {
+            "value": "undefined"
+          },
+          {
+            "value": "\"remove\""
+          },
+          {
+            "value": "\"undo\""
+          }
+        ]
+      }
+    },
+    "onClick": {
+      "defaultValue": null,
+      "description": "",
+      "name": "onClick",
+      "parent": {
+        "fileName": "src/components/Tag/Tag.tsx",
+        "name": "TagProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Tag/Tag.tsx",
+          "name": "TagProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "(() => void)"
+      }
+    },
+    "testId": {
+      "defaultValue": null,
+      "description": "Sets the data-testid attribute on the expander button.",
+      "name": "testId",
+      "parent": {
+        "fileName": "src/components/Tag/Tag.tsx",
+        "name": "TagProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Tag/Tag.tsx",
+          "name": "TagProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    }
+  }
+}

package/components/Tag/index.d.ts

@@ -0,0 +1,4 @@
+import Tag from './Tag';
+export * from './Tag';
+export default Tag;
+//# sourceMappingURL=index.d.ts.map

package/components/Tag/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/index.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,OAAO,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,eAAe,GAAG,CAAC"}

package/components/Tag/index.js

@@ -0,0 +1,2 @@
+import{d as o}from"../../_rollupPluginBabelHelpers-4f206abf.js";import t from"react";import{c as a}from"../../index-9b84fabc.js";import{Icon as e}from"../Icons/Icon.js";import{A as r,I as n}from"../../constants-088e1d4a.js";import{p as c}from"../../palette-f206f488.js";import s from"./styles.module.scss";import{u as i}from"../../useHover-026f72c1.js";import m from"../Icons/Undo.js";import l from"../Icons/X.js";import"../../_tslib-51c8a283.js";var d,u,f;!function(o){o.medium="medium",o.large="large"}(d||(d={})),function(o){o.remove="remove",o.undo="undo"}(u||(u={})),function(o){o.normal="normal",o.oncolor="oncolor",o.emphasised="emphasised"}(f||(f={}));var p=function(o){var d=o.children,u=o.size,f=o.color,p=o.variant,v=o.action,g=o.onClick,b=o.testId,I=i(),j=I.hoverRef,h=I.isHovered,y=a(s.tag,s["tag--".concat(u)],s["tag--".concat(v)],s["tag--has-action"],"remove"===v&&[s["tag--".concat(f)],s["tag--".concat(p)]]);return t.createElement("button",{className:y,onClick:g,ref:j,type:"button","data-testid":b,"data-analyticsid":r.Tag},d,t.createElement(e,{svgIcon:function(){switch(v){case"remove":return l;case"undo":return m}}(),size:n.XXSmall,color:c["".concat("undo"===v?"blueberry":f,"800")],isHovered:h}))};export default function(i){var m=i.children,l=i.size,u=void 0===l?d.medium:l,f=i.color,v=void 0===f?"blueberry":f,g=i.svgIcon,b=i.variant,I=void 0===b?"normal":b,j=i.action,h=i.onClick,y=i.testId,z=a(s.tag,s["tag--".concat(u)],s["tag--".concat(v)],s["tag--".concat(I)],o({},s["tag--has-icon"],g));return j&&h?t.createElement(p,{size:u,color:v,variant:I,action:j,onClick:h,testId:y},m):t.createElement("span",{className:z,"data-testid":y,"data-analyticsid":r.Tag},g&&t.createElement(e,{svgIcon:g,size:n.XXSmall,color:c["".concat(v,"800")],className:s.tag__icon}),m)}export{u as TagAction,d as TagSize,f as TagVariant};
+//# sourceMappingURL=index.js.map

package/components/Tag/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/components/Tag/styles.module.scss

@@ -0,0 +1,174 @@
+@import '../../scss/_spacers.scss';
+@import '../../scss/_breakpoints.scss';
+@import '../../scss/_palette.scss';
+@import '../../scss/_font-settings.scss';
+
+/**
+* Konverter en gjennomsiktig farge til en ugjennomsiktig farge ved å simulere fargen plassert
+* på en bakgrunnsfarge (f.eks. 50% gjennomsiktig $blueberry200 på hvit bakgrunn).
+* 
+* Fra https://makandracards.com/makandra/42500-sass-how-to-convert-an-rgba-color-to-its-rgb-look-alike
+* 
+* @param $rgba Farge med alpha-verdi, f.eks. rgba(black, 0.67)
+* @param $background Bakgrunnsfarge. Default: $white
+* 
+* @returns Farge uten gjennomsiktighet
+*/
+@function rgba-to-rgb($rgba, $background: $white) {
+  @return mix(rgb(red($rgba), green($rgba), blue($rgba)), $background, alpha($rgba) * 100%);
+}
+
+.tag {
+  $tag: &;
+  display: inline-flex;
+  justify-content: space-between;
+  align-items: center;
+  text-transform: uppercase;
+  border-width: 1px;
+  border-style: solid;
+  background-color: transparent;
+  // komponenten bruker ekstra liten font-size og line-height
+  font-size: 0.875rem;
+  line-height: 1.125rem;
+  font-weight: 600;
+
+  @media (min-width: map-get($grid-breakpoints, md)) {
+    font-size: $font-size-xs;
+    line-height: 1.25rem;
+  }
+
+  $colors: 'blueberry', 'neutral', 'cherry', 'banana', 'kiwi', 'plum';
+
+  @each $color in $colors {
+    &--#{$color},
+    // Sørg for at fargene overstyrer dersom tag har type=button
+    &--#{$color}[type='button'] {
+      // banana og kiwi har unntak fra hovedregelen
+      @if $color == 'banana' {
+        color: map-get($palette-map, #{$color}900);
+        border-color: map-get($palette-map, #{$color}300);
+      } @else if $color == 'kiwi' {
+        color: map-get($palette-map, #{$color}900);
+        border-color: map-get($palette-map, #{$color}200);
+      } @else {
+        color: map-get($palette-map, #{$color}800);
+        border-color: map-get($palette-map, #{$color}200);
+      }
+
+      &#{$tag}--normal {
+        &#{$tag}--has-action {
+          &:hover {
+            background-color: rgba-to-rgb(rgba(map-get($palette-map, #{$color}200), 0.2));
+          }
+        }
+      }
+
+      &#{$tag}--oncolor {
+        background-color: transparent;
+        &#{$tag}--has-action {
+          &:hover {
+            background-color: map-get($palette-map, #{$color}100);
+            border-color:  map-get($palette-map, #{$color}100);
+          }
+          &:focus {
+            background-color: $white;
+            border-color: $white;
+            box-shadow: 0px 0px 0px 3px $black;
+          }
+        }
+      }
+
+      &#{$tag}--emphasised {
+        @if $color == 'banana' {
+          background-color: rgba-to-rgb(rgba(map-get($palette-map, #{$color}300), 0.4));
+        } @else {
+          background-color: rgba-to-rgb(rgba(map-get($palette-map, #{$color}200), 0.4));
+        }
+        &#{$tag}--has-action {
+          &:hover {
+            @if $color == 'banana' {
+              background-color: rgba-to-rgb(rgba(map-get($palette-map, #{$color}300), 0.5));
+            } @else {
+              background-color: rgba-to-rgb(rgba(map-get($palette-map, #{$color}200), 0.5));
+            }
+          }
+        }
+      }
+    }
+  }
+
+  &--has-action[type='button'] {
+    cursor: pointer;
+    &:focus {
+      outline: none;
+      border-color: $black;
+      box-shadow: inset 0px 0px 0px 2px $black;
+    }
+    &#{$tag}--undo {
+      color: $blueberry800;
+      background-color: $blueberry100;
+      border-color: $blueberry100;
+      text-decoration: line-through;
+      &:hover {
+        background-color: $white;
+        border-color: $blueberry200;
+      }
+    }
+  }
+
+  &--medium {
+    padding: 0 getSpacer(xs);
+    min-height: 26px;
+
+    @media (min-width: map-get($grid-breakpoints, md)) {
+      min-height: 30px;
+    }
+
+    &#{$tag}--has-icon {
+      padding: 0 getSpacer(xs) 0 6px;
+      @media (min-width: map-get($grid-breakpoints, md)) {
+        padding: getSpacer(4xs) getSpacer(xs) getSpacer(4xs) 6px;
+      }
+    }
+
+    &#{$tag}--has-action {
+      padding: 0 getSpacer(3xs) 0 getSpacer(xs);
+      @media (min-width: map-get($grid-breakpoints, md)) {
+        padding: getSpacer(4xs) getSpacer(3xs) getSpacer(4xs) getSpacer(xs);
+      }
+    }
+
+    #{$tag}__icon {
+      margin-right: getSpacer(4xs);
+    }
+  }
+  &--large {
+    padding: 0 getSpacer(xs);
+    min-height: 30px;
+
+    @media (min-width: map-get($grid-breakpoints, md)) {
+      min-height: 34px;
+    }
+
+    &#{$tag}--has-icon {
+      padding: getSpacer(4xs) getSpacer(xs) getSpacer(4xs) 6px;
+      @media (min-width: map-get($grid-breakpoints, md)) {
+        padding: getSpacer(3xs) getSpacer(xs) getSpacer(3xs) getSpacer(2xs);
+      }
+    }
+
+    &#{$tag}--has-action {
+      padding: getSpacer(4xs) getSpacer(3xs) getSpacer(4xs) getSpacer(xs);
+      @media (min-width: map-get($grid-breakpoints, md)) {
+        padding: getSpacer(3xs) getSpacer(2xs) getSpacer(3xs) getSpacer(xs);
+      }
+    }
+
+    #{$tag}__icon {
+      margin-right: getSpacer(4xs);
+      @media (min-width: map-get($grid-breakpoints, md)) {
+        margin-right: getSpacer(3xs);
+      }
+    }
+  }
+}

package/components/Tag/styles.module.scss.d.ts

@@ -0,0 +1,24 @@
+export type Styles = {
+  tag: string;
+  tag__icon: string;
+  'tag--banana': string;
+  'tag--blueberry': string;
+  'tag--cherry': string;
+  'tag--emphasised': string;
+  'tag--has-action': string;
+  'tag--has-icon': string;
+  'tag--kiwi': string;
+  'tag--large': string;
+  'tag--medium': string;
+  'tag--neutral': string;
+  'tag--normal': string;
+  'tag--oncolor': string;
+  'tag--plum': string;
+  'tag--undo': string;
+};
+
+export type ClassNames = keyof Styles;
+
+declare const styles: Styles;
+
+export default styles;

package/components/TagList/TagList.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface TagListPropsProps {
+    /** Sets the data-testid attribute on the expander button. */
+    testId?: string;
+}
+declare const TagList: React.FC<TagListPropsProps>;
+export default TagList;
+//# sourceMappingURL=TagList.d.ts.map

package/components/TagList/TagList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagList.d.ts","sourceRoot":"","sources":["../../../src/components/TagList/TagList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,UAAU,iBAAiB;IACzB,6DAA6D;IAC7D,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAMxC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/components/TagList/componentdata.json

@@ -0,0 +1,23 @@
+{
+  "props": {
+    "testId": {
+      "defaultValue": null,
+      "description": "Sets the data-testid attribute on the expander button.",
+      "name": "testId",
+      "parent": {
+        "fileName": "src/components/TagList/TagList.tsx",
+        "name": "TagListPropsProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/TagList/TagList.tsx",
+          "name": "TagListPropsProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    }
+  }
+}

package/components/TagList/index.d.ts

@@ -0,0 +1,4 @@
+import TagList from './TagList';
+export * from './TagList';
+export default TagList;
+//# sourceMappingURL=index.d.ts.map

package/components/TagList/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TagList/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,WAAW,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,eAAe,OAAO,CAAC"}

package/components/TagList/index.js

@@ -0,0 +1,2 @@
+import t from"react";import a from"./styles.module.scss";import{A as s}from"../../constants-088e1d4a.js";export default function(e){var r=e.children,i=e.testId;return t.createElement("div",{className:a["tag-list"],"data-testid":i,"data-analyticsid":s.TagList},r)}
+//# sourceMappingURL=index.js.map

package/components/TagList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/components/TagList/styles.module.scss

@@ -0,0 +1,10 @@
+@import '../../scss/_spacers.scss';
+@import '../../scss/_breakpoints.scss';
+@import '../../scss/_palette.scss';
+
+.tag-list {
+  display: inline-flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: getSpacer(2xs);
+}

package/components/TagList/styles.module.scss.d.ts

@@ -0,0 +1,9 @@
+export type Styles = {
+  'tag-list': string;
+};
+
+export type ClassNames = keyof Styles;
+
+declare const styles: Styles;
+
+export default styles;

package/components/Textarea/index.js

@@ -1,2 +1,2 @@
-import{T as s}from"../../Textarea-1c857a8a.js";export{T as default}from"../../Textarea-1c857a8a.js";import"../../_rollupPluginBabelHelpers-4f206abf.js";import"../../_tslib-51c8a283.js";import"react";import"../../index-9b84fabc.js";import"./styles.module.scss";import"../../constants-4fe8c7ff.js";import"../../uuid-fe7442b7.js";
+import{T as s}from"../../Textarea-47398150.js";export{T as default}from"../../Textarea-47398150.js";import"../../_rollupPluginBabelHelpers-4f206abf.js";import"../../_tslib-51c8a283.js";import"react";import"../../index-9b84fabc.js";import"./styles.module.scss";import"../../constants-088e1d4a.js";import"../../uuid-11037462.js";
 //# sourceMappingURL=index.js.map

package/components/Tile/index.js

@@ -1,2 +1,2 @@
-import{_ as e,d as t}from"../../_rollupPluginBabelHelpers-4f206abf.js";import{_ as i}from"../../_tslib-51c8a283.js";import r,{useState as l}from"react";import{c as a}from"../../index-9b84fabc.js";import{A as o,I as n}from"../../constants-4fe8c7ff.js";import s from"./styles.module.scss";var c=r.forwardRef((function(e,i){var l,o=e.children,n=e.className,c=e.htmlMarkup,m=void 0===c?"span":c,d=e.highlighted,f=e.compact,p=a(s.tile__title,(t(l={},s["tile__title--highlighted"],d),t(l,s["tile__title--compact"],f),l),n),u=m;return r.createElement(u,{className:p,ref:i},o)})),m=r.forwardRef((function(c,m){var d,f=c.icon,p=c.title,u=c.className,h=void 0===u?"":u,g=c.description,_=c.fixed,v=void 0!==_&&_,b=c.highlighted,E=void 0!==b&&b,N=c.testId,x=i(c,["icon","title","className","description","fixed","highlighted","testId"]),j=l(!1),w=e(j,2),M=w[0],k=w[1],I=!g,y=a(s.tile,(t(d={},s["tile--fixed"],v),t(d,s["tile--compact"],I),t(d,s["tile--highlighted"],E),d),h),B=a(s["title-wrapper"],t({},s["title-wrapper--compact"],I));return r.createElement("a",Object.assign({ref:m,className:y,onMouseEnter:function(){return k(!0)},onMouseLeave:function(){return k(!1)},onFocus:function(){return k(!0)},onBlur:function(){return k(!1)},"data-testid":N,"data-analyticsid":o.Tile,rel:"_blank"===c.target?"noopener noreferrer":c.rel},x),r.createElement("div",{className:B},r.cloneElement(f,{size:n.Medium,isHovered:M,color:E?"white":"black"}),r.cloneElement(p,{highlighted:E,compact:I})),g?r.createElement("p",{className:s.tile__description},g):null)}));m.Title=c;export default m;export{m as Tile};
+import{_ as e,d as t}from"../../_rollupPluginBabelHelpers-4f206abf.js";import{_ as i}from"../../_tslib-51c8a283.js";import r,{useState as a}from"react";import{c as l}from"../../index-9b84fabc.js";import{A as o,I as n}from"../../constants-088e1d4a.js";import s from"./styles.module.scss";var c=r.forwardRef((function(e,i){var a,o=e.children,n=e.className,c=e.htmlMarkup,d=void 0===c?"span":c,m=e.highlighted,f=e.compact,p=l(s.tile__title,(t(a={},s["tile__title--highlighted"],m),t(a,s["tile__title--compact"],f),a),n),u=d;return r.createElement(u,{className:p,ref:i},o)})),d=r.forwardRef((function(c,d){var m,f=c.icon,p=c.title,u=c.className,h=void 0===u?"":u,g=c.description,_=c.fixed,v=void 0!==_&&_,b=c.highlighted,E=void 0!==b&&b,N=c.testId,x=i(c,["icon","title","className","description","fixed","highlighted","testId"]),j=a(!1),w=e(j,2),M=w[0],k=w[1],I=!g,y=l(s.tile,(t(m={},s["tile--fixed"],v),t(m,s["tile--compact"],I),t(m,s["tile--highlighted"],E),m),h),B=l(s["title-wrapper"],t({},s["title-wrapper--compact"],I));return r.createElement("a",Object.assign({ref:d,className:y,onMouseEnter:function(){return k(!0)},onMouseLeave:function(){return k(!1)},onFocus:function(){return k(!0)},onBlur:function(){return k(!1)},"data-testid":N,"data-analyticsid":o.Tile,rel:"_blank"===c.target?"noopener noreferrer":c.rel},x),r.createElement("div",{className:B},r.cloneElement(f,{size:n.Medium,isHovered:M,color:E?"white":"black"}),r.cloneElement(p,{highlighted:E,compact:I})),g?r.createElement("p",{className:s.tile__description},g):null)}));d.Title=c;export default d;export{d as Tile};
 //# sourceMappingURL=index.js.map

package/components/Title/index.js

@@ -1,2 +1,2 @@
-import{T as s}from"../../Title-2522b5b9.js";export{T as default,i as instanceOfTitleMargin}from"../../Title-2522b5b9.js";import"../../_rollupPluginBabelHelpers-4f206abf.js";import"react";import"../../index-9b84fabc.js";import"./styles.module.scss";import"../../constants-4fe8c7ff.js";
+import{T as s}from"../../Title-53c8b68d.js";export{T as default,i as instanceOfTitleMargin}from"../../Title-53c8b68d.js";import"../../_rollupPluginBabelHelpers-4f206abf.js";import"react";import"../../index-9b84fabc.js";import"./styles.module.scss";import"../../constants-088e1d4a.js";
 //# sourceMappingURL=index.js.map

package/components/Validation/index.js

@@ -1,2 +1,2 @@
-import{V as s}from"../../Validation-fa8b28c3.js";export{V as Validation,V as default}from"../../Validation-fa8b28c3.js";import"react";import"../../index-9b84fabc.js";import"../../FormGroup-a776b535.js";import"../../_rollupPluginBabelHelpers-4f206abf.js";import"../FormGroup/styles.module.scss";import"../../Checkbox-ca6c635d.js";import"../../uuid-fe7442b7.js";import"../Icons/Check.js";import"../Icons/Icon.js";import"../../_tslib-51c8a283.js";import"../../constants-4fe8c7ff.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../Checkbox/styles.module.scss";import"../../RadioButton-6a868eb3.js";import"../RadioButton/styles.module.scss";import"../../Input-cd941f2f.js";import"../../useBreakpoint-6eb418f7.js";import"../Input/styles.module.scss";import"../../Title-2522b5b9.js";import"../Title/styles.module.scss";import"../../FormLayout-8d6d4552.js";import"../FormLayout/styles.module.scss";import"./styles.module.scss";
+import{V as s}from"../../Validation-0c27dd5b.js";export{V as Validation,V as default}from"../../Validation-0c27dd5b.js";import"react";import"../../index-9b84fabc.js";import"../../FormGroup-9d4dc1ed.js";import"../../_rollupPluginBabelHelpers-4f206abf.js";import"../FormGroup/styles.module.scss";import"../../Checkbox-b0271e50.js";import"../../uuid-11037462.js";import"../Icons/Check.js";import"../Icons/Icon.js";import"../../_tslib-51c8a283.js";import"../../constants-088e1d4a.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../Checkbox/styles.module.scss";import"../../RadioButton-403681d9.js";import"../RadioButton/styles.module.scss";import"../../Input-b5f362b8.js";import"../../useBreakpoint-6eb418f7.js";import"../Input/styles.module.scss";import"../../Title-53c8b68d.js";import"../Title/styles.module.scss";import"../../FormLayout-6bb303ac.js";import"../FormLayout/styles.module.scss";import"./styles.module.scss";
 //# sourceMappingURL=index.js.map

package/constants-088e1d4a.js

@@ -0,0 +1,2 @@
+var a,o,n,e,r,t;!function(a){a[a.XXSmall=24]="XXSmall",a[a.XSmall=38]="XSmall",a[a.Small=48]="Small",a[a.Medium=64]="Medium",a[a.Large=80]="Large",a[a.XLarge=130]="XLarge"}(a||(a={})),function(a){a[a.Modal=13e5]="Modal",a[a.ExpanderTrigger=1e4]="ExpanderTrigger"}(o||(o={})),function(a){a.onwhite="onwhite",a.ongrey="ongrey",a.onblueberry="onblueberry",a.ondark="ondark",a.oninvalid="oninvalid"}(n||(n={})),function(a){a.normal="normal",a.bigform="bigform"}(e||(e={})),function(a){a.AnchorLink="anchor-link",a.Avatar="avatar",a.Badge="badge",a.Button="button",a.Checkbox="checkbox",a.Close="close",a.Dropdown="dropdown",a.Expander="expander",a.ExpanderList="expander-list",a.ExpanderListExpander="expander-list-expander",a.FormGroup="form-group",a.FormLayout="form-layout",a.HighlightBox="highlight-box",a.Icon="icon",a.Input="input",a.Link="link",a.LinkList="link-list",a.List="list",a.Loader="loader",a.Logo="logo",a.Modal="modal",a.NotificationPanel="notification-panel",a.Panel="panel",a.PanelList="panel-list",a.Portal="portal",a.RadioButton="radio-button",a.Slider="slider",a.Spacer="spacer",a.StatusDot="status-dot",a.Tag="tag",a.TagList="tag-list",a.Textarea="textarea",a.Tile="tile",a.Title="title",a.Validation="validation"}(r||(r={})),function(a){a.Enter="Enter",a.Escape="Escape",a.ArrowDown="ArrowDown",a.ArrowUp="ArrowUp",a.Home="Home",a.End="End"}(t||(t={}));export{r as A,n as F,a as I,t as K,o as Z,e as a};
+//# sourceMappingURL=constants-088e1d4a.js.map

package/constants-088e1d4a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants-088e1d4a.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/constants.d.ts

@@ -69,6 +69,7 @@ export declare enum AnalyticsId {
     Button = "button",
     Checkbox = "checkbox",
     Close = "close",
+    Dropdown = "dropdown",
     Expander = "expander",
     ExpanderList = "expander-list",
     ExpanderListExpander = "expander-list-expander",
@@ -91,9 +92,19 @@ export declare enum AnalyticsId {
     Slider = "slider",
     Spacer = "spacer",
     StatusDot = "status-dot",
+    Tag = "tag",
+    TagList = "tag-list",
     Textarea = "textarea",
     Tile = "tile",
     Title = "title",
     Validation = "validation"
 }
+export declare enum KeyboardEventKey {
+    Enter = "Enter",
+    Escape = "Escape",
+    ArrowDown = "ArrowDown",
+    ArrowUp = "ArrowUp",
+    Home = "Home",
+    End = "End"
+}
 //# sourceMappingURL=constants.d.ts.map

package/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"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"}

package/hooks/useKeyboardEvent.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const useKeyboardEvent: <E extends "keydown" | "keypress" | "keyup">(eventName: E, ref: import("react").RefObject<HTMLElement>, key: string | string[], callback: (event: HTMLElementEventMap[E]) => void) => void;
+//# sourceMappingURL=useKeyboardEvent.d.ts.map

package/hooks/useKeyboardEvent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboardEvent.d.ts","sourceRoot":"","sources":["../../src/hooks/useKeyboardEvent.ts"],"names":[],"mappings":";AAEA,eAAO,MAAM,gBAAgB,4LAkB5B,CAAC"}

package/hooks/useOutsideEvent.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+/**
+ * Custom hook for klikk eller fokus utenfor et gitt element
+ * @param ref Sjekker om det klikkes utenfor dette elementet
+ * @param handleClick Callback-funksjon ved klikk utenfor elementet
+ * @param events Type eventer å lytte på. Default: mousedown
+ */
+export declare const useOutsideEvent: (ref: import("react").RefObject<HTMLElement>, handleClick: () => void, events?: ("auxclick" | "blur" | "click" | "contextmenu" | "dblclick" | "drag" | "dragend" | "dragenter" | "dragleave" | "dragover" | "dragstart" | "drop" | "focus" | "focusin" | "focusout" | "gotpointercapture" | "lostpointercapture" | "mousedown" | "mouseenter" | "mouseleave" | "mousemove" | "mouseout" | "mouseover" | "mouseup" | "pointercancel" | "pointerdown" | "pointerenter" | "pointerleave" | "pointermove" | "pointerout" | "pointerover" | "pointerup" | "wheel")[]) => void;
+//# sourceMappingURL=useOutsideEvent.d.ts.map

package/hooks/useOutsideEvent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOutsideEvent.d.ts","sourceRoot":"","sources":["../../src/hooks/useOutsideEvent.ts"],"names":[],"mappings":";AAMA;;;;;GAKG;AACH,eAAO,MAAM,eAAe,0iBAkB3B,CAAC"}

package/hooks/useResizeObserver.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+/**
+ * Lytt på endringer i størrelse på et element. Bruker ResizeObserver-APIet.
+ *
+ * @param ref Element som skal observeres.
+ * @returns Object med høyde, bredde, x og y til elementet
+ */
+export declare const useResizeObserver: (ref?: import("react").RefObject<HTMLElement> | undefined) => DOMRect | undefined;
+//# sourceMappingURL=useResizeObserver.d.ts.map

package/hooks/useResizeObserver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResizeObserver.d.ts","sourceRoot":"","sources":["../../src/hooks/useResizeObserver.ts"],"names":[],"mappings":";AAEA;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,mFAa7B,CAAC"}