@helsenorge/designsystem-react 1.0.0-beta95 → 1.0.0-beta99

package/components/Expander/componentdata.json

@@ -0,0 +1,237 @@
+{
+  "props": {
+    "title": {
+      "defaultValue": null,
+      "description": "Sets the trigger title",
+      "name": "title",
+      "parent": {
+        "fileName": "src/components/Expander/Expander.tsx",
+        "name": "ExpanderProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Expander/Expander.tsx",
+          "name": "ExpanderProps"
+        }
+      ],
+      "required": true,
+      "type": {
+        "name": "string"
+      }
+    },
+    "children": {
+      "defaultValue": null,
+      "description": "Sets the expanded content",
+      "name": "children",
+      "parent": {
+        "fileName": "src/components/Expander/Expander.tsx",
+        "name": "ExpanderProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Expander/Expander.tsx",
+          "name": "ExpanderProps"
+        },
+        {
+          "fileName": "designsystem/node_modules/@types/react/index.d.ts",
+          "name": "TypeLiteral"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "ReactNode"
+      }
+    },
+    "size": {
+      "defaultValue": null,
+      "description": "Sets the size of the expander. Default: ExpanderSize.small",
+      "name": "size",
+      "parent": {
+        "fileName": "src/components/Expander/Expander.tsx",
+        "name": "ExpanderProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Expander/Expander.tsx",
+          "name": "ExpanderProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "enum",
+        "raw": "ExpanderSize | undefined",
+        "value": [
+          {
+            "value": "undefined"
+          },
+          {
+            "value": "\"small\""
+          },
+          {
+            "value": "\"large\""
+          }
+        ]
+      }
+    },
+    "color": {
+      "defaultValue": null,
+      "description": "Sets the background of the expander. Requires size=ExpanderSize.large.",
+      "name": "color",
+      "parent": {
+        "fileName": "src/components/Expander/Expander.tsx",
+        "name": "ExpanderProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Expander/Expander.tsx",
+          "name": "ExpanderProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "enum",
+        "raw": "\"banana\" | \"blueberry\" | \"cherry\" | \"kiwi\" | \"neutral\" | \"plum\" | \"white\" | undefined",
+        "value": [
+          {
+            "value": "undefined"
+          },
+          {
+            "value": "\"banana\""
+          },
+          {
+            "value": "\"blueberry\""
+          },
+          {
+            "value": "\"cherry\""
+          },
+          {
+            "value": "\"kiwi\""
+          },
+          {
+            "value": "\"neutral\""
+          },
+          {
+            "value": "\"plum\""
+          },
+          {
+            "value": "\"white\""
+          }
+        ]
+      }
+    },
+    "svgIcon": {
+      "defaultValue": null,
+      "description": "Adds an icon to the expander trigger. Requires size=ExpanderSize.large.",
+      "name": "svgIcon",
+      "parent": {
+        "fileName": "src/components/Expander/Expander.tsx",
+        "name": "ExpanderProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Expander/Expander.tsx",
+          "name": "ExpanderProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "FC<SvgPathProps>"
+      }
+    },
+    "expanded": {
+      "defaultValue": null,
+      "description": "Adds an icon to the expander trigger",
+      "name": "expanded",
+      "parent": {
+        "fileName": "src/components/Expander/Expander.tsx",
+        "name": "ExpanderProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Expander/Expander.tsx",
+          "name": "ExpanderProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "boolean"
+      }
+    },
+    "noNestedLine": {
+      "defaultValue": null,
+      "description": "Removes border to the left of the content. Requires size=ExpanderSize.small.",
+      "name": "noNestedLine",
+      "parent": {
+        "fileName": "src/components/Expander/Expander.tsx",
+        "name": "ExpanderProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Expander/Expander.tsx",
+          "name": "ExpanderProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "boolean"
+      }
+    },
+    "sticky": {
+      "defaultValue": null,
+      "description": "Stick expander trigger to top of screen while scrolling down",
+      "name": "sticky",
+      "parent": {
+        "fileName": "src/components/Expander/Expander.tsx",
+        "name": "ExpanderProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Expander/Expander.tsx",
+          "name": "ExpanderProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "boolean"
+      }
+    },
+    "onExpand": {
+      "defaultValue": null,
+      "description": "Called when expander is open/closed.",
+      "name": "onExpand",
+      "parent": {
+        "fileName": "src/components/Expander/Expander.tsx",
+        "name": "ExpanderProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Expander/Expander.tsx",
+          "name": "ExpanderProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "((isExpanded: boolean) => void)"
+      }
+    },
+    "testId": {
+      "defaultValue": null,
+      "description": "Sets the data-testid attribute on the expander button.",
+      "name": "testId",
+      "parent": {
+        "fileName": "src/components/Expander/Expander.tsx",
+        "name": "ExpanderProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Expander/Expander.tsx",
+          "name": "ExpanderProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    }
+  }
+}

package/components/Expander/index.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Expander/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,eAAe,QAAQ,CAAC"}

package/components/Expander/index.js

@@ -0,0 +1,2 @@
+import{_ as e}from"../../_rollupPluginBabelHelpers-d0752906.js";import t,{useState as n,useEffect as a,useRef as o}from"react";import{I as r}from"../../Icon-89da8de4.js";import{Z as i,A as d,I as s}from"../../constants-ad6c82db.js";import{u as c}from"../../useHover-037be19d.js";import l from"./styles.module.scss";import{c as u}from"../../index-9b84fabc.js";import{C as p,a as m}from"../../ChevronUp-4b6797ef.js";import{B as x}from"../../Button-f6698126.js";import"../../_tslib-51c8a283.js";import"../../color-acb834c6.js";import"../../index-19b48c51.js";import"../../palette-f206f488.js";import"../../grid-11a70eb7.js";import"../../Loader-e5b166ea.js";import"../../uuid-8870ab4b.js";import"../Loader/styles.module.scss";import"../../useWindowSize-73b47451.js";import"../Button/styles.module.scss";var b=['a[href]:not([tabindex^="-"])','area[href]:not([tabindex^="-"])','input:not([type="hidden"]):not([type="radio"]):not([disabled]):not([tabindex^="-"])','input[type="radio"]:not([disabled]):not([tabindex^="-"])','select:not([disabled]):not([tabindex^="-"])','textarea:not([disabled]):not([tabindex^="-"])','button:not([disabled]):not([tabindex^="-"])','iframe:not([tabindex^="-"])','audio[controls]:not([tabindex^="-"])','video[controls]:not([tabindex^="-"])','[contenteditable]:not([tabindex^="-"])','[tabindex]:not([tabindex^="-"])'].join(",");function f(e,t,n){var a;return function(){var o=this,r=arguments,i=function(){a=null,n||e.apply(o,r)},d=n&&!a;a&&clearTimeout(a),a=setTimeout(i,t),d&&e.apply(o,r)}}var v,g=function(t,o){var r=n(!1),i=e(r,2),d=i[0],s=i[1],c=n(!1),l=e(c,2),u=l[0],p=l[1],m=n(),x=e(m,2),b=x[0],v=x[1],g=n(),_=e(g,2),h=_[0],E=_[1];return function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:["layoutchange","resize","orientationchange"],n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:10;a((function(){var a=f(e,n);return t.forEach((function(e){return window.addEventListener(e,a)})),a(),function(){t.forEach((function(e){return window.removeEventListener(e,a)}))}}),[])}((function(){var e,n,a,r=(null===(e=t.current)||void 0===e?void 0:e.getBoundingClientRect())||{},i=r.top,d=void 0===i?0:i,c=r.width,l=void 0===c?0:c,u=r.bottom,m=void 0===u?0:u,x=null!==(a=null===(n=o.current)||void 0===n?void 0:n.getBoundingClientRect().height)&&void 0!==a?a:0;s(d<=0),p(m<=x),E(l),v(x)}),["resize","scroll"]),{isOutsideWindow:d,isLeavingWindow:u,offsetHeight:b,contentWidth:h}};!function(e){e.small="small",e.large="large"}(v||(v={}));export default function(f){var _=f.title,h=f.children,E=f.size,y=void 0===E?v.small:E,j=f.color,w=f.svgIcon,I=f.expanded,z=void 0!==I&&I,L=f.noNestedLine,A=void 0!==L&&L,H=f.sticky,N=void 0!==H&&H,W=f.testId,B=f.onExpand,C=n(z),k=e(C,2),S=k[0],T=k[1],O=o(null),X=o(null),R=o(null),q=c(X).isHovered,M=g(O,X),P=M.isOutsideWindow,U=M.isLeavingWindow,Z=M.offsetHeight,D=M.contentWidth;!function(t,o){var r=n(),i=e(r,2),d=i[0],s=i[1];a((function(){var e=function(){var e,n=null===(e=t.current)||void 0===e?void 0:e.querySelectorAll(b);s(n)},n=new MutationObserver(e);return(null==t?void 0:t.current)&&n.observe(t.current,{subtree:!0,childList:!0}),e(),function(){n.disconnect()}}),[t]),a((function(){o?null==d||d.forEach((function(e){var t=e.getAttribute("data-tabindex");t?e.setAttribute("tabindex",t):e.removeAttribute("tabindex")})):null==d||d.forEach((function(e){e.hasAttribute("tabindex")&&e.setAttribute("data-tabindex","".concat(e.tabIndex)),e.tabIndex=-1}))}),[o,d])}(R,S);var F=N&&S&&P;a((function(){z!==S&&T(z)}),[z]),a((function(){B&&B(!!S)}),[S,B]);var G=function(e){return t.createElement("span",{className:u(l.expander__icon,l["expander__icon--".concat(e)])},t.createElement(r,{svgIcon:S?p:m,size:s.XSmall,isHovered:q}))},J=u(l.expander__trigger,l["expander__trigger--".concat(y)],y===v.large&&l["expander__trigger--".concat(j||"neutral")],y===v.large&&w&&l["expander__trigger--icon"],S&&l["expander__trigger--expanded"],F&&!U&&l["expander__trigger--sticky"],F&&U&&l["expander__trigger--absolute"]),K=u(l.expander__button,S&&l["expander__button--expanded"],F&&!U&&l["expander__button--sticky"],F&&U&&l["expander__button--absolute"]),Q=u(l.expander__content,l["expander__content--".concat(y)],y===v.large&&l["expander__content--".concat(j||"neutral")],y===v.large&&w&&l["expander__content--icon"],S&&l["expander__content--expanded"],y===v.small&&!A&&l["expander__content--nested-line"]);return t.createElement("div",{className:l.expander,ref:O,style:{paddingTop:F&&Z?"".concat(Z,"px"):void 0}},y===v.large?t.createElement("button",{className:J,style:{zIndex:q||F?i.ExpanderTrigger:void 0,width:F&&D?"".concat(D,"px"):void 0},"aria-expanded":S,ref:X,onClick:function(){return T(!S)},"data-testid":W,"data-analyticsid":d.Expander},y===v.small&&G("left"),w&&t.createElement("span",{className:u(l.expander__icon,l["expander__icon--left"])},t.createElement(r,{svgIcon:w,size:s.XSmall,isHovered:q})),_,y===v.large&&G("right")):t.createElement(x,{variant:"borderless",className:K,"aria-expanded":S,ref:X,onClick:function(){return T(!S)},testId:W,"data-analyticsid":d.Expander},t.createElement(r,{svgIcon:S?p:m,size:s.XSmall}),_),t.createElement("div",{className:Q,ref:R},h))}export{v as ExpanderSize};
+//# sourceMappingURL=index.js.map

