@helsenorge/designsystem-react 0.0.3-dev.7 → 1.0.0-alpha-nye-spacers-2

package/components/Checkbox/index.js

@@ -0,0 +1,2 @@
+import{C as o}from"../../Checkbox-00f52a28.js";export{C as default}from"../../Checkbox-00f52a28.js";import"../../_rollupPluginBabelHelpers-d0752906.js";import"react";import"../../index-9b84fabc.js";import"../../uuid-8870ab4b.js";import"../../Check-6291ad09.js";import"../../constants-d919236e.js";import"../../_tslib-51c8a283.js";import"../../color-a10c7892.js";import"../../index-0e78dfa0.js";import"../../palette-f206f488.js";import"../../grid-11a70eb7.js";import"./styles.module.scss";
+//# sourceMappingURL=index.js.map

package/components/Checkbox/index.js.map

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

package/components/Checkbox/styles.module.scss

@@ -0,0 +1,203 @@
+@import '../../scss/_spacers.scss';
+@import '../../scss/_breakpoints.scss';
+@import '../../scss/_palette.scss';
+@import '../../scss/font-settings.scss';
+
+.checkbox-errors {
+  font-size: $font-size-sm;
+  font-weight: 600;
+  color: $cherry500;
+  margin-top: 0;
+}
+
+.checkbox-wrapper {
+  margin: getSpacer(s) 0;
+
+  &--with-error {
+    padding: getSpacer(s) getSpacer(2xs) getSpacer(m);
+    background-color: $cherry50;
+    border-left: 0.25rem solid $cherry500;
+
+    @media (min-width: map-get($grid-breakpoints, md)) {
+      padding: getSpacer(s) getSpacer(m) getSpacer(l);
+    }
+  }
+
+  &--with-error#{&}--bigform {
+    padding: getSpacer(m) getSpacer(m);
+  }
+
+  &--bigform {
+    margin: getSpacer(xs) 0 getSpacer(xs) 0;
+  }
+}
+
+.checkbox-wrapper:first-of-type {
+  margin-top: 0;
+}
+
+.checkbox-wrapper:last-of-type {
+  margin-bottom: 0;
+}
+
+.checkbox-label {
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  font-size: $font-size-sm;
+
+  @media (min-width: map-get($grid-breakpoints, md)) {
+    font-size: $font-size-md;
+  }
+
+  &--on-dark {
+    color: $white;
+  }
+
+  &--invalid {
+    color: $black;
+  }
+
+  &--disabled {
+    cursor: default;
+    color: $neutral400;
+  }
+
+  &--bigform {
+    padding: getSpacer(s);
+    background-color: $neutral50;
+  }
+
+  &--bigform#{&}--on-blueberry {
+    background-color: $blueberry50;
+  }
+
+  &--bigform#{&}--on-dark {
+    background-color: $blueberry800;
+  }
+
+  &--bigform#{&}--invalid {
+    background-color: $white;
+  }
+
+  @media (min-width: map-get($grid-breakpoints, md)) {
+    &--bigform {
+      padding: 1.68rem getSpacer(l);
+    }
+  }
+}
+
+.checkbox {
+  width: 0px;
+
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  -o-appearance: none;
+
+  &__icon-wrapper {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin: getSpacer(4xs) getSpacer(s) getSpacer(4xs) getSpacer(4xs);
+    height: 1.625rem;
+    width: 1.625rem;
+    min-width: auto !important;
+    min-height: auto !important;
+    color: $neutral700;
+    box-shadow: 0 0 0 getSpacer(4xs);
+
+    :hover > & {
+      box-shadow: 0 0 0 getSpacer(3xs);
+      background-color: $neutral100;
+    }
+
+    :active > & {
+      box-shadow: 0 0 0 getSpacer(3xs);
+      color: $black;
+    }
+
+    &--checked {
+      color: $blueberry500;
+
+      :hover > & {
+        background-color: $blueberry50;
+      }
+    }
+
+    &--on-blueberry {
+      color: $blueberry500;
+
+      :hover > & {
+        background-color: $blueberry100;
+      }
+    }
+
+    &--on-dark {
+      color: $neutral200;
+
+      :hover > & {
+        background-color: $inverted-hover;
+      }
+
+      &.checkbox__icon-wrapper--checked {
+        color: $blueberry200;
+      }
+
+      :active > & {
+        color: $white;
+      }
+    }
+
+    &--invalid {
+      color: $cherry500;
+
+      :hover > & {
+        background-color: $cherry100;
+      }
+
+      &.checkbox__icon-wrapper--checked {
+        color: $cherry500;
+      }
+
+      :active > & {
+        color: $black;
+      }
+    }
+
+    &--disabled {
+      color: $neutral400;
+      &.checkbox__icon-wrapper--checked {
+        color: $neutral400;
+      }
+      :hover > & {
+        box-shadow: 0 0 0 getSpacer(4xs);
+        background-color: transparent;
+      }
+
+      :active > & {
+        color: $neutral400;
+      }
+    }
+  }
+
+  &__icon {
+    position: relative;
+    top: 0.1rem;
+    right: 0.05rem;
+  }
+
+  &:focus {
+    & + .checkbox__icon-wrapper {
+      box-shadow: 0 0 0 getSpacer(3xs);
+      color: $black;
+
+      &--on-dark {
+        color: $white;
+      }
+
+      &--invalid {
+        color: $black;
+      }
+    }
+  }
+}

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

