@helsenorge/designsystem-react 1.0.0-beta139 → 1.0.0-beta140

package/components/Table/componentdata.json

@@ -0,0 +1,137 @@
+{
+  "props": {
+    "expandable": {
+      "defaultValue": null,
+      "description": "Sets if expanded row can be expanded",
+      "name": "expandable",
+      "parent": {
+        "fileName": "src/components/Table/TableRow.tsx",
+        "name": "Props"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Table/TableRow.tsx",
+          "name": "Props"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "boolean"
+      }
+    },
+    "expanded": {
+      "defaultValue": null,
+      "description": "Sets if expanded row is expanded",
+      "name": "expanded",
+      "parent": {
+        "fileName": "src/components/Table/TableRow.tsx",
+        "name": "Props"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Table/TableRow.tsx",
+          "name": "Props"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "boolean"
+      }
+    },
+    "onClick": {
+      "defaultValue": null,
+      "description": "When hide/show button for expanded row is clicked.",
+      "name": "onClick",
+      "parent": {
+        "fileName": "src/components/Table/TableRow.tsx",
+        "name": "Props"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Table/TableRow.tsx",
+          "name": "Props"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "(() => void)"
+      }
+    },
+    "hideDetailsText": {
+      "defaultValue": null,
+      "description": "Text for expanded row hide button.",
+      "name": "hideDetailsText",
+      "parent": {
+        "fileName": "src/components/Table/TableRow.tsx",
+        "name": "Props"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Table/TableRow.tsx",
+          "name": "Props"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "showDetailsText": {
+      "defaultValue": null,
+      "description": "Text for expanded row show button.",
+      "name": "showDetailsText",
+      "parent": {
+        "fileName": "src/components/Table/TableRow.tsx",
+        "name": "Props"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Table/TableRow.tsx",
+          "name": "Props"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "className": {
+      "defaultValue": null,
+      "description": "Adds custom classes to the element.",
+      "name": "className",
+      "parent": {
+        "fileName": "src/components/Table/TableRow.tsx",
+        "name": "Props"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Table/TableRow.tsx",
+          "name": "Props"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "children": {
+      "defaultValue": null,
+      "description": "Sets the cells of the table row element.",
+      "name": "children",
+      "parent": {
+        "fileName": "src/components/Table/TableRow.tsx",
+        "name": "Props"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Table/TableRow.tsx",
+          "name": "Props"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "ReactNode"
+      }
+    }
+  }
+}

package/components/Table/index.d.ts

@@ -0,0 +1,11 @@
+import { Table } from './Table';
+export { TableBody } from './TableBody';
+export { TableCell, TextAlign } from './TableCell';
+export { TableExpandedRow } from './TableExpandedRow';
+export { TableExpanderCell } from './TableExpanderCell';
+export { TableHead, HeaderCategory } from './TableHead';
+export { TableHeadCell, SortDirection } from './TableHeadCell';
+export { TableRow } from './TableRow';
+export * from './Table';
+export default Table;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,cAAc,SAAS,CAAC;AAExB,eAAe,KAAK,CAAC"}

package/components/Table/index.js

@@ -0,0 +1,2 @@
+import{d as e}from"../../_rollupPluginBabelHelpers-0f007973.js";import o from"react";import{c as r}from"../../index-d1c0552c.js";import s from"./styles.module.scss";import{A as t}from"../../constants-dbdea596.js";export{T as TableBody}from"../../TableBody-eac2c23b.js";export{T as TableCell,a as TextAlign}from"../../TableCell-cc644eb5.js";export{T as TableExpandedRow}from"../../TableExpandedRow-44b09912.js";export{T as TableExpanderCell}from"../../TableExpanderCell-015d3db2.js";export{H as HeaderCategory,T as TableHead}from"../../TableHead-5ed58948.js";export{S as SortDirection,T as TableHeadCell}from"../../TableHeadCell-84651910.js";export{T as TableRow}from"../../TableRow-19db3001.js";import"../../Button-78f848e6.js";import"../../_tslib-b219470a.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../../Icon-d69d65b3.js";import"../../useUuid-3b1e73f2.js";import"../../uuid-11037462.js";import"../../Loader-06293a27.js";import"../Loader/styles.module.scss";import"../../useHover-18479690.js";import"../../useBreakpoint-a74f5af5.js";import"../Button/styles.module.scss";import"../../ChevronUp-dfafe27b.js";import"../../ChevronDown-2b3daace.js";import"../../ArrowUp-e7787d9c.js";import"../../ArrowDown-88b2c27a.js";var l;!function(e){e.horizontalscroll="horizontalscroll",e.block="block"}(l||(l={}));var d=function(a){var d=a.id,i=a.testId,p=a.className,m=a.children,c=a.smallViewportVariant,b=void 0===c?l.block:c,n=r(s.table,e({},s["table--collapse2col"],b===l.block),p);return o.createElement("table",{className:n,id:d,"data-testid":i,"data-analyticsid":t.Table},m)};export{l as SmallViewportVariant,d as Table,d as default};
+//# sourceMappingURL=index.js.map

package/components/Table/index.js.map

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

package/components/Table/styles.module.scss

@@ -0,0 +1,136 @@
+@import '../../scss/_spacers.scss';
+@import '../../scss/_breakpoints.scss';
+@import '../../scss/_palette.scss';
+@import '../../scss/_grid.scss';
+@import '../../scss/_font-settings.scss';
+
+/* fix outline for Safari */
+table tbody tr {
+  outline: 3px solid transparent;
+}
+
+.table {
+  width: 100%;
+  border-collapse: collapse;
+
+  &__expander-cell-mobile {
+    display: none;
+  }
+}
+
+.table__head {
+  background: $blueberry50;
+  &--normal {
+    background: $neutral50;
+  }
+  &--transparent {
+    background: transparent;
+  }
+
+  &--sortable {
+    background: $blueberry50;
+  }
+
+  @media (min-width: map-get($grid-breakpoints, lg)) {
+    height: 6.125rem;
+  }
+}
+
+.table__head-cell {
+  height: 3.625rem;
+  font-size: $font-size-sm;
+  line-height: 1.5rem;
+  text-align: left;
+  vertical-align: bottom;
+  font-weight: 200;
+  padding: 0.5rem 0.75rem;
+  border: 1px solid $neutral500;
+
+  &--sortable:hover {
+    background-color: $blueberry100;
+    cursor: pointer;
+  }
+  &--sortable:focus {
+    outline: 3px solid $black;
+  }
+
+  &--sorted {
+    text-decoration: underline;
+    text-decoration-thickness: 1px;
+    text-underline-offset: 0.3125rem;
+  }
+  @media (min-width: map-get($grid-breakpoints, lg)) {
+    padding: 1rem;
+    height: 5.5rem;
+    font-size: $font-size-md;
+    line-height: 1.75rem;
+    font-weight: 200;
+  }
+}
+
+.table__head-cell-sort-icon-wrapper {
+  min-height: 2rem;
+}
+
+.table__cell {
+  height: 2, 375;
+  font-size: $font-size-xs;
+  line-height: 1.5rem;
+  padding: 0.5rem 0.75rem;
+  text-align: left;
+  border: 1px solid $neutral500;
+
+  &--center {
+    text-align: center;
+  }
+  &--right {
+    text-align: right;
+  }
+  &--nowrap {
+    white-space: nowrap;
+  }
+
+  @media (min-width: map-get($grid-breakpoints, lg)) {
+    padding: 1rem;
+    height: 3.625rem;
+    font-size: $font-size-sm;
+    line-height: 1.75rem;
+  }
+}
+
+.table__cell-expander {
+  text-align: center;
+  width: min-content;
+  padding: 0px;
+  vertical-align: middle;
+}
+
+.table__row--expandable {
+  &--selected {
+    background: $neutral100;
+  }
+  &:hover {
+    cursor: pointer;
+    background: $neutral100;
+  }
+  &:focus-within {
+    outline: 3px solid $black;
+  }
+}
+.table__expanded-row {
+  display: none;
+  &--expanded {
+    display: table-row;
+  }
+
+  &-container {
+    padding: 0.5rem;
+    @media (min-width: map-get($grid-breakpoints, lg)) {
+      &--open {
+        border-bottom: 1px solid $neutral100;
+      }
+    }
+  }
+}
+
+@import 'collapseTwoCol.scss';

package/components/Tag/index.js

@@ -1,2 +1,2 @@
-import{d as o}from"../../_rollupPluginBabelHelpers-0f007973.js";import t from"react";import{c as a}from"../../index-d1c0552c.js";import{I as e}from"../../Icon-877aeed0.js";import{A as r,I as n}from"../../constants-d84659f5.js";import{p as c}from"../../palette-f206f488.js";import s from"./styles.module.scss";import{u as i}from"../../useHover-b995a0e6.js";import{U as m}from"../../Undo-7021257e.js";import{X as l}from"../../X-3e7c0719.js";import"../../_tslib-b219470a.js";import"../../useUuid-3b1e73f2.js";import"../../uuid-11037462.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,j=i(),I=j.hoverRef,h=j.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:I,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}))},v=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,j=void 0===b?"normal":b,I=i.action,h=i.onClick,y=i.testId,z=a(s.tag,s["tag--".concat(u)],s["tag--".concat(v)],s["tag--".concat(j)],o({},s["tag--has-icon"],g));return I&&h?t.createElement(p,{size:u,color:v,variant:j,action:I,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,v as default};
+import{d as o}from"../../_rollupPluginBabelHelpers-0f007973.js";import t from"react";import{c as a}from"../../index-d1c0552c.js";import{I as e}from"../../Icon-d69d65b3.js";import{A as r,I as c}from"../../constants-dbdea596.js";import{p as n}from"../../palette-f206f488.js";import s from"./styles.module.scss";import{u as i}from"../../useHover-18479690.js";import{U as m}from"../../Undo-cc42e7d0.js";import{X as l}from"../../X-867957f2.js";import"../../_tslib-b219470a.js";import"../../useUuid-3b1e73f2.js";import"../../uuid-11037462.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,j=i(),I=j.hoverRef,h=j.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:I,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:c.XXSmall,color:n["".concat("undo"===v?"blueberry":f,"800")],isHovered:h}))},v=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,j=void 0===b?"normal":b,I=i.action,h=i.onClick,y=i.testId,z=a(s.tag,s["tag--".concat(u)],s["tag--".concat(v)],s["tag--".concat(j)],o({},s["tag--has-icon"],g));return I&&h?t.createElement(p,{size:u,color:v,variant:j,action:I,onClick:h,testId:y},m):t.createElement("span",{className:z,"data-testid":y,"data-analyticsid":r.Tag},g&&t.createElement(e,{svgIcon:g,size:c.XXSmall,color:n["".concat(v,"800")],className:s.tag__icon}),m)};export{u as TagAction,d as TagSize,f as TagVariant,v as default};
 //# sourceMappingURL=index.js.map

package/components/TagList/index.js

@@ -1,2 +1,2 @@
-import t from"react";import a from"./styles.module.scss";import{A as s}from"../../constants-d84659f5.js";var e=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)};export{e as default};
+import t from"react";import a from"./styles.module.scss";import{A as s}from"../../constants-dbdea596.js";var e=function(e){var r=e.children,d=e.testId;return t.createElement("div",{className:a["tag-list"],"data-testid":d,"data-analyticsid":s.TagList},r)};export{e as default};
 //# sourceMappingURL=index.js.map

package/components/Textarea/index.js

@@ -1,2 +1,2 @@
-export{T as default}from"../../Textarea-8ab0bec5.js";import"../../_rollupPluginBabelHelpers-0f007973.js";import"../../_tslib-b219470a.js";import"react";import"../../index-d1c0552c.js";import"./styles.module.scss";import"../../constants-d84659f5.js";import"../../uuid-11037462.js";import"../../Input-eae60679.js";import"../../Icon-877aeed0.js";import"../../useUuid-3b1e73f2.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../../useBreakpoint-a74f5af5.js";import"../Input/styles.module.scss";
+export{T as default}from"../../Textarea-56a24cb9.js";import"../../_rollupPluginBabelHelpers-0f007973.js";import"../../_tslib-b219470a.js";import"react";import"../../index-d1c0552c.js";import"./styles.module.scss";import"../../constants-dbdea596.js";import"../../uuid-11037462.js";import"../../Input-9ccf3867.js";import"../../Icon-d69d65b3.js";import"../../useUuid-3b1e73f2.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../../useBreakpoint-a74f5af5.js";import"../Input/styles.module.scss";
 //# sourceMappingURL=index.js.map

package/components/Tile/Tile.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { HTMLAnchorProps } from '../../constants';
 import { TitleTags } from './../Title/Title';
+export declare type TileTags = 'button' | 'a';
 interface TileProps extends HTMLAnchorProps {
     /** Adds custom classes to the element. */
     className?: string;
@@ -16,6 +17,8 @@ interface TileProps extends HTMLAnchorProps {
     fixed?: boolean;
     /** Called when the tile is clicked on. */
     onClick?: (e?: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    /** HTML markup for tile. Default: a */
+    htmlMarkup?: TileTags;
     /** Sets the data-testid attribute. */
     testId?: string;
 }

package/components/Tile/Tile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tile.d.ts","sourceRoot":"","sources":["../../../src/components/Tile/Tile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAe,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAK7C,UAAU,SAAU,SAAQ,eAAe;IACzC,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qDAAqD;IACrD,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC;IACzB,sDAAsD;IACtD,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,iDAAiD;IACjD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,4DAA4D;IAC5D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mDAAmD;IACnD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAClE,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,cAAc;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,yBAAyB,CAAC,SAAS,GAAG,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;IACvH,KAAK,EAAE,KAAK,CAAC,yBAAyB,CAAC,cAAc,GAAG,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC,CAAC;CAClG;AAqBD,eAAO,MAAM,IAAI,cAqCC,CAAC;AAInB,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Tile.d.ts","sourceRoot":"","sources":["../../../src/components/Tile/Tile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAe,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAM7C,oBAAY,QAAQ,GAAG,QAAQ,GAAG,GAAG,CAAC;AAEtC,UAAU,SAAU,SAAQ,eAAe;IACzC,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qDAAqD;IACrD,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC;IACzB,sDAAsD;IACtD,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,iDAAiD;IACjD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,4DAA4D;IAC5D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mDAAmD;IACnD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAClE,uCAAuC;IACvC,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,cAAc;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,yBAAyB,CAAC,SAAS,GAAG,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;IACvH,KAAK,EAAE,KAAK,CAAC,yBAAyB,CAAC,cAAc,GAAG,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC,CAAC;CAClG;AAqBD,eAAO,MAAM,IAAI,cAuDC,CAAC;AAInB,eAAe,IAAI,CAAC"}

package/components/Tile/componentdata.json

@@ -133,6 +133,37 @@
         "name": "((e?: MouseEvent<HTMLElement, MouseEvent>) => void) | undefined"
       }
     },
+    "htmlMarkup": {
+      "defaultValue": null,
+      "description": "HTML markup for tile. Default: a",
+      "name": "htmlMarkup",
+      "parent": {
+        "fileName": "src/components/Tile/Tile.tsx",
+        "name": "TileProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Tile/Tile.tsx",
+          "name": "TileProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "enum",
+        "raw": "TileTags | undefined",
+        "value": [
+          {
+            "value": "undefined"
+          },
+          {
+            "value": "\"button\""
+          },
+          {
+            "value": "\"a\""
+          }
+        ]
+      }
+    },
     "testId": {
       "defaultValue": null,
       "description": "Sets the data-testid attribute.",

package/components/Tile/index.js

@@ -1,2 +1,2 @@
-import{d as e,_ as t}from"../../_rollupPluginBabelHelpers-0f007973.js";import{_ as i}from"../../_tslib-b219470a.js";import r,{useState as l}from"react";import{c as a}from"../../index-d1c0552c.js";import{A as o,I as s}from"../../constants-d84659f5.js";import"../../Icon-877aeed0.js";import n from"./styles.module.scss";import"../../useUuid-3b1e73f2.js";import"../../uuid-11037462.js";var c=r.forwardRef((function(t,i){var l,o=t.children,s=t.className,c=t.htmlMarkup,d=void 0===c?"span":c,m=t.highlighted,p=t.compact,u=a(n.tile__title,(e(l={},n["tile__title--highlighted"],m),e(l,n["tile__title--compact"],p),l),s),f=d;return r.createElement(f,{className:u,ref:i},o)})),d=r.forwardRef((function(c,d){var m,p=c.icon,u=c.title,f=c.className,h=void 0===f?"":f,g=c.description,_=c.fixed,v=void 0!==_&&_,j=c.highlighted,b=void 0!==j&&j,E=c.testId,N=i(c,["icon","title","className","description","fixed","highlighted","testId"]),w=l(!1),x=t(w,2),I=x[0],M=x[1],k=!g,y=a(n.tile,(e(m={},n["tile--fixed"],v),e(m,n["tile--compact"],k),e(m,n["tile--highlighted"],b),m),h),B=a(n["title-wrapper"],e({},n["title-wrapper--compact"],k));return r.createElement("a",Object.assign({ref:d,className:y,onMouseEnter:function(){return M(!0)},onMouseLeave:function(){return M(!1)},onFocus:function(){return M(!0)},onBlur:function(){return M(!1)},"data-testid":E,"data-analyticsid":o.Tile,rel:"_blank"===c.target?"noopener noreferrer":c.rel},N),r.createElement("div",{className:B},r.cloneElement(p,{size:s.Medium,isHovered:I,color:b?"white":"black"}),r.cloneElement(u,{highlighted:b,compact:k})),g?r.createElement("p",{className:n.tile__description},g):null)}));d.Title=c;export{d as Tile,d as default};
+import{d as e}from"../../_rollupPluginBabelHelpers-0f007973.js";import{_ as t}from"../../_tslib-b219470a.js";import i from"react";import{c as r}from"../../index-d1c0552c.js";import{A as a,I as l}from"../../constants-dbdea596.js";import"../../Icon-d69d65b3.js";import o from"./styles.module.scss";import{u as s}from"../../useHover-18479690.js";import"../../useUuid-3b1e73f2.js";import"../../uuid-11037462.js";var n=i.forwardRef((function(t,a){var l,s=t.children,n=t.className,c=t.htmlMarkup,m=void 0===c?"span":c,d=t.highlighted,p=t.compact,u=r(o.tile__title,(e(l={},o["tile__title--highlighted"],d),e(l,o["tile__title--compact"],p),l),n),f=m;return i.createElement(f,{className:u,ref:a},s)})),c=i.forwardRef((function(n,c){var m,d,p=n.icon,u=n.title,f=n.className,h=void 0===f?"":f,g=n.description,b=n.fixed,v=void 0!==b&&b,_=n.highlighted,j=void 0!==_&&_,E=n.testId,N=n.htmlMarkup,k=void 0===N?"a":N,w=t(n,["icon","title","className","description","fixed","highlighted","testId","htmlMarkup"]),x=s(c),H=x.hoverRef,I=x.isHovered,M=!g,y=r(o.tile,(e(m={},o["tile--fixed"],v),e(m,o["tile--compact"],M),e(m,o["tile--highlighted"],j),e(m,o["tile--button"],"button"===k),m),h),O=r(o["title-wrapper"],e({},o["title-wrapper--compact"],M)),R=function(){return i.createElement(i.Fragment,null,i.createElement("div",{className:O},i.cloneElement(p,{size:l.Medium,isHovered:I,color:j?"white":"black"}),i.cloneElement(u,{highlighted:j,compact:M})),g?i.createElement("p",{className:o.tile__description},g):null)},F=Object.assign((e(d={className:y},"data-testid",E),e(d,"data-analyticsid",a.Tile),d),w);return i.createElement(i.Fragment,null,"a"===k&&i.createElement("a",Object.assign({ref:H,rel:"_blank"===n.target?"noopener noreferrer":n.rel},F),R()),"button"===k&&i.createElement("button",Object.assign({ref:H,type:"button"},F),R()))}));c.Title=n;export{c as Tile,c as default};
 //# sourceMappingURL=index.js.map

package/components/Tile/styles.module.scss

@@ -38,6 +38,10 @@
     border: 1px solid $black;
   }
 
+  &--button {
+    border: none;
+  }
+
   &--fixed {
     min-width: 15rem;
     max-width: 20rem;

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

@@ -4,6 +4,7 @@ export type Styles = {
   tile__title: string;
   'tile__title--compact': string;
   'tile__title--highlighted': string;
+  'tile--button': string;
   'tile--compact': string;
   'tile--fixed': string;
   'tile--highlighted': string;

package/components/Title/index.js

@@ -1,2 +1,2 @@
-export{T as Title,T as default,i as instanceOfTitleMargin}from"../../Title-b5e19cfc.js";import"../../_rollupPluginBabelHelpers-0f007973.js";import"react";import"../../index-d1c0552c.js";import"./styles.module.scss";import"../../constants-d84659f5.js";
+export{T as Title,T as default,i as instanceOfTitleMargin}from"../../Title-01820508.js";import"../../_rollupPluginBabelHelpers-0f007973.js";import"react";import"../../index-d1c0552c.js";import"./styles.module.scss";import"../../constants-dbdea596.js";
 //# sourceMappingURL=index.js.map

package/components/Tooltip/index.js

@@ -1,2 +1,2 @@
-export{T as Tooltip,b as TooltipOpenProvider,T as default,u as useTooltipOpen,a as useTooltipOpenToggle}from"../../Tooltip-f6c63399.js";import"../../_rollupPluginBabelHelpers-0f007973.js";import"react";import"../../constants-d84659f5.js";import"../../useUuid-3b1e73f2.js";import"../../uuid-11037462.js";import"../../HelpBubble-6c6578d2.js";import"../../index-d1c0552c.js";import"../../AnchorLink-140a72b0.js";import"../../Icon-877aeed0.js";import"../../_tslib-b219470a.js";import"../../ArrowUpRight-e9f5b42e.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../../useHover-b995a0e6.js";import"../AnchorLink/styles.module.scss";import"../../Close-ddb54826.js";import"../../X-3e7c0719.js";import"../Close/styles.module.scss";import"../../useBreakpoint-a74f5af5.js";import"../HelpBubble/styles.module.scss";import"./styles.module.scss";
+export{T as Tooltip,b as TooltipOpenProvider,T as default,u as useTooltipOpen,a as useTooltipOpenToggle}from"../../Tooltip-d8293023.js";import"../../_rollupPluginBabelHelpers-0f007973.js";import"react";import"../../constants-dbdea596.js";import"../../useUuid-3b1e73f2.js";import"../../uuid-11037462.js";import"../../HelpBubble-2efa4680.js";import"../../index-d1c0552c.js";import"../../AnchorLink-d5aca698.js";import"../../Icon-d69d65b3.js";import"../../_tslib-b219470a.js";import"../../ArrowUpRight-5be53e0d.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../../useHover-18479690.js";import"../AnchorLink/styles.module.scss";import"../../Close-08d48540.js";import"../../X-867957f2.js";import"../Close/styles.module.scss";import"../../useBreakpoint-a74f5af5.js";import"../HelpBubble/styles.module.scss";import"./styles.module.scss";
 //# sourceMappingURL=index.js.map

package/components/TooltipExample/index.js

@@ -1,2 +1,2 @@
-import e from"react";import{b as i,T as t}from"../../Tooltip-f6c63399.js";import"../../_rollupPluginBabelHelpers-0f007973.js";import"../../constants-d84659f5.js";import"../../useUuid-3b1e73f2.js";import"../../uuid-11037462.js";import"../../HelpBubble-6c6578d2.js";import"../../index-d1c0552c.js";import"../../AnchorLink-140a72b0.js";import"../../Icon-877aeed0.js";import"../../_tslib-b219470a.js";import"../../ArrowUpRight-e9f5b42e.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../../useHover-b995a0e6.js";import"../AnchorLink/styles.module.scss";import"../../Close-ddb54826.js";import"../../X-3e7c0719.js";import"../Close/styles.module.scss";import"../../useBreakpoint-a74f5af5.js";import"../HelpBubble/styles.module.scss";import"../Tooltip/styles.module.scss";var s="Dolore quis tempor culpa exercitation laboris. Enim enim pariatur veniam nisi ad quis fugiat magna occaecat nisi. Excepteur ad ad duis quis mollit ex. Laboris duis velit eu eiusmod ea in ex aliqua. Est proident proident dolor veniam nostrud aliquip occaecat dolore sunt laboris nisi ipsum Lorem nisi. Magna sunt ex occaecat amet id. Eiusmod magna Lorem proident est occaecat pariatur sunt esse nostrud. Mollit reprehenderit velit veniam amet ipsum veniam et. Dolor sunt adipisicing enim dolore quis qui occaecat esse quis ut fugiat laboris. ",o=function(o){return e.createElement(i,null,e.createElement(e.Fragment,null,e.createElement(t,Object.assign({},o),"Et tooltip her.")," "+s,"Dette er ",e.createElement(t,Object.assign({},o),o.children)," som skal ha nærmere forklaring.",s,e.createElement(t,Object.assign({},o),"Enda et tooltip her.")))};export{o as default};
+import e from"react";import{b as i,T as t}from"../../Tooltip-d8293023.js";import"../../_rollupPluginBabelHelpers-0f007973.js";import"../../constants-dbdea596.js";import"../../useUuid-3b1e73f2.js";import"../../uuid-11037462.js";import"../../HelpBubble-2efa4680.js";import"../../index-d1c0552c.js";import"../../AnchorLink-d5aca698.js";import"../../Icon-d69d65b3.js";import"../../_tslib-b219470a.js";import"../../ArrowUpRight-5be53e0d.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../../useHover-18479690.js";import"../AnchorLink/styles.module.scss";import"../../Close-08d48540.js";import"../../X-867957f2.js";import"../Close/styles.module.scss";import"../../useBreakpoint-a74f5af5.js";import"../HelpBubble/styles.module.scss";import"../Tooltip/styles.module.scss";var s="Dolore quis tempor culpa exercitation laboris. Enim enim pariatur veniam nisi ad quis fugiat magna occaecat nisi. Excepteur ad ad duis quis mollit ex. Laboris duis velit eu eiusmod ea in ex aliqua. Est proident proident dolor veniam nostrud aliquip occaecat dolore sunt laboris nisi ipsum Lorem nisi. Magna sunt ex occaecat amet id. Eiusmod magna Lorem proident est occaecat pariatur sunt esse nostrud. Mollit reprehenderit velit veniam amet ipsum veniam et. Dolor sunt adipisicing enim dolore quis qui occaecat esse quis ut fugiat laboris. ",o=function(o){return e.createElement(i,null,e.createElement(e.Fragment,null,e.createElement(t,Object.assign({},o),"Et tooltip her.")," "+s,"Dette er ",e.createElement(t,Object.assign({},o),o.children)," som skal ha nærmere forklaring.",s,e.createElement(t,Object.assign({},o),"Enda et tooltip her.")))};export{o as default};
 //# sourceMappingURL=index.js.map

package/components/Validation/index.js

@@ -1,2 +1,2 @@
-export{V as Validation,V as default}from"../../Validation-333c049f.js";import"react";import"../../index-d1c0552c.js";import"../../FormGroup-60527189.js";import"../../_rollupPluginBabelHelpers-0f007973.js";import"../FormGroup/styles.module.scss";import"../../Checkbox-7d0879d2.js";import"../../uuid-11037462.js";import"../../Check-632c2b4f.js";import"../../Icon-877aeed0.js";import"../../_tslib-b219470a.js";import"../../constants-d84659f5.js";import"../../useUuid-3b1e73f2.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../Checkbox/styles.module.scss";import"../../RadioButton-dba5974f.js";import"../RadioButton/styles.module.scss";import"../../Input-eae60679.js";import"../../useBreakpoint-a74f5af5.js";import"../Input/styles.module.scss";import"../../Title-b5e19cfc.js";import"../Title/styles.module.scss";import"../../FormLayout-4207a2c9.js";import"../FormLayout/styles.module.scss";import"./styles.module.scss";
+export{V as Validation,V as default}from"../../Validation-087d9955.js";import"react";import"../../index-d1c0552c.js";import"../../FormGroup-c32db99d.js";import"../../_rollupPluginBabelHelpers-0f007973.js";import"../FormGroup/styles.module.scss";import"../../Checkbox-b0815d04.js";import"../../uuid-11037462.js";import"../../Check-fdf95f67.js";import"../../Icon-d69d65b3.js";import"../../_tslib-b219470a.js";import"../../constants-dbdea596.js";import"../../useUuid-3b1e73f2.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../Checkbox/styles.module.scss";import"../../RadioButton-3ce7a88d.js";import"../RadioButton/styles.module.scss";import"../../Input-9ccf3867.js";import"../../useBreakpoint-a74f5af5.js";import"../Input/styles.module.scss";import"../../Title-01820508.js";import"../Title/styles.module.scss";import"../../FormLayout-1a6866fe.js";import"../FormLayout/styles.module.scss";import"./styles.module.scss";
 //# sourceMappingURL=index.js.map

package/constants-dbdea596.js

@@ -0,0 +1,2 @@
+var a,o,e,n,t,r;!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"}(e||(e={})),function(a){a.normal="normal",a.bigform="bigform"}(n||(n={})),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.HelpBubble="help-bubble",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.Table="table",a.Tag="tag",a.TagList="tag-list",a.Textarea="textarea",a.Tile="tile",a.Title="title",a.Tooltip="tooltip",a.Validation="validation"}(t||(t={})),function(a){a.Enter="Enter",a.Escape="Escape",a.ArrowDown="ArrowDown",a.ArrowUp="ArrowUp",a.Home="Home",a.End="End"}(r||(r={}));export{t as A,e as F,a as I,r as K,o as Z,n as a};
+//# sourceMappingURL=constants-dbdea596.js.map

package/constants-dbdea596.js.map

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

package/constants.d.ts

@@ -93,6 +93,7 @@ export declare enum AnalyticsId {
     Slider = "slider",
     Spacer = "spacer",
     StatusDot = "status-dot",
+    Table = "table",
     Tag = "tag",
     TagList = "tag-list",
     Textarea = "textarea",

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/useHover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useHover.d.ts","sourceRoot":"","sources":["../../src/hooks/useHover.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+B,SAAS,EAAE,MAAM,OAAO,CAAC;AAE/D;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,uHAA+F,OAAO;;;CA0B1H,CAAC"}
+{"version":3,"file":"useHover.d.ts","sourceRoot":"","sources":["../../src/hooks/useHover.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+B,SAAS,EAAE,MAAM,OAAO,CAAC;AAE/D;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,uHAA+F,OAAO;;;CAuB1H,CAAC"}

package/{index-7f01d36f.js → index-28ed5ede.js}

@@ -1,2 +1,2 @@
-import t from"react";import{createPortal as e}from"react-dom";import{A as r}from"./constants-d84659f5.js";function n(n){var a=n.children,o=n.parent,i=n.className,c=n.testId,d=t.useMemo((function(){return document.createElement("div")}),[]);return d.setAttribute("data-analyticsid",r.Portal),c&&d.setAttribute("data-testid",c),t.useEffect((function(){var t=o&&o.appendChild?o:document.body,e=["portal-container"];return i&&i.split(" ").forEach((function(t){return e.push(t)})),e.forEach((function(t){return d.classList.add(t)})),t.appendChild(d),function(){t.removeChild(d)}}),[d,o,i]),e(a,d)}export{n as P};
-//# sourceMappingURL=index-7f01d36f.js.map
+import t from"react";import{createPortal as e}from"react-dom";import{A as r}from"./constants-dbdea596.js";function n(n){var a=n.children,o=n.parent,i=n.className,c=n.testId,d=t.useMemo((function(){return document.createElement("div")}),[]);return d.setAttribute("data-analyticsid",r.Portal),c&&d.setAttribute("data-testid",c),t.useEffect((function(){var t=o&&o.appendChild?o:document.body,e=["portal-container"];return i&&i.split(" ").forEach((function(t){return e.push(t)})),e.forEach((function(t){return d.classList.add(t)})),t.appendChild(d),function(){t.removeChild(d)}}),[d,o,i]),e(a,d)}export{n as P};
+//# sourceMappingURL=index-28ed5ede.js.map

package/index-28ed5ede.js.map

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

package/index.js

@@ -1,2 +1,2 @@
-export{t as theme}from"./index-d1c9177a.js";export{B as Breakpoint,u as useBreakpoint}from"./useBreakpoint-a74f5af5.js";export{u as useFocusToggle,a as useFocusTrap,b as useIntersectionObserver,c as useIsVisible}from"./useIsVisible-bef05e5e.js";export{u as useHover}from"./useHover-b995a0e6.js";import{d as e}from"./useSticky-432642c9.js";export{u as useLayoutEvent,a as useSticky}from"./useSticky-432642c9.js";export{u as usePrevious}from"./usePrevious-ae293b10.js";import{_ as s,a as r}from"./_rollupPluginBabelHelpers-0f007973.js";import{useState as o,useEffect as n}from"react";export{b as useKeyboardEvent,c as useOutsideEvent,u as useResizeObserver,a as useToggle}from"./useOutsideEvent-fb86686d.js";export{u as useUuid}from"./useUuid-3b1e73f2.js";export{u as uuid}from"./uuid-11037462.js";export{A as AnalyticsId,F as FormMode,a as FormVariant,I as IconSize,K as KeyboardEventKey,Z as ZIndex}from"./constants-d84659f5.js";import"./palette-f206f488.js";import"./grid-c105cad1.js";var i=function(t){var u=o(),a=s(u,2),i=a[0],f=a[1];return n((function(){if("undefined"!=typeof ResizeObserver){var o=new ResizeObserver((function(e){f(e[0].target.getBoundingClientRect())}));return(null==t?void 0:t.current)&&o.observe(null==t?void 0:t.current),o.disconnect}if("object"===("undefined"==typeof window?"undefined":r(window))){var n=["layoutchange","resize","orientationchange"],u=e((function(){(null==t?void 0:t.current)&&f(t.current.getBoundingClientRect())}),10),a=s(u,2),i=a[0],c=a[1];return n.forEach((function(e){return window.addEventListener(e,i)})),i(),function(){c(),n.forEach((function(e){return window.removeEventListener(e,i)}))}}}),[t]),i};export{i as useSize};
+export{t as theme}from"./index-d1c9177a.js";export{B as Breakpoint,u as useBreakpoint}from"./useBreakpoint-a74f5af5.js";export{u as useFocusToggle,a as useFocusTrap,b as useIntersectionObserver,c as useIsVisible}from"./useIsVisible-bef05e5e.js";export{u as useHover}from"./useHover-18479690.js";import{d as e}from"./useSticky-432642c9.js";export{u as useLayoutEvent,a as useSticky}from"./useSticky-432642c9.js";export{u as usePrevious}from"./usePrevious-ae293b10.js";import{_ as s,a as r}from"./_rollupPluginBabelHelpers-0f007973.js";import{useState as o,useEffect as n}from"react";export{b as useKeyboardEvent,c as useOutsideEvent,u as useResizeObserver,a as useToggle}from"./useOutsideEvent-fb86686d.js";export{u as useUuid}from"./useUuid-3b1e73f2.js";export{u as uuid}from"./uuid-11037462.js";export{A as AnalyticsId,F as FormMode,a as FormVariant,I as IconSize,K as KeyboardEventKey,Z as ZIndex}from"./constants-dbdea596.js";import"./palette-f206f488.js";import"./grid-c105cad1.js";var i=function(t){var u=o(),a=s(u,2),i=a[0],c=a[1];return n((function(){if("undefined"!=typeof ResizeObserver){var o=new ResizeObserver((function(e){c(e[0].target.getBoundingClientRect())}));return(null==t?void 0:t.current)&&o.observe(null==t?void 0:t.current),o.disconnect}if("object"===("undefined"==typeof window?"undefined":r(window))){var n=["layoutchange","resize","orientationchange"],u=e((function(){(null==t?void 0:t.current)&&c(t.current.getBoundingClientRect())}),10),a=s(u,2),i=a[0],d=a[1];return n.forEach((function(e){return window.addEventListener(e,i)})),i(),function(){d(),n.forEach((function(e){return window.removeEventListener(e,i)}))}}}),[t]),i};export{i as useSize};
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@helsenorge/designsystem-react",
   "sideEffects": false,
-  "version": "1.0.0-beta139",
+  "version": "1.0.0-beta140",
   "description": "The official design system for Helsenorge built with React.",
   "repository": {
     "type": "tfs",

package/scss/_breakpoints.scss

@@ -11,6 +11,12 @@ $grid-breakpoints: (
   xl: 1450px,
 );
 
+$grid-max-breakpoints: (
+  xs: map-get($grid-breakpoints, sm) - 0.02,
+  sm: map-get($grid-breakpoints, md) - 0.02,
+  md: map-get($grid-breakpoints, lg) - 0.02,
+);
+
 $container-max-widths: (
   sm: 528px,
   md: 612px,

package/useHover-18479690.js

@@ -0,0 +1,2 @@
+import{_ as n}from"./_rollupPluginBabelHelpers-0f007973.js";import{useRef as r,useState as e,useEffect as o}from"react";var t=function(t,u){var i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],f=t||r(null),c=e(!1),l=n(c,2),v=l[0],a=l[1];return o((function(){var n=f.current,r=function(){return a(!0)},e=function(){return a(!1)},o=["mouseenter",i?"focusin":""],t=["mouseleave",i?"focusout":""];return o.forEach((function(e){return null==n?void 0:n.addEventListener(e,r)})),t.forEach((function(r){return null==n?void 0:n.addEventListener(r,e)})),function(){o.forEach((function(e){return null==n?void 0:n.removeEventListener(e,r)})),t.forEach((function(r){return null==n?void 0:n.removeEventListener(r,e)}))}}),[f,u]),{hoverRef:f,isHovered:v}};export{t as u};
+//# sourceMappingURL=useHover-18479690.js.map

package/useHover-18479690.js.map

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

package/AlertSignFill-e0a05c2b.js.map

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

package/AlertSignStroke-d16ccb9e.js.map

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

package/AnchorLink-140a72b0.js

@@ -1,2 +0,0 @@
-import r from"react";import{I as e}from"./Icon-877aeed0.js";import{A as o,I as s}from"./constants-d84659f5.js";import{A as a}from"./ArrowUpRight-e9f5b42e.js";import{g as t}from"./color-e7d082c1.js";import{u as i}from"./useHover-b995a0e6.js";import n from"./components/AnchorLink/styles.module.scss";import{c}from"./index-d1c0552c.js";var m=r.forwardRef((function(m,l){var d=m.id,f=m.href,p=m.children,v=m.className,h=m.target,u=void 0===h?"_self":h,b=m.testId,j="_blank"===u,A=i(l,void 0,!1),g=A.hoverRef,k=A.isHovered,I=c(n.anchorlink,null!=v?v:"");return r.createElement("a",{id:d,href:f,className:I,target:u,rel:j?"noopener noreferrer":void 0,ref:g,"data-testid":b,"data-analyticsid":o.AnchorLink},p,j&&r.createElement(e,{className:n.anchorlink__icon,svgIcon:a,color:t("blueberry",600),hoverColor:t("blueberry",700),size:s.XSmall,isHovered:k}))}));export{m as A};
-//# sourceMappingURL=AnchorLink-140a72b0.js.map

package/AnchorLink-140a72b0.js.map

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

package/ArrowRight-2e4b6122.js.map

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

package/ArrowUpRight-e9f5b42e.js.map

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

package/Badge-d7e6ebd7.js.map

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

package/Button-1ae9497c.js.map

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

package/Calendar-03556b56.js.map

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

package/Check-632c2b4f.js.map

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

package/Checkbox-7d0879d2.js.map

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

package/ChevronDown-652aa9e9.js.map

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

package/ChevronRight-a4c19be9.js.map

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

package/ChevronUp-558a33cd.js.map

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