package/components/Expander/index.js.map

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

package/components/Expander/styles.module.scss

@@ -0,0 +1,165 @@
+@import '../../scss/_spacers.scss';
+@import '../../scss/_breakpoints.scss';
+@import '../../scss/_palette.scss';
+@import '../../scss/_font-settings.scss';
+
+.expander {
+  position: relative;
+  width: 100%;
+  &__icon {
+    display: flex;
+    align-items: center;
+    &--left {
+      margin-right: getSpacer(xs);
+      @media (min-width: map-get($grid-breakpoints, md)) {
+        margin-right: getSpacer(s);
+      }
+    }
+    &--right {
+      margin-left: auto;
+      padding-left: getSpacer(xs);
+    }
+  }
+  &__button {
+    position: relative;
+    &:hover {
+      background-color: $blueberry50;
+    }
+    &--expanded {
+      background-color: $blueberry50;
+    }
+  }
+  &__trigger {
+    $trigger: &;
+    position: relative;
+    display: flex;
+    align-items: center;
+    border: none;
+    outline: none;
+    font-size: $font-size-sm;
+    line-height: $lineheight-size-sm;
+    font-weight: 600;
+    @media (min-width: map-get($grid-breakpoints, md)) {
+      font-size: $font-size-md;
+      line-height: $lineheight-size-md;
+    }
+
+    &--large {
+      width: 100%;
+      padding: 12px getSpacer(xs) 12px getSpacer(s); // TODO: Bruk ny getspacer her i stedet for 12px
+
+      @media (min-width: map-get($grid-breakpoints, md)) {
+        padding: 12px getSpacer(s) 12px getSpacer(l);
+      }
+    }
+    &--icon {
+      padding-left: getSpacer(xs);
+      @media (min-width: map-get($grid-breakpoints, md)) {
+        padding-left: getSpacer(s);
+      }
+    }
+
+    $colors: 'neutral', 'blueberry', 'cherry', 'kiwi', 'banana', 'plum';
+
+    @each $color in $colors {
+      &--#{$color} {
+        background-color: map-get($palette-map, #{$color}50);
+        &:hover {
+          background-color: map-get($palette-map, #{$color}100);
+        }
+        &:focus {
+          box-shadow: 0 0 0 1.5px $neutral600, inset 0 0 0 1.5px $neutral600;
+        }
+        &#{$trigger}--expanded {
+          background-color: map-get($palette-map, #{$color}100);
+          &:hover {
+            background-color: map-get($palette-map, #{$color}200);
+          }
+        }
+      }
+    }
+
+    // Hvit bakgrunn har egne regler for bakgrunnsfarge, hover og fokus
+    &--white {
+      background-color: $white;
+      &:hover {
+        background-color: $neutral100;
+      }
+      &:focus {
+        box-shadow: 0 0 0 1.5px $neutral600, inset 0 0 0 1.5px $neutral600;
+      }
+      &#{$trigger}--expanded {
+        box-shadow: inset 0 0 0 6px $neutral100;
+        &:focus {
+          box-shadow: 0 0 0 1.5px $neutral600, inset 0 0 0 1.5px $neutral600, inset 0 0 0 6px $neutral100;
+        }
+      }
+    }
+  }
+  &__button,
+  &__trigger {
+    &--sticky {
+      position: fixed;
+      top: 0;
+    }
+    &--absolute {
+      position: absolute;
+      bottom: 0;
+    }
+  }
+  &__content {
+    $content: &;
+    display: none;
+    width: 100%;
+
+    &--expanded {
+      display: block;
+    }
+    &--small {
+      margin-top: getSpacer(s);
+    }
+    &--nested-line {
+      padding-left: getSpacer(s);
+      border-left: solid 3px $neutral200;
+      @media (min-width: map-get($grid-breakpoints, md)) {
+        margin-left: calc(38px / 2); // Halvparten av chevron-ikonets bredde
+        padding-left: calc(
+          38px / 2 + 12px - 3px
+        ); // Halvparten av chevron-ikonets bredde, pluss ikonets margin-right på tablet, minus bredden på border
+      }
+    }
+    &--large {
+      padding: getSpacer(s) getSpacer(m) getSpacer(l) getSpacer(s);
+
+      @media (min-width: map-get($grid-breakpoints, md)) {
+        padding: getSpacer(m) getSpacer(l) getSpacer(xl) getSpacer(l);
+      }
+      &#{$content}--icon {
+        @media (min-width: map-get($grid-breakpoints, md)) {
+          padding-left: 70px;
+        }
+      }
+    }
+    &--neutral {
+      background-color: $neutral50;
+    }
+    &--blueberry {
+      background-color: $blueberry50;
+    }
+    &--cherry {
+      background-color: $cherry50;
+    }
+    &--kiwi {
+      background-color: $kiwi50;
+    }
+    &--banana {
+      background-color: $banana50;
+    }
+    &--plum {
+      background-color: $plum50;
+    }
+    &--white {
+      background-color: $white;
+    }
+  }
+}

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