@@ -0,0 +1,26 @@
+export type Styles = {
+  checkbox: string;
+  checkbox__icon: string;
+  'checkbox__icon-wrapper': string;
+  'checkbox__icon-wrapper--checked': string;
+  'checkbox__icon-wrapper--disabled': string;
+  'checkbox__icon-wrapper--invalid': string;
+  'checkbox__icon-wrapper--on-blueberry': string;
+  'checkbox__icon-wrapper--on-dark': string;
+  'checkbox-errors': string;
+  'checkbox-label': string;
+  'checkbox-label--bigform': string;
+  'checkbox-label--disabled': string;
+  'checkbox-label--invalid': string;
+  'checkbox-label--on-blueberry': string;
+  'checkbox-label--on-dark': string;
+  'checkbox-wrapper': string;
+  'checkbox-wrapper--bigform': string;
+  'checkbox-wrapper--with-error': string;
+};
+
+export type ClassNames = keyof Styles;
+
+declare const styles: Styles;
+
+export default styles;

package/components/Close/Close.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export interface CloseProps {
+    /** Function is called when user clicks the button */
+    onClick?: () => void;
+    /** Sets the aria-label of the button */
+    ariaLabel?: string;
+    /** Sets the data-testid attribute. */
+    testId?: string;
+}
+declare const Close: (props: CloseProps) => JSX.Element;
+export default Close;
+//# sourceMappingURL=Close.d.ts.map

package/components/Close/Close.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Close.d.ts","sourceRoot":"","sources":["../../../src/components/Close/Close.tsx"],"names":[],"mappings":";AAOA,MAAM,WAAW,UAAU;IACzB,qDAAqD;IACrD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,KAAK,oCAgBV,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/components/Close/componentdata.json