@@ -0,0 +1,42 @@
+export type Styles = {
+  expander: string;
+  expander__button: string;
+  'expander__button--absolute': string;
+  'expander__button--expanded': string;
+  'expander__button--sticky': string;
+  expander__content: string;
+  'expander__content--banana': string;
+  'expander__content--blueberry': string;
+  'expander__content--cherry': string;
+  'expander__content--expanded': string;
+  'expander__content--icon': string;
+  'expander__content--kiwi': string;
+  'expander__content--large': string;
+  'expander__content--nested-line': string;
+  'expander__content--neutral': string;
+  'expander__content--plum': string;
+  'expander__content--small': string;
+  'expander__content--white': string;
+  expander__icon: string;
+  'expander__icon--left': string;
+  'expander__icon--right': string;
+  expander__trigger: string;
+  'expander__trigger--absolute': string;
+  'expander__trigger--banana': string;
+  'expander__trigger--blueberry': string;
+  'expander__trigger--cherry': string;
+  'expander__trigger--expanded': string;
+  'expander__trigger--icon': string;
+  'expander__trigger--kiwi': string;
+  'expander__trigger--large': string;
+  'expander__trigger--neutral': string;
+  'expander__trigger--plum': string;
+  'expander__trigger--sticky': string;
+  'expander__trigger--white': string;
+};
+
+export type ClassNames = keyof Styles;
+
+declare const styles: Styles;
+
+export default styles;

package/components/ExpanderList/ExpanderList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExpanderList.d.ts","sourceRoot":"","sources":["../../../src/components/ExpanderList/ExpanderList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAYnD,oBAAY,kBAAkB,GAAG,YAAY,CAAC;AAC9C,oBAAY,YAAY,GAAG,KAAK,CAAC,yBAAyB,CAAC,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC;AAE/G,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,yBAAyB,CAAC,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;IACtI,QAAQ,EAAE,YAAY,CAAC;CACxB;AAMD,UAAU,iBAAiB;IACzB,yDAAyD;IACzD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2DAA2D;IAC3D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gCAAgC;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,wCAAwC;IACxC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,6BAA6B;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,wCAAwC;IACxC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,yDAAyD;IACzD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,aAAK,MAAM,CAAC,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC;AAEzC,aAAK,aAAa,GAAG,MAAM,CACzB,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,EACvC;IACE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;CAClF,CACF,CAAC;AAiDF,eAAO,MAAM,YAAY,sBAoEC,CAAC;AAK3B,eAAe,YAAY,CAAC"}
+{"version":3,"file":"ExpanderList.d.ts","sourceRoot":"","sources":["../../../src/components/ExpanderList/ExpanderList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAanD,oBAAY,kBAAkB,GAAG,YAAY,CAAC;AAC9C,oBAAY,YAAY,GAAG,KAAK,CAAC,yBAAyB,CAAC,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC;AAE/G,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,yBAAyB,CAAC,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;IACtI,QAAQ,EAAE,YAAY,CAAC;CACxB;AAMD,UAAU,iBAAiB;IACzB,yDAAyD;IACzD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2DAA2D;IAC3D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gCAAgC;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,wCAAwC;IACxC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,6BAA6B;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,wCAAwC;IACxC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,yDAAyD;IACzD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,aAAK,MAAM,CAAC,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC;AAEzC,aAAK,aAAa,GAAG,MAAM,CACzB,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,EACvC;IACE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;CAClF,CACF,CAAC;AAwDF,eAAO,MAAM,YAAY,sBAoEC,CAAC;AAK3B,eAAe,YAAY,CAAC"}

package/components/ExpanderList/index.js

@@ -1,2 +1,2 @@
-import{_ as e,a as t}from"../../_rollupPluginBabelHelpers-d0752906.js";import n,{useState as a,useEffect as r}from"react";import{I as i}from"../../Icon-04613a89.js";import{I as l}from"../../constants-42547490.js";import{u as o}from"../../useHover-037be19d.js";import{u as d,B as s}from"../../useBreakpoint-324a9b14.js";import{c}from"../../index-9b84fabc.js";import m from"./styles.module.scss";import"../../_tslib-51c8a283.js";import"../../useWindowSize-73b47451.js";import"../../grid-11a70eb7.js";var p=function(e){var t=e.isExtraSmall,a=e.isHovered,r=n.createElement("path",{d:"M15.049 30.277l-1.419-1.409 10.371-10.451L34.37 28.868l-1.419 1.409L24 21.257z"}),i=n.createElement("path",{d:"M24.001 10.14L36.37 22.591 34.951 24 25 13.985V35h-2V13.985L13.049 24l-1.419-1.409z"}),l=n.createElement("path",{d:"M32.577 30.115l1.793-1.779-10.371-10.451L13.63 28.336l1.793 1.779 8.576-8.644z"});return t?a?n.createElement("path",{d:"M23.999 9.043L36.897 22.02l-1.794 1.78-9.841-9.9.001 20.205h-2.526L22.736 13.9l-9.839 9.9-1.794-1.78z"}):l:a?i:r},u=function(e){var t=e.isExtraSmall,a=e.isHovered,r=n.createElement("path",{d:"M32.951 18.788l1.419 1.409-10.371 10.451L13.63 20.197l1.419-1.409L24 27.809z"}),i=n.createElement("path",{d:"M25 13v20.083l9.951-10.013 1.419 1.409L23.999 36.93 11.63 24.479l1.419-1.409L23 33.085V13z"}),l=n.createElement("path",{d:"M32.577 17.885l1.793 1.779-10.371 10.451L13.63 19.664l1.793-1.779 8.576 8.644z"});return t?a?n.createElement("path",{d:"M25 13v20.083l9.951-10.013 1.419 1.409L23.999 36.93 11.63 24.479l1.419-1.409L23 33.085V13z"}):l:a?i:r},f=n.forwardRef((function(e,a){var r,f=e.id,v=e.children,x=e.padding,E=void 0===x||x,h=e.color,g=void 0===h?"neutral":h,_=e.className,b=void 0===_?"":_,L=e.icon,k=e.large,j=void 0!==k&&k,z=e.title,N=e.isExpanded,H=void 0!==N&&N,w=e.testId,M=e.handleExpanderClick,I=o(),B=I.hoverRef,C=I.isHovered,S=d(),O=c(m["expander-list-link"],m["expander-list-link--".concat(g)],(t(r={},m["expander-list-link--closed"],!H),t(r,m["expander-list-link--large"],j),r)),V=c(m["expander-list-link__main-content"],E?m["expander-list-link__main-content--padding"]:"");return n.createElement("li",{className:b,ref:a},n.createElement("button",{id:f,onClick:M,"data-testid":w,className:O,ref:B},L&&n.createElement("span",{className:m["expander-list-link__icon"]},n.cloneElement(L,{size:S===s.Xs?l.XSmall:l.Small,isHovered:C})),n.createElement("span",{className:m["expander-list-link__title"]},z),n.createElement("span",{className:m["expander-list-link__chevron"]},n.createElement(i,{size:l.XSmall,svgIcon:H?p:u,isHovered:C}))),H?n.createElement("div",{className:V},v):null)})),v=n.forwardRef((function(i,l){var o=i.children,d=i.childPadding,s=void 0===d||d,p=i.large,u=i.isOpen,v=void 0!==u&&u,x=i.color,E=i.className,h=void 0===E?"":E,g=i.accordion,_=void 0!==g&&g,b=i.topBorder,L=void 0===b||b,k=i.bottomBorder,j=void 0===k||k,z=i.testId,N=a({}),H=e(N,2),w=H[0],M=H[1],I=a(),B=e(I,2),C=B[0],S=B[1],O=n.Children.count(o),V=c(m["expander-list"],h);return r((function(){var e,t,n,a,r;!_||!C||(e=C.getBoundingClientRect(),t=e.top,n=e.left,a=e.bottom,r=e.right,t>=0&&n>=0&&a<=(window.innerHeight||document.documentElement.clientHeight)&&r<=(window.innerWidth||document.documentElement.clientWidth))||C.scrollIntoView()}),[_,C]),r((function(){if(v){var e="expander-0";M((function(n){return _?t({},e,!n[e]):Object.assign(Object.assign({},n),t({},e,!n[e]))}))}}),[v]),n.createElement("ul",{className:V,ref:l,"data-testid":z},n.Children.map(o,(function(e,a){if(e.type===f){var r=w["expander-".concat(a)],i=function(e){var n;return c(m["expander-list__item"],(t(n={},m["expander-list__item--top"],0===e&&L),t(n,m["expander-list__item--no-bottom"],e===O-1&&!j),n))}(a);return n.cloneElement(e,{id:"expander-".concat(a),key:"expander-".concat(a),isExpanded:r,padding:s,color:x,large:p,"aria-expanded":r,className:i,handleExpanderClick:function(e){return function(e,n){M((function(e){return _?t({},n,!e[n]):Object.assign(Object.assign({},e),t({},n,!e[n]))})),S(e.currentTarget)}(e,"expander-".concat(a))}})}return e})))}));v.Expander=f,f.displayName="ExpanderList.Expander";export default v;export{v as ExpanderList};
+import{_ as e,a as n}from"../../_rollupPluginBabelHelpers-d0752906.js";import t,{useState as a,useEffect as i}from"react";import{I as r}from"../../Icon-89da8de4.js";import{A as o,I as d}from"../../constants-ad6c82db.js";import{C as s,a as l}from"../../ChevronUp-4b6797ef.js";import{u as c}from"../../useHover-037be19d.js";import{u as m,B as p}from"../../useBreakpoint-324a9b14.js";import{c as u}from"../../index-9b84fabc.js";import f from"./styles.module.scss";import"../../_tslib-51c8a283.js";import"../../useWindowSize-73b47451.js";import"../../grid-11a70eb7.js";var x=t.forwardRef((function(e,a){var i,x=e.id,v=e.children,g=e.padding,E=void 0===g||g,_=e.color,b=void 0===_?"neutral":_,h=e.className,j=void 0===h?"":h,k=e.icon,N=e.large,w=void 0!==N&&N,C=e.title,H=e.isExpanded,I=void 0!==H&&H,y=e.testId,B=e.handleExpanderClick,O=c(),R=O.hoverRef,S=O.isHovered,z=m(),W=u(f["expander-list-link"],f["expander-list-link--".concat(b)],(n(i={},f["expander-list-link--closed"],!I),n(i,f["expander-list-link--large"],w),i)),X=u(f["expander-list-link__main-content"],E?f["expander-list-link__main-content--padding"]:"");return t.createElement("li",{className:j,ref:a},t.createElement("button",{id:x,onClick:B,"data-testid":y,"data-analyticsid":o.Expander,className:W,ref:R},k&&t.createElement("span",{className:f["expander-list-link__icon"]},t.cloneElement(k,{size:z===p.Xs?d.XSmall:d.Small,isHovered:S})),t.createElement("span",{className:f["expander-list-link__title"]},C),t.createElement("span",{className:f["expander-list-link__chevron"]},t.createElement(r,{size:d.XSmall,svgIcon:I?s:l,isHovered:S}))),I?t.createElement("div",{className:X},v):null)})),v=t.forwardRef((function(r,d){var s=r.children,l=r.childPadding,c=void 0===l||l,m=r.large,p=r.isOpen,v=void 0!==p&&p,g=r.color,E=r.className,_=void 0===E?"":E,b=r.accordion,h=void 0!==b&&b,j=r.topBorder,k=void 0===j||j,N=r.bottomBorder,w=void 0===N||N,C=r.testId,H=a({}),I=e(H,2),y=I[0],B=I[1],O=a(),R=e(O,2),S=R[0],z=R[1],W=t.Children.count(s),X=u(f["expander-list"],_);return i((function(){var e,n,t,a,i;!h||!S||(e=S.getBoundingClientRect(),n=e.top,t=e.left,a=e.bottom,i=e.right,n>=0&&t>=0&&a<=(window.innerHeight||document.documentElement.clientHeight)&&i<=(window.innerWidth||document.documentElement.clientWidth))||S.scrollIntoView()}),[h,S]),i((function(){if(v){var e="expander-0";B((function(t){return h?n({},e,!t[e]):Object.assign(Object.assign({},t),n({},e,!t[e]))}))}}),[v]),t.createElement("ul",{className:X,ref:d,"data-testid":C,"data-analyticsid":o.ExpanderList},t.Children.map(s,(function(e,a){if(e.type===x){var i=y["expander-".concat(a)],r=function(e){var t;return u(f["expander-list__item"],(n(t={},f["expander-list__item--top"],0===e&&k),n(t,f["expander-list__item--no-bottom"],e===W-1&&!w),t))}(a);return t.cloneElement(e,{id:"expander-".concat(a),key:"expander-".concat(a),isExpanded:i,padding:c,color:g,large:m,"aria-expanded":i,className:r,handleExpanderClick:function(e){return function(e,t){B((function(e){return h?n({},t,!e[t]):Object.assign(Object.assign({},e),n({},t,!e[t]))})),z(e.currentTarget)}(e,"expander-".concat(a))}})}return e})))}));v.Expander=x,x.displayName="ExpanderList.Expander";export default v;export{v as ExpanderList};
 //# sourceMappingURL=index.js.map