@@ -0,0 +1,61 @@
+{
+  "props": {
+    "onClick": {
+      "defaultValue": null,
+      "description": "Function is called when user clicks the button",
+      "name": "onClick",
+      "parent": {
+        "fileName": "designsystem/src/components/Close/Close.tsx",
+        "name": "CloseProps"
+      },
+      "declarations": [
+        {
+          "fileName": "designsystem/src/components/Close/Close.tsx",
+          "name": "CloseProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "(() => void)"
+      }
+    },
+    "ariaLabel": {
+      "defaultValue": null,
+      "description": "Sets the aria-label of the button",
+      "name": "ariaLabel",
+      "parent": {
+        "fileName": "designsystem/src/components/Close/Close.tsx",
+        "name": "CloseProps"
+      },
+      "declarations": [
+        {
+          "fileName": "designsystem/src/components/Close/Close.tsx",
+          "name": "CloseProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "testId": {
+      "defaultValue": null,
+      "description": "Sets the data-testid attribute.",
+      "name": "testId",
+      "parent": {
+        "fileName": "designsystem/src/components/Close/Close.tsx",
+        "name": "CloseProps"
+      },
+      "declarations": [
+        {
+          "fileName": "designsystem/src/components/Close/Close.tsx",
+          "name": "CloseProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    }
+  }
+}

package/components/Close/index.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Close/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,SAAS,CAAC;AAE5B,eAAe,KAAK,CAAC"}

package/components/Close/index.js

@@ -0,0 +1,2 @@
+import{C as s}from"../../Close-a6cbd165.js";export{C as default}from"../../Close-a6cbd165.js";import"react";import"../../palette-f206f488.js";import"../../constants-d919236e.js";import"../../_tslib-51c8a283.js";import"../../X-8d8ff918.js";import"./styles.module.scss";import"../../useBreakpoint-324a9b14.js";import"../../_rollupPluginBabelHelpers-d0752906.js";import"../../useWindowSize-73b47451.js";import"../../grid-11a70eb7.js";
+//# sourceMappingURL=index.js.map

package/components/Close/index.js.map

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

package/components/Close/styles.module.scss

@@ -0,0 +1,32 @@
+@import '../../scss/_spacers.scss';
+@import '../../scss/_palette.scss';
+@import '../../scss/_breakpoints.scss';
+
+.close {
+  @media (max-width: map-get($grid-breakpoints, sm)) {
+    height: 2.375rem;
+    width: 2.375rem;
+  }
+
+  height: 3rem;
+  width: 3rem;
+  padding: 0;
+  border: 0;
+  background-color: transparent;
+  cursor: pointer;
+
+  &:hover,
+  &:active {
+    background-color: rgba(88, 170, 187, 0.1);
+  }
+  &:focus {
+    box-shadow: 0px 0px 0px 2px $black;
+    background-color: transparent;
+    border-radius: 0;
+    border: 0;
+    outline: none;
+  }
+  &:hover#{&}:hover{
+    background-color: rgba(88, 170, 187, 0.1);
+  }
+}

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

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

package/components/ExpanderList/ExpanderList.d.ts

@@ -0,0 +1,46 @@
+import React from 'react';
+import { PaletteNames } from '../../theme/palette';
+export declare type ExpanderListColors = PaletteNames;
+export declare type ExpanderType = React.ForwardRefExoticComponent<ExpanderProps & React.RefAttributes<HTMLLIElement>>;
+export interface ExpanderListCompound extends React.ForwardRefExoticComponent<ExpanderListProps & React.RefAttributes<HTMLUListElement>> {
+    Expander: ExpanderType;
+}
+interface ExpanderListProps {
+    /** Toggles accordion functionality for the expanders. */
+    accordion?: boolean;
+    /** Toggles the bottom border of the last child element. */
+    bottomBorder?: boolean;
+    /** Items in the ExpanderList */
+    children: React.ReactNode;
+    /** Toggles padding of child elements */
+    childPadding?: boolean;
+    /** Adds custom classes to the element. */
+    className?: string;
+    /** Changes the link list background color on hover. */
+    color?: ExpanderListColors;
+    /** Changes the font size. */
+    large?: boolean;
+    /** Opens the first item in the list. */
+    isOpen?: boolean;
+    /** Toggles the top border of the first child element. */
+    topBorder?: boolean;
+    /** Sets the data-testid attribute. */
+    testId?: string;
+}
+declare type Modify<T, R> = Omit<T, keyof R> & R;
+declare type ExpanderProps = Modify<React.HTMLAttributes<HTMLButtonElement>, {
+    id?: string;
+    title: JSX.Element | string;
+    children: React.ReactNode;
+    className?: string;
+    color?: ExpanderListColors;
+    icon?: React.ReactElement;
+    padding?: boolean;
+    isExpanded?: boolean;
+    large?: boolean;
+    testId?: string;
+    handleExpanderClick?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+}>;
+export declare const ExpanderList: ExpanderListCompound;
+export default ExpanderList;
+//# sourceMappingURL=ExpanderList.d.ts.map

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

@@ -0,0 +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"}

package/components/ExpanderList/componentdata.json

@@ -0,0 +1,224 @@
+{
+  "props": {
+    "accordion": {
+      "defaultValue": null,
+      "description": "Toggles accordion functionality for the expanders.",
+      "name": "accordion",
+      "parent": {
+        "fileName": "src/components/ExpanderList/ExpanderList.tsx",
+        "name": "ExpanderListProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/ExpanderList/ExpanderList.tsx",
+          "name": "ExpanderListProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "boolean"
+      }
+    },
+    "bottomBorder": {
+      "defaultValue": null,
+      "description": "Toggles the bottom border of the last child element.",
+      "name": "bottomBorder",
+      "parent": {
+        "fileName": "src/components/ExpanderList/ExpanderList.tsx",
+        "name": "ExpanderListProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/ExpanderList/ExpanderList.tsx",
+          "name": "ExpanderListProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "boolean"
+      }
+    },
+    "children": {
+      "defaultValue": null,
+      "description": "Items in the ExpanderList",
+      "name": "children",
+      "parent": {
+        "fileName": "src/components/ExpanderList/ExpanderList.tsx",
+        "name": "ExpanderListProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/ExpanderList/ExpanderList.tsx",
+          "name": "ExpanderListProps"
+        }
+      ],
+      "required": true,
+      "type": {
+        "name": "ReactNode"
+      }
+    },
+    "childPadding": {
+      "defaultValue": null,
+      "description": "Toggles padding of child elements",
+      "name": "childPadding",
+      "parent": {
+        "fileName": "src/components/ExpanderList/ExpanderList.tsx",
+        "name": "ExpanderListProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/ExpanderList/ExpanderList.tsx",
+          "name": "ExpanderListProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "boolean"
+      }
+    },
+    "className": {
+      "defaultValue": null,
+      "description": "Adds custom classes to the element.",
+      "name": "className",
+      "parent": {
+        "fileName": "src/components/ExpanderList/ExpanderList.tsx",
+        "name": "ExpanderListProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/ExpanderList/ExpanderList.tsx",
+          "name": "ExpanderListProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "color": {
+      "defaultValue": null,
+      "description": "Changes the link list background color on hover.",
+      "name": "color",
+      "parent": {
+        "fileName": "src/components/ExpanderList/ExpanderList.tsx",
+        "name": "ExpanderListProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/ExpanderList/ExpanderList.tsx",
+          "name": "ExpanderListProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "enum",
+        "raw": "\"banana\" | \"blueberry\" | \"cherry\" | \"kiwi\" | \"neutral\" | \"plum\" | \"black\" | \"white\" | undefined",
+        "value": [
+          {
+            "value": "undefined"
+          },
+          {
+            "value": "\"banana\""
+          },
+          {
+            "value": "\"blueberry\""
+          },
+          {
+            "value": "\"cherry\""
+          },
+          {
+            "value": "\"kiwi\""
+          },
+          {
+            "value": "\"neutral\""
+          },
+          {
+            "value": "\"plum\""
+          },
+          {
+            "value": "\"black\""
+          },
+          {
+            "value": "\"white\""
+          }
+        ]
+      }
+    },
+    "large": {
+      "defaultValue": null,
+      "description": "Changes the font size.",
+      "name": "large",
+      "parent": {
+        "fileName": "src/components/ExpanderList/ExpanderList.tsx",
+        "name": "ExpanderListProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/ExpanderList/ExpanderList.tsx",
+          "name": "ExpanderListProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "boolean"
+      }
+    },
+    "isOpen": {
+      "defaultValue": null,
+      "description": "Opens the first item in the list.",
+      "name": "isOpen",
+      "parent": {
+        "fileName": "src/components/ExpanderList/ExpanderList.tsx",
+        "name": "ExpanderListProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/ExpanderList/ExpanderList.tsx",
+          "name": "ExpanderListProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "boolean"
+      }
+    },
+    "topBorder": {
+      "defaultValue": null,
+      "description": "Toggles the top border of the first child element.",
+      "name": "topBorder",
+      "parent": {
+        "fileName": "src/components/ExpanderList/ExpanderList.tsx",
+        "name": "ExpanderListProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/ExpanderList/ExpanderList.tsx",
+          "name": "ExpanderListProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "boolean"
+      }
+    },
+    "testId": {
+      "defaultValue": null,
+      "description": "Sets the data-testid attribute.",
+      "name": "testId",
+      "parent": {
+        "fileName": "src/components/ExpanderList/ExpanderList.tsx",
+        "name": "ExpanderListProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/ExpanderList/ExpanderList.tsx",
+          "name": "ExpanderListProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    }
+  }
+}

package/components/ExpanderList/index.d.ts

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

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

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

package/components/ExpanderList/index.js

@@ -0,0 +1,2 @@
+import{_ as e,a as t}from"../../_rollupPluginBabelHelpers-d0752906.js";import n,{useState as a,useEffect as r}from"react";import{a as i,I as l}from"../../constants-d919236e.js";import{u as d}from"../../useHover-037be19d.js";import{u as o,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,B=d(),C=B.hoverRef,S=B.isHovered,I=o(),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:C},L&&n.createElement("span",{className:m["expander-list-link__icon"]},n.cloneElement(L,{size:I===s.Xs?i.XSmall:i.Small,isHovered:S})),n.createElement("span",{className:m["expander-list-link__title"]},z),n.createElement("span",{className:m["expander-list-link__chevron"]},n.createElement(l,{size:i.XSmall,svgIcon:H?p:u,isHovered:S}))),H?n.createElement("div",{className:V},v):null)})),v=n.forwardRef((function(i,l){var d=i.children,o=i.childPadding,s=void 0===o||o,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],B=a(),C=e(B,2),S=C[0],I=C[1],O=n.Children.count(d),V=c(m["expander-list"],h);return r((function(){var e,t,n,a,r;!_||!S||(e=S.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))||S.scrollIntoView()}),[_,S]),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(d,(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]))})),I(e.currentTarget)}(e,"expander-".concat(a))}})}return e})))}));v.Expander=f,f.displayName="ExpanderList.Expander";export default v;
+//# sourceMappingURL=index.js.map

package/components/ExpanderList/index.js.map

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